.page-wrapper {
max-width: 100%;
}
.layout {
margin: 0;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
body {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
body {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
body {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
/**** BREAKPOINTS PERSONALIZADOS ****/
header.header {
height: 0 !important;
}
.main-header {
background: #ffffff;
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
padding: 0.8rem 6.4rem;
z-index: 999;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: 1.6rem;
margin: 0 5rem;
min-height: 7.2rem;
position: relative;
top: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-header__menus {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 1039px) and (max-width: 1102px) {
.main-header {
padding: 0 32px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1038px) {
.main-header {
padding: 0 24px;
}
}
@media screen and (max-width: 767px) {
.main-header {
padding: 0 0.8rem;
margin: 0 16px;
}
}
@media screen and (max-width: 767px) {
.main-header.scrolled {
position: fixed !important;
top: 0 !important;
width: 100%;
margin: 0;
border-radius: 0;
}
}
@media screen and (max-width: 392px) {
.main-header {
padding: 0 0.8rem;
margin: 0 16px;
}
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .region-header {
display: none;
}
}
.main-header .center-menu {
-ms-flex-line-pack: center;
align-content: center;
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .center-menu {
display: none;
}
}
.main-header .region-primary-menu {
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .region-primary-menu {
display: none;
}
}
.main-header .menu--main {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .menu--main {
display: block;
}
}
.main-header .menu--main li {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.36px;
padding-right: 6.4rem;
}
@media screen and (max-width: 1799px) {
.main-header .menu--main li {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1479px) {
.main-header .menu--main li {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) {
.main-header .menu--main li {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.main-header .menu--main li {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.main-header .menu--main li {
padding-right: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.main-header .menu--main li {
padding-right: 3.6rem;
}
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .menu--main li {
width: -moz-fit-content;
width: fit-content;
padding-bottom: 3.2rem;
}
}
.main-header .menu--main li a {
color: #113546;
}
.main-header .menu--main li a:hover {
color: #00d17c;
}
.main-header .menu--main li .active {
color: #00d17c !important;
}
@media screen and (max-width: 1479px) {
.main-header .main-nav-action-mobile-visibility {
display: none;
}
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .main-nav-action-desktop-visibility {
display: none;
}
}
.main-header .navbar-btn {
margin: 0;
padding: 0;
}
.main-header .navbar-btn img {
height: 48px;
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.main-header .mobile-menu .region-header {
height: -moz-fit-content;
height: fit-content;
display: block;
}
.main-header-mobile {
display: block;
}
.header ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
background-color: #ffffff;
}
.header .menu-text {
transition: max-height 0.2s ease-out;
}
.header .menu-icon {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
padding-top: 12px;
padding-bottom: 12px;
}
.header .menu-icon button.main-nav-action-button {
margin-left: auto;
}
.header .menu-icon .navicon {
background: #113546;
display: block;
height: 2.4px;
position: relative;
transition: background 0.2s ease-out;
width: 24px;
border-radius: 20px;
margin: auto 8px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
background: #113546;
content: "";
display: block;
height: 100%;
position: absolute;
transition: all 0.2s ease-out;
width: 100%;
border-radius: 20px;
}
.header .menu-icon .navicon:before {
top: 5px;
}
.header .menu-icon .navicon:after {
top: -5px;
}
.header .menu-btn {
display: none;
}
.header .menu-btn:checked ~ .menu-text {
width: 100%;
height: -moz-fit-content;
height: fit-content;
}
.header .menu-btn:checked ~ .menu-text .region-primary-menu {
display: block;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}
}
.mobile-menu {
display: none;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 767px), screen and (max-width: 1023px) {
.mobile-menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 0;
}
}
.menu--main a.active-trail.is-active {
color: #00d17c !important;
}
.video-wrapper__main-video .close-icon {
content: url("/themes/custom/aptia/presentation/static/assets/icons/video-close-icon.svg");
position: absolute;
top: 3.2rem;
right: 6.4rem;
width: 72px;
height: 52px;
border-radius: 20px;
cursor: pointer;
background: rgba(217, 217, 217, 0.15);
-webkit-backdrop-filter: blur(12.5px);
backdrop-filter: blur(12.5px);
}
@media screen and (max-width: 1479px) {
.video-wrapper__main-video .close-icon {
width: 6.4rem;
height: 4.4rem;
}
}
@media screen and (max-width: 1279px) {
.video-wrapper__main-video .close-icon {
width: 6rem;
height: 4rem;
}
}
@media screen and (max-width: 767px), screen and (max-width: 1023px) {
.video-wrapper__main-video .close-icon {
top: 1.6rem;
right: 1.6rem;
}
}
.footer {
background-color: #f1f6f8;
color: #113546;
padding: 5.6rem 5.6rem 3.2rem 5.6rem;
margin-top: 0;
text-align: center;
border-top: none;
}
@media screen and (max-width: 767px) {
.footer {
padding-right: 2rem;
padding-left: 2rem;
}
}
.footer ol,
.footer ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer__inner-container {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
text-align: left;
color: #45545c;
}
@media screen and (max-width: 1279px) {
.footer__inner-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
}
}
.footer__inner-container-first-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.footer__inner-container-first-row__logo {
max-width: 280px;
width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer__inner-container-first-row__logo {
max-width: 25%;
}
}
@media screen and (max-width: 1023px) {
.footer__inner-container-first-row__logo {
max-width: 100%;
}
.footer__inner-container-first-row__logo .field--name-body, .footer__inner-container-first-row__logo .field--name-body > div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row !important;
flex-direction: row !important;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
.footer__inner-container-first-row__text {
font-size: 24px;
color: #45545C;
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer__inner-container-first-row__text {
max-width: 30%;
}
.footer__inner-container-first-row__text p, .footer__inner-container-first-row__text span {
font-size: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer__inner-container-first-row__input {
max-width: 45%;
}
}
@media screen and (max-width: 1279px) {
.footer__inner-container-first-row {
width: 100%;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 767px) {
.footer__inner-container-first-row {
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__inner-container-first-row > div:nth-child(1) {
width: 280px;
}
@media screen and (max-width: 767px) {
.footer__inner-container-first-row > div:nth-child(1) {
width: 100%;
}
}
.footer__inner-container-first-row > div.content {
width: calc(100% - 280px);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1279px) {
.footer__inner-container-first-row > div.content {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.footer__inner-container-first-row > div.content {
width: 100%;
}
}
.footer__inner-container-first-row > div.content > div:nth-child(1) {
width: calc(100% - 500px);
}
@media screen and (max-width: 1279px) {
.footer__inner-container-first-row > div.content > div:nth-child(1) {
width: 100%;
}
}
.footer__inner-container-first-row > div.content > div:nth-child(2) {
max-width: 500px;
width: 100%;
}
@media screen and (max-width: 1279px) {
.footer__inner-container-first-row > div.content > div:nth-child(2) {
max-width: 100%;
}
}
.footer__inner-container-first-row__form-mail-subscription {
width: 100%;
position: relative;
--input-height: 60px;
--vertical-padding: 12px;
}
.footer__inner-container-first-row__form-mail-subscription form {
width: 100%;
}
.footer__inner-container-first-row__form-mail-subscription form .webform-flex--container {
margin: 0;
}
.footer__inner-container-first-row__form-mail-subscription .webform-flexbox {
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
position: relative;
}
.footer__inner-container-first-row__form-mail-subscription .form-control {
width: 100%;
height: var(--input-height);
padding: 8px 6px 6px 22px;
font: 300 16px/24px "Mundial-Light", sans-serif;
border-radius: 32px !important;
border: none;
outline: none;
box-sizing: border-box;
padding-left: 24px;
max-width: 500px;
}
@media screen and (max-width: 1279px) {
.footer__inner-container-first-row__form-mail-subscription .form-control {
max-width: 100%;
}
}
.footer__inner-container-first-row__form-mail-subscription .webform-flex--1:nth-child(2) {
position: absolute;
top: 6px;
right: 6px;
padding: 0;
width: auto;
z-index: 2;
}
.footer__inner-container-first-row__form-mail-subscription .webform-button--submit {
margin-left: 0;
margin-right: 0;
width: 100%;
background-color: #008554;
border-radius: 32px !important;
border: none;
height: calc(100% - 4px);
padding: var(--vertical-padding) 1.5rem;
cursor: pointer;
color: white;
font-weight: bold;
transition: background-color 0.3s ease;
font: 300 16px/24px "Mundial-Light", sans-serif;
}
.footer__inner-container-first-row__form-mail-subscription .webform-button--submit:hover {
background-color: #005234;
}
.footer__inner-container .field p,
.footer__inner-container .field span {
font: 300 24px/32px "Mundial-Light", sans-serif;
}
@media screen and (max-width: 767px) {
.footer__inner-container .field p,
.footer__inner-container .field span {
font-size: 16px;
line-height: 24px;
}
}
.footer__inner-container2 {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 767px) {
.footer__inner-container2 .region-footer-2,
.footer__inner-container2 #block-aptia-aptiafooterlinks,
.footer__inner-container2 .field--name-body {
width: 100%;
}
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"],
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"],
.footer__inner-container2 .field--name-body > div[style*="display:flex"] {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center !important;
align-items: center !important;
text-align: center !important;
}
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"] > div,
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"] > div,
.footer__inner-container2 .field--name-body > div[style*="display:flex"] > div {
width: 100% !important;
padding-right: 0 !important;
text-align: center !important;
}
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"] > div h3,
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"] > div h5,
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"] > div h3,
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"] > div h5,
.footer__inner-container2 .field--name-body > div[style*="display:flex"] > div h3,
.footer__inner-container2 .field--name-body > div[style*="display:flex"] > div h5 {
text-align: center !important;
width: 100%;
}
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"] > div > div,
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"] > div > div,
.footer__inner-container2 .field--name-body > div[style*="display:flex"] > div > div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
.footer__inner-container2 .region-footer-2 > div[style*="display:flex"] > div > div a,
.footer__inner-container2 #block-aptia-aptiafooterlinks > div[style*="display:flex"] > div > div a,
.footer__inner-container2 .field--name-body > div[style*="display:flex"] > div > div a {
text-align: center;
display: block;
width: 100%;
}
}
.footer .region.region-footer-2 {
width: 100%;
max-width: 100%;
}
.footer #block-aptia-aptiafooterlinks {
width: 100%;
max-width: 100%;
}
.footer .field--name-body {
width: 100%;
max-width: 100%;
}
.footer .field--name-body > div[style*="display:flex"] {
width: 100% !important;
max-width: 100% !important;
}
.footer__inner-container3 {
padding-top: 28px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.footer__inner-container3 {
padding-top: 12px;
}
}
.footer__inner-container3-copyright {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 1279px) {
.footer__inner-container3-copyright {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 1279px) {
.footer__inner-container3 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__hr-class {
height: 1px;
border-width: 1px;
color: #b2bcc0;
background-color: #b2bcc0;
margin-top: 4.8rem;
margin-bottom: 4.8rem;
}
@media screen and (max-width: 767px) {
.footer__hr-class {
margin: 32px auto;
}
}
.footer__left-container {
width: 70%;
}
.footer__left-container--heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
padding-bottom: 6.4rem;
}
@media screen and (max-width: 1799px) {
.footer__left-container--heading {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--heading {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--heading {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--heading {
padding-bottom: 5.6rem;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--heading {
padding-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 2rem;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.footer__left-container--heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.footer__left-container--heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.footer__left-container--heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.footer__left-container--heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.footer__left-container--navs {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.36px;
padding-bottom: 6.4rem;
}
@media screen and (max-width: 1799px) {
.footer__left-container--navs {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs {
padding-bottom: 5.6rem;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs {
padding-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs {
padding-bottom: 3.2rem;
}
}
.footer__left-container--navs > div > nav {
margin-right: 12rem;
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs > div > nav {
margin-right: 10rem;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs > div > nav {
margin-right: 8rem;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav {
margin-right: 2rem;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav {
padding-bottom: 3.2rem;
}
}
.footer__left-container--navs > div > nav li {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.36px;
padding-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.footer__left-container--navs > div > nav li {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs > div > nav li {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs > div > nav li {
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav li {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs > div > nav li {
padding-bottom: 1.2rem;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs > div > nav li {
padding-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav li {
padding-bottom: 2rem;
}
}
.footer__left-container--navs > div > nav li:first-child {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
text-transform: uppercase;
padding-bottom: 2.4rem;
white-space: nowrap;
}
@media screen and (max-width: 1799px) {
.footer__left-container--navs > div > nav li:first-child {
font-size: 16px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs > div > nav li:first-child {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs > div > nav li:first-child {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav li:first-child {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
text-transform: none;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--navs > div > nav li:first-child {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--navs > div > nav li:first-child {
padding-bottom: 1.8rem;
}
}
.footer__left-container--navs > div > nav li:first-child a {
cursor: default;
pointer-events: none;
}
.footer__left-container--navs > div > nav a {
color: #113546;
}
@media screen and (max-width: 767px) {
.footer__left-container--navs > div > nav {
margin-right: 2rem;
}
}
.footer__left-container--statement {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.footer__left-container--statement {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.footer__left-container--statement {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.footer__left-container--statement {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.footer__left-container--statement {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.footer__right-container {
width: 30%;
text-align: right;
margin-left: 10%;
}
@media screen and (max-width: 1023px) {
.footer__right-container {
width: 40%;
margin-left: 0;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container {
margin-left: 0;
}
}
.footer__right-container--logo {
margin-top: -1.6rem;
margin-bottom: 6.4rem;
}
@media screen and (max-width: 1479px) {
.footer__right-container--logo {
margin-bottom: 5.6rem;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container--logo {
margin-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.footer__right-container--logo {
width: 12.8rem;
margin-bottom: 3.2rem;
}
}
.footer__right-container--logo img {
float: none;
max-width: 23.4rem;
max-height: 10rem;
}
@media screen and (max-width: 1279px) {
.footer__right-container--logo img {
width: 100%;
}
}
.footer__right-container--contactus a {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
border: solid 2px #113546;
border-radius: 50px;
padding: 3rem 3.9rem;
text-align: left;
width: -moz-max-content;
width: max-content;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 0;
margin-bottom: 6.4rem;
color: #113546;
}
@media screen and (max-width: 1799px) {
.footer__right-container--contactus a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.footer__right-container--contactus a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container--contactus a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.footer__right-container--contactus a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.footer__right-container--contactus a:hover {
text-decoration: none;
}
@media screen and (max-width: 1479px) {
.footer__right-container--contactus a {
margin-bottom: 5.6rem;
padding: 2.8rem 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container--contactus a {
margin-bottom: 0;
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.footer__right-container--contactus a {
padding: 1.8rem 2.4rem 1.8rem 2.4rem;
margin-bottom: 0px;
border-width: 1px;
}
}
.footer__right-container--contactus img {
margin-left: 4rem;
width: 4rem;
height: 4rem;
}
@media screen and (max-width: 1479px) {
.footer__right-container--contactus img {
margin-left: 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container--contactus img {
margin-left: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.footer__right-container--contactus img {
margin-left: 0.8rem;
width: 2.4rem;
height: 2.4rem;
}
}
.footer__right-container--contactus-and-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 1279px) {
.footer__right-container--contactus-and-icons {
-ms-flex-direction: column;
flex-direction: column;
}
}
.footer__right-container--socialicons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: end;
}
@media screen and (max-width: 767px) {
.footer__right-container--socialicons {
padding-left: 3.2rem;
}
}
.footer__right-container--socialicons .social-media-icons {
width: 3rem;
height: 6.2rem;
margin: 0 1.5rem;
}
@media screen and (max-width: 767px) {
.footer__right-container--socialicons .social-media-icons {
display: -ms-flexbox;
display: flex;
width: 2.4rem;
height: 2.4rem;
margin: 0;
}
}
.footer__right-container--socialicons .social-media-icons__center-icon {
margin: 0 2.8rem;
}
@media screen and (max-width: 1479px) {
.footer__right-container--socialicons .social-media-icons__center-icon {
margin: 0 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.footer__right-container--socialicons .social-media-icons__center-icon {
margin: 0 2rem;
}
}
@media screen and (max-width: 767px) {
.footer__right-container--socialicons .social-media-icons__center-icon {
margin: 0 1.6rem;
}
}
.footer .region-footer-3 {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1279px) {
.footer .region-footer-3 {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1279px) {
.footer .mobile-contactus-and-icons-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3rem;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer .mobile-contactus-and-icons-wrapper #block-aptia-footerbottomright {
width: 100%;
}
.footer-links {
padding: 48px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 60px;
}
@media screen and (max-width: 767px) {
.footer-links {
padding: 32px 0;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
}
.footer-links .col {
padding-right: 20px;
text-align: left;
}
@media screen and (max-width: 767px) {
.footer-links .col {
padding-right: 0;
}
}
.footer-links h2,
.footer-links h3,
.footer-links h4,
.footer-links h6 {
margin: 0 0 8px;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.footer-links h3 {
font-size: 1.6rem;
line-height: 2.4rem;
}
.footer-links h5 {
margin: 16px 0 8px;
font: 600 1.2rem/1.6rem Mundial-Demibold, sans-serif;
letter-spacing: 0;
}
.footer-links a,
.footer-links p,
.footer-links ul,
.footer-links ol {
font: 300 1.6rem/2.4rem "Mundial-Light", sans-serif;
}
.footer-links a {
color: #113546;
text-decoration-thickness: 1.5px;
text-underline-offset: 5px;
}
.footer-links ul {
margin: 0;
padding: 0;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.footer-additional-info {
text-align: left;
margin-top: 4.8rem;
}
@media screen and (max-width: 767px) {
.footer-additional-info {
padding-right: 20px;
padding-bottom: 12px;
margin-top: 0;
}
}
.footer-additional-info h2 {
margin: 0;
color: #45545c;
font: 300 3.2rem/4rem "Mundial-Light", sans-serif;
}
.footer-additional-info h2 a {
color: #008554;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
}
.footer #block-aptia-aptiacopyright, .footer #block-aptia-aptiacopyrightuk {
width: 100%;
}
.footer #block-aptia-aptiacopyright .field--name-body, .footer #block-aptia-aptiacopyrightuk .field--name-body {
color: #45545c;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
text-align: left;
}
.footer #block-aptia-aptiacopyright .field--name-body > p, .footer #block-aptia-aptiacopyrightuk .field--name-body > p {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.footer #block-aptia-aptiacopyright .field--name-body p,
.footer #block-aptia-aptiacopyright .field--name-body a, .footer #block-aptia-aptiacopyrightuk .field--name-body p,
.footer #block-aptia-aptiacopyrightuk .field--name-body a {
font-family: inherit;
font-weight: inherit;
}
.footer #block-aptia-aptiacopyright .field--name-body .legal, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal {
margin-top: 48px;
font: 300 14px/20px "Mundial-Light", sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.footer #block-aptia-aptiacopyright .field--name-body .legal, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal {
margin-top: 32px;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
}
}
.footer #block-aptia-aptiacopyright .field--name-body .legal ul, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 12px;
}
@media screen and (max-width: 767px) {
.footer #block-aptia-aptiacopyright .field--name-body .legal ul, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul {
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
row-gap: 4px;
}
}
.footer #block-aptia-aptiacopyright .field--name-body .legal ul li, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul li {
position: relative;
}
.footer #block-aptia-aptiacopyright .field--name-body .legal ul li:after, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul li:after {
width: 1px;
height: 16px;
margin-left: 12px;
background: #b2bcc0;
content: "";
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.footer #block-aptia-aptiacopyright .field--name-body .legal ul li:last-child, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul li:last-child {
width: 100%;
}
}
.footer #block-aptia-aptiacopyright .field--name-body .legal ul li:last-child:after, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul li:last-child:after {
display: none;
}
.footer #block-aptia-aptiacopyright .field--name-body .legal ul li a, .footer #block-aptia-aptiacopyrightuk .field--name-body .legal ul li a {
color: #113546;
font: 300 14px/20px "Mundial-Light", sans-serif;
}
.footer .aptia-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: start;
gap: 64px;
}
@media screen and (max-width: 767px) {
.footer .aptia-footer {
padding-bottom: 32px;
}
}
.footer .aptia-footer .footer-column {
padding-right: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.footer .aptia-footer .footer-column p {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.footer .aptia-footer .footer-column h3 {
margin: 0;
font-weight: 700;
color: #113546;
font-size: 16px;
}
.footer .aptia-footer .footer-column h5 {
margin: 0;
font-weight: 600;
color: #113546;
font-size: 12px;
line-height: 16px;
}
.footer .aptia-footer .footer-column a {
margin: 0;
font-family: "Mundial-Light", sans-serif;
color: #113546;
font-size: 16px;
text-decoration: none;
transition: color 0.3s ease;
line-height: 24px;
}
.footer .aptia-footer .footer-column a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.footer .aptia-footer {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: start;
}
.footer .aptia-footer .footer-column {
width: 100%;
}
.footer .aptia-footer .footer-column a {
display: inline-block;
width: 100%;
}
}
.aptia-desktop {
display: block;
}
@media screen and (max-width: 1279px) {
.aptia-desktop {
display: none;
}
}
.aptia-mobile {
display: none;
}
@media screen and (max-width: 1279px) {
.aptia-mobile {
display: block;
}
}
.nav > li > a {
padding: 0;
width: -moz-max-content;
width: max-content;
}
@media screen and (max-width: 767px) {
.nav > li > a {
width: unset;
}
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: transparent;
}
.about-aptia__spacing {
padding: 12rem 0rem 0rem 0rem;
}
@media screen and (max-width: 1479px) {
.about-aptia__spacing {
padding: 10rem 0rem 0rem 0rem;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__spacing {
padding: 8rem 0rem 0rem 0rem;
}
}
@media screen and (max-width: 767px) {
.about-aptia__spacing {
padding: 2rem 1.6rem 0rem 1.6rem;
}
}
.about-aptia__flex {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 767px) {
.about-aptia__flex {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
.about-aptia__content {
width: 55%;
}
@media screen and (max-width: 767px) {
.about-aptia__content {
width: 100%;
padding-bottom: 24px;
}
}
.about-aptia__content--indicators-container {
position: absolute;
top: 25%;
right: 15%;
transform: translateY(-50%);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-overflow-style: none;
scrollbar-width: none;
/* Internet Explorer 10+ */
}
@media screen and (max-width: 1479px) {
.about-aptia__content--indicators-container {
top: 20%;
right: 15%;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__content--indicators-container {
top: 16%;
right: 15%;
}
}
@media screen and (max-width: 767px) {
.about-aptia__content--indicators-container {
top: 18%;
right: 3%;
}
}
.about-aptia__scrollable-container {
position: relative;
overflow: hidden;
padding-bottom: 80px;
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container {
padding-bottom: 64px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container {
padding-bottom: 48px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container {
padding-bottom: 20px;
}
}
.about-aptia__scrollable-container--carousel-container {
width: 65%;
height: 333px;
overflow-y: scroll;
overscroll-behavior: auto !important;
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container {
width: 70%;
height: 180px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container {
height: 140px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container {
width: 90%;
height: 178px;
}
}
@supports (-moz-appearance: none) {
.about-aptia__scrollable-container--carousel-container {
overflow-y: hidden;
}
}
.about-aptia__scrollable-container--carousel-container--title-heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
}
@media screen and (max-width: 1799px) {
.about-aptia__scrollable-container--carousel-container--title-heading {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--title-heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container--title-heading {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--title-heading {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.about-aptia__scrollable-container--carousel-container--item {
height: 327px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 24px;
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--item {
height: 200px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container--item {
height: 170px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--item {
height: 175px;
}
}
.about-aptia__scrollable-container--carousel-container--green-heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
padding-bottom: 32px;
}
@media screen and (max-width: 1799px) {
.about-aptia__scrollable-container--carousel-container--green-heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--green-heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container--green-heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--green-heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--green-heading {
padding-bottom: 24px;
}
}
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
padding-bottom: 32px;
}
@media screen and (max-width: 1799px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
padding-bottom: 24px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--green-heading-about-component {
height: 12px;
}
}
.about-aptia__scrollable-container--carousel-container--description {
padding-right: 20px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--description {
width: 100%;
padding-right: 0px;
padding-top: 1.2rem;
}
}
@media screen and (max-width: 1799px) {
.about-aptia__scrollable-container--carousel-container--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__scrollable-container--carousel-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__scrollable-container--carousel-container--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__scrollable-container--carousel-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.about-aptia__facts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 3.2rem;
}
.about-aptia__facts .field--name-field-carousal-component {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1479px) {
.about-aptia__facts {
padding-bottom: 2.8rem;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__facts {
padding-bottom: 2.4rem;
}
}
.about-aptia__facts--item {
-ms-flex: 0 0 436px;
flex: 0 0 436px;
height: 188px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 90px;
scroll-snap-align: start;
padding: 36px 64px 24px 64px;
margin-right: 16px;
}
@media screen and (max-width: 1720px) {
.about-aptia__facts--item {
-ms-flex: 0 0 380px;
flex: 0 0 380px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__facts--item {
-ms-flex: 0 0 320px;
flex: 0 0 320px;
height: 156px;
padding: 28px 52px 20px 52px;
margin-right: 12px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__facts--item {
-ms-flex: 0 0 264px;
flex: 0 0 264px;
height: 120px;
padding: 24px 44px 16px 44px;
margin-right: 8px;
}
}
@media screen and (max-width: 1023px) {
.about-aptia__facts--item {
-ms-flex: 0 0 180px;
flex: 0 0 180px;
height: 120px;
padding: 20px 32px 16px 32px;
margin-right: 8px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__facts--item {
-ms-flex: 0 0 168px;
flex: 0 0 168px;
height: 80px;
padding: 12px 20px;
margin-right: 12px;
}
}
.about-aptia__facts--item--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
padding-bottom: 20px;
}
@media screen and (max-width: 1799px) {
.about-aptia__facts--item--title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__facts--item--title {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__facts--item--title {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__facts--item--title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__facts--item--title {
padding-bottom: 0px;
font-size: 16px;
font-weight: 600;
line-height: 20.8px;
}
}
.about-aptia__facts--item--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #d6d6d6;
}
@media screen and (max-width: 1799px) {
.about-aptia__facts--item--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__facts--item--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__facts--item--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__facts--item--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.about-aptia__facts--item--description {
width: 100%;
font-size: 14px;
font-weight: 200;
line-height: 18.2px;
}
}
.about-aptia__capsule {
width: 35%;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/green-capsule.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
margin-right: 10%;
position: relative;
}
@media screen and (max-width: 1199px) {
.about-aptia__capsule {
min-width: 350px;
}
}
@media screen and (max-width: 1023px) {
.about-aptia__capsule {
margin-right: 5%;
}
}
@media screen and (max-width: 767px) {
.about-aptia__capsule {
width: 100%;
margin-right: 0;
min-height: 350px;
max-width: 370px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: end;
position: relative;
right: 5%;
}
}
.about-aptia__image {
padding-left: 12rem;
position: absolute;
width: 100%;
max-width: 539px;
bottom: 0;
left: 6%;
}
@media screen and (max-width: 1720px) {
.about-aptia__image {
max-width: 475px;
left: 3%;
}
}
@media screen and (max-width: 1479px) {
.about-aptia__image {
padding-left: 10rem;
max-width: 425px;
left: 3%;
}
}
@media screen and (max-width: 1366px) {
.about-aptia__image {
max-width: 400px;
left: 1%;
}
}
@media screen and (max-width: 1279px) {
.about-aptia__image {
padding-left: 8rem;
max-width: 350px;
left: 4%;
}
}
@media screen and (max-width: 1199px) {
.about-aptia__image {
max-width: 350px;
}
}
@media screen and (max-width: 1023px) {
.about-aptia__image {
max-width: 325px;
left: 1%;
}
}
@media screen and (max-width: 767px) {
.about-aptia__image {
padding: 0px;
height: auto;
position: relative;
max-width: 260px;
max-height: 310px;
left: 6%;
}
}
@media screen and (max-width: 499px) {
.about-aptia__image {
left: 10%;
}
}
.indicator {
width: 10px;
height: 10px;
margin: 5px 0;
background-color: #ffffff;
opacity: 0.3;
border-radius: 300px;
transition: height 0.3s;
}
.indicator.active {
height: 32px;
background-color: #ffffff;
opacity: 1;
border-radius: 300px;
}
@media screen and (max-width: 767px) {
.indicator.active {
height: 24px;
}
}
.about-aptia__scrollable-container--carousel-container::-webkit-scrollbar {
display: none;
/* Safari and Chrome */
}
.about-aptia__facts .field--item {
width: 50%;
}
.aptia-journey {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.aptia-journey {
display: block;
}
}
.aptia-journey__left-container {
width: 50%;
padding: 16rem 0rem 0rem 12rem;
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container {
padding: 14rem 0rem 0rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container {
padding: 12rem 0rem 0rem 8rem;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container {
width: 100%;
padding: 4rem 1.6rem 1.6rem 1.6rem;
}
}
.aptia-journey__left-container--heading {
margin-bottom: 4rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
}
@media screen and (max-width: 1799px) {
.aptia-journey__left-container--heading {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container--heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container--heading {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--heading {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--heading {
margin-bottom: 1.6rem;
}
}
.aptia-journey__left-container--subheading {
margin-bottom: 4rem;
}
.aptia-journey__left-container--subheading p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.aptia-journey__left-container--subheading p {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container--subheading p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container--subheading p {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--subheading p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.aptia-journey__left-container--subheading p strong {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.aptia-journey__left-container--subheading p strong {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container--subheading p strong {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container--subheading p strong {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--subheading p strong {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--subheading {
margin-bottom: 1.6rem;
}
}
.aptia-journey__left-container a {
text-decoration: none;
}
.aptia-journey__left-container--know-more {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
text-decoration: none;
border: 2px solid #ffffff;
padding: 3.2rem 4rem;
border-radius: 50px;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 14rem;
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container--know-more {
margin-bottom: 12rem;
padding: 2.8rem 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container--know-more {
margin-bottom: 10rem;
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--know-more {
padding: 2rem;
margin-bottom: 0;
}
}
.aptia-journey__left-container--know-more--arrow-img {
width: 40px;
height: 40px;
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--know-more--arrow-img {
width: 24px;
height: 24px;
}
}
.aptia-journey__left-container--know-more--know-more-text {
text-decoration: none;
color: #ffffff;
margin-bottom: 0px;
margin-right: 3rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.aptia-journey__left-container--know-more--know-more-text {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__left-container--know-more--know-more-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__left-container--know-more--know-more-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--know-more--know-more-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__left-container--know-more--know-more-text {
margin-right: 20px;
}
}
.aptia-journey__left-container--know-more--know-more-text:hover {
color: #ffffff;
text-decoration: none;
}
.aptia-journey__right-container {
width: 50%;
position: relative;
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container {
width: 100%;
padding: 0 1.6rem;
}
}
.aptia-journey__right-container--vector-img {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/aptiaJourney-image-background.svg");
background-repeat: no-repeat;
background-size: contain;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: relative;
}
.aptia-journey__right-container--vector-img img {
max-width: 45rem;
margin-top: 16rem;
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--vector-img img {
max-width: 40rem;
margin-top: 14rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--vector-img img {
max-width: 36rem;
margin-top: 12rem;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--vector-img img {
max-width: 25rem;
margin-top: 4rem;
}
}
.aptia-journey__right-container--rentention {
position: absolute;
border-radius: 20px;
background: rgba(242, 241, 241, 0.8);
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
padding: 24px;
right: 63%;
bottom: 12rem;
animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--rentention {
bottom: 12%;
right: 60%;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--rentention {
bottom: 30.5%;
right: 49%;
padding: 14px;
}
}
.aptia-journey__right-container--rentention--year-text {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-journey__right-container--rentention--year-text {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--rentention--year-text {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--rentention--year-text {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--rentention--year-text {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.aptia-journey__right-container--rentention--type-text {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-journey__right-container--rentention--type-text {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--rentention--type-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--rentention--type-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--rentention--type-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.aptia-journey__right-container--rentention--img-tick {
position: absolute;
bottom: 4rem;
left: 81%;
width: 8rem;
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--rentention--img-tick {
left: 72%;
bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--rentention--img-tick {
width: 8rem;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--rentention--img-tick {
width: 7rem;
}
}
.aptia-journey__right-container--promotions {
position: absolute;
border-radius: 20px;
background: rgba(242, 241, 241, 0.8);
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
padding: 24px;
right: 14%;
bottom: 27.5rem;
animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@media screen and (max-width: 571px) {
.aptia-journey__right-container--promotions {
right: 14.5%;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--promotions {
bottom: 34%;
right: 12%;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--promotions {
bottom: 9.7%;
padding: 14px;
right: 12%;
}
}
.aptia-journey__right-container--promotions--year-text {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-journey__right-container--promotions--year-text {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--promotions--year-text {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--promotions--year-text {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--promotions--year-text {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.aptia-journey__right-container--promotions--type-text {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-journey__right-container--promotions--type-text {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-journey__right-container--promotions--type-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--promotions--type-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--promotions--type-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.aptia-journey__right-container--promotions--img-tick {
position: absolute;
bottom: 4rem;
left: 81%;
width: 8rem;
}
@media screen and (max-width: 1279px) {
.aptia-journey__right-container--promotions--img-tick {
width: 8rem;
bottom: 10%;
}
}
@media screen and (max-width: 767px) {
.aptia-journey__right-container--promotions--img-tick {
width: 7rem;
}
}
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 11px);
}
100% {
transform: translate(0, 0px);
}
}
.banner__inner-container {
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 767px) {
.banner__inner-container {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.banner__left-container {
width: 50%;
padding: 16rem 0rem 0rem 12rem;
}
@media screen and (max-width: 1479px) {
.banner__left-container {
padding: 14rem 0rem 0rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container {
padding: 12rem 0rem 0rem 8rem;
}
}
@media screen and (max-width: 767px) {
.banner__left-container {
width: 100%;
padding: 2.4rem 1.6rem 4rem 1.6rem;
}
}
.banner__left-container--heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
display: inline;
}
@media screen and (max-width: 1799px) {
.banner__left-container--heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.banner__left-container--heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.banner__left-container--heading_heart-gif {
width: 7rem;
}
.banner__left-container--sub-heading1 {
white-space: nowrap;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.banner__left-container--sub-heading1 {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.banner__left-container--sub-heading1 {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--sub-heading1 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--sub-heading1 {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.banner__left-container--sub-heading2 {
white-space: nowrap;
margin-bottom: 7rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.banner__left-container--sub-heading2 {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.banner__left-container--sub-heading2 {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--sub-heading2 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--sub-heading2 {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--sub-heading2 {
margin-bottom: 3rem;
}
}
.banner__left-container--contact-with-us--contact-text {
display: block;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
border: 2px solid #ffffff;
padding: 3.2rem 4rem;
border-radius: 50px;
margin-bottom: 14rem;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (max-width: 1799px) {
.banner__left-container--contact-with-us--contact-text {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.banner__left-container--contact-with-us--contact-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--contact-with-us--contact-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--contact-with-us--contact-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.banner__left-container--contact-with-us--contact-text {
padding: 2.8rem 3.6rem;
margin-bottom: 12rem;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--contact-with-us--contact-text {
padding: 2.4rem 3.2rem;
margin-bottom: 10rem;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--contact-with-us--contact-text {
padding: 2rem;
margin-bottom: 0px;
}
}
.banner__left-container--contact-with-us--contact-text img {
margin-left: 4rem;
}
@media screen and (max-width: 1479px) {
.banner__left-container--contact-with-us--contact-text img {
margin-left: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.banner__left-container--contact-with-us--contact-text img {
margin-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.banner__left-container--contact-with-us--contact-text img {
margin-left: 1.6rem;
width: 24px;
height: 24px;
}
}
.banner__left-container--contact-with-us--contact-text:hover {
color: #ffffff;
text-decoration: none;
}
.banner__right-container {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.banner__right-container {
width: 100%;
}
}
.banner__right-container--capsule-img-container {
width: 58rem;
position: absolute;
}
@media screen and (min-width: 1720px) {
.banner__right-container--capsule-img-container {
width: 72rem;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--capsule-img-container {
width: 52rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--capsule-img-container {
width: 40rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--capsule-img-container {
width: 32rem;
}
}
.banner__right-container--shield-img {
position: absolute;
top: 13rem;
right: 43rem;
animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@media screen and (min-width: 1720px) {
.banner__right-container--shield-img {
top: 6rem;
right: 48rem;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--shield-img {
top: 8rem;
right: 37rem;
width: 16rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--shield-img {
top: 9rem;
right: 29rem;
width: 13rem;
}
}
@media screen and (max-width: 571px) {
.banner__right-container--shield-img {
left: 19%;
top: 14%;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--shield-img {
width: 23%;
left: 10%;
top: 17%;
}
}
.banner__right-container--simely-senior-img {
position: absolute;
width: 58rem;
}
@media screen and (min-width: 1720px) {
.banner__right-container--simely-senior-img {
width: 72rem;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--simely-senior-img {
width: 52rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--simely-senior-img {
width: 40rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--simely-senior-img {
width: 32rem;
position: relative;
}
}
.banner__right-container--pension-schemes {
position: absolute;
display: -ms-flexbox;
display: flex;
animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
bottom: 23rem;
right: 47rem;
}
@media screen and (min-width: 1720px) {
.banner__right-container--pension-schemes {
bottom: 23rem;
right: 47rem;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--pension-schemes {
bottom: 22rem;
right: 45rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--pension-schemes {
bottom: 5rem;
right: 34rem;
}
}
@media screen and (max-width: 1023px) {
.banner__right-container--pension-schemes {
bottom: 13rem;
right: 32rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--pension-schemes {
display: none;
}
}
.banner__right-container--pension-schemes--schemes-container {
border-radius: 20px;
background: rgba(242, 241, 241, 0.8);
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
padding: 24px;
}
.banner__right-container--pension-schemes--schemes-container--img-tick {
position: absolute;
bottom: 4rem;
right: 79%;
}
@media screen and (max-width: 1479px) {
.banner__right-container--pension-schemes--schemes-container--img-tick {
width: 7rem;
top: -2rem;
left: -3rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--pension-schemes--schemes-container--img-tick {
width: 6rem;
top: -2rem;
left: -2rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--pension-schemes--schemes-container--img-tick {
width: 6rem;
top: -2rem;
left: -2rem;
}
}
.banner__right-container--pension-schemes--schemes-container--scheme-value {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
font-weight: 600;
margin-bottom: 0.4rem;
}
@media screen and (max-width: 1799px) {
.banner__right-container--pension-schemes--schemes-container--scheme-value {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--pension-schemes--schemes-container--scheme-value {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--pension-schemes--schemes-container--scheme-value {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--pension-schemes--schemes-container--scheme-value {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.banner__right-container--pension-schemes--schemes-container--scheme-desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.banner__right-container--pension-schemes--schemes-container--scheme-desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--pension-schemes--schemes-container--scheme-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--pension-schemes--schemes-container--scheme-desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--pension-schemes--schemes-container--scheme-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.banner__right-container--responsible-employees {
position: absolute;
display: -ms-flexbox;
display: flex;
animation-name: floating;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
bottom: 33rem;
right: 5rem;
}
@media screen and (max-width: 1479px) {
.banner__right-container--responsible-employees {
bottom: 30rem;
right: 6rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--responsible-employees {
bottom: 9rem;
right: 6rem;
}
}
@media screen and (max-width: 1023px) {
.banner__right-container--responsible-employees {
bottom: 16rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees {
bottom: 31rem;
right: 2rem;
}
}
.banner__right-container--responsible-employees--employees-container {
border-radius: 20px;
background: rgba(242, 241, 241, 0.8);
-webkit-backdrop-filter: blur(17px);
backdrop-filter: blur(17px);
padding: 24px;
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees--employees-container {
padding: 1.2rem 1.6rem;
}
}
.banner__right-container--responsible-employees--employees-container--img-tick {
position: absolute;
bottom: 4rem;
left: 79%;
}
@media screen and (max-width: 1479px) {
.banner__right-container--responsible-employees--employees-container--img-tick {
width: 7rem;
top: -2rem;
right: -3rem;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--responsible-employees--employees-container--img-tick {
width: 6rem;
top: -2rem;
right: -2rem;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees--employees-container--img-tick {
width: 6rem;
top: -2rem;
right: -2rem;
}
}
.banner__right-container--responsible-employees--employees-container--employees-value {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
font-weight: 600;
margin-bottom: 0.4rem;
}
@media screen and (max-width: 1799px) {
.banner__right-container--responsible-employees--employees-container--employees-value {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--responsible-employees--employees-container--employees-value {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--responsible-employees--employees-container--employees-value {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees--employees-container--employees-value {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees--employees-container--employees-value {
margin-bottom: 0;
}
}
.banner__right-container--responsible-employees--employees-container--employees-desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
}
@media screen and (max-width: 1799px) {
.banner__right-container--responsible-employees--employees-container--employees-desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.banner__right-container--responsible-employees--employees-container--employees-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.banner__right-container--responsible-employees--employees-container--employees-desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.banner__right-container--responsible-employees--employees-container--employees-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 11px);
}
100% {
transform: translate(0, 0px);
}
}
.aptia-specialisation {
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.aptia-specialisation {
display: block;
}
}
.aptia-specialisation__left-container {
width: 60%;
padding: 16rem 0rem 18rem 12rem;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container {
width: 50%;
padding: 14rem 0rem 16rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container {
width: 50%;
padding: 12rem 0rem 12rem 8rem;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container {
width: 100%;
padding: 4rem 1.6rem 0rem 1.6rem;
}
}
.aptia-specialisation__left-container--heading {
margin-bottom: 5rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.aptia-specialisation__left-container--heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container--heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--heading {
margin-bottom: 3.2rem;
}
}
.aptia-specialisation__left-container--main-container {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.aptia-specialisation__left-container--main-container--image {
height: 7.2rem;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--image {
height: 7.4rem;
width: 7.4rem;
}
}
.aptia-specialisation__left-container--main-container--parent {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--parent {
padding-bottom: 3.2rem;
}
}
.aptia-specialisation__left-container--main-container--separator {
content: "";
background-color: #000;
position: absolute;
width: 5px;
height: 70px;
top: 10px;
left: 50%;
display: block;
margin-top: 1rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container {
display: block;
}
}
.aptia-specialisation__left-container--main-container--sec-container {
padding: 0rem 2.4rem 0rem 4.8rem;
height: 280px;
overflow: hidden;
width: 100%;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container--main-container--sec-container {
padding: 0rem 1.6rem 0rem 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--sec-container {
padding: 0rem 1.2rem 0rem 2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--sec-container {
height: auto;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--sec-container {
border: none;
width: 100%;
padding: 0rem;
height: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
}
.aptia-specialisation__left-container--main-container--inner-container {
padding: 0rem 2.4rem 0rem 4.8rem;
width: 100%;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container--main-container--inner-container {
padding: 0rem 1.6rem 0rem 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--inner-container {
padding: 0rem 1.2rem 0rem 2rem;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--inner-container {
border: none;
width: 100%;
padding: 0rem;
height: auto;
display: -ms-flexbox;
display: flex;
}
}
.aptia-specialisation__left-container--main-container--wrapper {
display: block;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--wrapper {
height: 7.4rem;
}
}
.aptia-specialisation__left-container--main-container--img-title {
margin-top: 2.4rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
@media screen and (max-width: 1799px) {
.aptia-specialisation__left-container--main-container--img-title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container--main-container--img-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--img-title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--img-title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--img-title {
display: block;
width: 100%;
margin-left: 1.6rem;
margin-top: 0;
}
}
.aptia-specialisation__left-container--main-container--img-desc {
display: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.aptia-specialisation__left-container--main-container--img-desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__left-container--main-container--img-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--img-desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--img-desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--img-desc {
margin-left: 1.6rem;
}
}
.aptia-specialisation__left-container--main-container a {
display: none;
}
.aptia-specialisation__left-container--main-container a img {
background-color: #00d17c;
transform: rotate(-45deg);
border-radius: 100px;
width: 40px;
height: 40px;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container a img {
margin: 0.8rem 0 0 1.6rem;
transform: rotate(0);
width: 28px;
height: 28px;
}
}
.aptia-specialisation__left-container--main-container--sec-container:hover {
height: 280px;
overflow: scroll;
background-position: bottom;
transition-timing-function: ease-in-out;
transition: transform 2s;
scrollbar-width: none;
}
.aptia-specialisation__left-container--main-container--sec-container:hover .aptia-specialisation__left-container--main-container--img-title {
color: #00d17c;
margin-top: 0rem;
}
.aptia-specialisation__left-container--main-container--sec-container:hover .aptia-specialisation__left-container--main-container--image {
display: none;
transform: translate(50%);
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--sec-container:hover .aptia-specialisation__left-container--main-container--image {
display: block;
transform: none;
height: 7.4rem;
width: 7.4rem;
}
}
.aptia-specialisation__left-container--main-container--sec-container:hover .aptia-specialisation__left-container--main-container--img-desc {
display: block;
}
.aptia-specialisation__left-container--main-container--sec-container:hover a {
display: block;
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__left-container--main-container--sec-container:hover {
height: auto;
}
}
.aptia-specialisation__left-container--main-container--sec-container:hover::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--sec-container:hover {
height: auto;
}
}
.aptia-specialisation__right-container {
width: 40%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__right-container {
width: 50%;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__right-container {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__right-container {
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
}
.aptia-specialisation__right-container--green-capsule-img {
position: absolute;
max-width: 68rem;
bottom: 0;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__right-container--green-capsule-img {
max-width: 62rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__right-container--green-capsule-img {
max-width: 38rem;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__right-container--green-capsule-img {
max-width: 40rem;
}
}
@media screen and (max-width: 499px) {
.aptia-specialisation__right-container--green-capsule-img {
max-width: 36rem;
}
}
.aptia-specialisation__right-container--couple-img {
max-width: 76rem;
position: absolute;
bottom: 0;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation__right-container--couple-img {
max-width: 68rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation__right-container--couple-img {
max-width: 44rem;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation__right-container--couple-img {
right: 1rem;
max-width: 42rem;
position: relative;
}
}
@media screen and (max-width: 499px) {
.aptia-specialisation__right-container--couple-img {
max-width: 38rem;
}
}
.aptia-specialisation__left-container--main-container .field--items {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container .field--items {
display: block;
}
}
.aptia-specialisation__left-container--main-container .field--item {
width: 33.33%;
}
.aptia-specialisation__left-container--main-container .field--item:first-child .aptia-specialisation__left-container--main-container--sec-container,
.aptia-specialisation__left-container--main-container .field--item:first-child .aptia-specialisation__left-container--main-container--inner-container {
padding: 0 2rem 0 0;
}
.aptia-specialisation__left-container--main-container .field--item:last-child .separator-line {
display: none;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container .field--item {
width: 100%;
}
.aptia-specialisation__left-container--main-container .field--item .separator-line {
display: none;
}
}
.aptia-specialisation__left-container--main-container--img-title .field--item {
width: 85%;
}
@media screen and (max-width: 767px) {
.aptia-specialisation__left-container--main-container--img-title .field--item {
width: 100%;
}
}
.aptia-specialisation-border .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.aptia-specialisation-border .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.aptia-specialisation-border .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.aptia-specialisation-border .On {
border-radius: 0 0 32px 32px;
}
}
.static-page-notices-banner {
padding: 12rem;
border-radius: 0 0 10rem 10rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.static-page-notices-banner a {
color: #00d17c;
text-decoration: underline;
}
@media screen and (max-width: 1479px) {
.static-page-notices-banner {
padding: 10rem;
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-notices-banner {
padding: 8rem;
border-radius: 0 0 6rem 6rem;
}
}
@media screen and (max-width: 767px) {
.static-page-notices-banner {
padding: 2.4rem 1.6rem 6.4rem;
border-radius: 0 0 4rem 4rem;
display: block;
}
}
.static-page-notices-banner__text-container {
width: 70%;
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__text-container {
width: 100%;
}
}
.static-page-notices-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 80px;
letter-spacing: -1.6px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.static-page-notices-banner__text-container--title {
font-size: 64px;
line-height: 1;
letter-spacing: -1.28px;
}
}
@media screen and (max-width: 1479px) {
.static-page-notices-banner__text-container--title {
font-size: 52px;
line-height: 1;
letter-spacing: -1.04px;
}
}
@media screen and (max-width: 1279px) {
.static-page-notices-banner__text-container--title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__text-container--title {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.6px;
}
}
.static-page-notices-banner__text-container--description-wrapper {
margin-top: 7.2rem;
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__text-container--description-wrapper {
margin-top: 2.8rem;
}
}
.static-page-notices-banner__text-container--description-wrapper p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.static-page-notices-banner__text-container--description-wrapper p {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-notices-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-notices-banner__text-container--description-wrapper p {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.static-page-notices-banner__image-container {
margin: 0rem 12rem 0rem 17.5rem;
}
@media screen and (max-width: 1479px) {
.static-page-notices-banner__image-container {
margin: 0rem 10rem 0rem 14.5rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-notices-banner__image-container {
margin: 0rem 8rem 0rem 11.5rem;
}
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__image-container {
margin: 0;
margin-bottom: 2.4rem;
text-align: right;
}
}
.static-page-notices-banner__image-container--image {
margin: auto;
}
@media screen and (max-width: 1479px) {
.static-page-notices-banner__image-container--image {
width: 16rem;
height: 16rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-notices-banner__image-container--image {
width: 12rem;
height: 12rem;
}
}
@media screen and (max-width: 767px) {
.static-page-notices-banner__image-container--image {
height: 8.8rem;
width: 8.8rem;
margin: 0;
float: none;
}
}
.static-page-body {
display: -ms-flexbox;
display: flex;
padding: 4rem 12rem;
background-color: #ffffff;
}
.static-page-body a {
color: #00d17c;
text-decoration: underline;
}
@media screen and (max-width: 1479px) {
.static-page-body {
padding: 3rem 10rem 10rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-body {
padding: 2rem 8rem 8rem 8rem;
}
}
.static-page-body tr {
border-bottom: 1px solid #d6d6d6;
}
.static-page-body tr:last-child {
border-bottom: none;
}
@media screen and (max-width: 767px) {
.static-page-body {
padding: 1.6rem;
}
.static-page-body tr {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.static-page-body .static-page-body-col-1 {
display: -ms-flexbox;
display: flex;
padding: 8rem 0rem;
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-col-1 {
padding: 6rem 0rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-col-1 {
padding: 4rem 0rem;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-col-1 {
padding: 1.6rem 0rem;
}
}
.static-page-body .static-page-body-col-1 .static-page-body-number {
color: #00d17c;
font-size: 6rem;
margin: 0;
font-weight: 400 !important;
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-col-1 .static-page-body-number {
font-size: 5rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-col-1 .static-page-body-number {
font-size: 4rem;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-col-1 .static-page-body-number {
font-size: 2.4rem;
}
}
.static-page-body .static-page-body-col-1 .static-page-body-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
margin: 0 0 0 10%;
width: 60%;
}
@media screen and (max-width: 1799px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
margin: 0 0 0 8%;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
margin: 0 0 0 6%;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-col-1 .static-page-body-title {
width: 100%;
margin: 0 0 0 1.6rem;
}
}
.static-page-body .static-page-body-description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
width: 65%;
padding: 8rem 0rem;
}
@media screen and (max-width: 1799px) {
.static-page-body .static-page-body-description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.static-page-body .static-page-body-description {
padding: 6rem 0rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-body .static-page-body-description {
padding: 4rem 0rem;
}
}
@media screen and (max-width: 767px) {
.static-page-body .static-page-body-description {
width: 100%;
padding: 1.6rem 0rem;
}
}
.static-page-body strong {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.static-page-body strong {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-body strong {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-body strong {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-body strong {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.static-page-body ul li::marker {
color: #00d17c;
}
.cookie-uses-text {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
margin-top: 120px;
margin-left: 120px;
}
@media screen and (max-width: 1799px) {
.cookie-uses-text {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.cookie-uses-text {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.cookie-uses-text {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.cookie-uses-text {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.cookie-uses-text {
display: none;
}
}
.cookie-table {
border-collapse: collapse;
border-radius: 24px;
background: rgba(0, 209, 124, 0.05);
margin: 56px 120px 120px;
padding: 80px 143px;
box-sizing: border-box;
}
@media screen and (max-width: 1479px) {
.cookie-table {
margin: 10rem;
padding: 80px 100px;
}
}
@media screen and (max-width: 1279px) {
.cookie-table {
margin: 8rem;
padding: 80px;
}
}
.cookie-table .cookie-table-heading {
color: #00d17c;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
@media screen and (max-width: 1799px) {
.cookie-table .cookie-table-heading {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.cookie-table .cookie-table-heading {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.cookie-table .cookie-table-heading {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.cookie-table .cookie-table-heading {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.cookie-table td,
.cookie-table th {
border: 1px solid #d6d6d6;
}
.cookie-table th {
padding-bottom: 62px;
}
.cookie-table th:last-child {
padding-left: 144px;
}
@media screen and (max-width: 1479px) {
.cookie-table th:last-child {
padding-left: 40px;
}
}
.cookie-table td {
padding: 40px 0px;
}
.cookie-table td:first-child {
padding-right: 144px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.cookie-table td:first-child {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookie-table td:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookie-table td:first-child {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookie-table td:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.cookie-table td:first-child {
padding-right: 40px;
}
}
.cookie-table td:last-child {
padding-left: 144px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.cookie-table td:last-child {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1479px) {
.cookie-table td:last-child {
padding-left: 40px;
}
}
.cookie-table tr:last-child td {
padding-bottom: 0;
}
.cookie-table tr:first-child {
border-top: 0;
}
.cookie-table tr:first-child th {
border-top: 0;
}
.cookie-table tr:last-child td {
border-bottom: 0;
}
.cookie-table tr td:first-child,
.cookie-table tr th:first-child {
border-left: 0;
}
.cookie-table tr td:last-child,
.cookie-table tr th:last-child {
border-right: 0;
}
@media screen and (max-width: 767px) {
.cookie-table {
background-color: #ffffff;
border-radius: 0;
margin: 40px 16px;
padding: 0;
}
.cookie-table .cookie-table-heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.cookie-table .cookie-table-heading {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.cookie-table .cookie-table-heading {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.cookie-table .cookie-table-heading {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.cookie-table .cookie-table-heading {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.cookie-table tr:last-child td {
padding-bottom: 24px;
}
.cookie-table th {
padding: 24px 0;
}
.cookie-table th:last-child {
padding-left: 16px;
}
.cookie-table td {
padding: 24px 0;
}
.cookie-table td:first-child {
padding-right: 16px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.cookie-table td:first-child {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.cookie-table td:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.cookie-table td:first-child {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.cookie-table td:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.cookie-table td:last-child {
padding-left: 16px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.cookie-table td:last-child {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.cookie-table td:last-child {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.recruitment-process-bg .Light tr {
color: #113546;
}
.recruitment-process-bg .Dark tr {
color: #ffffff;
}
.recruitment-process-bg .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.recruitment-process-bg .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.recruitment-process-bg .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.recruitment-process-bg .On {
border-radius: 0 0 32px 32px;
}
}
.recruitment-process-bg .Off {
border-radius: 0;
}
@media screen and (max-width: 767px) {
.recruitment-process-bg .cookie-table {
background-color: none;
background: none;
}
}
.view-faqs {
background-color: #ffffff;
padding: 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.view-faqs {
padding: 10rem 10rem 5.6rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.view-faqs {
padding: 8rem 8rem 4.8rem 8rem;
}
}
@media screen and (max-width: 767px) {
.view-faqs {
padding: 1.2rem 1.6rem 4rem 1.6rem;
}
}
.view-faqs .sticky_faq_tabs {
position: sticky;
z-index: 20;
top: 13rem;
}
@media screen and (max-width: 1479px) {
.view-faqs .sticky_faq_tabs {
top: 12.2rem;
}
}
@media screen and (max-width: 1279px) {
.view-faqs .sticky_faq_tabs {
top: 11.4rem;
}
}
@media screen and (max-width: 767px) {
.view-faqs .sticky_faq_tabs {
top: 10.2rem;
}
}
.faqs {
border-bottom: 1px solid #d6d6d6;
}
.faqs .faq_accordion {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
background-color: #ffffff;
border: none;
color: #113546;
cursor: pointer;
padding: 4.8rem 0px;
width: 100%;
text-align: left;
outline: none;
transition: 0.5s;
}
@media screen and (max-width: 1799px) {
.faqs .faq_accordion {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.faqs .faq_accordion {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.faqs .faq_accordion {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_accordion {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.faqs .faq_accordion {
padding: 4rem 0px;
}
}
@media screen and (max-width: 1279px) {
.faqs .faq_accordion {
padding: 3.6rem 0px;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_accordion {
padding: 3.2rem 0px;
}
}
.faqs .faq_accordion::after {
content: "";
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/ic_plus.svg");
color: #113546;
float: right;
width: 2.4rem;
height: 2.4rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.faqs .faq_active {
border: none;
color: #00d17c;
padding: 4.8rem 0px 3.2rem 0px;
}
@media screen and (max-width: 1479px) {
.faqs .faq_active {
padding: 4rem 0px 2.8rem 0px;
}
}
@media screen and (max-width: 1279px) {
.faqs .faq_active {
padding: 3.6rem 0px 2.4rem 0px;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_active {
padding: 3.2rem 0px 2rem 0px;
}
}
.faqs .faq_active::after {
content: "";
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/ic_minus.svg");
}
.faqs .faq_panel {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
width: 75%;
padding: 0px;
color: #113546;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-out;
}
@media screen and (max-width: 1799px) {
.faqs .faq_panel {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.faqs .faq_panel {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.faqs .faq_panel {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_panel {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_panel {
width: 80%;
}
}
.faqs .faq_active_panel {
margin-bottom: 6.4rem;
}
@media screen and (max-width: 1479px) {
.faqs .faq_active_panel {
margin-bottom: 5.6rem;
}
}
@media screen and (max-width: 1279px) {
.faqs .faq_active_panel {
margin-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.faqs .faq_active_panel {
margin-bottom: 3.2rem;
}
}
.aptia_faqs_tabs {
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
margin: 3rem 0px;
padding: 2rem 0px;
background-color: #ffffff;
}
@media screen and (max-width: 1479px) {
.aptia_faqs_tabs {
margin: 2.4rem 0px;
}
}
@media screen and (max-width: 1279px) {
.aptia_faqs_tabs {
margin: 2rem 0px;
}
}
@media screen and (max-width: 767px) {
.aptia_faqs_tabs {
margin: 1.6rem 0px;
}
}
.aptia_faqs_tabs::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 767px) {
.aptia_faqs_tabs .bef-links {
overflow: scroll;
}
}
.aptia_faqs_tabs .bef-links ul {
display: -ms-flexbox;
display: flex;
padding: 0px;
}
.aptia_faqs_tabs .bef-links ul li {
list-style-type: none;
margin-right: 2.4rem;
}
.aptia_faqs_tabs .bef-links ul li a {
display: -ms-inline-flexbox;
display: inline-flex;
background-color: #f4f6f8;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
border-radius: 5rem;
padding: 2.4rem 4rem;
text-align: left;
width: -moz-max-content;
width: max-content;
-ms-flex-align: center;
align-items: center;
color: #113546;
text-decoration: none;
}
@media screen and (max-width: 1799px) {
.aptia_faqs_tabs .bef-links ul li a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia_faqs_tabs .bef-links ul li a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia_faqs_tabs .bef-links ul li a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia_faqs_tabs .bef-links ul li a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.aptia_faqs_tabs .bef-links ul li a {
padding: 2rem 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia_faqs_tabs .bef-links ul li a {
padding: 1.6rem 2.8rem;
}
}
@media screen and (max-width: 767px) {
.aptia_faqs_tabs .bef-links ul li a {
display: -ms-flexbox;
display: flex;
height: 4.8rem;
padding: 0.8rem 2.4rem;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
}
@media screen and (max-width: 1479px) {
.aptia_faqs_tabs .bef-links ul li {
margin-right: 2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia_faqs_tabs .bef-links ul li {
margin-right: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.aptia_faqs_tabs .bef-links ul li {
margin-bottom: 0px;
border-width: 1px;
margin-right: 0.8rem;
}
}
.aptia_faqs_tabs .bef-links ul li:first-child {
display: none;
}
.aptia_faqs_tabs .bef-links ul li .bef-link--selected {
background-color: #00d17c;
}
.faq_banner {
background-color: #113546;
padding: 16rem 12rem;
height: auto;
width: 100%;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
display: block;
}
@media screen and (max-width: 1479px) {
.faq_banner {
padding: 14rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.faq_banner {
padding: 12rem 8rem;
}
}
@media screen and (max-width: 767px) {
.faq_banner {
margin-bottom: 2.4rem;
padding: 0px 1.6rem;
display: -ms-flexbox;
display: flex;
height: 26.9rem;
border-bottom-left-radius: 5rem;
border-bottom-right-radius: 5rem;
}
}
.faq_banner .faq_left_section {
display: inline-block;
width: 69%;
}
@media screen and (max-width: 767px) {
.faq_banner .faq_left_section {
width: 70%;
-ms-flex-item-align: end;
align-self: flex-end;
margin-bottom: 3.2rem;
}
}
.faq_banner .faq_left_section .faq_banner_heading {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.faq_banner .faq_left_section .faq_banner_heading {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.faq_banner .faq_left_section .faq_banner_heading {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.faq_banner .faq_left_section .faq_banner_heading {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.faq_banner .faq_left_section .faq_banner_heading {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.faq_banner .faq_left_section .faq_banner_subheading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 80px;
letter-spacing: -1.6px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.faq_banner .faq_left_section .faq_banner_subheading {
font-size: 64px;
line-height: 1;
letter-spacing: -1.28px;
}
}
@media screen and (max-width: 1479px) {
.faq_banner .faq_left_section .faq_banner_subheading {
font-size: 52px;
line-height: 1;
letter-spacing: -1.04px;
}
}
@media screen and (max-width: 1279px) {
.faq_banner .faq_left_section .faq_banner_subheading {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 767px) {
.faq_banner .faq_left_section .faq_banner_subheading {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.6px;
}
}
.faq_banner .faq_banner_img {
text-align: right;
display: inline-block;
width: 30%;
}
@media screen and (max-width: 767px) {
.faq_banner .faq_banner_img .faq_img_div {
text-align: right;
width: 8.8rem;
height: 8.8rem;
margin-top: 2.4rem;
}
.faq_banner .faq_banner_img .faq_img_div img {
width: 100%;
}
}
.video-wrapper {
position: relative;
}
.video-wrapper__overlay {
position: absolute;
z-index: 4;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 209, 124, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}
.video-wrapper__overlay--button {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
}
.video-wrapper__overlay--button img {
max-width: 25rem;
cursor: pointer;
}
@media screen and (max-width: 1279px) {
.video-wrapper__overlay--button img {
max-width: 18rem;
}
}
@media screen and (max-width: 767px) {
.video-wrapper__overlay--button img {
max-width: 14rem;
}
}
.video-wrapper__video-overlay {
position: absolute;
z-index: 3;
width: 100%;
}
.video-wrapper__main-video {
position: relative;
z-index: 2;
}
video::-webkit-media-controls-fullscreen-button {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/video-expand.svg");
}
video::-webkit-media-controls-panel {
padding: 0 8rem 4rem;
}
@media screen and (max-width: 1479px) {
video::-webkit-media-controls-panel {
padding: 0 6.4rem 3.2rem;
}
}
@media screen and (max-width: 1279px) {
video::-webkit-media-controls-panel {
padding: 0 5.6rem 2.4rem;
}
}
@media screen and (max-width: 767px) {
video::-webkit-media-controls-panel {
padding: 0 2.4rem 1.6rem;
}
}
video::-webkit-media-controls-timeline {
border-radius: 20px;
background: rgba(217, 217, 217, 0.15);
-webkit-backdrop-filter: blur(12.5px);
backdrop-filter: blur(12.5px);
padding: 3.2rem;
}
@media screen and (max-width: 1479px) {
video::-webkit-media-controls-timeline {
padding: 2.4rem;
}
}
@media screen and (max-width: 1279px) {
video::-webkit-media-controls-timeline {
padding: 2rem;
}
}
@media screen and (max-width: 767px) {
video::-webkit-media-controls-timeline {
padding: 1.6rem;
}
}
.testimonial-wrapper {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper {
padding: 4rem 1.6rem;
}
}
.testimonial-wrapper__container {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__container {
display: block;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__container {
display: block;
}
}
.testimonial-wrapper__testimonial-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #113546;
padding-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.testimonial-wrapper__testimonial-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__testimonial-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__testimonial-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-title {
padding: 2rem;
padding-left: 0;
}
}
.testimonial-wrapper__profiles-and-total-testimonials {
display: -ms-flexbox;
display: flex;
margin-right: 23rem;
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__profiles-and-total-testimonials {
margin-right: 10rem;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__profiles-and-total-testimonials {
margin-right: 8rem;
margin-bottom: 3.4rem;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__profiles-and-total-testimonials {
margin-right: 2.4rem;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.testimonial-wrapper__profiles-and-total-testimonials {
margin-bottom: 3.4rem;
}
}
.testimonial-wrapper__image-count {
display: -ms-flexbox;
display: flex;
width: 13rem;
}
.testimonial-wrapper .testimonial-wrapper__image-count > div {
display: -ms-flexbox;
display: flex;
}
.testimonial-wrapper .testimonial-wrapper__image-count > div > div {
margin-right: -18px;
}
.testimonial-wrapper__count {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #113546;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-right: -18px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1799px) {
.testimonial-wrapper__count {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__count {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__count {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__count {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.testimonial-wrapper__cards-wrapper > .field {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__cards-wrapper > .field {
display: block;
}
}
.testimonial-wrapper__cards-wrapper > .field .field--item {
display: -ms-flexbox;
display: flex;
}
.testimonial-wrapper__testimonial-card {
background-position: left bottom;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/testimonial-bg.svg");
background-repeat: no-repeat;
background-size: contain;
margin-right: 3.2rem;
border-radius: 4rem;
padding: 4rem 4rem 7rem 4rem;
position: relative;
-ms-flex: 1;
flex: 1;
overflow: hidden;
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__testimonial-card {
margin-right: 2.8rem;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__testimonial-card {
margin-right: 2rem;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card {
margin-right: 0;
margin-bottom: 2rem;
height: 28.4rem;
padding: 3.2rem;
}
}
.testimonial-wrapper__testimonial-card .field--item {
min-width: 33.33%;
}
.testimonial-wrapper__testimonial-card--image {
position: absolute;
bottom: 0;
right: 0;
max-height: 31.3rem;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--image {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/testimonial-gey-capsule-mobile.svg");
background-repeat: no-repeat;
background-size: cover;
min-width: 71px;
bottom: 2.4rem;
right: 2.4rem;
height: 90px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: end;
}
.testimonial-wrapper__testimonial-card--image img {
width: 58px;
height: 83px;
border-bottom-left-radius: 150px;
border-bottom-right-radius: 207px;
object-fit: cover;
}
}
.testimonial-wrapper__testimonial-card--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.testimonial-wrapper__testimonial-card--title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__testimonial-card--title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__testimonial-card--title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.testimonial-wrapper__testimonial-card--details {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
max-width: 16.4rem;
position: absolute;
z-index: 1;
}
@media screen and (max-width: 1799px) {
.testimonial-wrapper__testimonial-card--details {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.testimonial-wrapper__testimonial-card--details {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.testimonial-wrapper__testimonial-card--details {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--details {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--details {
display: none;
}
}
.testimonial-wrapper__testimonial-card--name-designation {
display: -ms-flexbox;
display: flex;
position: absolute;
z-index: 1;
bottom: 2.4rem;
background-color: rgba(255, 255, 255, 0.8);
padding: 1.2rem 1.6rem;
border-radius: 12px;
color: #113546;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--name-designation {
bottom: 2rem;
background-color: transparent;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.testimonial-wrapper__testimonial-card--name-designation__name {
padding-right: 4px;
text-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--name-designation__name {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.testimonial-wrapper__testimonial-card--name-designation__name {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.testimonial-wrapper__testimonial-card--name-designation__name {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.testimonial-wrapper__testimonial-card--name-designation__name {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--name-designation__name {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.testimonial-wrapper__testimonial-card--name-designation__designation {
padding-left: 4px;
text-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--name-designation__designation {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
padding-left: 4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.testimonial-wrapper__testimonial-card--name-designation__designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.testimonial-wrapper__testimonial-card--name-designation__designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.testimonial-wrapper__testimonial-card--name-designation__designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.testimonial-wrapper__testimonial-card--name-designation__designation {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.testimonial-wrapper__testimonial-card--name-designation__short-line {
height: 14px;
border: 1px solid rgba(255, 255, 255, 0.8);
}
.testimonial-wrapper .testimonial-wrapper__cards-wrapper > div > div:first-child .testimonial-wrapper__testimonial-card {
background-color: #0096a0;
}
.testimonial-wrapper .testimonial-wrapper__cards-wrapper > div > div:nth-child(2) .testimonial-wrapper__testimonial-card {
background-color: #5b7fff;
}
.testimonial-wrapper .testimonial-wrapper__cards-wrapper > div > div:nth-child(3) .testimonial-wrapper__testimonial-card {
background-color: #00d17c;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper .testimonial-wrapper__cards-wrapper > div > div:nth-child(3) .testimonial-wrapper__testimonial-card {
display: none;
}
}
.testimonial-section .Dark .testimonial-wrapper__testimonial-title {
color: #ffffff;
}
.testimonial-section .Light .testimonial-wrapper__testimonial-title {
color: #113546;
}
.testimonial-section .Dark .testimonial-wrapper__count {
background-color: #ffffff;
color: #113546;
}
.testimonial-section .Light .testimonial-wrapper__count {
background-color: #113546;
color: #ffffff;
}
.testimonial-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.testimonial-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.testimonial-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.testimonial-section .On {
border-radius: 0 0 32px 32px;
}
}
.testimonial-section .Off {
border-radius: 0;
}
.testimonial-wrapper__cards-wrapper {
width: 100%;
}
.testimonial-wrapper__cards-wrapper .field--item {
min-width: 33.33%;
max-width: 33.33%;
}
@media screen and (max-width: 767px) {
.testimonial-wrapper__cards-wrapper .field--item {
min-width: 100%;
max-width: 100%;
}
}
.blog-list__blog-bg {
background-image: url("web/themes/custom/aptia/presentation/static/assets/icons/blog-bg.svg");
}
.blog-list__title-and-link {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 12rem 8rem;
}
@media screen and (max-width: 1479px) {
.blog-list__title-and-link {
padding: 10rem 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.blog-list__title-and-link {
padding: 8rem 4.8rem;
}
}
@media screen and (max-width: 767px) {
.blog-list__title-and-link {
padding: 3.4rem 1.6rem;
}
}
.blog-list__blog-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.blog-list__blog-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.blog-list__blog-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.blog-list__blog-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.blog-list__blog-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.blog-list__blog-card {
position: relative;
background-size: cover;
background-repeat: no-repeat;
min-height: 39.8rem !important;
padding: 4rem;
border-radius: 6rem;
margin: 1.6rem;
min-height: 41.5rem;
}
@media screen and (max-width: 1479px) {
.blog-list__blog-card {
padding: 3.2rem;
margin: 1.2rem;
border-radius: 4rem;
min-height: 32rem !important;
}
}
@media screen and (max-width: 1279px) {
.blog-list__blog-card {
padding: 2rem;
margin: 0.8rem;
border-radius: 4rem;
min-height: 28rem !important;
}
}
@media screen and (max-width: 767px) {
.blog-list__blog-card {
padding: 1.6rem;
margin: 2rem;
border-radius: 4rem;
min-height: 26rem !important;
}
}
.blog-list__title {
color: #113546;
position: absolute;
bottom: 4.8rem;
left: 50%;
text-align: left;
transform: translateX(-50%);
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
bottom: 2.4rem;
width: 80%;
}
@media screen and (max-width: 1799px) {
.blog-list__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.blog-list__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.blog-list__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.blog-list__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.blog-list__blog-category {
position: absolute;
top: 4.8rem;
right: 4rem;
color: #113546;
padding: 1.2rem 2.4rem;
background-color: #ffffff;
border-radius: 2.1rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.blog-list__blog-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.blog-list__blog-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.blog-list__blog-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.blog-list__blog-category {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.blog-list__blog-category--red-border {
border: 2px solid #ce2872;
}
.blog-list__blog-category--purple-border {
border: 2px solid #5b7fff;
}
@media screen and (max-width: 1479px) {
.blog-list__blog-category {
top: 3.6rem;
right: 3.2rem;
padding: 1rem 1.6rem;
}
}
@media screen and (max-width: 1279px) {
.blog-list__blog-category {
top: 2.6rem;
right: 2.4rem;
padding: 0.8rem 1.2rem;
}
}
@media screen and (max-width: 767px) {
.blog-list__blog-category {
top: 2.4rem;
right: 2.4rem;
padding: 0.8rem 1.2rem;
}
}
.blog-list__blog-link > div a {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.blog-list__blog-link > div a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.blog-list__blog-link > div a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.blog-list__blog-link > div a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.blog-list__blog-link > div a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.blog-list__blog-link > div ::after {
content: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-white.svg");
margin-left: 10px;
vertical-align: middle;
}
.solutions-card {
width: 100vw;
overflow-x: hidden;
padding: 12rem;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #ffffff;
border-bottom-left-radius: 10rem;
border-bottom-right-radius: 10rem;
width: 100%;
border-bottom: 2px solid transparent;
}
.solutions-card__text-container {
-ms-flex-order: 2;
order: 2;
width: 55%;
}
.solutions-card__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
margin-bottom: 4rem;
color: #113546;
}
@media screen and (max-width: 1799px) {
.solutions-card__text-container--title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.solutions-card__text-container--title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.solutions-card__text-container--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 8rem;
color: #113546;
}
@media screen and (max-width: 1799px) {
.solutions-card__text-container--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-card__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--description {
margin-bottom: 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--description {
margin-bottom: 5.2rem;
}
}
.solutions-card__text-container--know-more-btn a {
border-radius: 50px;
border: 2px solid #113546;
width: 284px;
height: 104px;
padding: 4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #113546;
text-decoration: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solutions-card__text-container--know-more-btn a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--know-more-btn a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--know-more-btn a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-card__text-container--know-more-btn a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--know-more-btn a {
padding: 3.2rem;
width: 245px;
height: 90px;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--know-more-btn a {
padding: 2.4rem;
width: 196px;
height: 70px;
}
}
.solutions-card__text-container--know-more-btn a::after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow.svg");
background-repeat: no-repeat;
background-size: contain;
margin-left: 39px;
}
@media screen and (max-width: 1479px) {
.solutions-card__text-container--know-more-btn a::after {
margin-left: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.solutions-card__text-container--know-more-btn a::after {
margin-left: 2.4rem;
}
}
.solutions-card__img {
-ms-flex-order: 1;
order: 1;
width: 40%;
height: 350px;
object-fit: contain;
}
@media screen and (max-width: 1479px) {
.solutions-card {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.solutions-card {
padding: 8rem;
}
}
@media screen and (max-width: 1023px) {
.solutions-card {
padding: 6rem;
}
}
@media screen and (max-width: 767px) {
.solutions-card {
padding: 4rem 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
border-bottom-right-radius: 5rem;
border-bottom-left-radius: 5rem;
}
.solutions-card__text-container {
-ms-flex-order: 2;
order: 2;
width: 100%;
}
.solutions-card__text-container--title {
margin-bottom: 1.6rem;
}
.solutions-card__text-container--description {
margin-bottom: 2.4rem;
}
.solutions-card__text-container--know-more-btn a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #113546;
width: 158px;
height: 56px;
padding: 1.6rem 2.4rem;
}
.solutions-card__text-container--know-more-btn a::after {
width: 24px;
height: 24px;
margin-left: 0.2rem;
}
.solutions-card__img {
width: 100%;
height: 260px;
-ms-flex-order: 1;
order: 1;
margin-bottom: 2.4rem;
}
}
.solution-dark-container {
background-color: #ffffff;
}
.solution-dark-container .solutions-card {
background-color: #113546;
color: #ffffff;
}
.solution-dark-container .solutions-card__text-container {
-ms-flex-order: 1;
order: 1;
}
.solution-dark-container .solutions-card__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
margin-bottom: 4rem;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.solution-dark-container .solutions-card__text-container--title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.solution-dark-container .solutions-card__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.solution-dark-container .solutions-card__text-container--title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.solution-dark-container .solutions-card__text-container--title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.solution-dark-container .solutions-card__text-container--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 8rem;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.solution-dark-container .solutions-card__text-container--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-dark-container .solutions-card__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-dark-container .solutions-card__text-container--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-dark-container .solutions-card__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solution-dark-container .solutions-card__text-container--description {
margin-bottom: 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.solution-dark-container .solutions-card__text-container--description {
margin-bottom: 5.2rem;
}
}
.solution-dark-container .solutions-card__text-container--know-more-btn a {
border: 2px solid #ffffff;
color: #ffffff;
}
.solution-dark-container .solutions-card__text-container--know-more-btn a::after {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-white.svg");
}
.solution-dark-container .solutions-card__img {
-ms-flex-order: 2;
order: 2;
}
@media screen and (max-width: 767px) {
.solution-dark-container .solutions-card {
padding: 4rem 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
}
.solution-dark-container .solutions-card__text-container {
-ms-flex-order: 2;
order: 2;
width: 100%;
}
.solution-dark-container .solutions-card__text-container--know-more-btn a {
border: 1px solid #ffffff;
}
.solution-dark-container .solutions-card__img {
width: 100%;
-ms-flex-order: 1;
order: 1;
}
}
.solution-light-container {
background-color: #113546;
}
.solution-light-container .solutions-card {
background-color: #ffffff;
color: #113546;
}
.field--name-field-content .field--item:last-child .solutions-card {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.get-in-touch-location {
background-repeat: no-repeat;
background-size: cover;
padding-top: 4rem;
}
.get-in-touch-location__location-title {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding-left: 1.6rem;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__location-title {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__location-title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__location-title {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__location-title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location__location-career-title {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-left: 1.6rem;
padding-bottom: 3.2rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__location-career-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__location-career-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__location-career-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__location-career-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.get-in-touch-location__location-career-subheading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
padding-left: 1.6rem;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__location-career-subheading {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__location-career-subheading {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__location-career-subheading {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__location-career-subheading {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.get-in-touch-location__contact-us-carousel {
width: 100vw;
overflow-x: hidden;
background-repeat: no-repeat;
background-size: cover;
-ms-flex-align: stretch;
align-items: stretch;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details {
display: -ms-flexbox;
display: flex;
width: 100%;
overflow-x: hidden;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item {
width: 100vw;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-img-wrapper,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-img-wrapper {
background-image: url(/themes/custom/aptia/presentation/static/assets/images/contact_us_desktop_background.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 22.1rem;
height: 26.5rem;
position: relative;
margin: 4.5rem 0 3rem;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-img-wrapper .office-location-img,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-img-wrapper .office-location-img {
width: 22.1rem;
height: 31.4rem;
transition: all 0.45s ease;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
top: -18%;
}
@keyframes slide-right {
0% {
left: -100%;
}
25% {
left: -75%;
}
50% {
left: -50%;
}
75% {
left: -25%;
}
95% {
left: 5%;
}
100% {
left: 0%;
}
}
@keyframes slide-left {
0% {
right: -100%;
}
25% {
right: -75%;
}
50% {
right: -50%;
}
75% {
right: -25%;
}
95% {
right: 5%;
}
100% {
right: 0%;
}
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: left;
justify-content: left;
color: #ffffff;
text-align: left;
padding: 0 8rem 4rem 1.6rem;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-heading .field--name-field-title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-heading .field--name-field-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
display: block;
text-align: left;
color: #00d17c;
margin-bottom: 3.2rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-heading .field--name-field-title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-heading .field--name-field-title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-heading .field--name-field-title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-heading .field--name-field-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-heading .field--name-field-title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-heading .field--name-field-title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-heading .field--name-field-title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-heading .field--name-field-title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description {
text-align: left;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description {
width: 100%;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: baseline;
align-items: baseline;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
text-align: left;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p:first-child,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p:first-child {
text-align: left;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p:first-child,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p:first-child {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p:first-child,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p:first-child,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p:first-child {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p:first-child,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .content-with-icon,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .content-with-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.6rem;
column-gap: 12px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .content-with-icon,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .content-with-icon {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .content-with-icon,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .content-with-icon {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .content-with-icon,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .content-with-icon {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .content-with-icon,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .content-with-icon {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description p a,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description p a {
color: #ffffff;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_address,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_email,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_number,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_address,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_email,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_number {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_address::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_email::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_number::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_address::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_email::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_number::before {
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px;
min-height: 32px;
min-width: 32px;
margin-right: 1.2rem;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_email::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_email::before {
content: url("/themes/custom/aptia/presentation/static/assets/icons/location-mail-icon.svg");
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_address::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_address::before {
content: url("/themes/custom/aptia/presentation/static/assets/icons/location-address-icon.svg");
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_number::before,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_number::before {
content: url("/themes/custom/aptia/presentation/static/assets/icons/location-phone-icon.svg");
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_title {
text-align: left;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 2.4rem;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_title {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_title {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .field--item .office-location-details .office-location-description .field--name-field-description .visible_title,
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .office-location-item .office-location-details .office-location-description .field--name-field-description .visible_title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .carousel-left-animation .office-location-img-wrapper {
right: 0;
animation: slide-left 0.45s ease;
}
.get-in-touch-location__contact-us-carousel .field--name-field-location-details .carousel-right-animation .office-location-img-wrapper {
left: 0;
animation: slide-right 0.45s ease;
}
.get-in-touch-location__contact-us-carousel--carousel-prev-btn {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/carousel-next-btn.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
position: absolute;
top: 26%;
width: 32px;
height: 32px;
left: 16px;
border-radius: 50%;
transform: rotate(180deg);
border: 0;
}
.get-in-touch-location__contact-us-carousel--carousel-next-btn {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/carousel-next-btn.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
position: absolute;
top: 26%;
width: 32px;
height: 32px;
border-radius: 50%;
right: 16px;
border: 0;
}
.get-in-touch-location__contact-us-carousel--location-carousel-dot-container {
width: 100vw;
position: absolute;
bottom: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
column-gap: 6px;
height: 30px;
}
.get-in-touch-location__contact-us-carousel--location-carousel-dot-container .office-carousel-dot {
width: 6px;
height: 6px;
border-radius: 300px;
opacity: 0.3;
background-color: #ffffff;
}
.get-in-touch-location__contact-us-carousel--location-carousel-dot-container .active {
height: 6px;
width: 24px;
opacity: 1;
background-color: #00d17c;
}
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-title {
display: none;
}
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-subheading {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-subheading {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-subheading {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-subheading {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-contact-us .get-in-touch-location__location-contact-subheading {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location-desktop {
display: block;
width: 100%;
}
.get-in-touch-location-desktop .get-in-touch-location-title {
display: none;
}
@media screen and (max-width: 1023px) {
.get-in-touch-location-desktop .aptia-location_desktop {
width: 100%;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .image_slider_wrapper {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/contact_us_desktop_background.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 300px;
height: 360px;
position: relative;
}
.get-in-touch-location-desktop .aptia-location_desktop .image_slider_wrapper img {
left: 0px;
opacity: 0;
top: -17.7%;
width: 300px;
height: 423px;
object-fit: cover;
position: absolute;
transform-origin: bottom;
transition: opacity 0.5s ease-in-out;
animation: circularMotionOut 0.5s linear;
}
.get-in-touch-location-desktop .aptia-location_desktop .image_slider_wrapper .active_image {
opacity: 1;
transition: opacity 0.5s ease-in-out;
animation: circularMotion 0.5s linear;
}
.get-in-touch-location-desktop .aptia-location_desktop .get-in-touch-location-subheading {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #ffffff;
margin-top: 3.2rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-desktop .aptia-location_desktop .get-in-touch-location-subheading {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-desktop .aptia-location_desktop .get-in-touch-location-subheading {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-desktop .aptia-location_desktop .get-in-touch-location-subheading {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop .aptia-location_desktop .get-in-touch-location-subheading {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul {
margin: 0;
padding: 0;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li {
display: -ms-flexbox;
display: flex;
list-style: none;
position: relative;
-ms-flex-align: center;
align-items: center;
padding-top: 1.6rem;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
cursor: pointer;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
color: #9d9d9d;
text-decoration: none;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li a:hover {
text-decoration: none;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li .line {
width: 0;
margin: 0;
opacity: 0;
border: 1px solid #d6d6d6;
transition: width 1s ease-in-out;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li .active-link {
color: #00d17c;
padding-right: 1.4rem;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul li .active-link + .line {
width: calc(100% - 617px);
opacity: 1;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .active-li .content_slider_visible_wrapper {
right: 0;
display: block;
position: absolute;
width: 50%;
animation: slideUpDown 1s ease-in-out forwards;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .active-li:last-child .content_slider_visible_wrapper, .get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .active-li:nth-last-child(2) .content_slider_visible_wrapper {
top: auto;
animation: slideDownUp 1s ease-in-out forwards;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper {
display: none;
transition: opacity 1s ease-in-out;
padding-left: 3.2rem;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
color: #ffffff;
padding-bottom: 0.8rem;
margin-bottom: 0;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content p::before {
content: "";
display: inline-block;
margin-right: 0.8rem;
width: 32px;
height: 32px;
min-width: 32px;
min-height: 32px;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/gps_icon_location.svg");
background-repeat: no-repeat;
background-size: contain;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content a {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content a {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_title::before {
content: none;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_email {
-ms-flex-align: center;
align-items: center;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_email::before {
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
margin-right: 1.6rem;
margin-left: 0.4rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/mail_icon_location.svg");
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_number {
-ms-flex-align: center;
align-items: center;
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_number::before {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/phone_icon_location.svg");
}
.get-in-touch-location-desktop .aptia-location_desktop .content_slider_wrapper ul .content_slider_visible_wrapper .content_slider_visible_content .visible_address::before {
width: 32px;
}
.get-in-touch-carrier-desktop {
padding: 12rem;
border-radius: 0 0 10rem 10rem;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop {
padding: 10rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop {
padding: 8rem 2rem;
}
}
.get-in-touch-carrier-desktop .get-in-touch-location-title {
display: block;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.get-in-touch-carrier-desktop .get-in-touch-location-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .get-in-touch-location-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .get-in-touch-location-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-carrier-desktop .get-in-touch-location-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop {
display: block;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop > .field--name-field-location-details {
display: none;
}
.get-in-touch-carrier-desktop .aptia-location_desktop .image_slider_wrapper {
margin-top: 5rem;
width: 536px;
height: 640px;
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .image_slider_wrapper {
margin-right: 1.6rem;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop .image_slider_wrapper img {
width: 534px;
height: 760px;
top: -18.9%;
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper {
width: 55%;
margin-top: 7rem;
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper {
width: 100%;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper .get-in-touch-location-subheading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper .get-in-touch-location-subheading {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper .get-in-touch-location-subheading {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper .get-in-touch-location-subheading {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper .get-in-touch-location-subheading {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul .active-li .content_slider_visible_wrapper {
animation: slideUpCarrierDown 1s ease-in-out forwards;
width: 35%;
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li {
padding-bottom: 2.4rem;
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
}
@media screen and (max-width: 1799px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li a {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .active-link + .line {
width: calc(100% - 581px);
opacity: 1;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content p {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
padding-bottom: 3.2rem;
}
@media screen and (max-width: 1799px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.get-in-touch-carrier-desktop .aptia-location_desktop .content_slider_wrapper ul li .content_slider_visible_wrapper .content_slider_visible_content .visible_title {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@keyframes slideUpDown {
from {
top: -10px;
}
to {
top: 20px;
}
}
@keyframes slideUpCarrierDown {
from {
top: -10px;
}
to {
top: 30px;
}
}
@keyframes slideDownUp {
from {
bottom: -10px;
}
to {
bottom: 0px;
}
}
@keyframes circularMotionOut {
0% {
opacity: 1;
transform: rotate(0deg);
}
100% {
opacity: 0;
transform: rotate(-20deg);
}
}
@keyframes circularMotion {
0% {
opacity: 0;
transform: rotate(20deg);
}
30% {
opacity: 0;
transform: rotate(10deg);
}
100% {
opacity: 1;
transform: rotate(0deg);
}
}
@media screen and (max-width: 767px) {
.get-in-touch-location-desktop,
.image_slider_image,
.content_slider_wrapper_li {
display: none;
}
.aptia-location_mobile,
.get-in-touch-location-mobile {
border-bottom-left-radius: 5rem;
border-bottom-right-radius: 5rem;
}
}
@media screen and (min-width: 768px) {
.aptia-location_mobile,
.get-in-touch-location-mobile {
display: none;
}
}
.content_slider_visible_wrapper {
z-index: 1;
}
.aptia-tablet-desktop {
display: block;
}
@media screen and (max-width: 767px) {
.aptia-tablet-desktop {
display: none;
}
}
.insights-banner {
padding: 8rem 12rem;
border-radius: 0 0 10rem 10rem;
}
@media screen and (max-width: 1479px) {
.insights-banner {
padding: 8rem 12rem;
}
}
@media screen and (max-width: 1279px) {
.insights-banner {
padding: 8rem 8rem;
}
}
@media screen and (max-width: 1023px) {
.insights-banner {
padding: 8rem 6rem;
}
}
@media screen and (max-width: 767px) {
.insights-banner {
padding: 3rem 1.6rem;
border-radius: 0 0 3.2rem 3.2rem;
}
}
.insights-banner__insights-top-three-wrapper > div {
display: -ms-flexbox;
display: flex;
column-gap: 32px;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper > div {
display: block;
}
}
.insights-banner__insights-top-three-wrapper > div .field--item a, .insights-banner__insights-top-three-wrapper > div .views-row a {
text-decoration: none;
}
.insights-banner__insights-top-three-wrapper > div .field--item a:hover, .insights-banner__insights-top-three-wrapper > div .views-row a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper > div .views-row {
margin-bottom: 3.2rem;
}
}
.insights-banner__insights-top-three-wrapper > div .views-row .clearfix {
border-radius: 6rem;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper > div .views-row .clearfix {
border-radius: 4rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
height: 41.5rem;
margin: 0;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details {
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
position: initial;
transform: none;
width: 100%;
font-weight: 600;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title span {
overflow: hidden;
display: -webkit-box;
-Webkit-line-clamp: 2;
line-clamp: 2;
-Webkit-box-orient: vertical;
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details .blog-list__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details img {
margin-left: 0.8rem;
width: 4.3rem;
height: 4.3rem;
}
@media screen and (max-width: 1023px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details img {
width: 2.4rem;
height: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details img {
width: 3.2rem;
height: 3.2rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-top: 0.8rem;
min-height: 4.3rem;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details {
margin-top: 0.8rem;
min-height: 3.5rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
display: -ms-flexbox;
display: flex;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
font-weight: 300;
}
@media screen and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date .date-separator,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category .date-separator {
margin: 0 1.2rem;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-date .date-separator,
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .insights-category .date-separator {
margin: 0 0.8rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details--insights-date-category {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details--insights-date-category .date-category-separator {
margin: 0 1.2rem;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details--insights-date-category .date-category-separator {
margin: 0 0.8rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card--featured-insights-details__category-details .webinar-date .start-date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1720px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
height: 38rem;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
height: 32rem;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
height: 24rem;
min-height: 24rem !important;
}
}
@media screen and (max-width: 1023px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
height: 15rem;
min-height: 20rem !important;
min-width: 200px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card {
width: 100%;
margin: 0 0 3.2rem 0;
height: 26.4rem;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .new-related-insights .blog-list__blog-card {
margin: 0px;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .new-insights-details {
z-index: 999;
position: absolute;
bottom: 0;
left: 0;
padding: 4rem;
margin: 0px;
background: linear-gradient(to top, black, transparent);
border-radius: 6rem;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .new-insights-details {
padding: 2.4rem;
border-radius: 4rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .new-insights-details .blog-list__title {
overflow: hidden;
display: -webkit-box;
-Webkit-line-clamp: 2;
line-clamp: 2;
-Webkit-box-orient: vertical;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image {
display: -ms-flexbox;
display: flex;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image {
width: 100%;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--label {
display: none;
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
display: -ms-flexbox;
display: flex;
min-width: 100%;
width: 100%;
height: 41.5rem;
}
@media screen and (max-width: 1720px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
height: 39.8rem;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
height: 32rem;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
height: 24rem;
min-height: 24rem !important;
}
}
@media screen and (max-width: 1023px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
height: 15rem;
min-height: 20rem !important;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item {
width: 100%;
height: 26.4rem;
}
}
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item img {
height: 100%;
border-radius: 6rem;
width: 100%;
object-fit: cover;
background: linear-gradient(to top, black, transparent);
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .blog-list__blog-card .insights-cover-image div .field--type-image .field--item img {
border-radius: 4rem;
}
}
.insights-banner__insights-top-three-wrapper .views-row, .insights-banner__insights-top-three-wrapper .field--item {
-ms-flex: 1;
flex: 1;
width: 0;
max-width: 33.33%;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .views-row, .insights-banner__insights-top-three-wrapper .field--item {
max-width: 100%;
width: 100%;
}
}
.insights-banner__insights-top-three-wrapper .field--item:first-child .blog-list__blog-card {
margin-left: 0;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .field--item:first-child .blog-list__blog-card {
margin: 0 0 3.2rem 0;
}
}
.insights-banner__insights-top-three-wrapper .field--item:last-child .blog-list__blog-card {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.insights-banner__insights-top-three-wrapper .field--item:last-child .blog-list__blog-card {
margin: 0 0 3.2rem 0;
}
}
.insights-banner__insights-banner-sub-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
font-weight: 200;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.insights-banner__insights-banner-sub-title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-banner-sub-title {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-banner-sub-title {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-banner-sub-title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.insights-banner__insights-banner-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 80px;
letter-spacing: -1.6px;
color: #00d17c;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.insights-banner__insights-banner-title {
font-size: 64px;
line-height: 1;
letter-spacing: -1.28px;
}
}
@media screen and (max-width: 1479px) {
.insights-banner__insights-banner-title {
font-size: 52px;
line-height: 1;
letter-spacing: -1.04px;
}
}
@media screen and (max-width: 1279px) {
.insights-banner__insights-banner-title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-banner-title {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.insights-banner__insights-banner-title {
margin-bottom: 2.8rem;
}
}
.insights-banner .blog-list__title {
color: #ffffff;
}
@media screen and (max-width: 767px) {
.new-related-insights div.blog-list__blog-card {
margin: 0px;
}
}
.what-sets-us-apart {
padding: 12rem;
border-radius: 0 0 100px 100px;
background-color: #ffffff;
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart {
border-radius: 0 0 80px 80px;
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart {
border-radius: 0 0 60px 60px;
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart {
padding: 3.4rem 1.6rem 4rem;
border-radius: 0 0 32px 32px;
}
}
.what-sets-us-apart__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
color: #113546;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.what-sets-us-apart__title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__title {
margin-bottom: 6rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__title {
margin-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__title {
margin-bottom: 3.4rem;
}
}
.what-sets-us-apart__content-wrapper > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div {
display: block;
}
}
.what-sets-us-apart__content-wrapper > div > div {
width: 50%;
box-sizing: border-box;
padding-bottom: 6rem;
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__content-wrapper > div > div {
padding-bottom: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__content-wrapper > div > div {
padding-bottom: 3.6rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div > div {
width: 100%;
padding-bottom: 2rem;
}
}
.what-sets-us-apart__content-wrapper > div > div:nth-child(odd) {
padding-right: 8.8rem;
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(odd) {
padding-right: 6rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(odd) {
padding-right: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(odd) {
padding-right: 0;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div > div:last-child {
padding-bottom: 0;
}
}
.what-sets-us-apart__content-wrapper > div > div:nth-child(even) {
padding-left: 8.8rem;
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(even) {
padding-left: 6rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(even) {
padding-left: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div > div:nth-child(even) {
padding-left: 0;
}
}
.what-sets-us-apart__content-wrapper > div > div:last-child .no-description {
border-bottom: 0;
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__content-wrapper > div > div:last-child .no-description {
padding-bottom: 0;
}
}
.what-sets-us-apart__items {
display: -ms-flexbox;
display: flex;
}
.what-sets-us-apart__items--title-description {
padding-left: 4rem;
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__items--title-description {
padding-left: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__items--title-description {
padding-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__items--title-description {
padding-left: 1.6rem;
}
}
.what-sets-us-apart__items__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.what-sets-us-apart__items__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__items__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__items__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__items__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.what-sets-us-apart__items__description {
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.what-sets-us-apart__items__description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.what-sets-us-apart__items__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.what-sets-us-apart__items__description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__items__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.what-sets-us-apart__items--image img {
width: 10rem;
height: 10rem;
}
@media screen and (max-width: 767px) {
.what-sets-us-apart__items--image img {
width: 7.4rem;
height: 7.4rem;
}
}
.what-sets-us-apart .no-description {
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.what-sets-us-apart .no-description {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 2rem;
}
}
.what-sets-us-apart .no-description .what-sets-us-apart__items--image {
display: block;
}
@media screen and (max-width: 767px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items--image {
display: none;
}
}
@media screen and (max-width: 767px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items__title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items__title {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items__title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items__title {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.what-sets-us-apart .no-description .what-sets-us-apart__items__title {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.careers .what-sets-us-apart__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.careers .what-sets-us-apart__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.careers .what-sets-us-apart__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.careers .what-sets-us-apart__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.careers .what-sets-us-apart__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.what-sets-us-apart--mobile {
background-color: #113546;
color: #ffffff;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/Gradient.svg");
}
@media screen and (max-width: 767px) {
.what-sets-us-apart--mobile {
background-image: none;
}
}
.first-container {
padding: 12rem;
border-radius: 0 0 10rem 10rem;
}
@media screen and (max-width: 1479px) {
.first-container {
padding: 10rem;
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.first-container {
padding: 8rem;
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 767px) {
.first-container {
padding: 4rem 1.6rem;
border-radius: 0 0 3.2rem 3.2rem;
}
}
.first-container__category {
color: #00d17c;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Light, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
font-weight: 200;
}
@media screen and (max-width: 1799px) {
.first-container__category {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.first-container__category {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.first-container__category {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.first-container__category {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.first-container__title {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
margin: 3.2rem 0;
}
@media screen and (max-width: 1799px) {
.first-container__title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.first-container__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.first-container__title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.first-container__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.first-container__title {
margin: 1.6rem 0;
}
}
.first-container__author-info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.first-container__author-info {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
.first-container__author-info--author-img {
background-color: #ffffff;
border-radius: 50%;
}
.first-container__author-info--name {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
font-weight: 200;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.first-container__author-info--name {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.first-container__author-info--name {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.first-container__author-info--name {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.first-container__author-info--name {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.first-container__author-info--name {
max-width: 50%;
}
}
.first-container__author-info--name a {
color: #ffffff;
pointer-events: none;
}
.first-container__author-info .date-separator {
margin: 0 1.6rem;
}
@media screen and (max-width: 767px) {
.first-container__author-info .date-separator {
margin: 0 0.8rem;
}
}
.first-container__author-info--date {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
font-weight: 200;
}
@media screen and (max-width: 1799px) {
.first-container__author-info--date {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.first-container__author-info--date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.first-container__author-info--date {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.first-container__author-info--date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.first-container__author-info--author-date-img {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
font-weight: 200;
}
@media screen and (max-width: 1799px) {
.first-container__author-info--author-date-img {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.first-container__author-info--author-date-img {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.first-container__author-info--author-date-img {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.first-container__author-info--author-date-img {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.first-container__author-info--author-date-img img {
width: 6.8rem;
height: 6.8rem;
margin-right: 2.4rem;
border-radius: 50%;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.first-container__author-info--author-date-img img {
width: 4rem;
height: 4rem;
margin-right: 1.6rem;
}
}
.first-container__author-info--author-date-img .date-separator {
margin: 0 1.6rem;
}
@media screen and (max-width: 767px) {
.first-container__author-info--author-date-img .date-separator {
margin: 0 0.8rem;
}
}
.first-container__author-info--author-date-img .calendar-icon {
width: 2.4rem;
height: 2.4rem;
margin-right: 0.8rem;
}
.first-container__author-info--author-date-img .time-separator {
margin: 0 1.6rem;
}
@media screen and (max-width: 767px) {
.first-container__author-info--author-date-img .time-separator {
margin: 0 0.8rem;
}
}
.first-container__author-info--print-share {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
column-gap: 1.6rem;
}
@media screen and (max-width: 767px) {
.first-container__author-info--print-share {
width: 100%;
-ms-flex-pack: end;
justify-content: end;
margin-top: 2.4rem;
}
}
.first-container__author-info--print-share .insight-pdf-download,
.first-container__author-info--print-share div {
width: 5.6rem;
height: 5.6rem;
}
.first-container__author-info--print-share .insight-pdf-download img,
.first-container__author-info--print-share div img {
width: 5.6rem !important;
height: 5.6rem;
}
@media screen and (max-width: 767px) {
.first-container__author-info--print-share .insight-pdf-download,
.first-container__author-info--print-share div {
width: 4rem;
height: 4rem;
}
.first-container__author-info--print-share .insight-pdf-download img,
.first-container__author-info--print-share div img {
width: 4rem !important;
height: 4rem;
}
}
.first-container .insights-register-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 24.6rem;
height: 7.2rem;
border-radius: 20rem;
border: none;
border-color: none;
background-color: #00d17c;
color: #113546;
margin-top: 4.8rem;
text-decoration: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.first-container .insights-register-btn {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.first-container .insights-register-btn {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.first-container .insights-register-btn {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.first-container .insights-register-btn {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.first-container .insights-register-btn {
width: 20.6rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.first-container .insights-register-btn {
width: 21rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1023px) {
.first-container .insights-register-btn {
width: 19.2rem;
height: 6.4rem;
}
}
@media screen and (max-width: 767px) {
.first-container .insights-register-btn {
width: 17.2rem;
height: 5.6rem;
border-radius: 5rem;
margin-top: 4rem;
}
}
.first-container .insights-register-btn img {
width: 2.8rem;
height: 2.8rem;
margin: 0 0 0 1.6rem;
}
@media screen and (max-width: 767px) {
.first-container .insights-register-btn img {
width: 2.4rem;
height: 2.4rem;
}
}
.sec-container {
background-color: #ffffff;
padding: 12rem;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.sec-container {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.sec-container {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.sec-container {
padding: 4rem 1.6rem;
border-radius: 0 0 32px 32px;
}
}
.sec-container__banner-image {
width: 100%;
border-radius: 40px;
margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
.sec-container__banner-image {
border-radius: 20px;
margin-bottom: 4rem;
height: 17rem;
}
}
.sec-container__description {
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.sec-container__description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.sec-container__description ul li::before {
color: #00d17c;
margin-bottom: 2rem;
}
.sec-container a {
color: #00d17c;
text-decoration: underline;
}
.sec-container img {
border-radius: 4rem;
}
@media screen and (max-width: 767px) {
.sec-container img {
border-radius: 3.2rem;
}
}
.sec-container__description li::marker {
color: #00d17c;
}
.sec-container__description .about-aptia {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.sec-container__description .about-aptia {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description .about-aptia {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description .about-aptia {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .about-aptia {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.sec-container__description .aptia-content {
width: 70%;
}
@media screen and (max-width: 767px) {
.sec-container__description .aptia-content {
width: 100%;
}
}
.sec-container__description .aptia-logo-desktop {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.sec-container__description .aptia-logo-desktop {
display: none;
}
}
.sec-container__description .aptia-logo-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.sec-container__description .aptia-logo-mobile {
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.sec-container__description .boston-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin: 4rem 0rem 4rem 0rem;
color: #113546;
}
@media screen and (max-width: 1799px) {
.sec-container__description .boston-title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description .boston-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description .boston-title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .boston-title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.sec-container__description .aptia-focus {
color: #113546;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Light, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
line-height: 56px;
font-style: italic;
margin-bottom: 4rem;
margin-top: 4rem;
}
@media screen and (max-width: 1799px) {
.sec-container__description .aptia-focus {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description .aptia-focus {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description .aptia-focus {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .aptia-focus {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.sec-container__description .title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-bottom: 2rem;
color: #113546;
}
@media screen and (max-width: 1799px) {
.sec-container__description .title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description .title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description .title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.sec-container__description .designation {
color: #9d9d9d;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-bottom: 2rem;
opacity: 0.7;
}
@media screen and (max-width: 1799px) {
.sec-container__description .designation {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.sec-container__description .designation {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.sec-container__description .designation {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .designation {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.sec-container__description .image-container img {
width: 100%;
border-radius: 40px;
margin-top: 6rem;
margin-bottom: 6rem;
height: auto;
}
@media screen and (max-width: 1279px) {
.sec-container__description .image-container img {
height: 18rem;
}
}
@media screen and (max-width: 767px) {
.sec-container__description .image-container img {
width: 100%;
border-radius: 20px;
margin-top: 3rem;
margin-bottom: 3rem;
height: 17rem;
}
}
.relatedInsights-container {
padding: 8rem 12rem;
background-color: #113546;
border-radius: 0px 0px 100px 100px;
width: 100%;
}
@media screen and (max-width: 767px) {
.relatedInsights-container {
padding: 8rem 1.6rem;
}
}
.relatedInsights-container__card-container {
display: -ms-flexbox;
display: flex;
}
.relatedInsights-container__card-container h1 {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.relatedInsights-container__card-container h1 {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.relatedInsights-container__card-container h1 {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.relatedInsights-container__card-container h1 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.relatedInsights-container__card-container h1 {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.relatedInsights-container__card-container .header-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.relatedInsights-container .views-element-container {
width: 100%;
}
@media screen and (max-width: 767px) {
.relatedInsights-container .views-element-container {
display: block;
}
}
.relatedInsights-container .view-related-insights {
display: -ms-flexbox;
display: flex;
width: 100%;
}
@media screen and (max-width: 767px) {
.relatedInsights-container .view-related-insights {
display: block;
}
}
.relatedInsights-container .view-content {
width: 100%;
display: -ms-flexbox;
display: flex;
margin-top: 8rem;
}
@media screen and (max-width: 767px) {
.relatedInsights-container .view-content {
display: block;
margin-top: 3rem;
}
}
.relatedInsights-container .views-row {
width: 33.33%;
}
@media screen and (max-width: 767px) {
.relatedInsights-container .views-row {
width: 100%;
}
}
.relatedInsights-container .news-section__aptia-in-the-news--view-all__arrow-img {
display: none;
}
.relatedInsights-container .view-header a::after {
content: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-white.svg");
}
.relatedInsights-container .heading-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.relatedInsights-container .view-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.relatedInsights-container .view-text p {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.relatedInsights-container .view-text p {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.relatedInsights-container .view-text p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.relatedInsights-container .view-text p {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.relatedInsights-container .view-text p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.relatedInsights-container .blog-list__title {
color: #ffffff !important;
}
@media screen and (max-width: 767px) {
.relatedInsights-container .view-header {
margin-top: 2rem;
}
}
.news-updates .blog-list__blog-category {
display: none;
}
.print-btn {
cursor: pointer;
}
.insight-video-component .insights-image-large img {
width: 100%;
max-height: 52.4rem;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 767px) {
.insight-video-component .insights-image-large img {
border-radius: 2rem;
height: 17rem;
}
}
.insight-video-component .insights-image-medium img {
width: 66%;
max-height: 52.4rem;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 767px) {
.insight-video-component .insights-image-medium img {
border-radius: 2rem;
width: 100%;
height: 17rem;
}
}
.insight-video-component .insights-image-small img {
width: 32%;
border-radius: 2rem;
max-height: 52.4rem;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 767px) {
.insight-video-component .insights-image-small img {
width: 100%;
height: 17rem;
}
}
.insight-video-component .align-right,
.insight-video-component .align-left {
width: 32%;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-right,
.insight-video-component .align-left {
width: 100%;
}
}
.insight-video-component .align-right .js-media-library-item-preview .field--item img,
.insight-video-component .align-left .js-media-library-item-preview .field--item img {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
width: 100%;
}
.insight-video-component .align-left {
margin-right: 3.2rem;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left {
margin-right: 1.6rem;
}
}
.insight-video-component .align-left .js-media-library-item-preview .field--item img {
border-radius: 2rem;
}
.insight-video-component .align-right {
margin-left: 3.2rem;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-right {
margin-left: 1.6rem;
}
}
.insight-video-component .align-right .js-media-library-item-preview .field--item img {
border-radius: 2rem;
}
.insight-video-component .align-center .field--item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.insight-video-component .align-center .js-media-library-item-preview {
margin: auto;
width: -moz-max-content;
width: max-content;
width: 32%;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-center .js-media-library-item-preview {
width: 100%;
}
}
.insight-video-component .align-left:has(.insights-image-small),
.insight-video-component .align-right:has(.insights-image-small) {
width: 32%;
margin: 0 3.2rem 4rem 0px;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left:has(.insights-image-small),
.insight-video-component .align-right:has(.insights-image-small) {
width: 100%;
margin: 0px 1.6rem 4rem 0px;
}
}
.insight-video-component .align-left:has(.insights-image-small) .insights-image-small img,
.insight-video-component .align-right:has(.insights-image-small) .insights-image-small img {
width: 100%;
max-height: 52.4rem;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left:has(.insights-image-small) .insights-image-small img,
.insight-video-component .align-right:has(.insights-image-small) .insights-image-small img {
height: 17rem;
}
}
.insight-video-component .align-right:has(.insights-image-small) {
margin-right: 0px;
margin-left: 3.2rem;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-right:has(.insights-image-small) {
margin-left: 0px;
}
}
.insight-video-component .align-left:has(.insights-image-large),
.insight-video-component .align-right:has(.insights-image-large) {
width: 100%;
margin: 0px 0px 4rem;
}
.insight-video-component .align-left:has(.insights-image-large) .insights-image-large img,
.insight-video-component .align-right:has(.insights-image-large) .insights-image-large img {
width: 100%;
max-height: 52.4rem;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left:has(.insights-image-large) .insights-image-large img,
.insight-video-component .align-right:has(.insights-image-large) .insights-image-large img {
border-radius: 2rem;
height: 17rem;
}
}
.insight-video-component .align-left:has(.insights-image-medium),
.insight-video-component .align-right:has(.insights-image-medium) {
width: 66%;
margin: 0 3.2rem 4rem 0px;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left:has(.insights-image-medium),
.insight-video-component .align-right:has(.insights-image-medium) {
width: 100%;
margin: 0px 0px 4rem;
}
}
.insight-video-component .align-left:has(.insights-image-medium) .insights-image-medium img,
.insight-video-component .align-right:has(.insights-image-medium) .insights-image-medium img {
width: 100%;
max-height: 52.4rem;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-left:has(.insights-image-medium) .insights-image-medium img,
.insight-video-component .align-right:has(.insights-image-medium) .insights-image-medium img {
border-radius: 2rem;
width: 100%;
height: 17rem;
}
}
.insight-video-component .align-right:has(.insights-image-medium) {
margin-right: 0px;
margin-left: 3.2rem;
}
@media screen and (max-width: 767px) {
.insight-video-component .align-right:has(.insights-image-medium) {
margin-left: 0px;
}
}
.leadership-section {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.leadership-section {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section {
padding: 1.6rem;
}
}
.leadership-section__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.leadership-section__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__title {
padding-bottom: 6rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__title {
padding-bottom: 4.8rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section__title {
padding-bottom: 2.2rem;
}
}
.leadership-section__items > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.leadership-section__items > div > div {
width: 20%;
position: relative;
padding-right: 10.4rem;
padding-bottom: 6rem;
margin-bottom: 5rem;
cursor: pointer;
}
.leadership-section__items > div > div .aptia-leadership-mobile {
display: none;
}
@media screen and (max-width: 1479px) {
.leadership-section__items > div > div {
width: 25%;
padding-right: 8rem;
padding-bottom: 5.2rem;
}
.leadership-section__items > div > div .aptia-leadership-mobile {
display: none;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__items > div > div {
width: 33.33%;
padding-right: 6.4rem;
padding-bottom: 4.8rem;
}
.leadership-section__items > div > div .aptia-leadership-mobile {
display: none;
}
}
@media screen and (max-width: 767px) {
.leadership-section__items > div > div {
width: 100%;
padding-right: 0rem !important;
cursor: auto;
margin-bottom: 0rem !important;
padding-bottom: 0rem !important;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.leadership-section__items > div > div .aptia-leadership-mobile {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.leadership-section__leadership-description {
display: none;
}
.leadership-section__leader-name {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
padding-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.leadership-section__leader-name {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__leader-name {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__leader-name {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__leader-name {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__leader-name {
font-size: 2.4rem;
}
}
.leadership-section__leader-designation {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #113546;
opacity: 60%;
}
@media screen and (max-width: 1799px) {
.leadership-section__leader-designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__leader-designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__leader-designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__leader-designation {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.leadership-section__leader-image {
padding-bottom: 3.2rem;
}
@media screen and (max-width: 1479px) {
.leadership-section__leader-image {
padding-bottom: 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__leader-image {
padding-bottom: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section__leader-image {
text-align: center;
}
}
.leadership-section__leader-image img {
width: 20rem;
}
@media screen and (max-width: 1479px) {
.leadership-section__leader-image img {
width: 20rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__leader-image img {
width: 18rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section__leader-image img {
width: 22.1rem;
}
}
.leadership-section__leader-social-media {
display: -ms-flexbox;
display: flex;
}
.leadership-section__leader-social-media--leader-linkedin {
display: none;
cursor: pointer;
content: url("/themes/custom/aptia/presentation/static/assets/icons/leader-linkedin.svg");
}
.leadership-section__leader-social-media--leader-twitter {
display: none;
cursor: pointer;
content: url("/themes/custom/aptia/presentation/static/assets/icons/leader-twitter.svg");
}
.leadership-section__overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* Adjust the overlay opacity as needed */
z-index: 999;
}
.leadership-section__rounded-green-arrow {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
content: url("/themes/custom/aptia/presentation/static/assets/icons/rounded-green-arrow.svg");
}
@media screen and (max-width: 767px) {
.leadership-section__rounded-green-arrow {
width: 2.4rem;
margin-bottom: 4rem;
}
}
.leadership-section__popup {
display: none;
position: fixed;
cursor: default;
width: 111rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
padding: 6.4rem 0 6.4rem 3.2rem;
border-radius: 50px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
@media screen and (max-width: 1479px) {
.leadership-section__popup {
width: 90rem;
padding: 4.8rem 0 4.8rem 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup {
width: 60rem;
padding: 3.2rem 0 3.2rem 1.6rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section__popup {
width: auto;
top: auto;
left: 0;
bottom: 0;
transform: translate(0%, 0%);
background: #ffffff;
padding: 2.4rem 3.2rem;
border-radius: 5rem 5rem 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
max-height: calc(100% - 48px);
overflow-y: scroll;
}
.leadership-section__popup .popup-image-container .leadership-section__leader-image {
text-align: left;
}
.leadership-section__popup .popup-image-container .leadership-section__leader-image img {
width: 16.4rem;
}
}
.leadership-section__popup .leadership-section__leader-social-media--leader-linkedin {
display: block;
margin-right: 2rem;
}
.leadership-section__popup .leadership-section__leader-social-media--leader-twitter {
display: block;
}
.leadership-section__popup .leadership-section__leadership-description {
display: block;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.leadership-section__popup .leadership-section__leadership-description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__popup .leadership-section__leadership-description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup .leadership-section__leadership-description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__popup .leadership-section__leadership-description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.leadership-section__popup .leader-details {
display: -ms-flexbox;
display: flex;
max-height: 70vh;
overflow-y: auto;
padding-right: 6.4rem;
}
.leadership-section__popup .leader-details::-webkit-scrollbar {
width: 0.5rem;
}
.leadership-section__popup .leader-details::-webkit-scrollbar-thumb {
background-color: #9d9d9d;
border-radius: 2rem;
}
@media screen and (max-width: 1479px) {
.leadership-section__popup .leader-details {
padding-right: 2.4rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup .leader-details {
padding-right: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.leadership-section__popup .leader-details {
display: block;
}
}
.leadership-section__popup .leadership-section__leader-image {
padding-right: 4.4rem;
}
@media screen and (max-width: 1479px) {
.leadership-section__popup .leadership-section__leader-image {
padding-right: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup .leadership-section__leader-image {
padding-right: 2.4rem;
}
}
.leadership-section__popup .leadership-section__leader-name {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #00d17c;
padding-bottom: 1.6rem;
}
@media screen and (max-width: 1799px) {
.leadership-section__popup .leadership-section__leader-name {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__popup .leadership-section__leader-name {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup .leadership-section__leader-name {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__popup .leadership-section__leader-name {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.leadership-section__popup .leadership-section__leader-designation {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
padding-bottom: 1.6rem;
opacity: 60%;
}
@media screen and (max-width: 1799px) {
.leadership-section__popup .leadership-section__leader-designation {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.leadership-section__popup .leadership-section__leader-designation {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.leadership-section__popup .leadership-section__leader-designation {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.leadership-section__popup .leadership-section__leader-designation {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.leadership-section__popup .leadership-section__rounded-green-arrow {
display: none;
}
body.popup-visible {
overflow: hidden;
/* Hide scroll bars when the popup is visible */
}
.closed {
content: url("/themes/custom/aptia/presentation/static/assets/icons/close-icon.svg");
position: absolute;
top: 32px;
right: 32px;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.closed {
top: auto;
bottom: calc(100% - 52px);
left: calc(100% - 32px);
position: sticky;
background-color: #ffffff;
}
}
.leadership-section-leader-mobile-image {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
}
.leadership-section-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@keyframes slide-right {
0% {
left: -100%;
}
25% {
left: -75%;
}
50% {
left: -50%;
}
75% {
left: -25%;
}
95% {
left: 5%;
}
100% {
left: 0%;
}
}
@keyframes slide-left {
0% {
right: -100%;
}
25% {
right: -75%;
}
50% {
right: -50%;
}
75% {
right: -25%;
}
95% {
right: 5%;
}
100% {
right: 0%;
}
}
.leadership-carousel-dot-container {
position: absolute;
top: 41.4rem;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
column-gap: 0.6rem;
}
.leadership-carousel-dot-container .leadership-carousel-dot {
width: 0.6rem;
height: 0.6rem;
border-radius: 30rem;
opacity: 0.3;
background-color: #b8c3c8;
}
.leadership-carousel-dot-container .leadership-active {
height: 0.6rem;
width: 2.4rem;
opacity: 1;
background-color: #00d17c;
margin-bottom: 4rem;
}
.leadership-carousel-prev-btn {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/carousel-green-next-btn.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
position: absolute;
top: 26%;
width: 3.2rem;
height: 3.2rem;
left: 0rem;
border-radius: 50%;
transform: rotate(180deg);
border: 0;
}
.leadership-carousel-next-btn {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/carousel-green-next-btn.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
cursor: pointer;
position: absolute;
top: 26%;
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
right: 0rem;
border: 0;
}
.our-story-wrapper {
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 767px) {
.our-story-wrapper {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.our-story-wrapper__left {
width: 50%;
padding: 12rem 12rem 0rem 12rem;
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left {
padding: 10rem 10rem 0rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left {
padding: 8rem 8rem 0rem 8rem;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left {
padding: 4rem 1.6rem 4rem 1.6rem;
width: 100%;
}
}
.our-story-wrapper__left--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.our-story-wrapper__left--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--title {
padding-bottom: 7.2rem;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--title {
padding-bottom: 6.4rem;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--title {
padding-bottom: 4rem;
}
}
.our-story-wrapper__left--content .field--items {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.our-story-wrapper__left--content .field--items > div {
margin-right: 0.8rem;
}
.our-story-wrapper__left--content__number-section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
padding-bottom: 1.6rem;
}
.our-story-wrapper__left--content__number-section--number {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 80px;
letter-spacing: -1.6px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.our-story-wrapper__left--content__number-section--number {
font-size: 64px;
line-height: 1;
letter-spacing: -1.28px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--content__number-section--number {
font-size: 52px;
line-height: 1;
letter-spacing: -1.04px;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--content__number-section--number {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--content__number-section--number {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.6px;
}
}
.our-story-wrapper__left--content__number-section--unit {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.our-story-wrapper__left--content__number-section--unit {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--content__number-section--unit {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--content__number-section--unit {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--content__number-section--unit {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.our-story-wrapper__left--content--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
font-family: "Mundial-Light", sans-serif;
max-width: 25rem;
}
@media screen and (max-width: 1799px) {
.our-story-wrapper__left--content--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--content--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--content--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--content--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__left--content--description {
max-width: 20rem;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__left--content--description {
max-width: 18rem;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__left--content--description {
max-width: 16rem;
}
}
.our-story-wrapper__right {
width: 50%;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.our-story-wrapper__right {
width: 100%;
}
}
.our-story-wrapper__right--video-img {
width: 80%;
}
@media screen and (max-width: 767px) {
.our-story-wrapper__right--video-img {
display: none;
}
}
.our-story-wrapper__right--video-button {
height: 80%;
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
position: absolute;
}
.our-story-wrapper__right--video-button img {
max-width: 25rem;
cursor: pointer;
}
@media screen and (max-width: 1479px) {
.our-story-wrapper__right--video-button img {
max-width: 20rem;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper__right--video-button img {
max-width: 18rem;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__right--video-button img {
max-width: 14rem;
}
}
@media screen and (max-width: 767px) {
.our-story-wrapper__right--video-button {
display: none;
}
}
.our-story-wrapper .our-brand-video {
display: none;
position: absolute;
z-index: 5;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.our-story-wrapper .our-brand-video {
display: none !important;
}
}
.our-story-wrapper .our-brand-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.our-story-wrapper .our-brand-video .close-icon {
content: url("/themes/custom/aptia/presentation/static/assets/icons/video-close-icon.svg");
position: absolute;
top: 3.2rem;
right: 6.4rem;
width: 72px;
height: 52px;
border-radius: 20px;
cursor: pointer;
background: rgba(217, 217, 217, 0.15);
-webkit-backdrop-filter: blur(12.5px);
backdrop-filter: blur(12.5px);
}
@media screen and (max-width: 1479px) {
.our-story-wrapper .our-brand-video .close-icon {
width: 6.4rem;
height: 4.4rem;
}
}
@media screen and (max-width: 1279px) {
.our-story-wrapper .our-brand-video .close-icon {
width: 6rem;
height: 4rem;
}
}
.aptia-mobile-screen {
display: none;
}
@media screen and (max-width: 767px) {
.aptia-mobile-screen {
display: block;
}
}
.news-section {
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
}
@media screen and (max-width: 767px) {
.news-section {
display: block;
}
}
.news-section__aptia-in-the-news-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.news-section__aptia-in-the-news-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.news-section__aptia-in-the-news-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.news-section__aptia-in-the-news-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.news-section__aptia-in-the-news-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.news-section__aptia-in-the-news {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 12rem 12rem 0 12rem;
}
@media screen and (max-width: 1479px) {
.news-section__aptia-in-the-news {
padding-bottom: 10rem 10rem 0 10rem;
}
}
@media screen and (max-width: 1279px) {
.news-section__aptia-in-the-news {
padding-bottom: 8rem 8rem 0 8rem;
}
}
@media screen and (max-width: 767px) {
.news-section__aptia-in-the-news {
padding: 6rem 1.6rem 0rem 1.6rem;
}
}
.news-section__aptia-in-the-news a {
text-decoration: none;
}
.news-section__aptia-in-the-news--view-all {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.news-section__aptia-in-the-news--view-all {
-ms-flex-align: start;
align-items: flex-start;
}
}
.news-section__aptia-in-the-news--view-all__arrow-img {
width: 40px;
height: 40px;
margin-left: 12px;
}
@media screen and (max-width: 767px) {
.news-section__aptia-in-the-news--view-all__arrow-img {
width: 24px;
height: 24px;
margin-left: 8px;
}
}
.news-section__aptia-in-the-news--view-all > p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
margin-bottom: 0;
}
@media screen and (max-width: 1799px) {
.news-section__aptia-in-the-news--view-all > p {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.news-section__aptia-in-the-news--view-all > p {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.news-section__aptia-in-the-news--view-all > p {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.news-section__aptia-in-the-news--view-all > p {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.news-section > div {
width: 33.33%;
}
@media screen and (max-width: 767px) {
.news-section > div {
width: 100%;
}
}
.news-section__aptia-in-the-news > a:hover {
text-decoration: none !important;
}
.static-page-banner {
width: 100%;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
border-radius: 0px 0px 100px 100px;
}
@media screen and (max-width: 1479px) {
.static-page-banner {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 0 0 32px 32px;
}
}
.static-page-banner__image-container {
width: 50%;
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.static-page-banner__image-container {
width: 100%;
}
}
.static-page-banner__image-container--capusle-image {
width: 58rem;
position: absolute;
}
@media screen and (max-width: 1479px) {
.static-page-banner__image-container--capusle-image {
width: 52rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__image-container--capusle-image {
width: 36rem;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__image-container--capusle-image {
width: 26rem;
position: relative;
}
}
.static-page-banner__image-container--image {
position: absolute;
width: 70rem;
}
@media screen and (max-width: 1479px) {
.static-page-banner__image-container--image {
width: 66rem;
height: 77rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__image-container--image {
width: 46rem;
height: 52rem;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__image-container--image {
width: 31rem;
height: 37rem;
}
}
.static-page-banner__text-container {
width: 50%;
padding: 16rem 0rem 16rem 12rem;
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container {
padding: 14rem 0rem 14rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container {
padding: 12rem 0rem 12rem 8rem;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container {
width: 100%;
padding: 0rem 1.6rem 1.6rem 1.6rem;
}
}
.static-page-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.static-page-banner__text-container--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.static-page-banner__text-container--title .heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.static-page-banner__text-container--title .heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--title .heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--title .heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--title .heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.static-page-banner__text-container--explore-with-us--link-text {
color: #00d17c;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: block;
border: 2px solid #00d17c;
padding: 3.2rem 4rem;
border-radius: 50px;
width: -moz-fit-content;
width: fit-content;
margin-top: 9rem;
}
@media screen and (max-width: 1799px) {
.static-page-banner__text-container--explore-with-us--link-text {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--explore-with-us--link-text {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--explore-with-us--link-text {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--explore-with-us--link-text {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--explore-with-us--link-text {
margin-top: 7rem;
padding: 2.8rem 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--explore-with-us--link-text {
margin-top: 5rem;
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--explore-with-us--link-text {
margin-bottom: 4rem;
margin-top: 2.4rem;
padding: 1.6rem;
}
}
.static-page-banner__text-container--explore-with-us--link-text img {
margin-left: 1.6rem;
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--explore-with-us--link-text img {
margin-left: 1.2rem;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--explore-with-us--link-text img {
margin-left: 0.8rem;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--explore-with-us--link-text img {
margin-left: 0.2rem;
width: 24px;
height: 24px;
}
}
.static-page-banner__text-container--explore-with-us--link-text:hover {
color: #00d17c !important;
text-decoration: none !important;
}
.static-page-banner__text-container--description-wrapper--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.static-page-banner__text-container--description-wrapper--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--description-wrapper--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--description-wrapper--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--description-wrapper--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.static-page-banner__text-container--description-wrapper--description strong {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.static-page-banner__text-container--description-wrapper--description strong {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.static-page-banner__text-container--description-wrapper--description strong {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.static-page-banner__text-container--description-wrapper--description strong {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.static-page-banner__text-container--description-wrapper--description strong {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.view-insights,
.view-insight-mobile {
padding: 10rem 12rem 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.view-insights,
.view-insight-mobile {
padding: 8rem 10rem 10rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights,
.view-insight-mobile {
padding: 6rem 8rem 8rem 8rem;
}
}
@media screen and (max-width: 767px) {
.view-insights,
.view-insight-mobile {
padding: 1.2rem 1.6rem 4rem;
}
}
.view-insights .view-empty .insight-no-results,
.view-insight-mobile .view-empty .insight-no-results {
display: -ms-flexbox;
display: flex;
width: 100%;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
padding: 4rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1799px) {
.view-insights .view-empty .insight-no-results,
.view-insight-mobile .view-empty .insight-no-results {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-empty .insight-no-results,
.view-insight-mobile .view-empty .insight-no-results {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-empty .insight-no-results,
.view-insight-mobile .view-empty .insight-no-results {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-empty .insight-no-results,
.view-insight-mobile .view-empty .insight-no-results {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.view-insights .view-filters,
.view-insight-mobile .view-filters {
position: sticky;
z-index: 20;
top: 13rem;
max-width: 100%;
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters,
.view-insight-mobile .view-filters {
top: 12.2rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters,
.view-insight-mobile .view-filters {
top: 11.4rem;
}
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters,
.view-insight-mobile .view-filters {
top: 10.2rem;
}
}
.view-insights .view-filters .bef-exposed-form,
.view-insight-mobile .view-filters .bef-exposed-form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
background-color: #ffffff;
padding-top: 1rem;
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters .bef-exposed-form,
.view-insight-mobile .view-filters .bef-exposed-form {
padding-top: 1.2rem;
padding-bottom: 4rem;
-ms-flex-pack: start;
justify-content: flex-start;
column-gap: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form,
.view-insight-mobile .view-filters .bef-exposed-form {
padding-top: 2rem;
padding-bottom: 3.6rem;
column-gap: 0.8rem;
}
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs {
margin-bottom: 6.2rem;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
white-space: nowrap;
background-color: #ffffff;
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs {
display: none;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs {
margin-bottom: 1.6rem;
}
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs::-webkit-scrollbar,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs::-webkit-scrollbar {
display: none;
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item {
margin: 0px;
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul {
display: -ms-flexbox;
display: flex;
padding: 0px;
margin: 0;
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li:last-child,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li:last-child {
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul {
padding: 1.6rem 0px 2rem;
}
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li {
list-style-type: none;
margin-right: 2.4rem;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li {
padding-bottom: 1.8rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li {
margin-right: 0.8rem;
}
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li .bef-link--selected,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li .bef-link--selected {
background-color: #00d17c;
}
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
background-color: #f4f6f8;
border-radius: 5rem;
padding: 2.4rem 4rem;
color: #113546;
text-decoration: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a,
.view-insight-mobile .view-filters .bef-exposed-form .aptia_insight_tabs .form-item .bef-links ul li a {
padding: 0.8rem 2.4rem;
}
}
.view-insights .view-filters .bef-exposed-form .insights-solution-filter,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter {
width: 20%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: start;
padding-left: 2.4rem;
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #113546;
background-color: #ffffff;
border-radius: 3.7rem;
height: 7.2rem;
width: 14rem;
gap: 0.8rem;
}
@media screen and (max-width: 1720px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button {
height: 6.8rem;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button {
height: 6.4rem;
width: 10rem;
}
}
@media screen and (max-width: 1199px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button {
height: 6rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button {
height: 5.3rem;
width: 9rem;
padding: 2rem 3.3rem;
}
}
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button img,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button img {
width: 3.2rem;
height: 3.2rem;
}
@media screen and (max-width: 1439px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button img,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button img {
width: 2.4rem;
height: 2.4rem;
}
}
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count,
.view-insight-mobile .view-filters .bef-exposed-form .insights-solution-filter button #desktop-filter-count {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.view-insights .view-filters .bef-exposed-form .view-filters-mobile,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile {
display: -ms-flexbox;
display: flex;
column-gap: 2.4rem;
}
}
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .filter-text,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .filter-text {
display: none;
}
}
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 2.4rem 4rem;
border: 2px solid #113546;
background-color: #ffffff;
border-radius: 3.7rem;
height: 7.2rem;
width: 28rem;
}
@media screen and (max-width: 1720px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
height: 6.8rem;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
height: 6.4rem;
width: 24rem;
}
}
@media screen and (max-width: 1023px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
width: 22rem;
}
}
@media screen and (max-width: 1199px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
height: 6rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button {
width: 24.4rem;
height: 5.3rem;
padding: 1.7rem 2.4rem;
}
}
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button img,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button img {
width: 1.6rem;
height: 1.6rem;
}
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div,
.view-insight-mobile .view-filters .bef-exposed-form .view-filters-mobile .insights-category-filter button div {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
position: relative;
column-gap: 1.6rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter {
column-gap: 0.8rem;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .form-actions.form-group.js-form-wrapper.form-wrapper,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .form-actions.form-group.js-form-wrapper.form-wrapper {
display: none;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset {
display: none;
-ms-flex-direction: column;
flex-direction: column;
background-color: #ffffff;
padding: 4rem;
border-radius: 2rem;
width: -moz-max-content;
width: max-content;
position: absolute;
top: 7.2rem;
left: 0;
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset {
width: 100%;
left: 0;
bottom: 0;
top: auto;
transform: translate(0%, 0%);
padding: 2.4rem 3.2rem;
border-radius: 5rem 5rem 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
height: -moz-max-content;
height: max-content;
max-height: calc(100% - 48px);
overflow-y: scroll;
position: fixed;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .mobile-category-close,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .mobile-category-close {
position: absolute;
right: 3.2rem;
top: 2.4rem;
width: 2.4rem;
height: 2.4rem;
background-color: transparent;
border: none;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/close-icon.svg");
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend {
display: contents;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset legend {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper {
padding-top: 2.4rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item {
margin-bottom: 2.4rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label {
all: unset;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1.4;
letter-spacing: -0.48px;
text-decoration: underline;
text-decoration: none;
color: #113546;
font-weight: 200;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input {
position: initial;
margin-bottom: 0.5rem;
margin-left: 0px;
margin-right: 1.6rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input:not(:checked),
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input:not(:checked) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
display: block;
width: 1.2rem;
border-radius: 50% !important;
height: 1.1rem;
border: 1px solid #113546;
padding: 0.57rem !important;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input:checked,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .form-radios .form-item .control-label input:checked {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
accent-color: #00d17c;
width: 1.2rem;
border-radius: 50% !important;
height: 1.1rem;
border: 1px solid #00d17c;
padding: 0.57rem !important;
background-color: #00d17c;
box-shadow: inset 0px 0px 0px 2px #ffffff;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 22.3rem;
height: 7.2rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
background-color: #00d17c;
border-radius: 20rem;
border: none;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Categories-fieldset .fieldset-wrapper div .solution_sub_button {
width: 100%;
height: 5.6rem;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset {
display: none;
-ms-flex-direction: column;
flex-direction: column;
background-color: #ffffff;
padding: 4rem;
border-radius: 2rem;
width: -moz-max-content;
width: max-content;
height: -moz-fit-content;
height: fit-content;
position: absolute;
top: 7.2rem;
right: 0;
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset {
width: 100%;
left: 0;
bottom: 0;
top: auto;
transform: translate(0%, 0%);
padding: 2.4rem 3.2rem;
border-radius: 5rem 5rem 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
height: -moz-max-content;
height: max-content;
max-height: calc(100% - 48px);
overflow-y: scroll;
position: fixed;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .mobile-solution-close,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .mobile-solution-close {
position: absolute;
right: 3.2rem;
top: 2.4rem;
width: 2.4rem;
height: 2.4rem;
background-color: transparent;
border: none;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/close-icon.svg");
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend {
display: contents;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset legend {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper {
padding-top: 2.4rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1.4;
letter-spacing: -0.48px;
text-decoration: underline;
margin-bottom: 2.4rem;
text-decoration: none;
display: -ms-flexbox;
display: flex;
color: #113546;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle::before,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .bef-toggle::before {
content: "";
height: 2.4rem;
width: 2.4rem;
border: 1px solid #113546;
border-radius: 0.4rem;
display: block;
margin-right: 1.6rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item {
margin-bottom: 2.4rem;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1.4;
letter-spacing: -0.48px;
text-decoration: underline;
text-decoration: none;
color: #113546;
font-weight: 200;
padding-left: 4rem;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input {
height: 2.4rem;
width: 2.4rem;
position: absolute;
left: 2rem;
accent-color: #00d17c;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #113546;
border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input {
bottom: 0;
}
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox]:not(:checked),
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox]:not(:checked) {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_unchecked_dark_bg.svg");
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox]:checked,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox]:checked {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg");
border: none;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox],
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .form-checkboxes .form-item .control-label input[type=checkbox] {
-webkit-appearance: none;
}
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 22.3rem;
height: 7.2rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
background-color: #00d17c;
border-radius: 200px;
border: none;
}
@media screen and (max-width: 1799px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button,
.view-insight-mobile .view-filters .insight_mobile_section .bef-exposed-form #insight-mobile-filter .insightmobile-Solutions-fieldset .fieldset-wrapper div .solution_checkbox_button {
width: 100%;
height: 5.6rem;
}
}
.view-insights .view-content,
.view-insight-mobile .view-content {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 3.2rem;
}
@media screen and (max-width: 1279px) {
.view-insights .view-content,
.view-insight-mobile .view-content {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content,
.view-insight-mobile .view-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding-top: 0px;
}
}
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
display: none;
border-radius: 3.8rem;
background-color: #f4f6f8;
overflow: hidden;
max-height: 47.8rem;
}
@media screen and (max-width: 1720px) {
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
max-height: 41.8rem;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
max-height: 37.8rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
max-height: 34.8rem;
}
}
@media screen and (max-width: 1023px) {
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
max-height: 33.8rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row,
.view-insight-mobile .view-content .views-row {
max-height: 31.6rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list,
.view-insight-mobile .view-content .views-row .aptia_blog_list {
position: relative;
}
.view-insights .view-content .views-row .aptia_blog_list a,
.view-insight-mobile .view-content .views-row .aptia_blog_list a {
text-decoration: none;
}
.view-insights .view-content .views-row .aptia_blog_list a:hover,
.view-insight-mobile .view-content .views-row .aptia_blog_list a:hover {
text-decoration: none;
}
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
width: 100%;
height: 30.2rem;
max-height: 30.2rem;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 1720px) {
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
height: 26rem;
max-height: 26rem;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
height: 23.5rem;
max-height: 23.5rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
height: 21.5rem;
max-height: 21.5rem;
}
}
@media screen and (max-width: 1023px) {
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
height: 21rem;
max-height: 21rem;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img,
.view-insight-mobile .view-content .views-row .aptia_blog_list .field--name-field-media-image .field--item img {
height: 19.2rem;
max-height: 19.2rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__category_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__category_wrapper {
position: absolute;
top: 24px;
right: 24px;
padding: 1.2rem 2.4rem;
border-radius: 2.1rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__category_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__category_wrapper {
padding: 0.8rem 1.2rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
padding: 3.2rem 3.2rem 2.4rem 3.2rem;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1720px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 1023px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper {
padding: 2.4rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
overflow: hidden;
display: -webkit-box;
-Webkit-line-clamp: 2;
line-clamp: 2;
-Webkit-box-orient: vertical;
min-height: 6.7rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title a,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title a {
color: #113546;
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title a:hover,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title a:hover {
color: #113546;
}
@media screen and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
min-height: 5.6rem;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
min-height: 4.5rem;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
min-height: 3.85rem;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
min-height: unset;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--title,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--title {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
display: -ms-flexbox;
display: flex;
color: #496370;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date__separator::after,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date__separator::after {
content: "";
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/separator.svg");
float: right;
width: 2.4rem;
height: 1.8rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper--author_date__separator::after,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper--author_date__separator::after {
height: 1.4rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-top: 0.4rem;
min-height: 4.3rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section {
min-width: 3.5rem;
margin-top: 0.7rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section--insights-details__webinar-date {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section img,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section img {
margin-left: 0.8rem;
width: 4.3rem;
height: 4.3rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section img,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section img {
width: 3.2rem;
height: 3.2rem;
}
}
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section .date-separator,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section .date-separator {
margin: 0 1.2rem;
}
@media screen and (max-width: 767px) {
.view-insights .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section .date-separator,
.view-insight-mobile .view-content .views-row .aptia_blog_list__info_wrapper__insights-card-bottom-section .date-separator {
margin: 0 0.8rem;
}
}
.view-insights .insights_list_card_button_container,
.view-insight-mobile .insights_list_card_button_container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 3.2rem 9.6rem;
background: rgba(0, 209, 124, 0.1019607843);
color: #113546;
border-radius: 6rem;
border: none;
margin-top: 8rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .insights_list_card_button_container button,
.view-insight-mobile .insights_list_card_button_container button {
padding: 1.8rem 4.8rem;
margin-top: 3.6rem;
}
}
.view-insights .insights_list_card_button_container button::after,
.view-insight-mobile .insights_list_card_button_container button::after {
content: "";
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/down-arrow.svg");
float: right;
width: 4rem;
height: 4rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media screen and (max-width: 767px) {
.view-insights .insights_list_card_button_container button::after,
.view-insight-mobile .insights_list_card_button_container button::after {
width: 2rem;
height: 2rem;
}
}
.view-insights .insights_list_card_button_container .insights_list_card_button_mobile,
.view-insights .insights_list_card_button_container .insights_list_card_button,
.view-insight-mobile .insights_list_card_button_container .insights_list_card_button_mobile,
.view-insight-mobile .insights_list_card_button_container .insights_list_card_button {
display: none;
}
.view-insights .loader_message,
.view-insight-mobile .loader_message {
display: -ms-flexbox;
display: flex;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Light, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
color: #113546;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1799px) {
.view-insights .loader_message,
.view-insight-mobile .loader_message {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.view-insights .loader_message,
.view-insight-mobile .loader_message {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.view-insights .loader_message,
.view-insight-mobile .loader_message {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.view-insights .loader_message,
.view-insight-mobile .loader_message {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
display: none;
position: absolute;
top: 84px;
left: 92px;
z-index: 1000;
background-color: #ffffff;
padding: 40px;
border-radius: 20px;
box-shadow: 2px 2px 14px gray;
width: 28rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1720px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
top: 78px;
left: 76px;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
width: 24rem;
top: 7.6rem;
}
}
@media screen and (max-width: 1439px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
left: 6.8rem;
}
}
@media breakpoint-desktop-smallmax {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
left: 6rem;
}
}
@media screen and (max-width: 1023px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id {
width: 22rem;
left: 5.6rem;
top: 7.2rem;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a {
all: unset;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a::before {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
border: 1px solid #113546;
padding: 5px;
background-color: transparent;
border-radius: 50%;
margin-right: 16px;
position: relative;
top: 0.5rem;
}
@media screen and (max-width: 1720px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a::before {
width: 2rem;
height: 2rem;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a::before {
top: 0.1rem;
width: 1.6rem;
height: 1.6rem;
}
}
@media screen and (max-width: 1439px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a::before {
top: 0.3rem;
}
}
@media screen and (max-width: 1279px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li a::before {
width: 1.2rem;
height: 1.2rem;
top: 0.2rem;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-category-target-id .bef-links ul li .bef-link--selected::before {
background-color: #00d17c;
box-shadow: inset 0px 0px 0px 2px white;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id {
display: none;
position: absolute;
top: 84px;
left: 396px;
z-index: 1000;
background-color: #ffffff;
padding: 40px;
border-radius: 20px;
box-shadow: 2px 2px 14px gray;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1720px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id {
top: 7.8rem;
left: toRrem(384px);
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id {
left: 33.4rem;
top: 7.4rem;
}
}
@media screen and (max-width: 1023px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id {
left: 30rem;
top: 7.2rem;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .control-label {
padding-bottom: 1.8rem;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li a {
all: unset;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li a::before {
content: "";
display: inline-block;
width: 2.4rem;
height: 2.4rem;
border: 1px solid #113546;
padding: 5px;
background-color: transparent;
border-radius: 0.5rem;
margin-right: 1.6rem;
position: relative;
top: 0.5rem;
}
@media screen and (max-width: 1720px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li a::before {
width: 2.2rem;
height: 2.2rem;
top: 0.4rem;
}
}
@media screen and (max-width: 1479px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li a::before {
width: 2rem;
height: 2rem;
top: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li a::before {
width: 1.6rem;
height: 1.6rem;
top: 0.4rem;
}
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .form-item-field-solution-filter-target-id .bef-links ul li .bef-link--selected::before {
background-image: url(/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg);
background-size: contain;
}
.insight-desktop .views-element-container .view-insights .view-filters .bef-exposed-form .aptia_insight_tabs .display-category-dropdown .bef-links ul li {
cursor: pointer;
}
@media screen and (max-width: 767px) {
.insight-desktop {
display: none;
}
}
.insight-mobile {
display: none;
}
@media screen and (max-width: 767px) {
.insight-mobile {
display: block;
}
}
.display-category-dropdown {
display: -ms-flexbox !important;
display: flex !important;
}
#insights-category-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
height: 5.3rem;
padding: 2rem;
width: 24.4rem;
border-radius: 20rem;
border: 1px solid #113546;
background-color: transparent;
}
#insights-solutions-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 5.3rem;
width: 9rem;
border-radius: 20rem;
border: 1px solid #113546;
background-color: transparent;
column-gap: 0.8rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
#insights-solutions-dropdown {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
#insights-solutions-dropdown {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
#insights-solutions-dropdown {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
#insights-solutions-dropdown {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
#insights-solutions-dropdown img {
width: 2.4rem;
height: 2.4rem;
}
.stop-scrolling {
height: 100%;
overflow: hidden;
}
.overlay-dropdown-filter-desktop,
.overlay-dropdown-filter-mobile {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
background: transparent;
}
@media screen and (max-width: 767px) {
.overlay-dropdown-filter-desktop,
.overlay-dropdown-filter-mobile {
background: rgba(0, 0, 0, 0.5);
}
}
.description-content-insights {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding-bottom: 3rem;
}
@media screen and (max-width: 1799px) {
.description-content-insights {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.description-content-insights {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.description-content-insights {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.description-content-insights {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.description-content-insights ul li::before {
color: #00d17c;
margin-bottom: 2rem;
}
.light-color-container .dark-color-container .description-content-insights {
color: #ffffff;
}
.dark-color-container .light-color-container .description-content-insights {
color: #113546;
}
.hide-apply-button {
background-color: #ffffff !important;
color: #ffffff !important;
display: none !important;
border: none !important;
}
.insightdesktop-Solutions-fieldset legend {
border: none;
position: absolute;
top: 1.6rem;
}
.insightdesktop-Solutions-fieldset legend .fieldset-legend {
text-align: center;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
@media screen and (max-width: 1799px) {
.insightdesktop-Solutions-fieldset legend .fieldset-legend {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset legend .fieldset-legend {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.insightdesktop-Solutions-fieldset legend .fieldset-legend {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.insightdesktop-Solutions-fieldset legend .fieldset-legend {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper {
position: relative;
top: 3.2rem;
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper {
top: 2.2rem;
}
}
@media screen and (max-width: 1023px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper {
top: 2rem;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle {
color: #113546;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-bottom: 2.4rem;
text-decoration: none;
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle {
padding-bottom: 1.8rem;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle::before {
content: "";
height: 2.4rem;
width: 2.4rem;
border: 1px solid #113546;
border-radius: 0.4rem;
display: block;
margin-right: 1.6rem;
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle::before {
width: 2rem;
height: 2rem;
}
}
@media screen and (max-width: 1023px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle::before {
width: 1.6rem;
height: 1.6rem;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .bef-toggle:checked::before {
background-image: url(/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg);
background-size: contain;
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes .form-item label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes .form-item label input {
width: 2.4rem;
height: 2.4rem;
appearance: none;
/* Remove default appearance */
-webkit-appearance: none;
/* For older versions of Safari */
-moz-appearance: none;
/* For older versions of Firefox */
border: 1px solid #113546;
border-radius: 0.4rem;
outline: none;
/* Remove outline */
cursor: pointer;
margin: 0;
}
@media screen and (max-width: 1479px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes .form-item label input {
width: 2rem;
height: 2rem;
}
}
@media screen and (max-width: 1023px) {
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes .form-item label input {
width: 1.6rem;
height: 1.6rem;
}
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .form-checkboxes .form-item label input[type=checkbox]:checked {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg");
background-size: contain;
}
.insightdesktop-Solutions-fieldset .fieldset-wrapper div:first-child .solution_checkbox_button {
display: none;
}
.panel-right-block,
[id*=block-aptia-views-block-related-insights-menu-block] {
background: #f6fbfe;
padding: 1.6rem;
border-radius: 24px;
letter-spacing: 0;
}
.panel-right-block header h4,
.panel-right-block .block-title,
[id*=block-aptia-views-block-related-insights-menu-block] header h4,
[id*=block-aptia-views-block-related-insights-menu-block] .block-title {
margin: 0 0 1.6rem;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
font-size: 1.4rem;
line-height: 2rem;
}
.panel-right-block .view-insight-block .views-row,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block .views-row {
margin-bottom: 1.6rem;
}
.panel-right-block .view-insight-block .views-row:last-child,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block .views-row:last-child {
margin-bottom: 0;
}
.panel-right-block .view-insight-block.layout-b .article-related-card .content-grp,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block.layout-b .article-related-card .content-grp {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.panel-right-block .view-insight-block.layout-b .article-related-card .content-grp .cover-image,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block.layout-b .article-related-card .content-grp .cover-image {
width: 96px;
height: 64px;
margin-bottom: 0;
}
.panel-right-block .view-insight-block.layout-b .article-related-card .content-grp h3,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block.layout-b .article-related-card .content-grp h3 {
width: calc(100% - 112px);
}
.panel-right-block .view-insight-block.cat-b .article-related-card .cover-image:before,
[id*=block-aptia-views-block-related-insights-menu-block] .view-insight-block.cat-b .article-related-card .cover-image:before {
width: 100%;
height: 100%;
background: url("/themes/custom/aptia/presentation/static/assets/images/green-blob-b.png") 0 0 no-repeat;
background-size: cover;
}
.panel-right-block .article-related-card,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card {
padding: 1.2rem;
border-radius: 16px;
border: 2px solid #f1f6f8;
background: #fff;
}
.panel-right-block .article-related-card .top-grp,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .top-grp {
margin-bottom: 0.8rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: Mundial-Regular, sans-serif;
font-size: 1.2rem;
line-height: 1.6rem;
}
.panel-right-block .article-related-card .top-grp .cat,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .top-grp .cat {
color: #020507;
}
.panel-right-block .article-related-card .top-grp .date-separator,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .top-grp .date-separator {
line-height: 1;
}
.panel-right-block .article-related-card .top-grp .date,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .top-grp .date {
color: #838d92;
}
.panel-right-block .article-related-card .cover-image,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .cover-image {
height: 96px;
margin-bottom: 1.6rem;
background: #113546;
overflow: hidden;
border-radius: 12px;
position: relative;
color: #fff;
}
.panel-right-block .article-related-card .cover-image:before,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .cover-image:before {
width: 86px;
height: 70px;
background: url("/themes/custom/aptia/presentation/static/assets/images/green-blob.png") 0 0 no-repeat;
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.panel-right-block .article-related-card .cover-image a,
.panel-right-block .article-related-card .cover-image img,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .cover-image a,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .cover-image img {
width: 100%;
height: 100%;
display: block;
}
.panel-right-block .article-related-card .cover-image img,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card .cover-image img {
object-fit: cover;
object-position: center top;
}
.panel-right-block .article-related-card h3,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card h3 {
margin: 0;
font-family: "Mundial-Light", sans-serif;
font-size: 1.6rem;
line-height: 2.4rem;
}
.panel-right-block .article-related-card h3 a,
[id*=block-aptia-views-block-related-insights-menu-block] .article-related-card h3 a {
color: #020507;
text-decoration: none;
}
.panel-right-block .more-link,
[id*=block-aptia-views-block-related-insights-menu-block] .more-link {
margin-top: 2rem;
}
.panel-right-block .more-link a,
[id*=block-aptia-views-block-related-insights-menu-block] .more-link a {
font-family: "Mundial-Light", sans-serif;
color: #020507;
font-size: 1.4rem;
line-height: 2rem;
text-decoration: none;
}
.panel-right-block .more-link a:after,
[id*=block-aptia-views-block-related-insights-menu-block] .more-link a:after {
width: 14px;
height: 16px;
margin-left: 1.7rem;
background: url('data:image/svg+xml,') 0 0 no-repeat;
display: inline-block;
vertical-align: middle;
content: "";
}
.recruitment-process-bg {
background-color: #ffffff;
}
.career-recruitment-process {
background-color: #113546;
padding: 12rem;
display: -ms-flexbox;
display: flex;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.career-recruitment-process {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process {
display: block;
padding: 4rem 1.6rem;
border-radius: 0 0 32px 32px;
}
}
.career-recruitment-process__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
width: 40%;
color: #ffffff;
margin-right: 3.2rem;
}
@media screen and (max-width: 1799px) {
.career-recruitment-process__title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.career-recruitment-process__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process__title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__title {
width: auto;
padding-bottom: 1.6rem;
}
}
.career-recruitment-process__description-section {
width: 60%;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.career-recruitment-process__description-section {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-recruitment-process__description-section {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process__description-section {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__description-section {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__description-section {
width: auto;
}
}
.career-recruitment-process__description-section > div > div {
padding-right: 3rem;
}
@media screen and (max-width: 767px) {
.career-recruitment-process__description-section > div > div {
padding-right: 0;
padding-bottom: 0rem;
}
}
.career-recruitment-process__description-section > div > div:last-child {
padding-right: 0;
}
.career-recruitment-process__description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.career-recruitment-process__description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-recruitment-process__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process__description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.career-recruitment-process__navigation-btn > div a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
margin-top: 4rem;
border-radius: 20rem;
border: 1px solid #00d17c;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 20.8rem;
height: 7.2rem;
cursor: pointer;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: flex;
align-items: center;
color: #00d17c;
text-decoration: none;
}
@media screen and (max-width: 1479px) {
.career-recruitment-process__navigation-btn > div a {
width: 19.6rem;
height: 6.8rem;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process__navigation-btn > div a {
width: 17.2rem;
height: 6rem;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__navigation-btn > div a {
margin-top: 2.4rem;
width: 14.5rem;
height: 5.6rem;
}
}
@media screen and (max-width: 1799px) {
.career-recruitment-process__navigation-btn > div a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-recruitment-process__navigation-btn > div a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-recruitment-process__navigation-btn > div a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-recruitment-process__navigation-btn > div a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.career-recruitment-process__navigation-btn > div a img {
width: 2.8rem;
height: 2.8rem;
margin-left: 1.6rem;
}
@media screen and (max-width: 767px) {
.career-recruitment-process__navigation-btn > div a img {
width: 2.4rem;
height: 2.4rem;
margin-left: 0.6rem;
}
}
.recruitment-agency-careers {
padding: 12rem 12rem 0rem 12rem;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1479px) {
.recruitment-agency-careers {
padding: 10rem 10rem 0rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.recruitment-agency-careers {
padding: 8rem 8rem 0rem 8rem;
}
}
@media screen and (max-width: 767px) {
.recruitment-agency-careers {
display: block;
padding: 4rem 1.6rem 0rem 1.6rem;
}
}
.recruitment-agency-careers__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
margin-right: 3.2rem;
width: 40%;
}
@media screen and (max-width: 1799px) {
.recruitment-agency-careers__title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.recruitment-agency-careers__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.recruitment-agency-careers__title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.recruitment-agency-careers__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.recruitment-agency-careers__title {
width: auto;
padding-bottom: 1.6rem;
margin-right: 0;
}
}
.recruitment-agency-careers__description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
width: 60%;
}
@media screen and (max-width: 1799px) {
.recruitment-agency-careers__description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.recruitment-agency-careers__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.recruitment-agency-careers__description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.recruitment-agency-careers__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.recruitment-agency-careers__description {
width: auto;
}
}
.feature_solutions_benefits {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_benefits {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_benefits {
display: block;
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 4rem 1.6rem 1rem;
}
}
.feature_solutions_benefits__image {
margin-right: 10rem;
max-width: 75rem;
max-height: 51rem;
width: 40%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__image {
width: 100%;
max-width: 34.5rem;
margin: 0 auto 4rem;
}
}
.feature_solutions_benefits__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
margin-bottom: 6.4rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_benefits__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_benefits__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_benefits__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__title {
margin-bottom: 3.2rem;
}
}
.feature_solutions_benefits__content > div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.feature_solutions_benefits__content > div .field--item:first-child {
margin-right: 3.2rem;
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__content > div {
display: block;
}
.feature_solutions_benefits__content > div .field--item:first-child {
margin: 0 0 3.2rem;
}
}
.feature_solutions_benefits__content--wrapper__image {
width: 84px;
height: 84px;
object-fit: contain;
margin-bottom: 3.2rem;
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__content--wrapper__image {
margin-bottom: 1.6rem;
}
}
.feature_solutions_benefits__content--wrapper__desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.feature_solutions_benefits__content--wrapper__desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_benefits__content--wrapper__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_benefits__content--wrapper__desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_benefits__content--wrapper__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.feature_solutions_benefits__content--wrapper__desc a {
color: #00d17c;
text-decoration: underline;
}
.benefits-are-personal .Dark .feature_solutions_benefits__title,
.benefits-are-personal .Dark .feature_solutions_benefits__content--wrapper__desc {
color: #ffffff !important;
}
.benefits-are-personal .Light .feature_solutions_benefits__title,
.benefits-are-personal .Light .feature_solutions_benefits__content--wrapper__desc {
color: #113546 !important;
}
.benefits-are-personal .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.benefits-are-personal .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.benefits-are-personal .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.benefits-are-personal .On {
border-radius: 0 0 32px 32px;
}
}
.feature_solutions_designed_container .feature_solutions_designed {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed {
padding: 4rem 1.6rem 1rem;
}
}
.feature_solutions_designed_container .feature_solutions_designed__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #113546;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_designed_container .feature_solutions_designed__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__title {
margin-bottom: 3.6rem;
}
}
.feature_solutions_designed_container .feature_solutions_designed__content > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content > div {
display: block;
}
}
.feature_solutions_designed_container .feature_solutions_designed__content > div > .field--item {
width: 33.33%;
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content > div > .field--item {
width: 100%;
}
}
.feature_solutions_designed_container .feature_solutions_designed__content--details {
display: -ms-flexbox;
display: flex;
padding: 4rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details {
padding: 2rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details {
padding: 1rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details {
-ms-flex-align: center;
align-items: center;
padding: 0 0 3rem;
}
}
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-left: 3.6rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
margin-left: 2.8rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
margin-left: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__subtitle {
margin-left: 1.6rem;
}
}
.feature_solutions_designed_container .feature_solutions_designed__content--details__image {
width: 96px;
height: 96px;
object-fit: cover;
}
@media screen and (max-width: 1479px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__image {
width: 88px;
height: 88px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__image {
width: 60px;
height: 60px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_designed_container .feature_solutions_designed__content--details__image {
width: 74px;
height: 74px;
}
}
.solution-designed .Dark .feature_solutions_designed__content--details__subtitle {
color: #ffffff;
}
.solution-designed .Light .feature_solutions_designed__content--details__subtitle {
color: #113546;
}
.solution-designed .Dark .feature_solutions_designed__title {
color: #ffffff;
}
.solution-designed .Light .feature_solutions_designed__title {
color: #113546;
}
.solution-designed .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.solution-designed .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.solution-designed .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.solution-designed .On {
border-radius: 0 0 32px 32px;
}
}
.feature_solutions_services {
padding: 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_services {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_services {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_services {
display: block;
padding: 4rem 1.6rem 4rem;
}
}
.feature_solutions_services__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_services__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_services__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_services__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_services__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_services__title {
margin-bottom: 3.2rem;
}
}
.feature_solutions_services__video .video-wrapper__overlay {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
border-radius: 4rem;
}
@media screen and (max-width: 767px) {
.feature_solutions_services__video .video-wrapper__overlay {
border-radius: 3.2rem;
}
}
.feature_solutions_services__video video {
width: 100%;
object-fit: cover;
border-radius: 4rem;
}
@media screen and (max-width: 767px) {
.feature_solutions_services__video video {
border-radius: 3.2rem;
}
}
.feature_solutions_services_top {
padding-bottom: 0px;
}
.feature_solutions_services_bottom {
padding-top: 0px;
}
.solution-video-section .feature_solutions_services__title {
color: #113546 !important;
}
.solution-video-section .Dark .feature_solutions_services__title {
color: #ffffff !important;
}
.solution-video-section .Light .feature_solutions_services__title {
color: #113546 !important;
}
.solution-video-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.solution-video-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.solution-video-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.solution-video-section .On {
border-radius: 0 0 32px 32px;
}
}
.feature_solution_service_cards {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_service_cards {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards {
display: block;
padding: 4rem 1.6rem;
}
}
.feature_solution_service_cards__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.feature_solution_service_cards__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_service_cards__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__title {
margin-bottom: 3.2rem;
}
}
.Dark .feature_solution_service_cards__title {
color: #ffffff;
}
.Light .feature_solution_service_cards__title {
color: #113546;
}
.feature_solution_service_cards__content > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards__content > div {
column-gap: 2rem;
row-gap: 2rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content > div {
display: block;
}
}
.feature_solution_service_cards__content .field--item {
margin: 0 3.2rem 3.2rem 0;
}
.feature_solution_service_cards__content .field--item:last-child {
margin: 0;
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content .field--item {
margin: 0;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards__content .field--item {
margin: 0;
}
}
.feature_solution_service_cards__content--wrapper {
padding: 3.6rem 1.6rem 1.6rem;
border-radius: 32px;
border: 1px solid rgba(255, 255, 255, 0.2);
overflow: hidden;
height: 31.8rem;
width: 25.3rem;
position: relative;
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper {
border: none;
border-radius: 0;
height: auto;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 2rem 1.6rem;
}
}
.feature_solution_service_cards__content--wrapper__title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #ffffff;
margin: 9.8rem 0 2rem;
transition: transform 0.6s ease-in-out, margin 0.6s ease-in-out;
}
@media screen and (max-width: 1799px) {
.feature_solution_service_cards__content--wrapper__title {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards__content--wrapper__title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_service_cards__content--wrapper__title {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__title {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0;
}
.feature_solution_service_cards__content--wrapper__title::after {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/green_down_arrow.svg");
background-repeat: no-repeat;
background-size: contain;
transition: transform 0.6s ease-in-out;
}
}
.feature_solution_service_cards__content--wrapper__image {
width: 64px;
height: 64px;
object-fit: cover;
transition: transform 0.6s ease-in-out;
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__image {
display: none;
}
}
.feature_solution_service_cards__content--wrapper__desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
transform: translateY(190%);
color: #ffffff;
transition: transform 0.6s ease-in-out;
}
@media screen and (max-width: 1799px) {
.feature_solution_service_cards__content--wrapper__desc {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_service_cards__content--wrapper__desc {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_service_cards__content--wrapper__desc {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__desc {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__desc {
display: none;
transition: display 0.6s ease-in-out;
}
}
.feature_solution_service_cards__content--wrapper__arrow {
text-align: right;
position: absolute;
right: 16px;
bottom: 16px;
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper__arrow {
display: none;
}
}
.feature_solution_service_cards__content--wrapper__arrow img {
width: 40px;
height: 40px;
object-fit: cover;
transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__title {
transform: translateY(0);
color: #00d17c;
margin: 0;
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__title::after {
transform: rotate(180deg);
}
}
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__image {
transform: translateY(-160%);
}
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__desc {
transform: translateY(16px);
}
@media screen and (max-width: 767px) {
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__desc {
display: block;
margin-bottom: 2rem;
}
}
.feature_solution_service_cards__content--wrapper:hover .feature_solution_service_cards__content--wrapper__arrow img {
transform: rotate(-45deg);
opacity: 0;
}
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__title,
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__desc {
color: #ffffff !important;
}
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__title div p,
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__desc div p {
min-height: 100px;
}
@media screen and (max-width: 767px) {
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__title div p,
.services-card-details .Dark .feature_solution_service_cards__content--wrapper__desc div p {
min-height: auto;
}
}
.services-card-details .Light .feature_solution_service_cards__content--wrapper__title,
.services-card-details .Light .feature_solution_service_cards__content--wrapper__desc {
color: #113546 !important;
}
.services-card-details .Light .feature_solution_service_cards__content--wrapper__title div p,
.services-card-details .Light .feature_solution_service_cards__content--wrapper__desc div p {
min-height: 100px;
}
@media screen and (max-width: 767px) {
.services-card-details .Light .feature_solution_service_cards__content--wrapper__title div p,
.services-card-details .Light .feature_solution_service_cards__content--wrapper__desc div p {
min-height: auto;
}
}
.services-card-details .Dark .feature_solution_service_cards__content--wrapper {
border: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 767px) {
.services-card-details .Dark .feature_solution_service_cards__content--wrapper {
border: none;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
}
.services-card-details .Light .feature_solution_service_cards__content--wrapper {
border: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
.services-card-details .Light .feature_solution_service_cards__content--wrapper {
border: none;
border-radius: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
}
.services-card-details .Light .feature_solution_service_cards__content--wrapper__arrow img {
background-color: #00d17c;
border-radius: 10rem;
}
.services-card-details .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.services-card-details .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.services-card-details .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.services-card-details .On {
border-radius: 0 0 32px 32px;
}
}
.feature_solution_details_other_service {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_details_other_service {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_details_other_service {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service {
padding: 4rem 1.6rem 1.6rem;
}
}
.feature_solution_details_other_service--wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--wrapper {
margin-bottom: 3.2rem;
}
}
.feature_solution_details_other_service--wrapper__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.feature_solution_details_other_service--wrapper__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_details_other_service--wrapper__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_details_other_service--wrapper__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--wrapper__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--wrapper__title {
width: 70%;
}
}
.feature_solution_details_other_service--wrapper a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.feature_solution_details_other_service--wrapper a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_details_other_service--wrapper a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_details_other_service--wrapper a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--wrapper a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.feature_solution_details_other_service--wrapper a:hover {
text-decoration: none;
}
.feature_solution_details_other_service--wrapper a:after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-left: 1.2rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/right_arrow_icon.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--wrapper a:after {
width: 24px;
height: 24px;
}
}
.feature_solution_details_other_service--cards > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
column-gap: 3.2rem;
row-gap: 3.2rem;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards > div {
display: block;
}
}
.feature_solution_details_other_service--cards__wrapper {
padding: 3.2rem 2.4rem;
border-radius: 3.2rem;
width: 9.6rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
padding: 0 0 2.4rem;
margin: 0 0 2.4rem;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: transparent;
}
}
.feature_solution_details_other_service--cards__wrapper--image, .feature_solution_details_other_service--cards__wrapper--imageafter, .feature_solution_details_other_service--cards__wrapper--imagebefore {
width: 6.4rem;
height: 6.4rem;
object-fit: cover;
position: absolute;
top: 32px;
left: 16px;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper--image, .feature_solution_details_other_service--cards__wrapper--imageafter, .feature_solution_details_other_service--cards__wrapper--imagebefore {
display: none;
}
}
.feature_solution_details_other_service--cards__wrapper .image_before {
opacity: 1;
}
.feature_solution_details_other_service--cards__wrapper .image_after {
opacity: 0;
}
.feature_solution_details_other_service--cards__wrapper--title {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
position: absolute;
right: 1.6rem;
left: 1.6rem;
bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.feature_solution_details_other_service--cards__wrapper--title {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_details_other_service--cards__wrapper--title {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_details_other_service--cards__wrapper--title {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper--title {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper--title {
position: static;
color: #ffffff;
}
}
.feature_solution_details_other_service--cards__wrapper--arrow {
text-align: right;
position: absolute;
right: 16px;
bottom: 16px;
}
.feature_solution_details_other_service--cards__wrapper--arrow img {
background-color: #00d17c;
border-radius: 10rem;
width: 40px;
height: 40px;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper--arrow img {
width: 28px;
height: 28px;
}
}
.feature_solution_details_other_service--cards__wrapper--arrow .afterhover {
display: none;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper--arrow {
position: static;
}
}
.feature_solution_details_other_service--cards__wrapper:hover {
background-color: #00d17c !important;
}
.feature_solution_details_other_service--cards__wrapper:hover .image_before {
opacity: 0;
}
.feature_solution_details_other_service--cards__wrapper:hover .image_after {
opacity: 1;
}
.feature_solution_details_other_service--cards__wrapper:hover .afterhover {
display: block;
}
.feature_solution_details_other_service--cards__wrapper:hover .beforehover {
display: none;
}
.feature_solution_details_other_service--cards__wrapper:hover--image {
opacity: 0;
}
.feature_solution_details_other_service--cards__wrapper:hover--imageafter {
opacity: 1;
}
@media screen and (max-width: 767px) {
.feature_solution_details_other_service--cards__wrapper:hover {
background-color: transparent !important;
}
.feature_solution_details_other_service--cards__wrapper:hover .afterhover {
display: none;
}
.feature_solution_details_other_service--cards__wrapper:hover .beforehover {
display: block;
}
}
.solution-detail-services-section .Dark .feature_solution_details_other_service--wrapper__title {
color: #ffffff;
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Dark .feature_solution_details_other_service--cards__wrapper--title {
color: #ffffff;
}
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Light .feature_solution_details_other_service--cards__wrapper--title {
color: #113546;
}
}
.solution-detail-services-section .Light .feature_solution_details_other_service--wrapper__title {
color: #113546;
}
.solution-detail-services-section .Dark .feature_solution_details_other_service--wrapper a {
color: #ffffff;
}
.solution-detail-services-section .Dark .feature_solution_details_other_service--wrapper a:after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-left: 1.2rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/right_arrow_icon.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Dark .feature_solution_details_other_service--wrapper a:after {
width: 24px;
height: 24px;
}
}
.solution-detail-services-section .Light .feature_solution_details_other_service--wrapper a {
color: #113546;
}
.solution-detail-services-section .Light .feature_solution_details_other_service--wrapper a:after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-left: 1.2rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-deep-green.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Light .feature_solution_details_other_service--wrapper a:after {
width: 24px;
height: 24px;
}
}
.solution-detail-services-section .Light .feature_solution_details_other_service--cards__wrapper {
background-color: #f4f6f8;
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Light .feature_solution_details_other_service--cards__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
padding: 0 0 2.4rem;
margin: 0 0 2.4rem;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: transparent;
}
}
.solution-detail-services-section .Dark .feature_solution_details_other_service--cards__wrapper {
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.solution-detail-services-section .Dark .feature_solution_details_other_service--cards__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
height: auto;
padding: 0 0 2.4rem;
margin: 0 0 2.4rem;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: transparent;
}
}
.home--service_wrapper {
padding: 0rem 12rem 8rem 12rem;
width: 100%;
}
@media screen and (max-width: 1479px) {
.home--service_wrapper {
padding: 0rem 10rem 8rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.home--service_wrapper {
padding: 0rem 8rem 6rem 8rem;
}
}
.home--service_wrapper .feature_solution_details_other_service--cards__wrapper {
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.home--service_wrapper {
padding: 1rem 1.6rem 1.6rem;
border-radius: 0 0 32px 32px;
background-color: #ffffff;
}
.home--service_wrapper .feature_solution_details_other_service--cards__wrapper--title {
color: #113546;
}
.home--service_wrapper .feature_solution_details_other_service--cards__wrapper {
border-bottom: 1px solid rgba(17, 53, 70, 0.1);
}
.home--service_wrapper .feature_solution_details_other_service--cards__wrapper {
background-color: #ffffff;
}
.home--service_wrapper .feature_solution_details_other_service--cards__wrapper:hover {
background-color: #ffffff;
}
}
.insight-video-component .field--type-entity-reference-revisions:last-child .feature_solutions_services__video {
margin-bottom: 12rem;
}
@media screen and (max-width: 1479px) {
.insight-video-component .field--type-entity-reference-revisions:last-child .feature_solutions_services__video {
margin-bottom: 10rem;
}
}
@media screen and (max-width: 1279px) {
.insight-video-component .field--type-entity-reference-revisions:last-child .feature_solutions_services__video {
margin-bottom: 8rem;
}
}
@media screen and (max-width: 767px) {
.insight-video-component .field--type-entity-reference-revisions:last-child .feature_solutions_services__video {
margin-bottom: 4rem 1.6rem 0;
}
}
.solution-pages .feature_solutions_services__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.solution-pages .feature_solutions_services__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solution-pages .feature_solutions_services__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solution-pages .feature_solutions_services__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solution-pages .feature_solutions_services__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.insight-video-component .feature_solutions_services__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.insight-video-component .feature_solutions_services__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.insight-video-component .feature_solutions_services__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.insight-video-component .feature_solutions_services__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.insight-video-component .feature_solutions_services__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.insight-video-component .feature_solutions_services__title {
margin-bottom: 1.6rem;
}
}
.solution-details-card__wrapper,
.solution-details-card__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
height: 96px;
border-radius: 16px;
gap: 24px;
padding: 32px 24px;
width: 100%;
}
.solution-details-card__wrapper:hover,
.solution-details-card__wrapper:hover {
background-color: #e3f2f0;
}
.solution-details-card__wrapper--icon,
.solution-details-card__wrapper--icon {
width: 40px;
height: 40px;
margin-right: 1rem;
}
.solution-details-card__wrapper--title,
.solution-details-card__wrapper--title {
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1rem;
font-weight: 500;
color: #1a2e35;
}
.feature_solutions_hr_support_container .feature_solutions_hr_support {
padding: 12rem;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support {
border-radius: 0 0 80px 80px;
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support {
border-radius: 0 0 60px 60px;
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support {
border-radius: 0 0 32px 32px;
padding: 4rem 1.6rem;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
margin-bottom: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
margin-bottom: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__title {
margin-bottom: 2.4rem;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
margin-bottom: 5.2rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
margin-bottom: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__desc {
margin-bottom: 3.2rem;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div {
display: block;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div > .field--item {
width: calc(33.33% - 16px);
margin: 0 0 3.2rem;
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div > .field--item:last-child {
margin: 0;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div > .field--item {
width: calc(33.33% - 8px);
margin: 0 0 1.6rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div > .field--item {
width: calc(33.33% - 8px);
margin: 0 0 1.6rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper > div > .field--item {
margin: 0 0 2.4rem;
width: 100%;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-radius: 2.4rem;
background-color: #f4f6f8;
padding: 4rem;
min-height: 25rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content {
padding: 2rem;
min-height: 11.2rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content {
padding: 1rem;
min-height: 11.2rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content {
padding: 2.4rem;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content img {
width: 96px;
height: 96px;
object-fit: cover;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content img {
width: 74px;
height: 74px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content img {
width: 56px;
height: 56px;
}
}
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
width: 100%;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
margin-left: 3.6rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
margin-left: 1rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_support_container .feature_solutions_hr_support__wrapper--content__title {
margin-left: 2.4rem;
}
}
.feature-solutions-hr-support-section .Dark {
color: #ffffff !important;
}
.feature-solutions-hr-support-section .Dark .feature_solutions_hr_support__wrapper--content {
background-color: rgba(255, 255, 255, 0.1);
}
.feature-solutions-hr-support-section .Light {
color: #113546 !important;
}
.feature-solutions-hr-support-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.feature-solutions-hr-support-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.feature-solutions-hr-support-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.feature-solutions-hr-support-section .On {
border-radius: 0 0 32px 32px;
}
}
.feature-solutions-hr-support-section .Off {
border-radius: 0;
}
.feature_solutions_hr_portal {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12rem;
border-radius: 0 0 100px 100px;
background-repeat: no-repeat;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_portal {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 0 0 32px 32px;
padding: 4rem 1.6rem 1rem;
}
}
.feature_solutions_hr_portal > div {
width: 60%;
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal > div {
width: auto;
}
}
.feature_solutions_hr_portal__image {
margin-left: 10rem;
max-height: 55.1rem;
max-width: 58.1rem;
width: 40%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_portal__image {
margin-left: 8rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal__image {
margin-left: 6rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__image {
width: 28.4rem;
padding-bottom: 4rem;
max-width: none;
max-height: none;
margin: auto;
}
}
.feature_solutions_hr_portal__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.feature_solutions_hr_portal__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_portal__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__title {
margin-bottom: 2.4rem;
}
}
.feature_solutions_hr_portal__desc {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.feature_solutions_hr_portal__desc {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_portal__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal__desc {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__desc {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.feature_solutions_hr_portal__desc p {
margin-bottom: 5.6rem;
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal__desc p {
margin-bottom: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__desc p {
margin-bottom: 3.2rem;
}
}
.feature_solutions_hr_portal__desc p:last-child {
margin-bottom: 0rem;
}
.feature_solutions_hr_portal__desc ul {
padding-left: 2.4rem;
margin: 0;
}
.feature_solutions_hr_portal__desc ul li {
margin-bottom: 2.4rem;
}
@media screen and (max-width: 1479px) {
.feature_solutions_hr_portal__desc ul li {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solutions_hr_portal__desc ul li {
margin-bottom: 1.6rem;
}
}
@media screen and (max-width: 767px) {
.feature_solutions_hr_portal__desc ul li {
margin-bottom: 1.6rem;
}
}
.feature_solutions_hr_portal__desc a {
color: #00d17c;
text-decoration: underline;
}
.feature-solutions-hr-portal-section .Dark {
color: #ffffff !important;
}
.feature-solutions-hr-portal-section .Light {
color: #113546 !important;
}
.feature-solutions-hr-portal-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.feature-solutions-hr-portal-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.feature-solutions-hr-portal-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.feature-solutions-hr-portal-section .On {
border-radius: 0 0 32px 32px;
}
}
.feature-solutions-hr-portal-section .Off {
border-radius: 0;
}
.career-leader {
display: -ms-flexbox;
display: flex;
padding: 12rem;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.career-leader {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.career-leader {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.career-leader {
display: block;
padding: 4rem 1.6rem;
border-radius: 0 0 32px 32px;
}
}
.career-leader__image {
width: 40%;
min-height: 25.3rem;
min-width: 25.3rem;
margin-right: 3.2rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.career-leader__image {
width: auto;
padding-bottom: 3.2rem;
margin-right: 0;
-ms-flex-pack: start;
justify-content: flex-start;
min-height: 10.4rem;
min-width: 10.4rem;
max-height: 10.4rem;
max-width: 10.4rem;
}
}
.career-leader__right-section {
width: 60%;
}
@media screen and (max-width: 767px) {
.career-leader__right-section {
width: auto;
}
}
.career-leader__description {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
color: #113546;
padding-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.career-leader__description {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.career-leader__description {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.career-leader__description {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.career-leader__description {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.career-leader__description {
padding-bottom: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.career-leader__description {
padding-bottom: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.career-leader__description {
padding-bottom: 1.6rem;
}
}
.career-leader__description--leader-details {
display: -ms-flexbox;
display: flex;
}
.career-leader__description--leader-details__image {
min-width: 6rem;
min-height: 6rem;
padding-right: 4rem;
}
@media screen and (max-width: 1479px) {
.career-leader__description--leader-details__image {
padding-right: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.career-leader__description--leader-details__image {
padding-right: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.career-leader__description--leader-details__image {
padding-right: 1.6rem;
}
}
.career-leader__description--leader-details__name {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.career-leader__description--leader-details__name {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-leader__description--leader-details__name {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-leader__description--leader-details__name {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-leader__description--leader-details__name {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.career-leader__description--leader-details__designation {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #000000;
}
@media screen and (max-width: 1799px) {
.career-leader__description--leader-details__designation {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-leader__description--leader-details__designation {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-leader__description--leader-details__designation {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-leader__description--leader-details__designation {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.contact-us {
padding: 12rem;
background-color: #113546;
color: #ffffff;
background-image: url(/themes/custom/aptia/presentation/static/assets/images/Gradient.svg);
}
@media screen and (max-width: 1479px) {
.contact-us {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.contact-us {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.contact-us {
padding: 2.4rem 1.6rem;
overflow-x: hidden;
}
}
.contact-us .content .contact_us_form_location_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 17.6rem;
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper {
display: block;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_us_layout {
width: 100%;
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_us_layout {
width: 100%;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_us_layout > .field--name-field-location-component {
margin-top: 11rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_us_layout > .field--name-field-location-component {
margin-top: 0;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .aptia_get_in_touch_form {
margin-bottom: 12rem;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .aptia_get_in_touch_form {
margin-bottom: 4rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper {
width: 100%;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper h2 {
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
width: 65%;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper h2 {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper h2 {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper h2 {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper h2 {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
color: #00d17c;
margin-bottom: 4.8rem;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a:first-child {
width: 2.2rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a:first-child {
width: 1.8rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a:first-child img {
width: 2.2rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a:first-child img {
width: 1.8rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper .separator_icon {
width: 2.7rem;
padding: 0rem 1.3rem;
margin: 0;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper .mail_icon {
padding-right: 1rem;
margin: 0;
width: 3.3rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper .mail_icon {
width: 2.8rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a {
color: #00d17c !important;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper a:hover {
text-decoration: none;
color: #00d17c;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper span {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper span {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper span {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper span {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .contact_wrapper span {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper a {
color: #00d17c !important;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper a:hover {
text-decoration: none;
color: #00d17c;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper {
margin-top: 2.4rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper {
margin-top: 1.6rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #ffffff;
margin: 0 0 0.8rem;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p:has(a) {
margin: 0;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p a {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .contact_mail_id_wrapper > div .more_info_wrapper .question_info_wrapper p a {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
column-gap: 3.3rem;
row-gap: 4.8rem;
padding-top: 4.8rem;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .checkbox label {
padding-left: 0px;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item {
-ms-grid-column: span 1;
grid-column: span 1;
position: relative;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item .control-label {
position: absolute;
left: 0px;
top: -30px;
opacity: 0.7;
color: #ffffff;
margin-bottom: 0.5rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input {
width: 100%;
background: transparent;
outline: 0;
color: #ffffff;
border-width: 0 0 0.1rem;
border-color: 0.1rem solid #ffffff;
border-radius: 0px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding: 0.6rem 0px;
box-shadow: none;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-item input:focus {
box-shadow: none;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox {
-ms-grid-column: span 2;
grid-column: span 2;
position: relative;
margin: 0px;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #ffffff;
left: 36px;
position: relative;
width: 94%;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label {
width: 90%;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input {
position: absolute;
left: -16px;
accent-color: #00d17c;
cursor: pointer;
background-color: transparent;
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input {
top: 0px;
}
}
@media screen and (max-width: 914px) and (min-width: 768px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input {
bottom: 8px;
}
}
@media screen and (max-width: 692px) and (min-width: 768px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input {
bottom: 8px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input[type=checkbox]:not(:checked) {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_unchecked_dark_bg.svg");
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input[type=checkbox]:checked {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg");
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .control-label input[type=checkbox] {
-webkit-appearance: none;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-checkbox .form-checkbox {
position: absolute;
display: inline-block;
width: 2.4rem;
height: 2.4rem;
left: 0px;
margin-right: 1.6rem;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea {
-ms-grid-column: span 2;
grid-column: span 2;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .control-label {
top: -30px;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea {
height: 6.7rem;
max-height: 20rem;
outline: 0;
border-width: 0 0 0.1rem;
border-radius: 0;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding: 1.6rem 0;
background: transparent;
margin-top: 0.5rem;
resize: none;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .form-type-textarea .form-textarea:focus {
box-shadow: none !important;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper {
-ms-grid-column: span 2;
grid-column: span 2;
margin-bottom: 0px;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0px;
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper {
margin: 0px;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
padding: 3.8rem;
background: transparent;
border: 0.693px solid #ffffff;
border-radius: 20rem;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 3.4rem;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
padding: 3rem;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
padding: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button {
margin-top: 1.6rem;
padding: 1.8rem 2.4rem;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button:after {
content: "";
display: inline-block;
width: 38px;
height: 38px;
margin-left: 4.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/arrow-right-white.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button:after {
margin-left: 3rem;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button:after {
margin-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body .contact_submit_button_wrapper button:after {
margin-left: 1.6rem;
width: 24px;
height: 24px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body label {
position: static;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .button_label_wrapper .panel-body label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .data-drupal-messages {
display: none;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math {
-ms-grid-column: span 2;
grid-column: span 2;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__title {
color: #ffffff;
border: none;
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.contact-us .content .contact_us_form_location_wrapper .contact_form_wrapper .aptia_get_in_touch_form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item label {
top: -26px;
}
.panel {
background: none;
border: none;
}
.panel .panel-heading {
display: none;
}
.webform-confirmation-modal {
border-radius: 24px !important;
width: auto !important;
}
.webform-confirmation-modal .ui-helper-clearfix {
background: none;
border: none;
}
.webform-confirmation-modal .ui-helper-clearfix button {
background: none;
border: none;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/close-icon.svg") !important;
right: 24px !important;
top: 18px !important;
background-repeat: no-repeat !important;
background-size: contain;
height: 26px !important;
width: 26px !important;
}
.webform-confirmation-modal .ui-helper-clearfix button span {
display: none !important;
}
.webform-confirmation-modal .webform-confirmation-modal--content {
padding: 3rem 6.4rem 6.4rem 6.4rem !important;
background-color: #ffffff;
border-radius: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 1479px) {
.webform-confirmation-modal .webform-confirmation-modal--content {
padding: 1.7rem 5.2rem 5.2rem 5.2rem !important;
}
}
@media screen and (max-width: 1279px) {
.webform-confirmation-modal .webform-confirmation-modal--content {
padding: 0.5rem 4.8rem 4.8rem 4rem !important;
}
}
@media screen and (max-width: 767px) {
.webform-confirmation-modal .webform-confirmation-modal--content {
padding: 0.8rem 1.6rem 4rem 1.6rem !important;
}
}
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container .confirmation_message_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-top: 2rem;
}
@media screen and (max-width: 1799px) {
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container .confirmation_message_wrapper {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container .confirmation_message_wrapper {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container .confirmation_message_wrapper {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.webform-confirmation-modal .webform-confirmation-modal--content .modal_container .confirmation_message_wrapper {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.error_message_block {
display: none;
}
.error_msg_color {
color: #FF6666 !important;
opacity: 1 !important;
}
.error_msg_color img {
padding-right: 0.4rem;
}
.border_error_color {
border-color: #FF6666 !important;
}
[data-drupal-messages] {
display: none;
}
.contact-us .get-in-touch-location__contact-us-carousel--carousel-next-btn {
right: 32px;
}
.contact-us .get-in-touch-location__contact-us-carousel--carousel-prev-btn {
left: 0px;
}
.contact-custom-radio-field {
width: -moz-max-content;
width: max-content;
margin-top: -3rem;
}
.contact-custom-radio-field legend {
border-bottom: none;
color: #ffffff;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
margin-bottom: 1rem;
}
@media screen and (max-width: 1799px) {
.contact-custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.contact-custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.contact-custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.contact-custom-radio-field legend {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.contact-custom-radio-field legend .fieldset-legend {
opacity: 0.7;
}
.contact-custom-radio-field .fieldset-wrapper .js-webform-radios .form-item .control-label {
position: initial !important;
display: -ms-flexbox;
display: flex;
column-gap: 0.5rem;
margin-right: 3rem;
-ms-flex-align: center;
align-items: center;
}
.contact-custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio] {
position: initial;
accent-color: #00d17c;
margin-bottom: 0.5rem;
}
.contact-custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:not(:checked) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
display: block;
width: 1.2rem;
border-radius: 50% !important;
height: 1.1rem;
border: 1px solid #ffffff !important;
padding: 0.57rem !important;
}
.contact-custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:checked {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
height: 1.3rem;
width: 1.3rem !important;
}
.decision-support {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0 0 100px 100px;
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.decision-support {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.decision-support {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.decision-support {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 1.6rem;
border-radius: 0 0 32px 32px;
}
}
.decision-support__main-image {
max-height: 55.1rem;
max-width: 58.1rem;
width: 40%;
margin-right: 10rem;
}
@media screen and (max-width: 1479px) {
.decision-support__main-image {
margin-right: 8rem;
}
}
@media screen and (max-width: 1279px) {
.decision-support__main-image {
margin-right: 6rem;
}
}
@media screen and (max-width: 767px) {
.decision-support__main-image {
width: 28.4rem;
padding-bottom: 4rem;
max-width: none;
max-height: none;
margin: auto;
}
}
.decision-support__title-description {
width: 60%;
}
@media screen and (max-width: 767px) {
.decision-support__title-description {
width: auto;
}
}
.decision-support__title-description--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.decision-support__title-description--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.decision-support__title-description--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.decision-support__title-description--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.decision-support__title-description--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.decision-support__title-description--title {
padding-bottom: 2.8rem;
}
}
@media screen and (max-width: 1279px) {
.decision-support__title-description--title {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.decision-support__title-description--title {
padding-bottom: 1.6rem;
}
}
.decision-support__title-description--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.decision-support__title-description--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.decision-support__title-description--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.decision-support__title-description--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.decision-support__title-description--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.decision-support__title-description--description a {
color: #00d17c;
text-decoration: underline;
}
.decision-support-section .Dark {
color: #ffffff !important;
}
.decision-support-section .Light {
color: #113546 !important;
}
.decision-support-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.decision-support-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.decision-support-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.decision-support-section .On {
border-radius: 0 0 32px 32px;
}
}
.decision-support-section .Off {
border-radius: 0;
}
.participant-communication {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 12rem;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.participant-communication {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.participant-communication {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.participant-communication {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 1.6rem;
border-radius: 0 0 32px 32px;
}
}
.participant-communication__main-image {
max-height: 55.1rem;
max-width: 58.1rem;
width: 60%;
}
@media screen and (max-width: 767px) {
.participant-communication__main-image {
width: 28.4rem;
max-height: none;
max-width: none;
}
}
.participant-communication__title-description {
width: 40%;
margin-right: 10rem;
}
@media screen and (max-width: 1479px) {
.participant-communication__title-description {
margin-right: 8rem;
}
}
@media screen and (max-width: 1279px) {
.participant-communication__title-description {
margin-right: 6rem;
}
}
@media screen and (max-width: 767px) {
.participant-communication__title-description {
width: auto;
padding-bottom: 3.4rem;
}
}
@media screen and (max-width: 767px) {
.participant-communication__title-description {
margin-right: 0;
width: auto;
}
}
.participant-communication__title-description--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.participant-communication__title-description--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.participant-communication__title-description--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.participant-communication__title-description--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.participant-communication__title-description--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.participant-communication__title-description--title {
padding-bottom: 2.8rem;
}
}
@media screen and (max-width: 1279px) {
.participant-communication__title-description--title {
padding-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.participant-communication__title-description--title {
padding-bottom: 1.6rem;
}
}
.participant-communication__title-description--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.participant-communication__title-description--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.participant-communication__title-description--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.participant-communication__title-description--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.participant-communication__title-description--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.participant-communication-section .Dark {
color: #ffffff !important;
}
.participant-communication-section .Light {
color: #113546 !important;
}
.participant-communication-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.participant-communication-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.participant-communication-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.participant-communication-section .On {
border-radius: 0 0 32px 32px;
}
}
.participant-communication-section .Off {
border-radius: 0;
}
.advocacy-care {
padding: 12rem;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1479px) {
.advocacy-care {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.advocacy-care {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.advocacy-care {
display: block;
padding: 3.4rem;
}
}
.advocacy-care__title {
width: 60%;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.advocacy-care__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.advocacy-care__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.advocacy-care__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.advocacy-care__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.advocacy-care__title {
width: auto;
padding-bottom: 2.4rem;
}
}
.advocacy-care__description {
width: 40%;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.advocacy-care__description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.advocacy-care__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.advocacy-care__description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.advocacy-care__description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.advocacy-care__description {
width: auto;
}
}
.advocacy-section .Dark {
color: #ffffff !important;
}
.advocacy-section .Light {
color: #113546 !important;
}
.advocacy-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.advocacy-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.advocacy-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.advocacy-section .On {
border-radius: 0 0 32px 32px;
}
}
.advocacy-section .Off {
border-radius: 0;
}
.aptia-difference {
padding: 12rem;
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.aptia-difference {
padding: 10rem;
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference {
padding: 8rem;
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.aptia-difference {
display: block;
padding: 3.4rem;
border-radius: 0 0 32px 32px;
}
}
.aptia-difference__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
padding-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.aptia-difference__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.aptia-difference__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.aptia-difference__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 1479px) {
.aptia-difference__title {
padding-bottom: 6rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__title {
padding-bottom: 4rem;
}
}
.aptia-difference__items > div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.aptia-difference__items > div {
display: block;
}
}
.aptia-difference__items > div > div {
margin-right: 10.4rem;
}
@media screen and (max-width: 1479px) {
.aptia-difference__items > div > div {
margin-right: 5.2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__items > div > div {
margin-right: 2.8rem;
}
}
.aptia-difference__items > div :last-child {
margin-right: 0;
}
.aptia-difference__items--item {
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.aptia-difference__items--item {
margin-bottom: 3.2rem;
}
}
.aptia-difference__items--item :last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
.aptia-difference__items--item__image-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.aptia-difference__items--item__title {
max-width: 25.3rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
}
@media screen and (max-width: 1799px) {
.aptia-difference__items--item__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.aptia-difference__items--item__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__items--item__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.aptia-difference__items--item__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__items--item__title {
max-width: 18rem;
}
}
@media screen and (max-width: 767px) {
.aptia-difference__items--item__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
max-width: 100%;
}
}
@media screen and (max-width: 767px) and (max-width: 1799px) {
.aptia-difference__items--item__title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 767px) and (max-width: 1479px) {
.aptia-difference__items--item__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 767px) and (max-width: 1279px) {
.aptia-difference__items--item__title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.aptia-difference__items--item__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.aptia-difference__items--item__image {
padding-bottom: 4rem;
}
@media screen and (max-width: 1479px) {
.aptia-difference__items--item__image {
padding-bottom: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference__items--item__image {
padding-bottom: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.aptia-difference__items--item__image {
padding-bottom: 0;
width: 7.4rem;
height: 7.4rem;
margin-right: 1.6rem;
}
}
.aptia-difference-section .Dark {
color: #ffffff !important;
}
.aptia-difference-section .Light {
color: #113546 !important;
}
.aptia-difference-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.aptia-difference-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.aptia-difference-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.aptia-difference-section .On {
border-radius: 0 0 32px 32px;
}
}
.aptia-difference-section .Off {
border-radius: 0;
}
.career-page-banner {
width: 100%;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
border-radius: 0px 0px 100px 100px;
}
@media screen and (max-width: 1479px) {
.career-page-banner {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.career-page-banner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 0px 0px 32px 32px;
}
}
.career-page-banner__image-container {
width: 50%;
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.career-page-banner__image-container {
width: 100%;
}
}
.career-page-banner__image-container--capusle-image {
width: 74rem;
position: absolute;
}
@media screen and (max-width: 1479px) {
.career-page-banner__image-container--capusle-image {
width: 58rem;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__image-container--capusle-image {
width: 40rem;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__image-container--capusle-image {
width: 34rem;
position: relative;
}
}
.career-page-banner__image-container--career-image {
position: absolute;
width: 74rem;
}
@media screen and (max-width: 1479px) {
.career-page-banner__image-container--career-image {
width: 58rem;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__image-container--career-image {
width: 40rem;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__image-container--career-image {
width: 34rem;
}
}
.career-page-banner__text-container {
width: 50%;
padding: 16rem 0rem 16rem 12rem;
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container {
padding: 14rem 0rem 14rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container {
padding: 12rem 0rem 12rem 8rem;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container {
width: 100%;
padding: 4rem 1.6rem 1.6rem 1.6rem;
}
}
.career-page-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.career-page-banner__text-container--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.career-page-banner__text-container--title .heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.career-page-banner__text-container--title .heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--title .heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--title .heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--title .heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.career-page-banner__text-container--explore-with-us--link-text {
color: #00d17c;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
border: 2px solid #00d17c;
padding: 3.2rem 4rem;
border-radius: 50px;
width: -moz-fit-content;
width: fit-content;
margin-top: 9rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1799px) {
.career-page-banner__text-container--explore-with-us--link-text {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--explore-with-us--link-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--explore-with-us--link-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--explore-with-us--link-text {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--explore-with-us--link-text {
margin-top: 7rem;
padding: 2.8rem 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--explore-with-us--link-text {
margin-top: 5rem;
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--explore-with-us--link-text {
margin-bottom: 0;
margin-top: 3rem;
padding: 1.6rem;
}
}
.career-page-banner__text-container--explore-with-us--link-text img {
margin-left: 1.6rem;
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--explore-with-us--link-text img {
margin-left: 1.2rem;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--explore-with-us--link-text img {
margin-left: 0.8rem;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--explore-with-us--link-text img {
margin-left: 0.2rem;
width: 24px;
height: 24px;
}
}
.career-page-banner__text-container--explore-with-us--link-text:hover {
color: #00d17c;
text-decoration: none;
}
.career-page-banner__text-container--description-wrapper--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.career-page-banner__text-container--description-wrapper--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.career-page-banner__text-container--description-wrapper--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.career-page-banner__text-container--description-wrapper--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.career-page-banner__text-container--description-wrapper--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .form_logo_title .field--name-field-title {
color: #113546;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .form_logo_title .field--name-field-title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .form_logo_title .field--name-field-title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .form_logo_title .field--name-field-title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .form_logo_title .field--name-field-title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .logo_mobile_wrapper {
display: none;
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .logo_mobile_wrapper {
display: block;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .title_logo_mobile_view .logo_mobile_wrapper img {
width: 11.1rem;
height: 12.7rem;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form {
width: 48%;
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form {
width: 100%;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
column-gap: 5.6rem;
row-gap: 6rem;
padding-top: 9.4rem;
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form {
padding-top: 0.8rem;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 4rem;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item {
-ms-grid-column: span 1;
grid-column: span 1;
position: relative;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label {
position: absolute;
left: 0px;
top: -28px;
opacity: 0.7;
color: #113546;
margin-bottom: 0.5rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item .control-label:required {
color: #113546;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
width: 100%;
background: transparent;
outline: 0;
color: #113546;
border-width: 0 0 0.1rem;
border-color: 0.1rem solid #113546;
border-radius: 0px;
padding: 0.6rem 0px;
box-shadow: none;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input:focus {
box-shadow: none;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-item input:-webkit-autofill {
background-color: transparent !important;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea {
-ms-grid-column: span 2;
grid-column: span 2;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea {
height: 6.7rem;
outline: 0;
border-width: 0 0 0.1rem;
border-radius: 0;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
background: transparent;
resize: none;
box-shadow: none;
padding: 0rem;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .form-type-textarea .form-textarea:focus {
box-shadow: none !important;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper {
-ms-grid-column: span 2;
grid-column: span 2;
box-shadow: none;
bottom: 26px;
margin-bottom: 0px;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0px;
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper {
margin-bottom: 0rem;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
padding: 3.8rem;
background: transparent;
border: 0.693px solid #113546;
border-radius: 20rem;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 2rem;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
padding: 3rem;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
padding: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button {
margin-top: 1.6rem;
padding: 1.8rem 2.4rem;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button:after {
content: "";
display: inline-block;
width: 38px;
height: 38px;
margin-left: 4.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-deep-green.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button:after {
margin-left: 3rem;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button:after {
margin-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .submit_button_wrapper button:after {
margin-left: 1.6rem;
width: 24px;
height: 24px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .control-label {
position: static;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .button_label_wrapper .panel-body .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper {
-ms-grid-column: span 2;
grid-column: span 2;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_checkbox_wrapper .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper {
-ms-grid-column: span 2;
grid-column: span 2;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
gap: 2rem;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button {
padding: 3.8rem;
background: transparent;
border: 0.693px solid #113546;
border-radius: 20rem;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper button:after {
content: "";
display: inline-block;
width: 38px;
height: 38px;
margin-left: 4.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-deep-green.svg");
background-repeat: no-repeat;
background-size: contain;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #113546;
width: 100%;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .know_more_button_consentlabel_wrapper .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper {
-ms-grid-column: span 2;
grid-column: span 2;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body {
display: -ms-flexbox;
display: flex;
padding: 0px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item {
margin: 0px 6.4rem 0px 0px;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item label {
position: relative;
left: 14px;
margin: 0px;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item label input {
position: absolute;
left: -12px;
top: -3px;
accent-color: #00d17c;
width: auto;
margin: 0px;
width: 24px;
height: 24px;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item label input[type=checkbox]:not(:checked) {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_unchecked_light_bg.svg");
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item label input[type=checkbox]:checked {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg");
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .checkbox_wrapper .panel-body .form-item label input[type=checkbox] {
-webkit-appearance: none;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math {
-ms-grid-column: span 2;
grid-column: span 2;
margin-top: 0px;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__title {
color: #113546;
border: none;
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .aptia_solution_detail_form .field--name-field-solution-detail-form .webform-submission-form .captcha-type-challenge--math .captcha__element .form-item label {
top: -26px;
}
@media screen and (max-width: 1279px) {
.solutions-detail-page .field--name-field-solution-detail-page-form .form_logo_wrapper .logo_right_wrapper img {
display: none;
}
}
.panel {
background: none;
border: none;
}
.panel .panel-heading {
display: none;
}
attr {
display: none;
}
.know_more_form_container_wrapper {
padding: 12rem;
border-radius: 0px;
}
@media screen and (max-width: 1479px) {
.know_more_form_container_wrapper {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.know_more_form_container_wrapper {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.know_more_form_container_wrapper {
padding: 4rem 1.6rem;
}
}
.know_more_form_container_container.dark-color-container .form_logo_title .field--name-field-title {
color: #ffffff !important;
}
.know_more_form_container_container.dark-color-container .control-label,
.know_more_form_container_container.dark-color-container input,
.know_more_form_container_container.dark-color-container button {
color: #ffffff !important;
opacity: 1 !important;
}
.know_more_form_container_container.dark-color-container .error_msg_color {
color: #FF6666 !important;
opacity: 1 !important;
}
.know_more_form_container_container.dark-color-container .error_msg_color img {
padding-right: 0.4rem;
}
.know_more_form_container_container.dark-color-container button {
border: 0.693px solid #ffffff !important;
}
.know_more_form_container_container.dark-color-container button::after {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/arrow-right-white.svg") !important;
}
.know_more_form_container_container.dark-color-container .form-textarea {
color: #ffffff !important;
}
.know_more_form_container_container.dark-color-container .checkbox_wrapper .form-item input[type=checkbox]:not(:checked) {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_unchecked_dark_bg.svg") !important;
}
.know_more_form_container_container.dark-color-container.On,
.On.light-color-container .know_more_form_container_wrapper {
border-radius: 0 0 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.know_more_form_container_container.dark-color-container.On,
.On.light-color-container .know_more_form_container_wrapper {
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.know_more_form_container_container.dark-color-container.On,
.On.light-color-container .know_more_form_container_wrapper {
border-radius: 0 0 6rem 6rem;
}
}
@media screen and (max-width: 767px) {
.know_more_form_container_container.dark-color-container.On,
.On.light-color-container .know_more_form_container_wrapper {
border-radius: 0 0 4rem 4rem;
}
}
.know_more_form_container_container.light-color-container {
background-color: #113546 !important;
}
.know_more_form_container_container.light-color-container .know_more_form_container_wrapper {
background-color: #ffffff;
}
.know_more_form_container_container .dark-color-container .error_msg_color {
color: #FF6666 !important;
opacity: 1 !important;
}
.know_more_form_container_container .dark-color-container .error_msg_color img {
padding-right: 0.4rem;
}
#learn-more {
scroll-margin-top: 13rem;
scroll-behavior: smooth;
}
@media screen and (max-width: 1479px) {
#learn-more {
scroll-margin-top: 12rem;
}
}
@media screen and (max-width: 1279px) {
#learn-more {
scroll-margin-top: 11.4rem;
}
}
@media screen and (max-width: 767px) {
#learn-more {
scroll-margin-top: 12rem;
}
}
.custom-radio-field {
width: -moz-max-content;
width: max-content;
margin-top: -3rem;
}
.custom-radio-field legend {
border-bottom: none;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
margin-bottom: 1rem;
}
@media screen and (max-width: 1799px) {
.custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.custom-radio-field legend {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.custom-radio-field legend {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.custom-radio-field legend .fieldset-legend {
opacity: 0.7;
}
.custom-radio-field .fieldset-wrapper .js-webform-radios .form-item .control-label {
position: initial !important;
display: -ms-flexbox;
display: flex;
column-gap: 0.5rem;
margin-right: 3rem;
-ms-flex-align: center;
align-items: center;
min-height: 2.2rem;
max-height: 2.2rem !important;
padding-left: 0px;
}
.custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio] {
position: initial;
accent-color: #113546;
margin-bottom: 0.5rem;
margin-left: 0px;
}
.custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:not(:checked) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
display: block;
width: 1.2rem;
border-radius: 50% !important;
height: 1.1rem;
border: 1px solid #113546 !important;
padding: 0.57rem !important;
}
.custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:checked {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
height: 1.3rem;
width: 1.3rem !important;
}
.dark-color-container .custom-radio-field legend .fieldset-legend {
color: #ffffff;
opacity: 1;
}
.dark-color-container .custom-radio-field .fieldset-wrapper .js-webform-radios {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: end;
}
.dark-color-container .custom-radio-field .fieldset-wrapper .js-webform-radios .form-item {
margin-bottom: 0px;
}
.dark-color-container .custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio] {
accent-color: #00d17c;
}
.dark-color-container .custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:not(:checked) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
display: block;
width: 1.2rem;
border-radius: 50%;
height: 1.1rem;
border: 1px solid #ffffff !important;
padding: 0.57rem;
}
.dark-color-container .custom-radio-field .fieldset-wrapper .js-webform-radios .form-item input[type=radio]:checked {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
height: 1.3rem;
width: 1.3rem;
}
.sticky-circle {
width: 104px;
height: 104px;
background-color: #00d17c;
display: -ms-flexbox;
display: flex;
position: sticky;
bottom: 60px;
left: 90%;
margin-bottom: 60px;
margin-right: 30px;
border-radius: 90px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
@media screen and (max-width: 767px) {
.sticky-circle {
width: 60px;
height: 60px;
bottom: 20px;
right: 20px;
padding: 8px;
}
}
.sticky-content {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
width: 60px;
height: 60px;
color: #ffffff;
text-align: center;
content: url("/themes/custom/aptia/presentation/static/assets/icons/career-sticky.svg");
}
@media screen and (max-width: 1799px) {
.sticky-content {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.sticky-content {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.sticky-content {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.sticky-content {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.sticky-content {
color: #113546;
content: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 400;
}
}
.sticky-content a {
color: #ffffff;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.sticky-content a {
color: #113546;
}
}
.sticky-circle:hover {
width: 300px;
transition: all 0.3s ease;
}
.sticky-circle:hover a:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
.sticky-circle:hover {
width: 60px;
}
}
.sticky-circle:hover .sticky-content {
content: none;
width: 100%;
padding: 2.4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.sticky-circle:hover .sticky-content {
width: 104px;
}
}
.sticky-circle:hover .sticky-content::after {
padding-top: 1rem;
content: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-white.svg");
}
@media screen and (max-width: 767px) {
.sticky-circle:hover .sticky-content::after {
content: none;
padding: 0;
}
}
.sticky-url:hover {
text-decoration: none;
}
.solution-details-table .cookie-table {
margin-top: 6rem;
margin-bottom: 0px;
}
.solution-details-table .cookie-table:last-child {
margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
.solution-details-table .cookie-table:last-child {
margin-bottom: 4rem;
}
}
.solution-details-table .cookie-table .cookie-table-heading {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solution-details-table .cookie-table .cookie-table-heading {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-table .cookie-table .cookie-table-heading {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-table .cookie-table .cookie-table-heading {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-details-table .cookie-table .cookie-table-heading {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.solution-details-table .cookie-table table {
width: 100%;
}
.solution-details-table .cookie-table table tr td {
width: 20%;
text-align: center;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solution-details-table .cookie-table table tr td {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-table .cookie-table table tr td {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-table .cookie-table table tr td {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-details-table .cookie-table table tr td {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.solution-details-table .cookie-table table tr td:first-child {
width: 60%;
text-align: left;
}
.solution-details-table .cookie-table table tr td:last-child {
padding-left: 0;
}
.solution-details-table .cookie-table table tr:first-child {
border-top: 0;
}
.solution-details-table .cookie-table table tr:first-child td {
border-top: 0;
}
.solution-details-table .field--item {
display: -ms-grid;
display: grid;
}
.aptia-custom-table .cookie-table {
margin-left: 0;
margin-right: 0;
}
.solution-page-banner {
width: 100%;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
border-radius: 0px 0px 100px 100px;
}
@media screen and (max-width: 1479px) {
.solution-page-banner {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 0px 0px 32px 32px;
}
}
.solution-page-banner__image-container {
width: 40%;
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.solution-page-banner__image-container {
width: 100%;
}
}
.solution-page-banner__image-container--capusle-image {
width: 58rem;
position: absolute;
}
@media screen and (max-width: 1479px) {
.solution-page-banner__image-container--capusle-image {
width: 52rem;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__image-container--capusle-image {
width: 31rem;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__image-container--capusle-image {
width: 32rem;
position: relative;
}
}
.solution-page-banner__image-container--career-image {
position: absolute;
width: 58rem;
}
@media screen and (max-width: 1479px) {
.solution-page-banner__image-container--career-image {
width: 52rem;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__image-container--career-image {
width: 31rem;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__image-container--career-image {
width: 32rem;
}
}
.solution-page-banner__text-container {
width: 60%;
padding: 16rem 0rem 20rem 12rem;
}
@media screen and (max-width: 1479px) {
.solution-page-banner__text-container {
padding: 14rem 0rem 21rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__text-container {
padding: 12rem 0rem 17rem 8rem;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__text-container {
width: 100%;
padding: 4rem 1.6rem 1.6rem 1.6rem;
}
}
.solution-page-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.solution-page-banner__text-container--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solution-page-banner__text-container--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__text-container--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.solution-page-banner__text-container--title .heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.solution-page-banner__text-container--title .heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solution-page-banner__text-container--title .heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__text-container--title .heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__text-container--title .heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.solution-page-banner__text-container--explore-with-us {
border: 2px solid #00d17c;
padding: 3.2rem 4rem;
border-radius: 50px;
width: -moz-fit-content;
width: fit-content;
margin-top: 9rem;
}
@media screen and (max-width: 1479px) {
.solution-page-banner__text-container--explore-with-us {
margin-top: 7rem;
padding: 2.8rem 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__text-container--explore-with-us {
margin-top: 5rem;
padding: 2.4rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__text-container--explore-with-us {
margin-bottom: 0;
margin-top: 3rem;
padding: 2rem;
}
}
.solution-page-banner__text-container--description-wrapper {
margin-top: 4rem;
margin-bottom: 6rem;
}
.solution-page-banner__text-container--description-wrapper p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solution-page-banner__text-container--description-wrapper p {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-page-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-page-banner__text-container--description-wrapper p {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-page-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.feature_solution_number_wrapper {
display: -ms-flexbox;
display: flex;
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper {
padding: 4rem 1.6rem 0.8rem;
}
}
.feature_solution_number_wrapper > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper > div {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper > div > div > .field--item {
width: 25%;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper > div > div > .field--item {
width: 33.33%;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper > div > div > .field--item {
width: 50%;
}
}
.feature_solution_number_wrapper--title {
margin-bottom: 1.6rem;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--title {
width: 100%;
}
}
.feature_solution_number_wrapper--title .title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 80px;
letter-spacing: -1.6px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.feature_solution_number_wrapper--title .title {
font-size: 64px;
line-height: 1;
letter-spacing: -1.28px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper--title .title {
font-size: 52px;
line-height: 1;
letter-spacing: -1.04px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper--title .title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--title .title {
font-size: 30px;
line-height: 1.2;
letter-spacing: -0.6px;
}
}
.feature_solution_number_wrapper--title .subtitle {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 60px;
letter-spacing: -1.2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.feature_solution_number_wrapper--title .subtitle {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper--title .subtitle {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper--title .subtitle {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--title .subtitle {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.feature_solution_number_wrapper--subtitle {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #ffffff;
width: 100%;
}
@media screen and (max-width: 1799px) {
.feature_solution_number_wrapper--subtitle {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper--subtitle {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper--subtitle {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--subtitle {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--subtitle {
width: 100%;
}
}
.solution-page-number-section .Dark .feature_solution_number_wrapper--subtitle {
color: #ffffff;
}
.solution-page-number-section .Light .feature_solution_number_wrapper--subtitle {
color: #113546;
}
.solution-page-number-section .Dark .feature_solution_number_wrapper--content {
border-left: 1px solid rgba(255, 255, 255, 0.15);
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 767px) {
.solution-page-number-section .Dark .feature_solution_number_wrapper--content {
border: none;
}
}
.solution-page-number-section .Light .feature_solution_number_wrapper--content {
border-left: 1px solid rgba(17, 53, 70, 0.15);
border-right: 1px solid rgba(17, 53, 70, 0.15);
}
@media screen and (max-width: 767px) {
.solution-page-number-section .Light .feature_solution_number_wrapper--content {
border: none;
}
}
.solution-page-number-section .On {
border-radius: 0 0 100px 100px;
}
@media screen and (max-width: 1479px) {
.solution-page-number-section .On {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.solution-page-number-section .On {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.solution-page-number-section .On {
border-radius: 0 0 32px 32px;
}
}
/* Home Page Number Component */
.feature_solution_number_wrapper_home {
display: block;
border-radius: 0 0 100px 100px;
background-color: #ffffff;
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper_home {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper_home {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home {
border-radius: 0 0 32px 32px;
}
}
.feature_solution_number_wrapper_home > div {
display: block;
}
.feature_solution_number_wrapper_home--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #113546;
margin-bottom: 3.2rem;
}
@media screen and (max-width: 1799px) {
.feature_solution_number_wrapper_home--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper_home--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper_home--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--title {
margin-bottom: 1rem;
}
}
.feature_solution_number_wrapper_home--title .field--item {
width: 100% !important;
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--title .field--item {
width: 100% !important;
}
}
.feature_solution_number_wrapper_home--subtitle {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
margin-bottom: 8rem;
}
@media screen and (max-width: 1799px) {
.feature_solution_number_wrapper_home--subtitle {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper_home--subtitle {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper_home--subtitle {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--subtitle {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--subtitle {
margin-bottom: 2.4rem;
}
}
.feature_solution_number_wrapper_home--subtitle .field--item {
width: 100% !important;
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--subtitle .field--item {
width: 100% !important;
}
}
.feature_solution_number_wrapper_home--numbers > div {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.feature_solution_number_wrapper_home--numbers .feature_solution_number_wrapper--content {
border-left: 1px solid rgba(17, 53, 70, 0.15);
border-right: 1px solid rgba(17, 53, 70, 0.15);
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper_home--numbers .feature_solution_number_wrapper--content {
border: none;
}
}
.feature_solution_number_wrapper_home--numbers .feature_solution_number_wrapper--subtitle {
color: #113546;
}
.feature_solution_number_wrapper--content {
border-left: 1px solid rgba(255, 255, 255, 0.15);
border-right: 1px solid rgba(255, 255, 255, 0.15);
padding: 0 5.2rem;
margin-bottom: 3.2rem;
width: 32.8rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_number_wrapper--content {
width: 100%;
padding: 0 4rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_number_wrapper--content {
width: 100%;
padding: 0 3.2rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_number_wrapper--content {
width: 100%;
border: none;
margin-bottom: 2.4rem;
padding: 0 1.6rem 0 0;
}
}
/* Home Page Number Component */
.feature_solution_insight_wrapper {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_insight_wrapper {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_insight_wrapper {
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper {
padding: 4rem 1.6rem 0.8rem;
}
}
.feature_solution_insight_wrapper--content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper--content {
margin-bottom: 3rem;
}
}
.feature_solution_insight_wrapper--content__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.feature_solution_insight_wrapper--content__title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_insight_wrapper--content__title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_insight_wrapper--content__title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper--content__title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.feature_solution_insight_wrapper--content__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.feature_solution_insight_wrapper--content__link {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_insight_wrapper--content__link {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_insight_wrapper--content__link {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper--content__link {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.feature_solution_insight_wrapper--content__link a {
color: #ffffff;
}
.feature_solution_insight_wrapper--content__link a:hover {
text-decoration: none;
}
.feature_solution_insight_wrapper--content__link a img {
width: 40px;
height: 40px;
margin-left: 1.2rem;
}
.feature_solution_insight_wrapper .blog-list__blog-card {
border-radius: 6rem;
padding: 4rem;
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper .blog-list__blog-card {
border-radius: 4rem;
padding: 2.4rem;
height: 26.4rem;
}
}
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
bottom: 4rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Demibold, sans-serif;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper .blog-list__blog-card .blog-list__title {
bottom: 2.4rem;
}
}
.dark-color-container .light-color-container .feature_solution_insight_wrapper--content__title {
color: #113546;
}
.dark-color-container .light-color-container .feature_solution_insight_wrapper--content__link {
color: #113546;
}
.dark-color-container .light-color-container .feature_solution_insight_wrapper--content__link a {
color: #113546;
}
.dark-color-container .light-color-container .feature_solution_insight_wrapper--content__link a img {
width: 40px;
height: 40px;
margin-left: 1.2rem;
}
.feature_solution_insight_wrapper.On {
border-radius: 0 0 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.feature_solution_insight_wrapper.On {
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.feature_solution_insight_wrapper.On {
border-radius: 0 0 6rem 6rem;
}
}
@media screen and (max-width: 767px) {
.feature_solution_insight_wrapper.On {
border-radius: 0 0 4rem 4rem;
}
}
.solution-details-banner {
width: 100%;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0;
border-radius: 0px 0px 100px 100px;
}
@media screen and (max-width: 1479px) {
.solution-details-banner {
border-radius: 0 0 80px 80px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner {
border-radius: 0 0 60px 60px;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 0px 0px 32px 32px;
}
}
.solution-details-banner__image-container {
width: 50%;
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 767px) {
.solution-details-banner__image-container {
width: 100%;
position: relative;
}
}
.solution-details-banner__image-container--capusle-image {
width: 53rem;
position: relative;
object-fit: cover;
}
@media screen and (max-width: 1479px) {
.solution-details-banner__image-container--capusle-image {
width: 46rem;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__image-container--capusle-image {
width: 35rem;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__image-container--capusle-image {
width: 29rem;
position: relative;
}
}
.solution-details-banner__image-container--career-image {
position: absolute;
width: 53rem;
bottom: 15%;
right: 5%;
}
@media screen and (max-width: 1479px) {
.solution-details-banner__image-container--career-image {
width: 46rem;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__image-container--career-image {
width: 35rem;
}
}
@media screen and (max-width: 1023px) {
.solution-details-banner__image-container--career-image {
object-fit: initial;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__image-container--career-image {
width: 31rem;
top: 20%;
}
}
.solution-details-banner__text-container {
width: 50%;
padding: 8rem 0rem 0rem 12rem;
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container {
padding: 8rem 0rem 0rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container {
padding: 8rem 0rem 0rem 8rem;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container {
width: 100%;
padding: 1rem 1.6rem 1.6rem 1.6rem;
}
}
.solution-details-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.solution-details-banner__text-container--title {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container--title {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--title {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.solution-details-banner__text-container--title .heading {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 100px;
letter-spacing: -2px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.solution-details-banner__text-container--title .heading {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container--title .heading {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--title .heading {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--title .heading {
font-size: 30px;
letter-spacing: -0.6px;
}
}
.solution-details-banner__text-container--description-wrapper {
margin-top: 4rem;
margin-bottom: 9rem;
}
.solution-details-banner__text-container--description-wrapper p {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solution-details-banner__text-container--description-wrapper p {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--description-wrapper p {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--description-wrapper p {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--description-wrapper {
margin-top: 3rem;
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--description-wrapper {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 24.6rem;
height: 7.2rem;
border-radius: 20rem;
border: none;
border-color: none;
background-color: #00d17c;
color: #113546;
margin-top: 4.8rem;
text-decoration: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
width: 20.6rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
width: 21rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1023px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
width: 19.2rem;
height: 6.4rem;
}
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn {
width: 17.2rem;
height: 5.6rem;
border-radius: 5rem;
margin-top: 4rem;
}
}
.solution-details-banner__text-container--description-wrapper .solution-contact-btn img {
width: 2.8rem;
height: 2.8rem;
margin: 0 0 0 1.6rem;
}
@media screen and (max-width: 767px) {
.solution-details-banner__text-container--description-wrapper .solution-contact-btn img {
width: 2.4rem;
height: 2.4rem;
}
}
.cookiesjsr-layer {
border-radius: 2.5rem;
width: 68% !important;
height: 74% !important;
max-height: 800px !important;
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer {
border-radius: 0px;
width: 100% !important;
max-height: 100% !important;
height: 100% !important;
}
}
.cookiesjsr-layer--header {
padding: 6.6rem 3.2rem 3.2rem 6.4rem;
height: auto;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--header {
padding: 2rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--header {
padding: 2.4rem 1.6rem;
}
}
.cookiesjsr-layer--header button {
height: 20px;
width: 18px;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--header button {
width: 1.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--header button {
width: 16px;
height: 16px;
}
}
.cookiesjsr-layer--body {
padding: 4rem 6.4rem;
top: 136px;
bottom: 140px;
border-bottom: 1px solid #d6d6d6;
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer--body {
padding: 3rem 4.8rem;
top: 122px;
bottom: 136px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--body {
padding: 2rem 3.2rem;
top: 60px;
bottom: 100px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--body {
padding: 2rem 1.6rem;
top: 78px;
bottom: 96px;
}
}
.cookiesjsr-layer--body ul li:first-child button {
padding-top: 0px;
}
.cookiesjsr-layer--body ul .active {
border-bottom: 1px solid #113546;
}
.cookiesjsr-layer--title {
color: #113546;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
text-transform: capitalize;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer--title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer--title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.cookiesjsr-layer .cookiesjsr-service-group--tab {
padding-left: 0;
color: #00d17c;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Demibold, sans-serif;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer .cookiesjsr-service-group--tab {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group--tab {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group--tab {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group--tab {
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.32px;
}
}
.cookiesjsr-layer .cookiesjsr-service-group--intro {
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding: 4rem 6.4rem 3.2rem 6.4rem;
text-align: justify;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
padding: 3rem 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
padding: 2rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group--intro {
padding: 0px;
}
}
.cookiesjsr-layer .cookiesjsr-service-group--description h3 {
display: -ms-flexbox;
display: flex;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer .cookiesjsr-service-group--description h3 {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group--description h3 {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group--description h3 {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group--description h3 {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service {
padding: 0px 6.4rem 4.2rem 6.4rem;
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service {
padding: 0px 4.8rem 3.6rem 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service {
padding: 0px 3.2rem 2.6rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service {
padding: 2.4rem 0px;
}
}
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description {
display: -ms-flexbox;
display: flex;
padding-left: 0px;
}
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description h3 {
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description h3 {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description h3 {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description h3 {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer .cookiesjsr-service-group .cookiesjsr-service--description h3 {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.cookiesjsr-layer--footer {
padding-right: 6.4rem;
bottom: 47px;
border: none;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--footer {
bottom: 30px;
padding-right: 3.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--footer {
padding-right: 1.6rem;
bottom: 26px;
}
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions {
-ms-flex-pack: end;
justify-content: flex-end;
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions button {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
border: none;
width: auto;
color: #113546;
text-transform: none !important;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .denyAll {
display: none;
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .allowAll {
display: none;
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab {
color: #113546;
background: #00d17c;
padding: 2.6rem 4rem;
width: auto;
margin: 0px;
border-radius: 5rem;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab {
padding: 2rem 3.2rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab {
padding: 1.8rem 2.4rem;
}
}
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab:after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-left: 0.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-deep-green.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1479px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab:after {
width: 36px;
height: 36px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab:after {
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-layer--footer .cookiesjsr-layer--actions .dialog-last-tab:after {
width: 24px;
height: 24px;
margin-left: 0.6rem;
}
}
.cookiesjsr-layer .cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
background: #ffffff !important;
color: #113546 !important;
}
.cookiesjsr-layer .cookiesjsr-service-group.active .cookiesjsr-service-group--content {
background: #ffffff;
}
.cookiesjsr-layer .cookiesjsr-service--action .cookiesjsr-switch {
background-color: #9d9d9d;
}
.cookiesjsr-layer .cookiesjsr-service--action .active {
background-color: #00d17c;
}
.cookiesjsr-banner {
color: #113546;
background: #ffffff;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
padding: 2.4rem 12rem;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner {
-ms-flex-direction: row;
flex-direction: row;
padding: 2.4rem 4.8rem;
gap: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-banner {
padding: 2.4rem 1.6rem;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cookiesjsr-banner--info {
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin: 0px;
padding: 0px;
width: 100%;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-banner--info {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-banner--info {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner--info {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-banner--info {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.cookiesjsr-banner--info span {
text-align: left;
}
.cookiesjsr-banner--action {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
color: #113546;
gap: 8rem;
}
@media screen and (max-width: 1799px) {
.cookiesjsr-banner--action {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.cookiesjsr-banner--action {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner--action {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-banner--action {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner--action {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-banner--action {
width: 100%;
gap: 0px;
}
}
.cookiesjsr-banner--action button {
color: #113546 !important;
margin: 0px;
width: auto !important;
text-transform: capitalize !important;
}
.cookiesjsr-banner--action .cookiesjsr-settings {
border: none;
background: none;
}
.cookiesjsr-banner--action .denyAll {
background: transparent;
border: none;
}
.cookiesjsr-banner--action .allowAll {
padding: 2.6rem 4rem;
border-radius: 50px;
background: #00d17c;
width: auto;
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner--action .allowAll {
padding: 1.8rem 2.4rem;
}
}
.cookiesjsr-banner--action .allowAll:after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
margin-left: 0.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow-deep-green.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1479px) {
.cookiesjsr-banner--action .allowAll:after {
width: 36px;
height: 36px;
}
}
@media screen and (max-width: 1279px) {
.cookiesjsr-banner--action .allowAll:after {
width: 30px;
height: 30px;
}
}
@media screen and (max-width: 767px) {
.cookiesjsr-banner--action .allowAll:after {
width: 24px;
height: 24px;
margin-left: 0.6rem;
}
}
.stop_background_scroll {
overflow: hidden;
}
.vimeo-container, .field--name-field-media-oembed-video {
display: none;
position: relative;
width: 100%;
padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100%) */
overflow: hidden;
}
.vimeo-container iframe, .field--name-field-media-oembed-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.close-icon-yt {
display: none;
content: url("/themes/custom/aptia/presentation/static/assets/icons/video-close-grey.svg");
position: absolute;
position: absolute;
top: 12.8rem;
right: 0.8rem;
width: 3.6rem;
height: 3.6rem;
border-radius: 10px;
cursor: pointer;
background: #ffffff;
-webkit-backdrop-filter: blur(12.5px);
backdrop-filter: blur(12.5px);
}
@media screen and (max-width: 1479px) {
.close-icon-yt {
top: 12.8rem;
right: 0.8rem;
width: 3.6rem;
height: 3.6rem;
}
}
@media screen and (max-width: 1279px) {
.close-icon-yt {
top: 12.8rem;
right: 0.8rem;
width: 3.6rem;
height: 3.6rem;
}
}
@media screen and (max-width: 767px) {
.close-icon-yt {
top: 0.8rem;
right: 4.8rem;
width: 32px;
height: 32px;
}
}
.field--name-field-media-oembed-video {
display: -ms-flexbox;
display: flex;
margin: 2rem 0;
}
.field--name-field-media-oembed-video .media-oembed-content {
border-radius: 4rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1479px) {
.field--name-field-media-oembed-video .media-oembed-content {
border-radius: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.field--name-field-media-oembed-video .media-oembed-content {
border-radius: 2.8rem;
}
}
@media screen and (max-width: 767px) {
.field--name-field-media-oembed-video .media-oembed-content {
border-radius: 2rem;
}
}
.aptia-bold-text {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-bold-text {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.aptia-bold-text {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.aptia-bold-text {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.aptia-bold-text {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.aptia-quote {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Light, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
font-family: Mundial-Italic, sans-serif;
color: #113546;
}
@media screen and (max-width: 1799px) {
.aptia-quote {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.aptia-quote {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.aptia-quote {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.aptia-quote {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.aptia-designation {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #9d9d9d;
}
@media screen and (max-width: 1799px) {
.aptia-designation {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.aptia-designation {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.aptia-designation {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.aptia-designation {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.aptia-link {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #00d17c;
}
@media screen and (max-width: 1799px) {
.aptia-link {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-link {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-link {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-link {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.aptia-green {
color: #00d17c;
text-decoration: none;
}
.aptia-green:hover {
color: #00d17c !important;
text-decoration: none !important;
}
.aptia-my-40 {
margin: 4rem 0;
}
@media screen and (max-width: 767px) {
.aptia-my-40 {
margin: 2.4rem 0;
}
}
.aptia-mt-40 {
margin-top: 4rem;
}
.aptia-mb-40 {
margin-bottom: 4rem;
}
.aptia-my-60 {
margin: 6rem 0;
}
@media screen and (max-width: 767px) {
.aptia-my-60 {
margin: 3.2rem 0;
}
}
.aptia-mt-60 {
margin-top: 6rem;
}
.aptia-mb-60 {
margin-bottom: 6rem;
}
.aptia-pl-40 {
padding-left: 4rem !important;
}
@media screen and (max-width: 767px) {
.aptia-pl-40 {
padding-left: 0 !important;
}
}
.aptia-pr-40 {
padding-right: 4rem !important;
}
@media screen and (max-width: 767px) {
.aptia-pr-40 {
padding-right: 0 !important;
}
}
.aptia-width-50 {
width: 50%;
}
@media screen and (max-width: 767px) {
.aptia-width-50 {
width: auto;
}
}
.aptia-width-65 {
width: 65%;
}
@media screen and (max-width: 767px) {
.aptia-width-65 {
width: auto;
}
}
.paragraph--type--about-aptia-component .field--label-hidden {
display: none;
}
.aptia-404-main,
.aptia-403-main {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 21.5rem 12rem 20rem;
background-color: #113546;
}
@media screen and (max-width: 1479px) {
.aptia-404-main,
.aptia-403-main {
padding: 17.5rem 12rem 16rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main,
.aptia-403-main {
padding: 12rem 8rem;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main,
.aptia-403-main {
padding: 4rem 1.6rem;
}
}
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
margin-bottom: 4.2rem;
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .text-container .error-description,
.aptia-403-main .text-container .error-description {
margin-bottom: 1.2rem;
}
}
.aptia-404-main .text-container .error-code,
.aptia-403-main .text-container .error-code {
margin-bottom: 3.2rem;
color: #ffffff;
font-family: Mundial-Thin, sans-serif;
font-size: 190px;
font-weight: 200;
line-height: 100%;
letter-spacing: -3.8px;
}
@media screen and (max-width: 1479px) {
.aptia-404-main .text-container .error-code,
.aptia-403-main .text-container .error-code {
font-size: 126px;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main .text-container .error-code,
.aptia-403-main .text-container .error-code {
font-size: 150px;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .text-container .error-code,
.aptia-403-main .text-container .error-code {
font-size: 97px;
letter-spacing: -1.94px;
margin-bottom: 1.2rem;
}
}
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
background-color: #00d17c;
color: #113546;
border-radius: 50px;
width: 33.8rem;
height: 8.4rem;
}
@media screen and (max-width: 1799px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
width: 23.8rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
width: 25rem;
height: 6.4rem;
}
}
@media screen and (max-width: 1023px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
width: 25.8rem;
height: 6.4rem;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .text-container .home-btn,
.aptia-403-main .text-container .home-btn {
width: 16.7rem;
height: 5.1rem;
}
}
.aptia-404-main .not-found-img,
.aptia-403-main .not-found-img {
width: 33.8rem;
height: 33.8rem;
}
@media screen and (max-width: 1479px) {
.aptia-404-main .not-found-img,
.aptia-403-main .not-found-img {
width: 27.8rem;
height: 27.8rem;
}
}
@media screen and (max-width: 1279px) {
.aptia-404-main .not-found-img,
.aptia-403-main .not-found-img {
width: 25rem;
height: 25rem;
}
}
@media screen and (max-width: 1023px) {
.aptia-404-main .not-found-img,
.aptia-403-main .not-found-img {
width: 22.8rem;
height: 22.8rem;
}
}
@media screen and (max-width: 767px) {
.aptia-404-main .not-found-img,
.aptia-403-main .not-found-img {
display: none;
}
}
.insights-speakers .field--items {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
column-gap: 6.4rem;
row-gap: 2.4rem;
}
@media screen and (max-width: 767px) {
.insights-speakers .field--items {
row-gap: 0rem;
margin-bottom: 3rem;
}
}
.insights-speakers .field--items .field--item {
width: 22rem;
max-height: 37.6rem;
padding: 0rem;
margin-bottom: 0rem;
}
.insights-speakers .field--items .field--item .leadership-section__leader-name {
font-weight: 600;
}
.insights-speakers .field--items .field--item .leadership-section__rounded-green-arrow {
margin: 2.4rem 0 0;
}
.insights-speakers .field--items .field--item img {
width: 22rem;
height: 22rem;
}
@media screen and (max-width: 767px) {
.insights-speakers .field--items .field--item {
width: 100%;
max-height: -moz-max-content;
max-height: max-content;
}
}
@media screen and (max-width: 767px) {
.insights-speakers .leadership-section__popup {
width: 100%;
}
}
.insights-speakers .leadership-carousel-dot-container {
top: 37rem;
}
.insights-speakers .popup-image-container .leader-details .field--item {
width: unset;
max-height: -moz-max-content;
max-height: max-content;
}
.insights-speakers .popup-image-container .leader-details .aptia-tablet-desktop {
padding-right: 8rem;
}
@media screen and (max-width: 1279px) {
.insights-speakers .popup-image-container .leader-details .aptia-tablet-desktop {
padding-right: 2.4rem;
}
}
.insights-speakers-title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
padding-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.insights-speakers-title {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.insights-speakers-title {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.insights-speakers-title {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.insights-speakers-title {
font-size: 24px;
letter-spacing: -0.48px;
}
}
.register-form-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0rem 2.4rem 0rem 4.8rem;
background-color: #ffffff;
padding: 12rem;
border-radius: 0 0 10rem 10rem;
column-gap: 3.2rem;
}
@media screen and (max-width: 1479px) {
.register-form-container {
padding: 10rem;
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.register-form-container {
padding: 8rem;
border-radius: 0 0 6rem 6rem;
}
}
@media screen and (max-width: 1023px) {
.register-form-container {
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
}
.register-form-container .register-form-description {
width: calc(68% - 32px);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1023px) {
.register-form-container .register-form-description {
width: 100%;
padding: 8rem;
}
}
@media screen and (max-width: 767px) {
.register-form-container .register-form-description {
padding: 4rem 1.6rem;
}
}
.register-form-container .register-form-description .leadership-section {
padding: 8rem 0 0;
}
@media screen and (max-width: 767px) {
.register-form-container .register-form-description .leadership-section {
padding: 4rem 0 0;
}
}
.register-form-container .sec-container {
padding: 0;
}
.register-form-container .registerform_insights {
width: 32%;
max-width: 53.9rem;
opacity: 0px;
}
@media screen and (max-width: 1023px) {
.register-form-container .registerform_insights {
width: 100%;
max-width: unset;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item {
position: relative;
margin-bottom: 5.6rem;
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item {
margin-bottom: 4rem;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .form-required::after {
content: "*";
background-image: none;
position: absolute;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .control-label {
display: block;
opacity: 0.7;
color: #113546;
margin-bottom: 0.5rem;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input {
width: 100%;
background: transparent;
outline: 0;
color: #113546;
border-width: 0 0 0.1rem;
border-radius: 0px;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
padding: 0.4rem 0px 1.6rem;
box-shadow: none;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item input:focus {
box-shadow: none;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item-company-name {
margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-item-company-name {
margin-bottom: 3.2rem;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
font-weight: 200;
margin-bottom: 2.4rem;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-size: 32px;
letter-spacing: -0.64px;
line-height: 1.2;
color: #113546;
margin-bottom: 5.6rem;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
font-size: 28px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
font-size: 20px;
line-height: 1.2;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
font-size: 14px;
line-height: 1.2;
letter-spacing: -0.28px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
font-size: 24px;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
margin-bottom: 4rem;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .registerform_label {
margin-bottom: 4rem;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox {
margin: 0px 0px 1.6rem;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
color: #113546;
left: 0.5rem;
position: relative;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-left: 40px;
opacity: unset;
margin-bottom: 0;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label {
font-size: 14px;
line-height: 1.3;
letter-spacing: -0.28px;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label input {
position: absolute;
left: 16px;
accent-color: #00d17c;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #9d9d9d;
border-radius: 0.4rem;
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label input {
bottom: 0;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label input[type=checkbox]:not(:checked) {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_unchecked_dark_bg.svg");
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label input[type=checkbox]:checked {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/checkbox_checked_round_bg.svg");
border: none;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .control-label input[type=checkbox] {
-webkit-appearance: none;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .form-type-checkbox .form-checkbox {
position: absolute;
display: inline-block;
width: 2.4rem;
height: 2.4rem;
left: 0px;
margin-right: 1.6rem;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper {
position: relative;
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
width: 100%;
height: 9.2rem;
background: #00d17c;
border: none;
border-radius: 20rem;
color: #113546;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 4rem;
}
@media screen and (max-width: 1799px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
height: 7.2rem;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
padding: 2.4rem;
height: 6.4rem;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button {
margin-top: 1.6rem;
padding: 1.8rem 2.4rem;
height: 5.6rem;
}
}
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button:after {
content: "";
display: inline-block;
position: absolute;
right: 3rem;
width: 3.8rem;
height: 3.8rem;
margin-left: 4.8rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/forward-arrow.svg");
background-repeat: no-repeat;
background-size: contain;
}
@media screen and (max-width: 1479px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button:after {
margin-left: 3rem;
}
}
@media screen and (max-width: 1279px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button:after {
margin-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.register-form-container .registerform_insights .webform-ajax-form-wrapper form .register_submit_button_wrapper button:after {
margin-left: 1.6rem;
width: 2.4rem;
height: 2.4rem;
}
}
#insights-form {
scroll-margin-top: 13rem;
scroll-behavior: smooth;
}
@media screen and (max-width: 1479px) {
#insights-form {
scroll-margin-top: 12rem;
}
}
@media screen and (max-width: 1279px) {
#insights-form {
scroll-margin-top: 11.4rem;
}
}
@media screen and (max-width: 767px) {
#insights-form {
scroll-margin-top: 12rem;
}
}
#insights-form .field--name-field-active-campaign .iframe-container {
position: relative;
background-color: #f4f6f8;
width: 100%;
border-radius: 4rem;
opacity: 0px;
padding: 5.6rem;
margin-bottom: 3.2rem;
}
@media screen and (max-width: 1479px) {
#insights-form .field--name-field-active-campaign .iframe-container {
padding: 4rem 2.4rem;
}
}
@media screen and (max-width: 1279px) {
#insights-form .field--name-field-active-campaign .iframe-container {
padding: 4rem 1.6rem;
border-radius: 2rem;
}
}
@media screen and (max-width: 1023px) {
#insights-form .field--name-field-active-campaign .iframe-container {
width: 100%;
max-width: unset;
padding: 5.6rem;
}
}
@media screen and (max-width: 767px) {
#insights-form .field--name-field-active-campaign .iframe-container {
padding: 4rem 1.6rem;
}
}
#insights-form .field--name-field-active-campaign .iframe-container iframe {
border: none;
width: 100%;
}
.active-campaign-form-left .register-form-description {
-ms-flex-order: 2;
order: 2;
}
.active-campaign-form-left .registerform_insights {
-ms-flex-order: 1;
order: 1;
}
@media screen and (max-width: 1023px) {
.active-campaign-form-left .register-form-description {
-ms-flex-order: 1;
order: 1;
}
.active-campaign-form-left .registerform_insights {
-ms-flex-order: 2;
order: 2;
}
}
.active-campaign-form-right .register-form-description {
-ms-flex-order: 1;
order: 1;
}
.active-campaign-form-right .registerform_insights {
-ms-flex-order: 2;
order: 2;
}
.meet-our-speaker #leadership-section {
padding-top: 0px;
}
.promo-banner-container {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.promo-banner-container .promo-banner {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
column-gap: 3%;
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner {
-ms-flex-direction: column;
flex-direction: column;
}
}
.promo-banner-container .promo-banner__text-container {
width: 49%;
padding: 12rem 0 12rem 12rem;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container {
padding: 10rem 0 10rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container {
padding: 8rem 0 8rem 8rem;
}
}
@media screen and (max-width: 1023px) {
.promo-banner-container .promo-banner__text-container {
padding: 6rem 0 6rem 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container {
width: 100%;
padding: 2.4rem 1.6rem;
-ms-flex-order: 2;
order: 2;
}
}
.promo-banner-container .promo-banner__text-container--title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 60px;
letter-spacing: -1.2px;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.promo-banner-container .promo-banner__text-container--title {
font-size: 48px;
line-height: 1;
letter-spacing: -0.96px;
}
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container--title {
font-size: 40px;
line-height: 1;
letter-spacing: -0.08px;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--title {
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
.promo-banner-container .promo-banner__text-container--description {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
margin-top: 4rem;
color: #ffffff;
}
@media screen and (max-width: 1799px) {
.promo-banner-container .promo-banner__text-container--description {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--description {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--description {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--description {
margin-top: 1.6rem;
}
}
.promo-banner-container .promo-banner__text-container--cta-btn {
margin-top: 6rem;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--cta-btn {
margin-top: 4rem;
}
}
.promo-banner-container .promo-banner__text-container--cta-btn a {
border-radius: 5rem;
border: 2px solid #ffffff;
height: 10.4rem;
padding: 4rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #ffffff;
text-decoration: none;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-size: 24px;
line-height: 1;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
font-size: 20px;
line-height: 1;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
font-size: 12px;
line-height: 1;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
padding: 3.2rem;
height: 9rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
padding: 2.4rem;
height: 7rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
padding: 2.4rem;
height: 7rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--cta-btn a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2rem 2.4rem;
width: unset;
height: 5.6rem;
}
}
.promo-banner-container .promo-banner__text-container--cta-btn a::after {
content: "";
display: inline-block;
width: 4rem;
height: 4rem;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/promo-download-white.svg");
background-repeat: no-repeat;
background-size: contain;
margin-left: 4rem;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__text-container--cta-btn a::after {
margin-left: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__text-container--cta-btn a::after {
margin-left: 2.4rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__text-container--cta-btn a::after {
width: 2rem;
height: 2rem;
margin-left: 1.6rem;
}
}
.promo-banner-container .promo-banner__image-container {
width: 47.8%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 12rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__image-container {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__image-container {
padding: 8rem;
}
}
@media screen and (max-width: 1023px) {
.promo-banner-container .promo-banner__image-container {
padding: 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__image-container {
width: 100%;
padding: 4rem 1.6rem;
-ms-flex-order: 1;
order: 1;
}
}
.promo-banner-container .promo-banner__image-container--promo-image {
width: 100%;
height: 48.8rem;
object-fit: cover;
border-radius: 2.4rem;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-banner__image-container--promo-image {
height: 42.8rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-banner__image-container--promo-image {
height: 36rem;
}
}
@media screen and (max-width: 1023px) {
.promo-banner-container .promo-banner__image-container--promo-image {
height: 30rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-banner__image-container--promo-image {
height: 24.8rem;
}
}
.promo-banner-container .promo-img-left .promo-banner__text-container {
-ms-flex-order: 2;
order: 2;
padding: 12rem 12rem 12rem 0;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-img-left .promo-banner__text-container {
padding: 10rem 10rem 10rem 0;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-img-left .promo-banner__text-container {
padding: 8rem 8rem 8rem 0;
}
}
@media screen and (max-width: 1023px) {
.promo-banner-container .promo-img-left .promo-banner__text-container {
padding: 6rem 6rem 6rem 0;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-img-left .promo-banner__text-container {
padding: 2.4rem 1.6rem;
}
}
.promo-banner-container .promo-img-left .promo-banner__image-container {
-ms-flex-order: 1;
order: 1;
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.promo-banner-container .promo-img-left .promo-banner__image-container {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-container .promo-img-left .promo-banner__image-container {
padding: 8rem;
}
}
@media screen and (max-width: 1023px) {
.promo-banner-container .promo-img-left .promo-banner__image-container {
padding: 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-container .promo-img-left .promo-banner__image-container {
padding: 4rem 1.6rem;
}
}
.promo-dark-theme {
background-color: #113546;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-dark-right.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.promo-dark-theme .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-dark-right.webp");
}
.promo-dark-theme:has(.promo-img-left) {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-dark-left.webp");
}
.promo-dark-theme:has(.promo-img-left) .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-dark-left.webp");
}
.promo-dark-theme:has(.promo-half-screen) {
background-color: #ffffff;
}
.promo-dark-theme:has(.promo-half-screen) .promo-banner {
background-color: #113546;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-dark-right.webp");
}
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-dark-left.webp");
}
.promo-green-theme {
background-color: #00d17c;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-green-right.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.promo-green-theme .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-green-right.webp");
}
.promo-green-theme .promo-banner__text-container--title {
color: #113546;
}
.promo-green-theme .promo-banner__text-container--description {
color: #113546;
}
.promo-green-theme .promo-banner__text-container--cta-btn a {
border: 2px solid #113546;
color: #113546;
}
.promo-green-theme .promo-banner__text-container--cta-btn a::after {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/promo-download-dark.svg");
}
.promo-green-theme:has(.promo-img-left) {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-green-left.webp");
}
.promo-green-theme:has(.promo-img-left) .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-green-left.webp");
}
.promo-green-theme:has(.promo-half-screen) {
background-color: #113546;
}
.promo-green-theme:has(.promo-half-screen) .promo-banner {
background-color: #00d17c;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-green-right.webp");
}
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-green-left.webp");
}
.promo-light-theme {
background-color: #ffffff;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-light-right.webp");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.promo-light-theme .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-light-right.webp");
}
.promo-light-theme .promo-banner__text-container--title {
color: #113546;
}
.promo-light-theme .promo-banner__text-container--description {
color: #113546;
}
.promo-light-theme .promo-banner__text-container--cta-btn a {
border: 2px solid #113546;
color: #113546;
}
.promo-light-theme .promo-banner__text-container--cta-btn a::after {
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/promo-download-dark.svg");
}
.promo-light-theme:has(.promo-img-left) {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-light-left.webp");
}
.promo-light-theme:has(.promo-img-left) .promo-banner__image-container {
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-pattern-light-left.webp");
}
.promo-light-theme:has(.promo-half-screen) {
background-color: #113546;
}
.promo-light-theme:has(.promo-half-screen) .promo-banner {
background-color: #ffffff;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/promo-bg-mask-light-right.webp");
}
.promo-light-theme:has(.promo-half-screen),
.promo-dark-theme:has(.promo-half-screen),
.promo-green-theme:has(.promo-half-screen) {
background-image: none;
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.promo-light-theme:has(.promo-half-screen),
.promo-dark-theme:has(.promo-half-screen),
.promo-green-theme:has(.promo-half-screen) {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.promo-light-theme:has(.promo-half-screen),
.promo-dark-theme:has(.promo-half-screen),
.promo-green-theme:has(.promo-half-screen) {
padding: 8rem;
}
}
@media screen and (max-width: 1023px) {
.promo-light-theme:has(.promo-half-screen),
.promo-dark-theme:has(.promo-half-screen),
.promo-green-theme:has(.promo-half-screen) {
padding: 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-half-screen),
.promo-dark-theme:has(.promo-half-screen),
.promo-green-theme:has(.promo-half-screen) {
padding: 4rem 1.6rem;
}
}
.promo-light-theme:has(.promo-half-screen) .promo-banner,
.promo-dark-theme:has(.promo-half-screen) .promo-banner,
.promo-green-theme:has(.promo-half-screen) .promo-banner {
border-radius: 4rem;
column-gap: 1.6rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner,
.promo-dark-theme:has(.promo-half-screen) .promo-banner,
.promo-green-theme:has(.promo-half-screen) .promo-banner {
border-radius: 2rem;
}
}
.promo-light-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__text-container {
width: 53.8%;
padding: 8rem 0 8rem 8rem;
}
@media screen and (max-width: 1479px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__text-container {
padding: 6rem 0 6rem 6rem;
}
}
@media screen and (max-width: 1279px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__text-container {
padding: 4rem 0 4rem 4rem;
}
}
@media screen and (max-width: 1023px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__text-container {
padding: 4rem 0 4rem 4rem;
}
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__text-container {
width: 100%;
padding: 3.6rem 1.6rem;
-ms-flex-order: 2;
order: 2;
}
}
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container {
-ms-flex-order: 1;
order: 1;
padding: 8rem;
width: 45.8%;
}
@media screen and (max-width: 1479px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container {
padding: 6rem;
}
}
@media screen and (max-width: 1279px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container {
padding: 4rem;
}
}
@media screen and (max-width: 1023px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container {
padding: 4rem;
}
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container {
padding: 3.6rem 1.6rem;
width: 100%;
}
}
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image {
width: 100%;
height: 44rem;
object-fit: cover;
border-radius: 2.4rem;
}
@media screen and (max-width: 1479px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image {
height: 38rem;
}
}
@media screen and (max-width: 1279px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image {
height: 32rem;
}
}
@media screen and (max-width: 1023px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image {
height: 25rem;
}
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-dark-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image,
.promo-green-theme:has(.promo-half-screen) .promo-banner__image-container--promo-image {
height: 22.5rem;
}
}
.promo-light-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container {
padding: 8rem 8rem 8rem 0;
}
@media screen and (max-width: 1479px) {
.promo-light-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container {
padding: 6rem 6rem 6rem 0;
}
}
@media screen and (max-width: 1279px) {
.promo-light-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container {
padding: 4rem 4rem 4rem 0;
}
}
@media screen and (max-width: 1023px) {
.promo-light-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container {
padding: 4rem 4rem 4rem 0;
}
}
@media screen and (max-width: 767px) {
.promo-light-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-dark-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container,
.promo-green-theme:has(.promo-img-left.promo-half-screen) .promo-banner__text-container {
width: 100%;
padding: 3.6rem 1.6rem;
-ms-flex-order: 2;
order: 2;
}
}
.promo-without-img .promo-banner {
padding: 12rem;
}
@media screen and (max-width: 1479px) {
.promo-without-img .promo-banner {
padding: 10rem;
}
}
@media screen and (max-width: 1279px) {
.promo-without-img .promo-banner {
padding: 8rem;
}
}
@media screen and (max-width: 1023px) {
.promo-without-img .promo-banner {
padding: 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-without-img .promo-banner {
padding: 4rem 1.6rem;
}
}
.promo-without-img .promo-banner__text-container {
width: 100%;
padding: 0px !important;
}
.promo-without-img .promo-banner__image-container {
display: none;
}
.promo-without-img:has(.promo-half-screen) .promo-banner {
padding: 8rem;
}
@media screen and (max-width: 1479px) {
.promo-without-img:has(.promo-half-screen) .promo-banner {
padding: 6rem;
}
}
@media screen and (max-width: 1279px) {
.promo-without-img:has(.promo-half-screen) .promo-banner {
padding: 4rem;
}
}
@media screen and (max-width: 1023px) {
.promo-without-img:has(.promo-half-screen) .promo-banner {
padding: 4rem;
}
}
@media screen and (max-width: 767px) {
.promo-without-img:has(.promo-half-screen) .promo-banner {
padding: 2.4rem 1.6rem;
border-radius: 2rem;
}
}
.promo-without-img:has(.promo-half-screen) .promo-banner__text-container {
width: 100%;
padding: 0 !important;
}
.promo-banner-corner {
border-radius: 0 0 10rem 10rem;
}
@media screen and (max-width: 1479px) {
.promo-banner-corner {
border-radius: 0 0 8rem 8rem;
}
}
@media screen and (max-width: 1279px) {
.promo-banner-corner {
border-radius: 0 0 6rem 6rem;
}
}
@media screen and (max-width: 767px) {
.promo-banner-corner {
border-radius: 0 0 3.2rem 3.2rem;
}
}
.promo-banner-bg:has(.promo-light-theme) {
background-color: #113546;
}
.promo-banner-bg:has(.promo-green-theme) {
background-color: #113546;
}
.promo-banner-bg:has(.promo-dark-theme) {
background-color: #ffffff;
}
.promo-banner-half-bg:has(.promo-light-theme) {
background-color: #ffffff;
}
.promo-banner-half-bg:has(.promo-green-theme) {
background-color: #ffffff;
}
.promo-banner-half-bg:has(.promo-dark-theme) {
background-color: #113546;
}
.insight-promo-banner {
margin: 8rem 0;
}
@media screen and (max-width: 767px) {
.insight-promo-banner {
margin: 4rem 0;
}
}
.insight-promo-banner .promo-banner-corner {
border: 1px solid #dcdcdc;
border-radius: 4rem;
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-banner-corner {
border-radius: 2rem;
}
}
.insight-promo-banner .promo-banner-container .promo-banner {
column-gap: 0.5%;
}
.insight-promo-banner .promo-banner-container .promo-banner__text-container {
width: 54%;
padding: 8rem 0 8rem 8rem;
}
@media screen and (max-width: 1479px) {
.insight-promo-banner .promo-banner-container .promo-banner__text-container {
padding: 6rem 0 6rem 6rem;
}
}
@media screen and (max-width: 1279px) {
.insight-promo-banner .promo-banner-container .promo-banner__text-container {
padding: 4rem 0 4rem 4rem;
}
}
@media screen and (max-width: 1023px) {
.insight-promo-banner .promo-banner-container .promo-banner__text-container {
padding: 4rem 0 4rem 4rem;
}
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-banner-container .promo-banner__text-container {
padding: 2.4rem 1.6rem;
width: 100%;
}
}
.insight-promo-banner .promo-banner-container .promo-banner__image-container {
width: 45.8%;
padding: 8rem;
}
@media screen and (max-width: 1479px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container {
padding: 6rem;
}
}
@media screen and (max-width: 1279px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container {
padding: 4rem;
}
}
@media screen and (max-width: 1023px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container {
padding: 4rem;
}
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container {
width: 100%;
padding: 4rem 1.6rem;
-ms-flex-order: 1;
order: 1;
}
}
.insight-promo-banner .promo-banner-container .promo-banner__image-container--promo-image {
width: 100%;
height: 44rem;
object-fit: cover;
border-radius: 2.4rem;
}
@media screen and (max-width: 1479px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container--promo-image {
height: 38rem;
}
}
@media screen and (max-width: 1279px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container--promo-image {
height: 32rem;
}
}
@media screen and (max-width: 1023px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container--promo-image {
height: 25rem;
}
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-banner-container .promo-banner__image-container--promo-image {
height: 22.5rem;
}
}
.insight-promo-banner .promo-img-left .promo-banner__text-container {
-ms-flex-order: 2;
order: 2;
padding: 8rem 8rem 8rem 0;
}
@media screen and (max-width: 1479px) {
.insight-promo-banner .promo-img-left .promo-banner__text-container {
padding: 6rem 6rem 6rem 0;
}
}
@media screen and (max-width: 1279px) {
.insight-promo-banner .promo-img-left .promo-banner__text-container {
padding: 4rem 4rem 4rem 0;
}
}
@media screen and (max-width: 1023px) {
.insight-promo-banner .promo-img-left .promo-banner__text-container {
padding: 4rem 4rem 4rem 0;
}
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-img-left .promo-banner__text-container {
padding: 2.4rem 1.6rem;
}
}
.insight-promo-banner .promo-without-img .promo-banner {
padding: 8rem;
}
@media screen and (max-width: 1479px) {
.insight-promo-banner .promo-without-img .promo-banner {
padding: 6rem;
}
}
@media screen and (max-width: 1279px) {
.insight-promo-banner .promo-without-img .promo-banner {
padding: 4rem;
}
}
@media screen and (max-width: 1023px) {
.insight-promo-banner .promo-without-img .promo-banner {
padding: 4rem;
}
}
@media screen and (max-width: 767px) {
.insight-promo-banner .promo-without-img .promo-banner {
padding: 4rem 1.6rem;
}
}
.insight-promo-banner .promo-without-img .promo-banner__text-container {
width: 100%;
padding: 0px !important;
}
.insight-promo-banner .promo-without-img .promo-banner__image-container {
display: none;
}
@media screen and (max-width: 767px) {
.header-system-wrapper {
display: none;
}
}
.pension-link {
text-decoration: none !important;
color: inherit !important;
}
.pension-link:hover {
color: rgb(40, 167, 69) !important;
}
.language-selector-fixed {
width: 100%;
background: #ffffff;
z-index: 999;
padding: 0;
}
.language-selector-fixed .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1.2rem 12rem;
width: 100%;
margin: 0;
}
@media screen and (max-width: 1479px) {
.language-selector-fixed .container {
padding: 1.2rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.language-selector-fixed .container {
padding: 1.2rem 8rem;
}
}
@media screen and (max-width: 767px) {
.language-selector-fixed .container {
padding: 1.2rem 1.6rem;
}
}
.language-selector-fixed .hcs-language-selector {
font-size: 12px;
line-height: 16px;
display: -ms-flexbox;
display: flex;
gap: 4px;
-ms-flex-align: center;
align-items: center;
}
.language-selector-fixed .hcs-language-selector > span {
display: inline-block;
vertical-align: middle;
}
.language-selector-fixed .hcs-language-selector > span svg {
display: block;
}
.language-selector-fixed .hcs-language-selector .divider {
padding: 0 12px;
}
.language-link {
color: #45545C;
text-decoration: none;
transition: color 0.2s ease, text-decoration 0.2s ease;
}
.language-link:hover {
color: #020507;
text-decoration: none;
}
.language-link.is-active {
color: #020507;
font-weight: bold;
text-decoration: underline;
}
a.reset-link {
text-decoration: none;
cursor: pointer;
}
.hsc-button-white {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
padding: 12px 24px;
gap: 16px;
font-family: "Mundial-Regular", sans-serif;
font-size: 16px;
color: #020507;
background-color: #ffffff;
border: none;
border-radius: 40px;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.hsc-button-white:hover {
background-color: rgba(255, 255, 255, 0.1019607843);
color: #FFFFFF;
}
.hsc-button-white:focus {
outline: 2px solid #004731;
outline-offset: 4px;
}
.hsc-button-white:active {
transform: scale(0.98);
background-color: rgba(255, 255, 255, 0.2);
}
.hsc-button-white:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.paragraph--type--hcs-simple-card-info {
padding: 0 !important;
}
.simple-card-info {
background: no-repeat center/cover;
border-radius: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
padding: 6.4rem 3.2rem 3.2rem;
height: 100%;
}
.simple-card-info__wrapper {
padding: 4.2rem 0 3.2rem;
-ms-grid-column-align: center;
justify-items: center;
}
.simple-card-info__header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
color: #113546;
}
.simple-card-info__header-number {
font-size: 96px;
font-weight: bold;
}
.simple-card-info__header-suffix {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: start;
font-size: 60px;
font-weight: bold;
}
.simple-card-info__subtitle {
color: #113546;
font-size: 14px;
min-height: 7rem;
text-align: center;
}
.simple-card-info__description {
font-family: "Mundial-Light", sans-serif;
font-size: 16px;
line-height: 24px;
color: #020507;
font-weight: 300;
}
.card-text-description-link {
background-color: #f1f5f4;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
width: 100%;
height: 96px;
text-decoration: none;
color: inherit;
padding: 32px 24px;
border-radius: 16px;
gap: 24px;
}
@media (max-width: 768px) {
.card-text-description-link {
width: 100%;
padding: 20px 20px 12px 20px;
}
}
.card-text-description-link__title {
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
line-height: 32px;
color: #020507;
font-weight: 300;
}
@media (max-width: 392px) {
.card-text-description-link__title {
font-size: 20px;
line-height: 28px;
}
}
.card-text-description-link__text-icon {
display: -ms-flexbox;
display: flex;
gap: 24px;
text-align: start;
-ms-flex-align: center;
align-items: center;
}
.card-text-description-link:visited, .card-text-description-link:hover, .card-text-description-link:active, .card-text-description-link:focus {
text-decoration: none;
color: inherit;
}
.card-text-description-link__icon {
width: 40px;
height: 40px;
position: relative;
}
.card-text-description-link__icon__image {
display: block;
position: absolute;
}
.card-text-description-link__icon__image-hover {
display: none;
position: absolute;
top: 0;
left: 0;
}
.card-text-description-link:hover {
background-color: #e3f2f0;
}
.card-text-description-link:hover .card-text-description-link__icon__image {
display: none;
}
.card-text-description-link:hover .card-text-description-link__icon__image-hover {
display: block;
}
.cards-with-title-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.cards-with-title-section__cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.cards-with-title-section__cards > .field {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.cards-with-title-section__cards .card-text-description-link {
margin: 0.5rem auto;
}
.cards-with-title-section__header {
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #020507;
}
.little-card-img-title-desc {
background: white;
border-radius: 24px;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
text-align: center;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
gap: 24px;
width: 340px;
height: 340px;
}
@media (max-width: 1079px) {
.little-card-img-title-desc {
padding: 24px;
height: 324px;
}
}
@media (max-width: 787px) {
.little-card-img-title-desc {
width: 100%;
height: 100%;
padding: 32px;
}
}
.little-card-img-title-desc img {
width: 100%;
border-radius: 16px;
max-height: 130px;
object-fit: cover;
aspect-ratio: 16/9;
}
.little-card-img-title-desc__text-title {
font-weight: bold;
font-size: 2.5rem;
line-height: 32px;
color: #020507;
margin: 8px auto;
}
@media (max-width: 786px) {
.little-card-img-title-desc__text-title {
text-align: left;
}
}
@media (max-width: 539px) {
.little-card-img-title-desc__text-title {
text-align: center;
}
}
.little-card-img-title-desc__text-subtitle {
font-size: 1.5rem;
line-height: 24px;
color: #45545c;
font-family: "Mundial-Light", sans-serif;
}
@media (max-width: 786px) {
.little-card-img-title-desc__text-subtitle {
text-align: left;
}
}
@media (max-width: 539px) {
.little-card-img-title-desc__text-subtitle {
text-align: center;
}
}
@media (max-width: 786px) {
.little-card-img-title-desc {
-ms-flex-direction: row;
flex-direction: row;
}
.little-card-img-title-desc img {
width: 50%;
}
}
@media (max-width: 539px) {
.little-card-img-title-desc {
-ms-flex-direction: column;
flex-direction: column;
}
.little-card-img-title-desc img {
width: 100%;
}
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.testimonial-card {
border-radius: 1.5rem;
overflow: hidden;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: center;
align-items: center;
padding: 7rem 5rem;
gap: 58px;
background-position: center;
background-size: cover;
margin-bottom: 10px;
}
.testimonial-card.first-load {
opacity: 1 !important;
transform: translateX(0) !important;
position: relative !important;
pointer-events: auto !important;
}
@media screen and (max-width: 767px) {
.testimonial-card {
padding: 4rem 3rem;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: start;
}
}
.testimonial-card__image {
width: 100%;
border-radius: 32px;
max-width: 49%;
object-fit: cover;
aspect-ratio: 16/9;
height: 396px;
}
@media screen and (max-width: 1079px) {
.testimonial-card__image {
height: 214px;
}
}
@media screen and (max-width: 767px) {
.testimonial-card__image {
max-width: 100%;
height: auto;
}
}
.testimonial-card__content {
width: 100%;
}
@media (max-width: 786px) {
.testimonial-card__content {
width: 100%;
max-width: 100%;
}
}
.testimonial-card__content span {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 2rem;
font-style: normal;
font-weight: 300;
line-height: 32px;
}
.testimonial-card__author {
display: -ms-flexbox;
display: flex;
gap: 10px;
font-family: "Mundial-Light", sans-serif;
font-weight: 700;
color: #020507;
}
.testimonial-card__message {
margin-bottom: 32px;
font-weight: 700;
}
.testimonial-card__message span > div {
font-size: 3.2rem;
font-weight: 200;
}
.testimonial-card {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
transform: translateX(100%);
pointer-events: none;
transition: all 0.5s ease-in-out;
}
.testimonial-card.active {
position: relative;
opacity: 1;
transform: translateX(0);
pointer-events: auto;
z-index: 2;
}
.testimonial-card.slide-left {
transform: translateX(-100%);
}
.testimonial-card.slide-right {
transform: translateX(100%);
}
.big-card {
background-color: white;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-decoration: none !important;
}
@media (max-width: 1024px) {
.big-card {
width: auto;
}
}
.big-card__image {
width: 100%;
object-fit: cover;
display: block;
}
.big-card__content {
padding: 40px 32px;
}
.big-card__tag {
display: -ms-flexbox;
display: flex;
gap: 8px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #020507;
}
.big-card__tag-date {
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #838d92;
margin-left: 4px;
}
.big-card__title {
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #020507;
margin: 8px 0;
}
.big-card .field--name-field-insight-big-card-descripti {
font-family: "Mundial-Thin";
font-size: 24px;
line-height: 32px;
font-weight: 300;
color: #45545c;
}
.mini-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
padding-top: 16px;
}
.mini-cards__item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 320px;
background-color: white;
border-radius: 16px;
padding: 12px;
gap: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
text-decoration: none !important;
}
@media (max-width: 1024px) {
.mini-cards__item {
width: auto;
}
}
.mini-cards__image {
width: 64px;
height: 64px;
border-radius: 12px;
object-fit: cover;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mini-cards__content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
-ms-flex-item-align: start;
align-self: flex-start;
}
.mini-cards__tag {
display: -ms-flexbox;
display: flex;
gap: 8px;
font-size: 12px;
font-weight: 400;
color: #020507;
}
.mini-cards__tag-date {
color: #838d92;
margin-left: 4px;
}
.mini-cards__title {
margin: 0;
-ms-flex-line-pack: center;
align-content: center;
font-family: "Mundial-Thin";
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #020507;
line-height: 24px;
}
.simple-card-text-button {
border-radius: 24px;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
background: white;
gap: 5rem;
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%;
}
.simple-card-text-button__description {
font-family: "Mundial-Light", sans-serif;
display: block;
max-width: 340px;
font-size: 2.4rem;
}
.simple-card-text-button__description.has-bg {
color: white;
}
.simple-card-text-button__description.no-bg {
color: black;
}
@media (max-width: 786px) {
.simple-card-text-button__description {
max-width: 100%;
}
}
.simple-card-text-button__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.simple-card-text-button__footer__arrow-btn {
width: 48px;
height: 48px;
background-color: #00D17C;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.simple-card-text-button__footer__arrow-btn:hover {
background-color: #00b86d;
}
.simple-card-text-button__footer__arrow-btn:active {
background-color: #009a5b;
}
.simple-card-text-button__footer:not(:has(> .simple-card-text-button__footer__icon)) {
-ms-flex-pack: end;
justify-content: flex-end;
}
.dark {
background: linear-gradient(180deg, #104438 0%, #113546 100%);
color: white;
}
.hcs-overview-card-navbar {
min-height: 345px;
padding: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
background: white;
border-radius: 40px !important;
background: #113546 !important;
}
.hcs-overview-card-navbar__title {
overflow: hidden;
color: #FFFFFF;
text-overflow: ellipsis;
font-family: "Mundial-Regular", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.hcs-overview-card-navbar__description {
overflow: hidden;
color: #FFFFFF !important;
text-overflow: ellipsis;
font-family: "Mundial-Light", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.hcs-overview-card-navbar__link {
text-align: right;
}
.paragraph--type--hcs-waa-cards {
height: 100%;
}
.waa__card-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: 32px;
border: 1px solid #f1f6f8;
padding: 32px;
}
@media (max-width: 768px) {
.waa__card-body {
max-width: 100%;
}
}
.waa__card-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.waa__card-icon {
width: 32px;
height: 32px;
}
.waa__card-icon img {
max-width: 100%;
max-height: 100%;
}
.waa__card-text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.waa__card-title {
color: #020507;
font: 700 20px/28px Mundial-Bold, sans-serif;
}
.waa__card-description {
min-height: 40px;
font: 300 14px/20px "Mundial-Light", sans-serif;
color: #45545c;
}
.waa__card-internal-link {
margin-top: 16px;
}
.waa__card-internal-link a {
font-size: 16px;
color: #008554;
}
.hiring-cards__wrapper {
min-width: 300px;
background: white;
display: -ms-flexbox;
display: flex;
padding: 24px;
border-radius: 40px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.hiring-cards__wrapper img {
width: 32px;
height: 32px;
}
.hiring-cards__wrapper {
min-height: 187px;
}
.hiring-cards__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
.hiring-cards__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.hiring-cards__description {
font-size: 2rem;
font-family: "Mundial-Light", sans-serif;
}
.field--name-field-our-hiring-cards-title {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
color: #020507;
}
.field--name-field-our-hiring-cards-subtitle {
font-size: 20px;
font-weight: 300;
color: #45545c;
}
.our-offices-card__wrapper {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.our-offices-card__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.our-offices-card__title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
color: #020507;
}
.our-offices-card__description {
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #020507;
}
.our-offices-card__image {
width: 100%;
border-radius: 16px;
aspect-ratio: 16/9;
object-fit: cover;
}
.hcs-insight-article {
padding: 0 32px 32px;
}
@media screen and (max-width: 767px) {
.hcs-insight-article {
padding: 8px;
}
}
.hcs-insight-article__header {
padding: 130px 80px 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 8px;
background-color: #f6fbfe;
border-radius: 24px;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__header {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
padding-top: 160px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 767px) {
.hcs-insight-article__header {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
}
.hcs-insight-article__header__category {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.hcs-insight-article__header__title-author {
-ms-flex-direction: column;
flex-direction: column;
}
.hcs-insight-article__header__title-author__title {
max-width: 800px;
padding: 8px 0 24px;
color: #113546;
font-family: Mundial-Bold, sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__header__title-author__title {
padding-bottom: 48px;
}
}
@media screen and (max-width: 767px) {
.hcs-insight-article__header__title-author__title {
font-size: 32px;
line-height: 40px;
}
}
.hcs-insight-article__header__title-author__author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-size: 16px;
line-height: 24px;
}
.hcs-insight-article__header__title-author__author .avatar img,
.hcs-insight-article__header__title-author__author .avatar svg {
display: block;
}
.hcs-insight-article__header__title-author__author .name {
font-family: Mundial-Bold, sans-serif;
font-weight: 700;
}
.hcs-insight-article__header__title-author__author .date {
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__header__image {
width: 100%;
}
}
.hcs-insight-article__header__image img {
border-radius: 24px;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__header__image img {
width: 100%;
}
}
.hcs-insight-article__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding: 80px 48px 48px;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
position: relative;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__content {
padding: 40px 8px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hcs-insight-article__content .col-body {
width: calc(100% - 40px);
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__content .col-body {
width: 100%;
}
}
.hcs-insight-article__content .col-body .fields {
max-width: 725px;
margin: 0 auto;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 2.8rem;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__content .col-body .fields {
max-width: 100%;
}
}
.hcs-insight-article__content .col-body h2,
.hcs-insight-article__content .col-body h3,
.hcs-insight-article__content .col-body h4,
.hcs-insight-article__content .col-body h5,
.hcs-insight-article__content .col-body h6 {
margin: 0 0 16px;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.hcs-insight-article__content .col-body h2 {
font-size: 3.2rem;
line-height: 4rem;
}
.hcs-insight-article__content .col-body p {
margin-bottom: 16px;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 2.8rem;
}
.hcs-insight-article__content .col-body p:last-child {
margin-bottom: 0;
}
.hcs-insight-article__content .col-body p strong {
font-family: Mundial-Bold, sans-serif;
}
.hcs-insight-article__content .col-body p a {
color: #008554;
text-decoration: underline;
text-decoration-thickness: 2px;
}
.hcs-insight-article__content .col-body blockquote {
margin: 0 0 40px;
padding: 0;
border-left: 0;
}
.hcs-insight-article__content .col-body ol,
.hcs-insight-article__content .col-body ul {
margin-bottom: 16px;
padding: 0;
list-style: none;
}
.hcs-insight-article__content .col-body ol li,
.hcs-insight-article__content .col-body ul li {
padding-left: 40px;
font-weight: inherit;
font-family: inherit;
position: relative;
}
.hcs-insight-article__content .col-body ul li:before {
width: 4px;
height: 4px;
content: "";
background: #000;
position: absolute;
top: 10px;
left: 14px;
}
.hcs-insight-article__content .col-body ol {
counter-reset: list;
}
.hcs-insight-article__content .col-body ol li:before {
width: 24px;
height: 24px;
padding-top: 3px;
background: #000;
color: #fff;
font: 700 1.4rem/2rem Mundial-Bold, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
counter-increment: list;
content: counter(list);
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
}
.hcs-insight-article__content .col-body .created-by {
padding: 40px 0;
color: #45545c;
font: 300 1.4rem/2rem "Mundial-Light", sans-serif;
}
.hcs-insight-article__content .col-body .author {
padding-top: 40px;
border-top: 1px solid #d9dfe3;
display: -ms-flexbox;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__content .col-body .author {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #d9dfe3;
}
}
@media screen and (max-width: 767px) {
.hcs-insight-article__content .col-body .author {
-ms-flex-direction: column;
flex-direction: column;
}
}
.hcs-insight-article__content .col-body .author .name {
font: 700 2rem/2.8rem Mundial-Bold, sans-serif;
}
.hcs-insight-article__content .col-body .author .role {
padding: 4px 0 16px;
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.hcs-insight-article__content .col-body .author .desc p {
font-size: 1.6rem;
line-height: 2.4rem;
}
.hcs-insight-article__content .col-body .author .socials {
padding-top: 16px;
}
.hcs-insight-article__content .col-socials {
width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: sticky;
top: 50px;
}
.hcs-insight-article__content .col-socials .social-media-sharing li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1279px) {
.hcs-insight-article__content .col-socials {
width: 100%;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
}
.hcs-insight-article__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 32px;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
}
.hcs-press-release-article {
padding: 0 32px 32px;
}
@media screen and (max-width: 767px) {
.hcs-press-release-article {
padding: 8px;
}
}
.hcs-press-release-article__header {
padding: 120px 80px 40px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
background-color: #f6fbfe;
border-radius: 24px;
}
@media screen and (max-width: 767px) {
.hcs-press-release-article__header {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
}
.hcs-press-release-article__header__category {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.hcs-press-release-article__header__title-author {
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
}
.hcs-press-release-article__header__title-author__title {
max-width: 800px;
padding: 8px 0 24px;
color: #113546;
font-family: Mundial-Bold, sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
@media screen and (max-width: 767px) {
.hcs-press-release-article__header__title-author__title {
font-size: 32px;
line-height: 40px;
}
}
.hcs-press-release-article__header__title-author__author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-size: 16px;
line-height: 24px;
}
.hcs-press-release-article__header__title-author__author .avatar img,
.hcs-press-release-article__header__title-author__author .avatar svg {
display: block;
}
.hcs-press-release-article__header__title-author__author .name {
font-family: Mundial-Bold, sans-serif;
font-weight: 700;
}
.hcs-press-release-article__header__title-author__author .date {
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
}
.hcs-press-release-article__header__image {
-ms-flex: 1;
flex: 1;
}
.hcs-press-release-article__header__image img {
border-radius: 24px;
}
.hcs-press-release-article__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding: 80px 48px 48px;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
position: relative;
}
@media screen and (max-width: 1279px) {
.hcs-press-release-article__content {
padding: 40px 8px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hcs-press-release-article__content .col-body {
width: calc(100% - 40px);
}
@media screen and (max-width: 1279px) {
.hcs-press-release-article__content .col-body {
width: 100%;
}
}
.hcs-press-release-article__content .col-body .fields {
max-width: 725px;
margin: 0 auto;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 2.8rem;
}
@media screen and (max-width: 1279px) {
.hcs-press-release-article__content .col-body .fields {
max-width: 100%;
}
}
.hcs-press-release-article__content .col-body h2,
.hcs-press-release-article__content .col-body h3,
.hcs-press-release-article__content .col-body h4,
.hcs-press-release-article__content .col-body h5,
.hcs-press-release-article__content .col-body h6 {
margin: 0 0 16px;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.hcs-press-release-article__content .col-body h2 {
font-size: 3.2rem;
line-height: 4rem;
}
.hcs-press-release-article__content .col-body p {
margin-bottom: 16px;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 2.8rem;
}
.hcs-press-release-article__content .col-body p:last-child {
margin-bottom: 0;
}
.hcs-press-release-article__content .col-body p strong {
font-family: Mundial-Bold, sans-serif;
}
.hcs-press-release-article__content .col-body p a {
color: #008554;
text-decoration: underline;
text-decoration-thickness: 2px;
}
.hcs-press-release-article__content .col-body blockquote {
margin: 0 0 40px;
padding: 0;
border-left: 0;
}
.hcs-press-release-article__content .col-body ol,
.hcs-press-release-article__content .col-body ul {
margin-bottom: 16px;
padding: 0;
list-style: none;
}
.hcs-press-release-article__content .col-body ol li,
.hcs-press-release-article__content .col-body ul li {
padding-left: 40px;
font-weight: inherit;
font-family: inherit;
position: relative;
}
.hcs-press-release-article__content .col-body ul li:before {
width: 4px;
height: 4px;
content: "";
background: #000;
position: absolute;
top: 10px;
left: 14px;
}
.hcs-press-release-article__content .col-body ol {
counter-reset: list;
}
.hcs-press-release-article__content .col-body ol li:before {
width: 24px;
height: 24px;
padding-top: 3px;
background: #000;
color: #fff;
font: 700 1.4rem/2rem Mundial-Bold, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
counter-increment: list;
content: counter(list);
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
}
.hcs-press-release-article__content .col-body .created-by {
padding: 40px 0;
color: #45545c;
font: 300 1.4rem/2rem "Mundial-Light", sans-serif;
}
.hcs-press-release-article__content .col-body .author {
padding-top: 40px;
border-top: 1px solid #d9dfe3;
display: -ms-flexbox;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1279px) {
.hcs-press-release-article__content .col-body .author {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #d9dfe3;
}
}
@media screen and (max-width: 767px) {
.hcs-press-release-article__content .col-body .author {
-ms-flex-direction: column;
flex-direction: column;
}
}
.hcs-press-release-article__content .col-body .author .name {
font: 700 2rem/2.8rem Mundial-Bold, sans-serif;
}
.hcs-press-release-article__content .col-body .author .role {
padding: 4px 0 16px;
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.hcs-press-release-article__content .col-body .author .desc p {
font-size: 1.6rem;
line-height: 2.4rem;
}
.hcs-press-release-article__content .col-body .author .socials {
padding-top: 16px;
}
.hcs-press-release-article__content .col-socials {
width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: sticky;
top: 50px;
}
.hcs-press-release-article__content .col-socials .social-media-sharing li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1279px) {
.hcs-press-release-article__content .col-socials {
width: 100%;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
}
.hcs-press-release-article__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 32px;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
}
.related-insights-block__title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
}
.related-insights-block__title .btn {
display: inline-block;
padding: 10px 20px;
color: white;
text-decoration: none;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
border-radius: 40px;
background: #113546;
}
.related-insights-block__title .btn:hover {
background: #091D27;
}
.awards-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: 312px;
height: auto;
}
.awards-card__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
.awards-card__title {
font-family: "Mundial-Thin";
color: #020507;
font-weight: 300;
font-size: 18px;
line-height: 24px;
text-align: center;
}
.awards-card__subtitle {
font-family: "Mundial-Thin";
font-size: 16px;
line-height: 20px;
color: #45545c;
}
.awards-card__description {
font-family: "Mundial-Thin";
font-size: 14px;
font-weight: 400;
color: #838d92;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.paragraph--type--hcs-about-us-statement {
background: white;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;
padding: 40px 64px !important;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-about-us-statement {
padding: 80px 0 40px !important;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-about-us-statement {
padding: 40px 0 !important;
}
}
.paragraph--type--hcs-about-us-statement .block {
margin: 40px 80px;
background: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
border-radius: 32px;
padding: 80px 64px;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-about-us-statement .block {
margin-top: 0;
margin-left: 8px;
margin-right: 8px;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-about-us-statement .block {
padding: 40px 24px;
margin: 40px 0;
}
}
.paragraph--type--hcs-about-us-statement .block .col {
width: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
}
.paragraph--type--hcs-about-us-statement .block .col.full {
width: 100%;
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-about-us-statement .block .col.full {
padding-top: 0 !important;
}
}
.paragraph--type--hcs-about-us-statement .block .col.full div * {
padding: 0 !important;
font-family: "Mundial-Light", sans-serif !important;
font-weight: 300;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-about-us-statement .block .col {
width: 100%;
}
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-about-us-statement .block .col:last-child {
padding-top: 72px;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-about-us-statement .block .col:last-child {
padding-top: 32px;
}
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-subtitle {
font: 700 1.4rem Mundial-Bold, sans-serif;
text-transform: uppercase;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title > * {
margin-top: 0;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title > *:last-child {
margin-bottom: 0;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h3,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h4,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h5,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h6 {
color: #113546;
font-weight: 700;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 span,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h3 span,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h4 span,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h5 span,
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h6 span {
font-family: Mundial-Bold, sans-serif;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 {
font-size: 72px;
line-height: 80px;
word-wrap: break-word;
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 {
font-size: 48px;
line-height: 56px;
}
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 s {
text-decoration: none;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 s span {
font-weight: 200;
font-family: Mundial-Thin, sans-serif;
display: inline-block;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-statement-title h2 s span:after {
width: 100%;
height: 1px;
margin-top: -12px;
background: url('data:image/svg+xml,') repeat-x;
content: "";
display: block;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-description p {
margin-bottom: 16px;
color: #020507;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-description p:last-child {
margin-bottom: 0;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-about-us-description p span {
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-media-image {
border-radius: 32px;
overflow: hidden;
}
.paragraph--type--hcs-about-us-statement .block .field--name-field-media-image img {
width: 100%;
}
.page-node-type-hcs-solution-template .paragraph--type--hcs-about-us-statement {
padding: 0 !important;
}
.page-node-type-hcs-solution-template .paragraph--type--hcs-about-us-statement .layout-wrapper .block {
margin: 40px 0px !important;
padding: 0 20% !important;
border-radius: 0;
color: #020507 !important;
}
@media screen and (max-width: 377px) {
.page-node-type-hcs-solution-template .paragraph--type--hcs-about-us-statement .layout-wrapper .block {
padding: 0 32px !important;
}
}
@media screen and (max-width: 1279px) {
.page-node-type-hcs-solution-template .paragraph--type--hcs-about-us-statement .layout-wrapper .block .col.full {
padding-top: 0 !important;
}
}
.field--name-field-about-us-3-columns {
background: #f6fbfe;
padding: 80px 112px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
gap: 80px;
}
@media screen and (max-width: 1279px) {
.field--name-field-about-us-3-columns {
-ms-flex-direction: column;
flex-direction: column;
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-about-us-3-columns {
padding-top: 40px;
padding-bottom: 40px;
}
}
.field--name-field-about-us-3-columns .card .field--name-field-about-us-3-col-subtitle {
margin-bottom: 8px;
font: 600 1.2rem Mundial-Demibold, sans-serif;
text-transform: uppercase;
}
.field--name-field-about-us-3-columns .card .field--name-field-about-us-3-col-title {
font: 300 4.8rem "Mundial-Light", sans-serif;
line-height: 5.6rem;
color: #113546;
}
.field--name-field-about-us-3-columns .card .field--name-field-about-us-3-col-description {
padding-top: 8px;
}
.field--name-field-about-us-3-columns .card .field--name-field-about-us-3-col-description p,
.field--name-field-about-us-3-columns .card .field--name-field-about-us-3-col-description span {
font: 300 1.6rem "Mundial-Light", sans-serif;
line-height: 2.4rem;
}
.team-member {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 292px;
height: 500px;
border-radius: 12px;
background: #F1F6F8;
box-sizing: border-box;
}
.team-member__photo {
margin-bottom: 16px;
background-color: #113546;
border-radius: 12px 12px 0 0;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.team-member__photo img {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
object-position: center top;
border-radius: 12px 12px 0 0;
}
.team-member__content {
position: relative;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 24px 32px 32px 24px;
width: 100%;
box-sizing: border-box;
}
.team-member__content-name {
color: #113546;
font-family: "Mundial-Regular", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-bottom: 10px;
}
.team-member__content-role {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin-bottom: 40px;
padding-right: 30px;
}
.team-member__content-linkedin {
position: absolute;
bottom: 32px;
right: 32px;
}
.team-member__content-linkedin a {
width: 40px;
height: 40px;
background: #fff;
border-radius: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.team-member-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-member-overlay.is-visible {
display: -ms-flexbox;
display: flex;
}
.team-member-overlay__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
cursor: pointer;
}
.team-member-overlay__content {
position: relative;
background-color: #ffffff;
padding: 32px;
border-radius: 12px;
max-width: 700px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
z-index: 1001;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.team-member-overlay__close {
position: absolute;
top: 16px;
right: 16px;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-size: 24px;
line-height: 1;
color: #020507;
}
.team-member-overlay__close svg {
width: 24px;
height: 24px;
}
.team-member-overlay__details {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 24px;
}
.team-member-overlay__photo {
background-color: #113546;
border-radius: 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.team-member-overlay__photo img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 12px;
}
.team-member-overlay__text {
-ms-flex-positive: 1;
flex-grow: 1;
}
.team-member-overlay__name {
font-size: 32px;
font-weight: 700;
margin-bottom: 4px;
}
.team-member-overlay__role {
font-size: 16px;
font-weight: 300;
margin-bottom: 16px;
color: #45545C;
}
.team-member-overlay__bio {
font-size: 16px;
line-height: 1.5;
color: #020507;
}
.financials__card-body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
height: auto;
padding: 24px;
background-color: #ffffff;
border-radius: 40px;
box-shadow: 1px 2px 4px 0px rgba(9, 29, 39, 0.1);
}
@media (min-width: 768px) {
.financials__card-body {
width: 350px;
}
}
.financials__card-text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.financials__card-title {
margin: 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
color: #45545c;
}
.financials__card-description {
margin: 0;
font: 300 16px/24px "Mundial-Light", sans-serif;
color: #45545c;
}
.financials__card-subtitle {
margin: 0;
font: 700 24px/32px Mundial-Bold, sans-serif;
color: #020507;
}
.financials__card-button {
-ms-flex-item-align: end;
align-self: flex-end;
}
.financials__btn-download {
display: -ms-inline-flexbox;
display: inline-flex;
gap: 16px;
-ms-flex-align: center;
align-items: center;
padding: 12px 24px;
color: #008554;
border: 2px solid #008554;
font: 300 16px/24px "Mundial-Light", sans-serif;
border-radius: 9999px;
background-color: transparent;
text-decoration: none;
transition: background-color 0.2s;
}
.financials__btn-download:hover {
background-color: #eaf4ec;
text-decoration: none;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
.field--name-field-card-column-tech {
margin: 40px 112px;
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding-left: 32px;
padding-right: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
}
@media screen and (max-width: 1279px) {
.field--name-field-card-column-tech {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width: 767px) {
.field--name-field-card-column-tech {
margin-top: 40px;
margin-bottom: 40px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.field--name-field-card-column-tech > .field--item {
width: 50%;
}
@media screen and (max-width: 1279px) {
.field--name-field-card-column-tech > .field--item {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.field--name-field-card-column-tech > .field--item {
width: 100%;
}
}
.field--name-field-card-column-tech .card-column-technology {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px;
}
@media screen and (max-width: 767px) {
.field--name-field-card-column-tech .card-column-technology {
-ms-flex-direction: column;
flex-direction: column;
}
}
.field--name-field-card-column-tech .card-column-technology__image {
max-width: 240px;
}
.field--name-field-card-column-tech .card-column-technology__image img {
height: 180px;
aspect-ratio: 4/3;
max-width: 100%;
display: block;
border-radius: 16px;
}
.field--name-field-card-column-tech .card-column-technology__info {
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
color: #020507;
}
@media screen and (max-width: 1279px) {
.field--name-field-card-column-tech .card-column-technology__info {
max-width: 324px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-card-column-tech .card-column-technology__info {
max-width: 100%;
}
}
.field--name-field-card-column-tech .card-column-technology__info-title {
margin-bottom: 12px;
font-weight: 700;
font-size: 24px;
line-height: 32px;
font-family: Mundial-Bold, sans-serif;
font-style: normal;
}
.field--name-field-card-column-tech .card-column-technology__info-subtitle {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
/**** BREAKPOINTS PERSONALIZADOS ****/
.page-node-type-hcs-technology .field--name-field-ai-section-title:before {
width: 834px;
height: 922px;
content: "";
position: absolute;
top: -160px;
right: 0;
background: url("/themes/custom/aptia/presentation/static/assets/images/green-gradient-top.png") right top no-repeat;
background-size: cover;
z-index: 0;
}
.field--name-field-ai-section {
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
margin: 0 80px;
padding-bottom: 80px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1279px) {
.field--name-field-ai-section {
margin: 0 8px;
}
}
.field--name-field-ai-section:after {
width: 667px;
height: 832px;
content: "";
position: absolute;
bottom: -160px;
left: -80px;
background: url("/themes/custom/aptia/presentation/static/assets/images/green-gradient-btm.png") right top no-repeat;
background-size: cover;
z-index: 0;
}
@media screen and (max-width: 768px) {
.field--name-field-ai-section:after {
width: 100%;
left: 0;
}
}
@media screen and (max-width: 1279px) {
.field--name-field-ai-section:after {
bottom: -120px;
}
}
.field--name-field-ai-section > .field--item {
background: #fff;
position: relative;
z-index: 1;
}
.field--name-field-ai-section > .field--item:last-child {
border-radius: 0 0 32px 32px;
}
.field--name-field-ai-section-title {
margin-top: 80px;
position: relative;
}
@media screen and (max-width: 570px) {
.field--name-field-ai-section-title {
padding: 0;
}
}
@media screen and (min-width: 571px) and (max-width: 1079px) {
.field--name-field-ai-section-title {
padding: 0;
}
}
.field--name-field-ai-section-title .ai-section-header {
padding: 80px 64px;
background: #fff;
border-radius: 32px 32px 0 0;
position: relative;
z-index: 2;
}
@media screen and (max-width: 1279px) {
.field--name-field-ai-section-title .ai-section-header {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-ai-section-title .ai-section-header {
padding-left: 16px;
padding-right: 16px;
}
}
.field--name-field-ai-section-title h2,
.field--name-field-ai-section-title h3,
.field--name-field-ai-section-title h4,
.field--name-field-ai-section-title h5,
.field--name-field-ai-section-title h6 {
margin: 0 0 32px;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.field--name-field-ai-section-title h4 {
font-size: 14px;
line-height: 20px;
}
.field--name-field-ai-section-title p {
margin: 0 auto;
font: 300 48px/56px "Mundial-Light", sans-serif;
}
@media screen and (max-width: 767px) {
.field--name-field-ai-section-title p {
font-size: 32px;
line-height: 40px;
}
}
.field--name-field-ai-section-title p strong {
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.field--name-field-ai-section-title .ai-text {
font-family: "Mundial-Regular", sans-serif;
border-top-left-radius: 32px;
border-top-right-radius: 32px;
width: 100%;
position: relative;
background-color: #fff;
max-width: 1376px;
margin: 0 auto;
}
.field--name-field-ai-section-title .ai-text_title {
font-size: 14px;
line-height: 28px;
color: #000;
font-weight: 700;
padding: 80px 48px 32px;
}
@media screen and (max-width: 570px) {
.field--name-field-ai-section-title .ai-text_title {
padding: 40px 32px;
}
}
.field--name-field-ai-section-title .ai-text_body {
font-size: 48px;
line-height: 56px;
color: #000;
font-weight: 300;
max-width: 1000px;
}
@media screen and (max-width: 570px) {
.field--name-field-ai-section-title .ai-text_body {
padding: 0 32px 40px;
font-size: 32px;
line-height: 40px;
}
}
@media screen and (min-width: 571px) and (max-width: 1079px) {
.field--name-field-ai-section-title .ai-text_body {
padding: 0 48px 88px;
}
}
@media screen and (min-width: 1080px) and (max-width: 1100px) {
.field--name-field-ai-section-title .ai-text_body {
padding: 0 48px 56px;
}
}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
.field--name-field-ai-section-title .ai-text_body {
padding: 0 100px 56px;
}
}
.field--name-field-ai-section .paragraph--type--hcs-ai-section {
padding: 0 64px;
}
@media screen and (max-width: 1079px) {
.field--name-field-ai-section .paragraph--type--hcs-ai-section {
padding: 0 40px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-ai-section .paragraph--type--hcs-ai-section {
padding: 0 8px;
}
}
.field--name-field-ai-section .ai-card-overlap-layout {
padding: 88px 68px 88px 76px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 1079px) {
.field--name-field-ai-section .ai-card-overlap-layout {
padding: 32px 72px 32px 80px;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-ai-section .ai-card-overlap-layout {
padding: 24px 0 8px;
}
}
.field--name-field-ai-section .ai-card-overlap-layout__image-card {
border-radius: 16px;
width: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
z-index: 0;
}
@media screen and (max-width: 1079px) {
.field--name-field-ai-section .ai-card-overlap-layout__image-card {
width: 100%;
}
}
.field--name-field-ai-section .ai-card-overlap-layout__image-card img {
display: block;
width: 100%;
height: auto;
border-radius: 24px;
object-fit: cover;
aspect-ratio: 4/3;
}
.field--name-field-ai-section .ai-card-overlap-layout__right-panel {
background-color: #f6fbfe;
padding: 32px;
border-radius: 24px;
width: calc(50% + 50px);
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
left: -50px;
z-index: 1;
}
@media screen and (max-width: 1079px) {
.field--name-field-ai-section .ai-card-overlap-layout__right-panel {
width: 100%;
left: 0;
}
}
.field--name-field-ai-section .ai-card-overlap-layout__info-title {
font: 700 32px/40px Mundial-Bold, sans-serif;
color: #113546;
margin-bottom: 16px;
}
.field--name-field-ai-section .ai-card-overlap-layout__info-title .field {
margin-top: 0;
padding: 0;
}
.field--name-field-ai-section .ai-card-overlap-layout__info-title .field:before {
display: none;
}
.field--name-field-ai-section .ai-card-overlap-layout__info-subtitle {
font: 300 20px/28px "Mundial-Light", sans-serif;
color: #020507;
}
.field--name-field-ai-section .ai-card-overlap-layout__learn-more {
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
-ms-flex-pack: start;
justify-content: flex-start;
width: -moz-max-content;
width: max-content;
margin-top: 0.8rem;
border: 2px solid #1e2c32;
border-radius: 40px;
color: #1e2c32;
font-size: 16px;
font-family: "Mundial-Regular", sans-serif;
font-style: normal;
font-weight: 300;
line-height: 24px;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.field--name-field-ai-section .ai-card-overlap-layout__learn-more:hover {
background-color: #1e2c32;
color: #fff;
}
@media screen and (max-width: 768px) {
.field--name-field-ai-section .ai-card-overlap-layout__learn-more {
font-size: 20px;
padding: 16px 32px;
}
}
.card-title-video {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
background-color: #F1F6F8;
-ms-flex-align: center;
align-items: center;
max-width: 1216px;
width: 100%;
padding: 64px 48px 48px 48px;
border-radius: 32px;
height: 600px;
}
@media (max-width: 1280px) {
.card-title-video {
height: auto;
}
}
@media (max-width: 767px) {
.card-title-video__info {
padding-top: 0;
}
}
.card-title-video__info, .card-title-video__media {
width: 100%;
}
.card-title-video__info img, .card-title-video__info video, .card-title-video__media img, .card-title-video__media video {
margin: auto;
}
.card-title-video__info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: start;
padding-right: 32px;
}
.card-title-video__title {
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #020507;
margin-bottom: 16px;
}
.card-title-video__description {
font-size: 20px;
line-height: 28px;
color: #020507;
font-weight: 300;
margin-bottom: 32px;
}
.card-title-video__description .cti-br-space {
height: 8px;
display: block;
}
.card-title-video__media video {
width: 100%;
height: 311.936px;
}
@media (max-width: 1279px) {
.card-title-video {
-ms-flex-pack: stretch !important;
justify-content: stretch !important;
}
}
@media screen and (min-width: 1280px) {
.card-title-video {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
}
.card-title-video__info, .card-title-video__media {
width: 50%;
}
}
.tab-section-with-title__title {
font-family: Mundial-Bold, sans-serif;
}
.tabs-content-with-title__items {
max-width: 1210px;
}
.tabs-content-with-title__items .tabs-content {
gap: 64px;
}
.tabs-content.is-animating {
opacity: 0;
transform: translateX(50px);
animation: slideInFromRight 1s ease-out forwards;
}
@keyframes slideInFromRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.tabs-content__header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
gap: 5.6rem;
}
.tabs-content__header__title {
font-family: "Mundial-Regular", sans-serif;
font-size: 6.4rem;
}
.tabs-content__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 5px;
background: white;
min-height: 32px;
border-radius: 999px;
margin: 0 auto;
position: relative;
bottom: -34px;
width: -moz-fit-content;
width: fit-content;
z-index: 10;
box-shadow: 2px 4px 12px 0px rgba(9, 29, 39, 0.3803921569);
padding: 4px;
border: 1px solid #d9dfe3;
}
@media (min-width: 397px) and (max-width: 675px) {
.tabs-content__buttons {
margin-bottom: 8px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
position: initial;
bottom: 0;
box-shadow: none;
border: none;
}
}
@media (max-width: 396px) {
.tabs-content__buttons {
position: initial;
bottom: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
box-shadow: none;
border: none;
}
}
.tabs-content__buttons__btn {
text-align: center;
font-family: "Mundial-Light", sans-serif, sans-serif;
font-size: 2.4rem;
color: black;
padding: 16px 32px;
min-width: 155px;
border-radius: 4rem;
cursor: pointer;
line-height: 32px;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.tabs-content__buttons__btn.active {
text-align: center;
color: white;
background: #008554;
}
.tabs-content__cards .card-title-video {
padding-left: 72px;
gap: 64px;
}
@media screen and (max-width: 1279px) {
.tabs-content__cards .card-title-video {
padding-left: 48px;
gap: 12px;
}
}
@media screen and (max-width: 767px) {
.tabs-content__cards .card-title-video {
padding: 24px;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 24px;
}
}
.tabs-content__cards .card-title-video__info {
padding-right: 0;
}
.tabs-content__cards .card-title-video__title {
color: #000;
font: 700 32px/40px Mundial-Bold, sans-serif;
}
.tabs-content__cards .card-title-video__description {
margin-bottom: 0;
color: #000;
font: 300 20px/28px "Mundial-Light", sans-serif;
}
.content__cards .field--name-field-tab-content-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
margin-top: -3.8rem;
margin-left: 2rem;
margin-right: 2rem;
}
@media (max-width: 787px) {
.content__cards .field--name-field-tab-content-cards {
-ms-flex-direction: column;
flex-direction: column;
}
}
.paragraph--type--hcs-faq-section {
width: 100%;
padding: 80px;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-faq-section {
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-faq-section {
padding-right: 0;
padding-left: 0;
}
}
.paragraph--type--hcs-faq-section .faq-section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
gap: 56px;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-faq-section .faq-section {
-ms-flex-direction: column;
flex-direction: column;
}
}
.paragraph--type--hcs-faq-section .faq-section__left {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
width: 320px;
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-faq-section .faq-section__left {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-faq-section .faq-section__left {
padding-right: 24px;
padding-left: 24px;
}
}
.paragraph--type--hcs-faq-section .faq-section__left .field--name-field-faq-section-title {
font-family: Mundial-Bold, sans-serif;
}
.paragraph--type--hcs-faq-section .faq-section__left .field--name-field-faq-section-description {
margin-top: 16px;
font: 300 1.4rem/2rem "Mundial-Light", sans-serif;
}
.paragraph--type--hcs-faq-section .faq-section__right {
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 300;
width: calc(100% - 376px);
}
@media screen and (max-width: 1279px) {
.paragraph--type--hcs-faq-section .faq-section__right {
width: 100%;
}
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list {
width: 100%;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item {
border-bottom: 1px solid #b2bcc0;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item[open] .faq-item__question {
color: #008554;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item[open] .faq-item__question .faq-item__icon svg {
transform: rotate(180deg);
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item[open] .faq-item__question .faq-item__icon svg path {
fill: #008554;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__question {
padding: 16px 8px 16px 16px;
cursor: pointer;
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
line-height: 32px;
color: #020507;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
transition: color 0.3s ease;
border-radius: 4px 4px 0 0;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__question::-webkit-details-marker, .paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__question::marker {
display: none;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__question:hover {
color: #008554;
background: #f1f6f8;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
color: #b2bcc0;
border-radius: 60px;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__icon svg {
width: 48px;
height: 48px;
display: block;
transition: transform 0.3s ease-in-out;
fill: currentColor;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__icon svg path {
fill: #020507;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__icon:hover {
background: #D9DFE3;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__answer {
padding: 0 16px 20px;
color: #000;
font-family: "Mundial-Regular", sans-serif;
font-size: 16px;
line-height: 24px;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item__answer .content {
max-width: 640px;
}
.paragraph--type--hcs-faq-section .faq-section__right .faq-list .faq-item:last-child {
border-bottom: none;
}
.industry-leaders-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: (284px)[auto-fill];
grid-template-columns: repeat(auto-fill, 284px);
gap: 32px;
-ms-flex-pack: center;
justify-content: center;
margin-top: 4rem;
margin-bottom: 11.2rem;
}
@media (max-width: 767px) {
.industry-leaders-container {
padding: 4rem 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-column-align: center;
justify-items: center;
}
}
.industry-leaders-wrapper {
max-width: 1376px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.raising-card {
display: -ms-flexbox;
display: flex;
width: 300px;
height: 300px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
border: 2px solid #d9dfe3;
padding: 24px;
border-radius: 40px;
text-decoration: none !important;
}
@media (max-width: 738px) {
.raising-card {
width: 168.5px;
height: 168.5px;
border-radius: 16px;
padding: 16px;
}
}
.raising-card__title {
font-size: 24px;
font-weight: bold;
line-height: 32px;
color: #020507;
}
@media (max-width: 738px) {
.raising-card__title {
font-size: 16px;
line-height: 24px;
}
}
.raising-card__title-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.raising-card__icon-link {
-ms-flex-line-pack: end;
align-content: end;
}
@media (max-width: 738px) {
.raising-card__icon-link {
visibility: hidden;
}
}
.raising-card .field--name-field-raising-card-icon-link {
width: 40px;
height: 40px;
}
@media (max-width: 738px) {
.raising-card .field--name-field-raising-card-icon-link {
width: 32px;
height: 32px;
}
}
.hcs-header-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
background-color: #f5fbfd;
border-radius: 15px;
padding: 20px 25px;
height: 300px;
margin-top: 0;
margin-left: 36px;
margin-right: 35px;
text-align: center;
}
@media screen and (max-width: 767px) {
.hcs-header-section {
margin: 8px 8px 0;
}
}
.hcs-header-section__title {
padding-top: 150px;
color: #113546;
font-family: "Mundial-Regular", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
@media (max-width: 539px) {
.hcs-header-section__title {
font-size: 32px;
}
}
.hcs-header-section__desc {
margin-top: -30px;
color: #113546;
font-family: "Mundial-Regular", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
@media (max-width: 539px) {
.hcs-header-section__desc {
line-height: 20px;
}
}
.field--name-field-location-section-title {
color: #020507;
text-align: center;
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.field--name-field-location-section-title {
margin-top: 100px;
}
}
.field--name-field-locations {
display: -ms-grid;
display: grid;
-ms-flex-direction: row;
flex-direction: row;
gap: 40px;
padding-left: 128px;
padding-right: 128px;
margin-bottom: 80px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
.field--name-field-locations {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding-left: 32px;
padding-right: 32px;
}
}
.hcs-location-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.hcs-location-item__location {
color: #020507;
font-family: "Mundial-Bold";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.hcs-location-item__flag {
width: 32px;
height: 32px;
}
.hcs-location-item__sub-location {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.hcs-location-item__address {
font-family: "Mundial-Light", sans-serif;
color: #020507;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.get-in-touch-sol-temp {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 100px 100px;
border-radius: 32px;
background: #F1F6F8;
padding: 64px 64px;
}
@media screen and (max-width: 767px) {
.get-in-touch-sol-temp {
-ms-flex-direction: column;
flex-direction: column;
margin: 25px 25px;
padding: 10px 10px;
}
}
.get-in-touch-sol-temp__left-panel {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: start;
gap: 1.6rem;
}
.get-in-touch-sol-temp__left-panel-title {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
.get-in-touch-sol-temp__left-panel-desc {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px;
}
.get-in-touch-sol-temp__right-panel {
border-radius: 32px;
border: 1px solid #D9DFE3;
background: #FFFFFF;
padding: 48px 48px;
}
.get-in-touch-sol-temp__right-panel button {
border-radius: 40px;
background: #008554;
display: -ms-flexbox;
display: flex;
padding: 16px 24px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.tbc-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 560px;
background-image: url("ruta/a/tu/imagen.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 8px;
padding: 32px 32px 28px 32px;
gap: 24px;
}
@media (max-width: 786px) {
.tbc-card {
width: 280px;
height: 372px;
}
}
.tbc-card__testimonial {
margin: 0;
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
color: #020507;
font-weight: 300;
line-height: 32px;
min-height: 128px;
}
.tbc-card__author {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-align: center;
align-items: center;
color: #020507;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}
.solution-designed-card {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 320px;
background-color: #f6fbfe;
border-radius: 24px;
padding: 56px 48px 48px 48px;
gap: 40px;
-ms-flex-align: center;
align-items: center;
}
.solution-designed-card__title {
margin: 0;
font-size: 32px;
font-weight: bold;
line-height: 40px;
color: #020507;
}
.solution-designed-card__subtitle {
margin: 0;
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
line-height: 32px;
color: #020507;
}
.solution-designed-card__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
gap: 8px;
}
.banner-container {
padding: 80px 32px;
gap: 8px;
}
@media (max-width: 786px) {
.banner-container {
padding: 40px 8px;
}
}
.banner-container__background {
padding: 80px 48px;
border-radius: 24px;
color: #ffffff;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
gap: 48px;
min-height: 348px;
background: linear-gradient(180deg, rgba(0, 209, 124, 0.2) 0%, rgba(17, 53, 70, 0.2) 100%), var(--uds-surface-brand-alt-contrast, #113546);
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width: 768px) and (max-width: 1023px) {
.banner-container__background {
background-size: 100% 100%;
}
}
@media screen and (max-width: 767px) {
.banner-container__background {
padding: 40px 24px;
background-size: 120% 150%;
}
}
.banner-container__content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
gap: 15%;
}
@media (min-width: 768px) and (max-width: 1023px) {
.banner-container__content {
gap: 5%;
}
}
@media screen and (max-width: 767px) {
.banner-container__content {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
}
.banner-container__content__image {
max-height: 223px;
border-radius: 32px;
height: 100%;
}
.banner-container__content__left-section, .banner-container__content__right-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: start;
}
@media screen and (max-width: 767px) {
.banner-container__content__left-section img, .banner-container__content__right-section img {
max-width: 100%;
}
}
.banner-container__content__right-section {
gap: 16px;
}
.banner-container__content__right-section__title {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.banner-container__content__right-section__title-icon {
margin-right: 8px;
}
.banner-container__content__right-section__title-text {
font-family: Mundial-Bold, sans-serif;
font-weight: 600;
font-size: 20px;
text-transform: uppercase;
}
.banner-container__content__right-section__subtitle {
font-family: Mundial-Bold, sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 40px;
text-align: left;
}
.banner-container__content__right-section__description {
font: 300 20px/28px "Mundial-Light", sans-serif;
text-align: left;
color: #ffffff;
max-width: 80%;
}
@media (max-width: 786px) {
.banner-container__content__right-section__description {
max-width: 100%;
}
}
.homepage-container {
background-color: white;
}
.insight-container {
background-color: white;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
.related-insights-block {
padding: 80px 32px;
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
@media screen and (max-width: 1279px) {
.related-insights-block {
padding: 0 32px;
}
}
.related-insights-block .view-header {
display: none;
}
.related-insights-block__title {
margin-bottom: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 767px) {
.related-insights-block__title {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 24px;
}
}
.related-insights-block__title h2 {
margin: 0;
font: 700 3.2rem/4rem Mundial-Bold, sans-serif;
}
.related-insights-block .views-view-grid.cols-3 {
gap: 1.5rem;
}
.related-insights-block .views-col {
border: 1px solid #e0e0e0;
border-radius: 12px;
background-color: #ffffff;
padding: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.related-insights-block .views-field {
margin-bottom: 0.75rem;
}
.related-insights-block .views-field:last-child {
margin-bottom: 0;
}
.related-insights-block .views-field-field-main-image .field-content a {
display: block;
}
.related-insights-block .views-field-field-main-image .field-content img {
width: -moz-fit-content;
width: fit-content;
height: 220px;
aspect-ratio: 16/9;
object-fit: cover;
border-radius: 8px;
margin-bottom: 0.75rem;
}
.related-insights-block .views-field-nothing {
font-size: 0.85rem;
color: #555;
margin-bottom: 0.5rem;
}
.related-insights-block .views-field-title {
color: #FFFFFF;
max-width: 391px;
height: 96px;
overflow: hidden;
}
.related-insights-block .views-field-title .field-content a {
font-family: "Mundial-Regular", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 32px;
text-decoration: none;
}
.related-insights-block .views-field-type .field-content {
font-size: 0.85rem;
color: #666;
text-transform: uppercase;
}
.related-insights-block .views-field-created {
font-size: 0.85rem;
color: #555;
margin-bottom: 0.5rem;
}
.related-insights-block .views-field-created .field-content time {
font-size: 0.85rem;
color: #666;
}
.related-insights-block .views-field-view-node {
margin-top: auto;
}
.related-insights-block .views-field-view-node .field-content a {
display: inline-block;
padding: 8px 15px;
border-radius: 40px;
background: #F1F6F8;
color: #333;
text-decoration: none;
font-size: 0.9rem;
}
.related-insights-block .views-field-view-node .field-content a:hover {
background: rgba(9, 29, 39, 0.0509803922);
}
.related-insights-block.detail {
margin: 80px 0;
}
@media screen and (max-width: 1023px) {
.related-insights-block.detail {
margin: 64px 0px;
}
}
.related-insights-block.detail .view-header {
display: block;
}
@media screen and (max-width: 767px) {
.related-insights-block.detail .view-header .related-insights-block__title {
-ms-flex-align: start;
align-items: flex-start;
}
}
.related-insights-block.detail .views-field {
margin-bottom: 0;
padding: 0 20px;
}
.related-insights-block.detail .views-field:last-child {
padding-bottom: 20px;
}
.related-insights-block.detail .views-field-field-main-image {
padding: 0 0 20px;
}
.related-insights-block.detail .views-field-field-main-image .field-content img {
margin-bottom: 0;
border-radius: 24px 24px 0 0;
}
.related-insights-block.detail .views-field-nothing {
padding-bottom: 3px;
font-size: 12px;
line-height: 16px;
}
.related-insights-block.detail .views-field-nothing .field-content span {
width: 1px;
height: 13px;
margin: 0 3px;
background: url('data:image/svg+xml,') no-repeat;
display: inline-block;
vertical-align: middle;
font-size: 0;
line-height: 0;
}
.related-insights-block.detail .views-field-nothing .field-content time {
color: #838d92;
}
.related-insights-block.detail .views-field-title {
padding-bottom: 32px;
}
.related-insights-block.detail .views-field-title .field-content {
display: block;
}
.related-insights-block.detail .views-field-title a {
color: #020507;
font: 300 2.4rem/3.2rem "Mundial-Light", sans-serif;
}
.related-insights-block.detail .views-field-view-node a {
padding: 12px 24px;
font: 300 1.6rem/2.4rem "Mundial-Light", sans-serif;
}
.field--name-field-reports-and-research {
margin: 0px 130px 40px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.field--name-field-reports-and-research {
margin: 0px 5% 40px;
}
}
.field--name-field-reports-and-research .field--label {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
@media screen and (min-width: 1280px) {
.field--name-field-reports-and-research {
margin: 0px 75px 20px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-reports-and-research {
margin: 0;
}
}
.view-popular-insights-view .view-content,
.view-reports-and-research-insights-view .view-content,
.view-related-insights-view .view-content {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
@media screen and (max-width: 767px) {
.view-popular-insights-view .view-content,
.view-reports-and-research-insights-view .view-content,
.view-related-insights-view .view-content {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
.search-results-items {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
}
@media screen and (max-width: 767px) {
.search-results-items {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
.popular-insight-card,
.report-and-research-card,
.related-insight-card,
.search-engine-card {
min-width: 296px;
height: 456px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 24px;
border: 1px solid #f1f6f8;
background: #ffffff;
box-shadow: 1px 2px 4px rgba(9, 29, 39, 0.1);
}
.popular-insight-card .views-field-field-main-image,
.report-and-research-card .views-field-field-main-image,
.related-insight-card .views-field-field-main-image,
.search-engine-card .views-field-field-main-image {
padding: 0;
margin-bottom: 20px;
}
.view-press-releases-view {
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
.view-press-releases-view {
padding: 8px 8px 80px;
}
}
@media screen and (max-width: 767px) {
.view-press-releases-view .view-header .hero {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.view-press-releases-view .view-header .hero.mini .field.field--name-field-hero-title {
padding: 0 8px;
}
}
.view-press-releases-view .view-header .hero.mini .field__item__label {
padding: 56px 0 24px;
}
@media screen and (max-width: 393px) {
.view-press-releases-view .view-header .hero.mini .field__item__label {
padding-top: 40px;
}
}
.view-press-releases-view .view-content {
max-width: 680px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.view-press-releases-view .view-content {
padding: 0 16px;
}
}
.view-press-releases-view .views-field-title {
padding: 24px 0;
letter-spacing: 0;
border-bottom: 1px solid #d9dfe3;
}
.view-press-releases-view .views-field-title .press-release-meta {
margin-bottom: 8px;
color: #838d92;
font: 300 1.4rem/2rem "Mundial-Light", sans-serif;
}
.view-press-releases-view .views-field-title .press-release-title {
margin: 0;
color: #091d27;
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.view-press-releases-view .views-field-title .press-release-title a {
color: inherit;
font: inherit;
}
.view-press-releases-view .pager--load-more {
margin: 40px 0 0;
letter-spacing: 0;
}
.view-press-releases-view .pager--load-more .pager__items {
padding-left: 0;
}
.view-press-releases-view .pager--load-more .pager__items li > a {
padding: 10px 20px;
color: #113546;
font: 300 1.6rem/2.4rem "Mundial-Light", sans-serif;
border: 2px solid #113546;
border-radius: 40px;
}
.field--name-field-press-releases-list {
max-width: 680px;
margin: 0 auto;
padding: 56px 32px 80px;
}
@media screen and (max-width: 767px) {
.field--name-field-press-releases-list {
padding-top: 40px;
}
}
.field--name-field-press-releases-list .field__item__label {
font: 300 3.2rem/4rem "Mundial-Light", sans-serif;
}
.field--name-field-press-releases-list .view-press-releases-view {
margin-top: 24px;
padding: 0;
border-top: 1px solid #d9dfe3;
}
.hcs-press-release-view {
padding: 32px;
}
.hcs-press-release-view__header {
min-height: 400px;
padding: 40px 80px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
background-color: #f6fbfe;
border-radius: 24px;
padding-top: 120px;
margin-left: -22px;
}
@media screen and (max-width: 767px) {
.hcs-press-release-view__header {
margin-left: -60px;
}
}
.hcs-press-release-view__header__title {
color: #113546;
text-align: center;
font-family: "Mundial-Regular", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
.hcs-press-release-view__header__sub-title {
color: #113546;
text-align: center;
font-family: "Mundial-Light", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.hcs-press-release-view__content-title {
color: #113546;
font-family: "Mundial-Regular", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 40px;
padding-bottom: 25px;
}
.hcs-press-release-view__content-view .view-pager {
text-align: center;
}
.hcs-press-release-view__content-view .view-pager .pager__item a {
display: inline-block;
padding: 10px 25px;
text-decoration: none;
text-align: center;
cursor: pointer;
border-radius: 40px;
border: 2px solid #113546;
background-color: transparent;
color: #113546;
}
.hcs-press-release-view__content-view .view-pager .pager__item a:hover, .hcs-press-release-view__content-view .view-pager .pager__item a:focus {
background-color: #113546;
color: #fff;
text-decoration: none;
}
.paragraph--popular-insights-view {
margin-top: 3rem;
margin-bottom: 3rem;
}
.paragraph--popular-insights-view h2 {
font-size: 2rem;
margin-bottom: 1.5rem;
}
.paragraph--popular-insights-view .views-view-grid.cols-3 {
gap: 1.5rem;
}
.paragraph--popular-insights-view .views-col {
border: 1px solid #e0e0e0;
border-radius: 12px;
background-color: #ffffff;
padding: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}
.paragraph--popular-insights-view .views-field {
margin-bottom: 0.75rem;
}
.paragraph--popular-insights-view .views-field:last-child {
margin-bottom: 0;
}
.paragraph--popular-insights-view .views-field-field-main-image {
margin-bottom: 0.75rem;
}
.paragraph--popular-insights-view .views-field-field-main-image img {
width: 100%;
height: auto;
aspect-ratio: 16/10;
object-fit: cover;
border-radius: 8px;
}
.paragraph--popular-insights-view .views-field-nothing .field-content {
font-size: 0.85rem;
color: #555;
margin-bottom: 0.5rem;
}
.paragraph--popular-insights-view .views-field-title .field-content a {
font-size: 1.1rem;
font-weight: bold;
color: #333;
text-decoration: none;
}
.paragraph--popular-insights-view .views-field-title .field-content a:hover {
text-decoration: underline;
}
.paragraph--popular-insights-view .views-field-view-node {
margin-top: auto;
}
.paragraph--popular-insights-view .views-field-view-node .field-content a {
display: inline-block;
padding: 8px 15px;
background-color: #f0f0f0;
color: #333;
text-decoration: none;
font-size: 0.9rem;
border-radius: 40px;
background: #F1F6F8;
}
.field--name-field-popular-insights {
margin: 0px 130px 40px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.field--name-field-popular-insights {
margin: 0px 5% 40px;
}
}
.field--name-field-popular-insights .field--label {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
@media screen and (min-width: 1280px) {
.field--name-field-popular-insights {
margin: 0px 75px 20px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-popular-insights {
margin: 0;
}
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
.hcs-our-recruitment-process {
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.field--name-field-our-recruitment-hero {
margin-bottom: 20px;
}
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content {
min-height: 360px;
padding: 140px 80px 40px;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
position: relative;
border-radius: 24px;
}
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content .bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 0;
border-radius: 32px;
}
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content .bg.dsk {
background-position: right bottom;
}
@media screen and (max-width: 1023px) {
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content .bg.dsk {
display: none;
}
}
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content .bg.mob {
background-position: center bottom;
display: none;
}
@media screen and (max-width: 1023px) {
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content .bg.mob {
display: block;
}
}
@media screen and (max-width: 1023px) {
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content {
min-height: 296px;
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__content {
height: auto;
min-height: 280px;
padding-top: 10px 32px 32px;
text-align: left;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.paragraph--type--hcs-our-recruitment-hero .hero.mini .hero__title {
position: relative;
z-index: 2;
}
.section-toc {
padding: 40px 80px;
display: -ms-flexbox;
display: flex;
gap: 64px;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 1023px) {
.section-toc {
padding: 0 32px;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.section-toc {
padding-right: 16px;
padding-left: 16px;
}
}
.section-toc .col.toc-list {
width: 240px;
}
@media screen and (max-width: 1023px) {
.section-toc .col.toc-list {
width: 100%;
padding-top: 40px;
position: sticky;
top: 0;
background: #fff;
z-index: 5;
}
}
.section-toc .col.toc-list .form-group {
position: sticky;
top: 40px;
}
@media screen and (max-width: 1023px) {
.section-toc .col.toc-list .form-group {
position: relative;
top: 0;
}
}
.section-toc .col.toc-list .view-header {
margin-bottom: 24px;
}
.section-toc .col.toc-list .view-header h3 {
margin: 0;
font: 700 2rem/2.8rem Mundial-Bold, sans-serif;
}
.section-toc .col.toc-list .view-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
}
.section-toc .col.toc-list .view-content .toc-item a {
padding: 8px 16px;
background: #fff;
color: #020507;
font: 300 1.6rem/2.4rem "Mundial-Light", sans-serif;
border-radius: 4px;
display: block;
text-decoration: none;
}
.section-toc .col.toc-list .view-content .toc-item a.active, .section-toc .col.toc-list .view-content .toc-item a:hover {
background: rgba(160, 161, 162, 0.1);
}
.section-toc .col.toc-list .view-content .toc-item.active a {
background: rgba(160, 161, 162, 0.1);
}
@media screen and (max-width: 1023px) {
.section-toc .col.toc-content {
width: 100%;
}
}
.section-toc .col.toc-content .list {
max-width: 725px;
padding-bottom: 40px;
color: #020507;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 1023px) {
.section-toc .col.toc-content .list {
max-width: 100%;
}
}
.section-toc .col.toc-content .created-by {
padding-top: 40px;
padding-bottom: 40px;
color: #45545c;
font-size: 1.4rem;
line-height: 2rem;
}
.section-toc .col.last {
width: 240px;
}
@media screen and (max-width: 1479px) {
.section-toc .col.last {
display: none;
}
}
.section-toc .paragraph .field {
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
}
.section-toc .paragraph .field h1,
.section-toc .paragraph .field h2,
.section-toc .paragraph .field h3,
.section-toc .paragraph .field h4,
.section-toc .paragraph .field h5,
.section-toc .paragraph .field h6,
.section-toc .paragraph .field strong {
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.section-toc .paragraph .field p,
.section-toc .paragraph .field ol,
.section-toc .paragraph .field ul,
.section-toc .paragraph .field li {
font-weight: inherit;
font-family: inherit;
}
.section-toc .paragraph .field a {
color: #008554;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.section-toc .paragraph .field h3 {
margin-top: 0;
font-size: 2rem;
line-height: 2.8rem;
}
.section-toc .paragraph .field ol,
.section-toc .paragraph .field ul {
margin-bottom: 16px;
padding: 0;
list-style: none;
}
.section-toc .paragraph .field ol:last-child,
.section-toc .paragraph .field ul:last-child {
margin-bottom: 0;
}
.section-toc .paragraph .field ol li,
.section-toc .paragraph .field ul li {
padding-left: 40px;
padding-bottom: 16px;
font-weight: inherit;
font-family: inherit;
position: relative;
}
.section-toc .paragraph .field ol li:last-child,
.section-toc .paragraph .field ul li:last-child {
padding-bottom: 0;
}
.section-toc .paragraph .field ul li:before {
width: 4px;
height: 4px;
content: "";
background: #000;
position: absolute;
top: 10px;
left: 14px;
border-radius: 10px;
}
.section-toc .paragraph .field ol {
counter-reset: list;
}
.section-toc .paragraph .field ol li:before {
width: 24px;
height: 24px;
background: #000;
color: #fff;
font: 700 1.4rem/1 Mundial-Bold, sans-serif;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
counter-increment: list;
content: counter(list);
border-radius: 50px;
position: absolute;
top: 0;
left: 0;
}
@-moz-document url-prefix() {
.section-toc .paragraph .field ol li:before {
padding-top: 3px;
}
}
.section-toc .paragraph--type--hcs-table-of-contents .field--name-field-toc-title {
margin-bottom: 16px;
font: 700 3.2rem/4rem Mundial-Bold, sans-serif;
}
.section-toc .paragraph--type--hcs-table-of-contents .field--name-field-toc-title[data-title=introduction] {
display: none;
}
.page-node-type-hcs-about-us .widget-action__header {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 0;
}
.page-node-type-hcs-about-us .widget-action__title {
margin: 0;
}
@media screen and (max-width: 1023px) {
.page-node-type-hcs-about-us .widget-action__title {
font-size: 48px;
line-height: 56px;
}
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-about-us .widget-action__title {
font-size: 32px;
line-height: 40px;
}
}
.page-node-type-hcs-about-us .about-us-container {
background-color: white;
color: #020507;
}
.page-node-type-hcs-about-us .about-us-container .our-industry-leaders-title {
font: 700 48px/56px Mundial-Bold, sans-serif;
text-align: center;
}
.page-node-type-hcs-about-us .field--name-field-reports-and-research {
margin: 0;
}
.page-node-type-hcs-about-us .related-insights-block.detail {
margin: 40px 0;
}
.page-node-type-hcs-about-us .related-insights-block.detail .views-view-grid:before, .page-node-type-hcs-about-us .related-insights-block.detail .views-view-grid:after {
display: none;
}
.page-node-type-hcs-about-us .related-insights-block.detail .card-views-row {
gap: 20px;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-about-us .related-insights-block.detail .card-views-row {
-ms-flex-direction: row;
flex-direction: row;
}
}
.page-node-type-hcs-about-us .related-insights-block.detail .card-views-row:before, .page-node-type-hcs-about-us .related-insights-block.detail .card-views-row:after {
display: none;
}
.page-node-type-hcs-about-us .related-insights-block.detail .card-views-column {
margin: 0;
padding: 0;
width: calc(33.3333333333% - 14px) !important;
max-width: 100%;
max-height: inherit;
border-radius: 24px;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-about-us .related-insights-block.detail .card-views-column {
width: 100% !important;
}
}
.page-node-type-hcs-about-us .paragraph--type--hcs-preven-outcomes {
padding: 80px 64px !important;
}
@media screen and (max-width: 1279px) {
.page-node-type-hcs-about-us .paragraph--type--hcs-preven-outcomes {
padding: 0 !important;
}
}
.page-node-type-hcs-about-us .paragraph--type--hcs-preven-outcomes .preven-outcomes-container {
padding-top: 80px;
padding-bottom: 80px;
}
@media screen and (max-width: 1279px) {
.page-node-type-hcs-about-us .paragraph--type--hcs-preven-outcomes .preven-outcomes-container {
padding: 56px 32px;
}
}
.view-view-all-insights {
padding: 56px 32px 80px;
}
@media screen and (max-width: 767px) {
.view-view-all-insights {
padding-top: 40px;
}
}
.view-view-all-insights .view-content {
max-width: 680px;
margin: 0 auto;
}
.view-view-all-insights .views-field-title {
padding: 24px 0;
letter-spacing: 0;
border-bottom: 1px solid #d9dfe3;
}
.view-view-all-insights .pager--load-more {
margin: 40px 0 0;
letter-spacing: 0;
}
.view-view-all-insights .pager--load-more .pager__items {
padding-left: 0;
}
.view-view-all-insights .pager--load-more .pager__items li > a {
padding: 10px 20px;
color: #113546;
font: 300 1.6rem/2.4rem "Mundial-Light", sans-serif;
border: 2px solid #113546;
border-radius: 40px;
}
.page-node-type-hcs-legal .main-container {
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.page-node-type-hcs-legal .paragraph--type--hcs-legal-hero .hero.mini {
padding-bottom: 0;
}
.page-node-type-hcs-legal .section-toc .paragraph .field ul li {
padding-bottom: 0;
}
.page-node-type-hcs-legal .section-toc .created-by {
display: none;
}
.hcs-search-results .view-empty-message,
.hcs-search-results .search-results-items {
padding: 24px 112px;
}
@media screen and (max-width: 1279px) {
.hcs-search-results .view-empty-message,
.hcs-search-results .search-results-items {
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.hcs-search-results .view-empty-message,
.hcs-search-results .search-results-items {
padding-right: 20px;
padding-left: 20px;
}
}
.hcs-search-results .view-filters {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.hcs-search-results .view-filters button {
display: -ms-flexbox;
display: flex;
padding: 16px 24px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 40px;
background: #113546;
}
.hcs-search-results .view-filters input[type=text],
.hcs-search-results .view-filters input[type=search] {
display: -ms-flexbox;
display: flex;
width: 640px;
height: 72px;
-ms-flex-align: center;
align-items: center;
border-radius: 32px;
border: 1px solid #F1F6F8;
background: #FFFFFF;
box-shadow: 2px 4px 8px 0px rgba(9, 29, 39, 0.1);
padding-left: 45px;
font-family: "Mundial-Regular", sans-serif;
font-size: 18px;
color: #838D92;
background-image: url("/themes/custom/aptia/presentation/static/assets/icons/magnifying-glass.png");
background-repeat: no-repeat;
background-position: 15px center;
background-size: 20px 20px;
}
.hcs-search-results .view-filters input[type=text]:-ms-input-placeholder,
.hcs-search-results .view-filters input[type=search]:-ms-input-placeholder {
color: #838D92;
opacity: 1;
}
.hcs-search-results .view-filters input[type=text]::placeholder,
.hcs-search-results .view-filters input[type=search]::placeholder {
color: #838D92;
opacity: 1;
}
.hcs-search-results .view-filters input[type=text]::-webkit-input-placeholder,
.hcs-search-results .view-filters input[type=search]::-webkit-input-placeholder {
color: #838D92;
}
.hcs-search-results .view-filters input[type=text]::-moz-placeholder,
.hcs-search-results .view-filters input[type=search]::-moz-placeholder {
color: #838D92;
opacity: 1;
}
.hcs-search-results .view-filters input[type=text]:-ms-input-placeholder,
.hcs-search-results .view-filters input[type=search]:-ms-input-placeholder {
color: #838D92;
}
.hcs-search-results .view-filters input[type=text]:-moz-placeholder,
.hcs-search-results .view-filters input[type=search]:-moz-placeholder {
color: #838D92;
opacity: 1;
}
.hcs-search-results .pager {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.hcs-search-results .pager--load-more a {
display: -ms-flexbox;
display: flex;
padding: 16px 24px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
border-radius: 40px;
border: 2px solid #113546;
width: 150px;
text-align: center;
}
.hcs-search-results__info {
padding: 0 112px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1279px) {
.hcs-search-results__info {
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.hcs-search-results__info {
padding-right: 20px;
padding-left: 20px;
}
}
.hcs-search-results__info__search-query {
margin-right: 2.4rem;
}
.hcs-search-results__info__pills {
margin-right: 1.6rem;
}
.hcs-search-results .active-filter-item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
background-color: #f0f0f0;
color: #333;
padding: 0.5rem 0.8rem;
border-radius: 16px;
font-size: 1.4rem;
height: 2.4rem;
line-height: 0;
}
@media screen and (max-width: 767px) {
.hcs-search-results .active-filter-item {
margin-top: 4px;
}
}
.hcs-search-results .active-filter-item .remove-this-filter {
margin-left: 4px;
color: #555;
text-decoration: none;
font-weight: bold;
border-radius: 50%;
line-height: 0;
}
.hcs-search-results .clear-all-filters {
color: #113546;
}
.views-view-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.views-view-grid .views-row {
height: -moz-max-content;
height: max-content;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.views-view-grid .views-col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(25% - 15px);
}
@media (max-width: 992px) {
.views-view-grid .views-col {
width: calc(50% - 10px) !important;
-ms-flex: 0 0 calc(50% - 10px);
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
@media (max-width: 768px) {
.views-view-grid .views-col {
width: 100% !important;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.search-result-card {
width: 392px;
height: 456px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 24px;
border: 1px solid #F1F6F8;
background: #FFFFFF;
box-shadow: 1px 2px 4px rgba(9, 29, 39, 0.1);
padding: 0;
border-bottom: 0.5px solid #F1F6F8;
overflow: hidden;
}
.search-result-card .card__image img {
width: 100%;
max-height: 180px;
object-fit: cover;
height: 180px;
}
.search-result-card .card__content {
padding: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-positive: 1;
flex-grow: 1;
}
.search-result-card .card__meta {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
font-size: 0.85em;
color: #666;
margin-bottom: 10px;
}
.search-result-card .card__title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.search-result-card .card__title a {
text-decoration: none;
color: inherit;
}
.search-result-card .card__title a:hover {
text-decoration: underline;
}
.search-result-card .card__read-more {
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
overflow: hidden;
color: #020507;
text-align: center;
text-overflow: ellipsis;
font-family: "Mundial-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
margin-top: auto;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: 40px;
background: #F1F6F8;
width: 130px;
}
.filter-drawer {
position: fixed;
top: 0;
right: 0;
width: 300px;
max-width: 90%;
height: 100vh;
background-color: white;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.filter-drawer.is-open {
transform: translateX(0);
}
.filter-drawer__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 15px;
border-bottom: 1px solid #eee;
}
.filter-drawer__header h3 {
margin: 0;
font-size: 1.2em;
}
.filter-drawer__close-button {
background: none;
border: none;
font-size: 1.5em;
cursor: pointer;
}
.filter-drawer__body {
padding: 15px;
overflow-y: auto;
-ms-flex-positive: 1;
flex-grow: 1;
}
.filter-drawer__body .filter-group {
margin-bottom: 20px;
}
.filter-drawer__body .filter-group h4 {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.1em;
}
.filter-drawer__body .filter-group .filter-options div {
margin-bottom: 8px;
}
.filter-drawer__body .filter-group .filter-options label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 1em;
}
.filter-drawer__body .filter-group .filter-options label input[type=checkbox] {
margin-right: 8px;
}
.filter-drawer__footer {
padding: 15px;
border-top: 1px solid #eee;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
}
.filter-drawer__footer button, .filter-drawer__footer input[type=submit] {
padding: 10px 15px;
border-radius: 20px;
cursor: pointer;
}
.filter-drawer__footer #apply-drawer-filters-button {
background-color: #113546;
color: white;
border: none;
}
.filter-drawer__footer #clear-all-drawer-filters-button {
background-color: transparent;
color: #333;
border: 1px solid #ccc;
}
body.filter-drawer-open-overlay::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.page-node-type-hcs-404 .error-404 {
padding: 152px 80px 80px;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-404 .error-404 {
padding-top: 114px;
padding-left: 48px;
padding-right: 48px;
}
}
.page-node-type-hcs-404 .error-404 .content {
max-width: 520px;
margin: 0 auto;
text-align: center;
}
.page-node-type-hcs-404 .error-404 .content .title {
margin-bottom: 48px;
}
.page-node-type-hcs-404 .error-404 .content .title svg {
display: block;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-404 .error-404 .content .title svg {
width: 100%;
height: auto;
}
}
.page-node-type-hcs-404 .error-404 .content h2, .page-node-type-hcs-404 .error-404 .content h3, .page-node-type-hcs-404 .error-404 .content h4, .page-node-type-hcs-404 .error-404 .content h5, .page-node-type-hcs-404 .error-404 .content h6 {
margin-top: 0;
margin-bottom: 8px;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.page-node-type-hcs-404 .error-404 .content h2 {
font-size: 3.2rem;
line-height: toREm(40px);
}
.page-node-type-hcs-404 .error-404 .content p {
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
}
.page-node-type-hcs-404 .error-404 .content .back {
margin-top: 40px;
}
.page-node-type-hcs-404 .error-404 .content .back a {
padding: 16px 24px;
background: #008554;
color: #fff;
font: 300 2rem/2.8rem "Mundial-Light", sans-serif;
border-radius: 40px;
display: inline-block;
vertical-align: middle;
transition: background 0.2s ease;
}
.page-node-type-hcs-404 .error-404 .content .back a:hover {
text-decoration: none;
background-color: #005234;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
.page-node-type-hcs-contact-us .hcs-contact-us {
padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .hcs-contact-us {
padding-bottom: 40px;
}
}
.page-node-type-hcs-contact-us .field--name-field-press-releases-hero {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .field--name-field-press-releases-hero {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .field--name-field-press-releases-hero .hero.mini {
padding: 8px 8px 40px;
}
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .field--name-field-press-releases-hero .hero.mini .hero__content {
min-height: 220px;
}
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards {
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding: 0 112px 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
@media screen and (max-width: 1279px) {
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards {
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards {
padding-right: 16px;
padding-left: 16px;
}
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards > .field--item {
width: calc(50% - 12px);
}
@media screen and (max-width: 767px) {
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards > .field--item {
width: 100%;
}
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card {
height: 100%;
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card-body {
max-width: 100%;
height: 100%;
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card-icon {
width: 32px;
height: 32px;
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card-title {
font-family: Mundial-Bold, sans-serif;
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card-description {
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
}
.page-node-type-hcs-contact-us .field--name-field-contact-waa-cards .waa__card-internal-link a {
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
}
.field--name-field-hcs-contact-information {
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding: 0 112px;
}
@media screen and (max-width: 1279px) {
.field--name-field-hcs-contact-information {
padding-right: 32px;
padding-left: 32px;
}
}
@media screen and (max-width: 767px) {
.field--name-field-hcs-contact-information {
padding-right: 16px;
padding-left: 16px;
}
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block {
padding: 24px;
background: #f6fbfe;
display: -ms-flexbox;
display: flex;
gap: 24px;
border-radius: 32px;
}
@media screen and (max-width: 767px) {
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .col.icon svg {
width: 40px;
height: 40px;
}
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .col.content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field {
width: 100%;
color: #020507;
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field--name-field-title {
color: #45545c;
font: 600 1.2rem/1.6rem Mundial-Demibold, sans-serif;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field--name-field-text-phone {
width: auto;
font-size: 2.4rem;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field--name-field-phone-number {
width: auto;
color: #006a46;
font-size: 2.4rem;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field--name-field-description {
font-size: 1.4rem;
line-height: 2rem;
}
.field--name-field-hcs-contact-information .paragraph--type--hcs-contact-information-block .field--name-field-description p {
font-weight: inherit;
font-family: inherit;
}
.card-views-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 767px) {
.card-views-row {
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
.card-views-row .card-views-column {
margin: 8px;
max-width: 392px;
max-height: 420px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.card-views-row .card-views-column {
width: 100% !important;
max-width: calc(33% - 10px) !important;
}
}
.card-views-row .card-views-column:first-child {
margin-left: 0;
}
.card-views-row .card-views-column:last-child {
margin-right: 0;
}
.card-views-column {
padding: 0 !important;
border-radius: 24px !important;
}
.page-node-type-hcs-technology .field--name-field-ai-section-title:before {
width: 834px;
height: 922px;
content: "";
position: absolute;
top: -160px;
right: 0;
background: url("/themes/custom/aptia/presentation/static/assets/images/green-gradient-top.png") right top no-repeat;
background-size: cover;
z-index: 0;
}
.region.region-content > .tabs[role=navigation] {
margin-top: 100px;
}
.hcs-contact-sales-form,
.hcs-contact-partner-form,
.hcs-contact-media-press-form {
display: -ms-flexbox;
display: flex;
margin: 100px 260px;
padding: 48px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 32px;
border: 1px solid #d9dfe3;
}
.hcs-contact-sales-form label,
.hcs-contact-partner-form label,
.hcs-contact-media-press-form label {
font-style: normal;
font-weight: 300;
line-height: 24px;
}
@media screen and (max-width: 1023px) {
.hcs-contact-sales-form,
.hcs-contact-partner-form,
.hcs-contact-media-press-form {
margin: 100px 80px;
padding: 24px;
}
}
@media screen and (max-width: 767px) {
.hcs-contact-sales-form,
.hcs-contact-partner-form,
.hcs-contact-media-press-form {
margin: 25px 25px;
padding: 24px;
}
}
.hcs-contact-sales-form button,
.hcs-contact-partner-form button,
.hcs-contact-media-press-form button {
border-radius: 40px;
background: #008554;
display: -ms-flexbox;
display: flex;
padding: 16px 24px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 28px;
}
.hcs-contact-sales-form button:hover,
.hcs-contact-partner-form button:hover,
.hcs-contact-media-press-form button:hover {
background: #006f46;
}
#edit-markup {
padding-top: 24px;
color: #838D92;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.hero {
padding: 0 32px;
border-radius: 1rem;
}
@media screen and (max-width: 767px) {
.hero {
padding: 8px 8px 0;
}
}
.hero__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 712px;
background: no-repeat center/cover;
border-radius: 2.5rem;
max-height: -moz-max-content;
max-height: max-content;
padding: 0 20px 40px;
background-image: var(--bg-image);
}
.hero__content.hero__overlay {
background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--bg-image);
}
@media (max-width: 480px) {
.hero__content {
height: 80vh;
}
}
.hero__title, .hero__description {
margin: 1rem auto;
}
.hero__title {
font-size: 48px;
max-width: 35rem;
color: #113546;
font-family: "Mundial-Light", sans-serif;
}
.hero__title strong {
font-family: "Mundial-Regular", sans-serif;
}
.hero .hero__title .light {
font-weight: 100;
}
.hero__description {
font-size: 20px;
font-weight: 300;
color: #45545c;
text-align: center;
max-width: 48rem;
font-family: "Mundial-Light", sans-serif;
}
.hero__cta {
width: 640px;
height: 72px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
margin: -3.5rem auto 0;
padding: 0.5rem;
background: white;
border-radius: 3.125rem;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.hero__cta {
width: 90%;
}
}
@media (max-width: 539px) {
.hero__cta {
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
background: transparent;
box-shadow: none;
padding: 10px;
gap: 0.5rem;
margin: -9.5rem auto 0;
}
}
.hero__cta-input {
-ms-flex: 1;
flex: 1;
padding: 0.625rem 1rem;
font-size: 20px;
border: none;
border-radius: 3.125rem;
outline: none;
font-family: "Mundial-Light", sans-serif;
}
@media (max-width: 539px) {
.hero__cta-input {
padding: 1rem 1.5rem;
width: 100%;
border-radius: 2.5rem;
background: white;
box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1);
}
}
.hero__cta-button {
background-color: #113546;
color: white;
padding: 16px 24px;
font-size: 20px;
font-weight: 300;
border: none;
border-radius: 3.125rem;
cursor: pointer;
font-family: "Mundial-Light", sans-serif;
}
.hero__cta-button:hover {
background-color: #091D27;
}
@media (max-width: 539px) {
.hero__cta-button {
width: 100%;
border-radius: 2.5rem;
padding: 1.125rem 1.5rem;
}
}
.hero.mini .hero__content {
min-height: 290px;
height: auto;
padding: 0 32px 54px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 8px;
}
@media screen and (max-width: 767px) {
.hero.mini .hero__content {
padding-bottom: 48px;
}
}
.hero.mini .hero__title {
margin: 0;
max-width: 100%;
line-height: 5.6rem;
}
@media screen and (max-width: 767px) {
.hero.mini .hero__title {
font-size: 3.2rem;
line-height: 4rem;
}
}
.hero.mini .hero__title > * {
margin: 0;
color: #020507;
font-weight: 700;
font-family: Mundial-Bold, sans-serif;
}
.hero.mini .hero__description {
margin: 0;
font-size: 1.4rem;
font-family: "Mundial-Light", sans-serif;
line-height: 2rem;
letter-spacing: 0;
}
.hero__font-color--light {
color: #ffffff;
}
.page-node-type-hcs-legal .hero__content .date {
font: 700 1.4rem/2rem "Mundial-Light", sans-serif;
}
.solutions {
padding: 4rem 2rem 80px;
background: linear-gradient(to bottom left, rgba(0, 209, 124, 0.25), transparent 15%), linear-gradient(to top right, rgba(0, 209, 124, 0.25), transparent 30%);
}
@media (max-width: 1024px) {
.solutions {
padding: 40px 8px;
text-align: left;
}
}
.solutions__wrapper {
border-radius: 32px;
background-color: white;
justify-self: center;
padding: 0 3rem;
}
.solutions__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
padding: 80px 0 40px 0;
gap: 16px;
}
.solutions__label {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
color: #020507;
letter-spacing: 2%;
margin: 0;
}
.solutions__title {
margin: 0;
}
.solutions__title h3 {
margin: 0;
font-size: 12rem;
line-height: 14.4rem;
color: #113546;
text-align: center;
font-weight: bold;
}
@media (max-width: 1279px) {
.solutions__title h3 {
font-size: 8rem;
line-height: 10.4rem;
}
}
@media (max-width: 769px) {
.solutions__title h3 {
font-size: 4rem;
line-height: 5.6rem;
}
}
.solutions__title .fancy-underline {
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
position: relative;
display: inline-block;
}
.solutions__title .fancy-underline .segment {
position: absolute;
bottom: 15%;
height: 4px;
background-color: #00d17c;
border-radius: 2px;
}
.solutions__title .fancy-underline .segment--start {
left: 0;
width: 10%;
}
.solutions__title .fancy-underline .segment--middle {
left: 15%;
width: 69%;
}
.solutions__title .fancy-underline .segment--end {
right: 0;
width: 10%;
}
.solutions__content {
display: -ms-flexbox;
display: flex;
gap: 56px;
padding: 72px 64px 80px 65px;
}
@media (max-width: 1024px) {
.solutions__content {
-ms-flex-direction: column;
flex-direction: column;
padding: 0 8px 80px 8px;
gap: 56px;
width: 100%;
-ms-flex-align: center;
align-items: center;
}
}
.solutions__description div, .solutions__description-with-title div {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
font-weight: 300;
color: #020507;
line-height: 28px;
}
.solutions__description div a, .solutions__description-with-title div a {
font-size: 16px;
color: #113546;
font-weight: 300;
text-decoration: none;
cursor: pointer;
font-family: "Mundial-Light", sans-serif;
}
.solutions__description div a:hover, .solutions__description-with-title div a:hover {
text-decoration: underline;
}
@media (min-width: 1025px) {
.solutions__description, .solutions__description-with-title {
width: 50%;
}
}
.solutions__cards .field--items {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
@media (min-width: 1025px) {
.solutions__cards {
width: 100%;
}
}
.solutions__link a {
font-size: 1rem;
color: #113546;
font-weight: 300;
text-decoration: none;
margin-top: 0.5rem;
cursor: pointer;
}
.solutions__link a:hover {
text-decoration: underline;
}
.solutions__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
width: 100%;
}
.solutions__item {
background-color: #f1f5f4;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 1rem;
border-radius: 1rem;
cursor: pointer;
transition: background-color 0.3s ease;
}
.solutions__item:hover {
background-color: #e3f2f0;
}
.solutions__item-icon {
width: 40px;
height: 40px;
margin-right: 1rem;
}
.solutions__item-icon img {
max-width: 100%;
max-height: 100%;
}
.solutions__item-name {
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1rem;
font-weight: 500;
color: #1a2e35;
}
.solutions .field--items {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.solutions__content_with-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 56px;
padding: 0 64px 80px 64px;
}
@media (min-width: 538px) and (max-width: 1024px) {
.solutions__content_with-title {
padding: 80px 8px;
}
}
@media (max-width: 538px) {
.solutions__content_with-title {
padding: 40px 8px;
}
}
@media (max-width: 538px) {
.solutions .solutions__card-with-title .field--name-field-card-title {
text-align: center;
}
}
.solutions .solutions__card-with-title .field--name-field-solution-cards {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 64px;
}
@media (max-width: 1024px) {
.solutions .solutions__card-with-title .field--name-field-solution-cards {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}
.solutions .solutions__description-with-title {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
}
.cta-container {
padding: 80px 32px;
gap: 8px;
}
@media (max-width: 786px) {
.cta-container {
padding: 40px 8px;
}
}
.cta-container.cta-container--no-section {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
padding: 0;
}
.cta-container.cta-container--no-section .cta-background {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: center;
align-content: center;
gap: 48px;
}
@media (max-width: 393px) {
.cta-container.cta-container--no-section .cta-background {
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
}
.cta-container.cta-container--no-section .cta-background .text-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
gap: 10%;
}
@media (min-width: 787px) and (max-width: 1000px) {
.cta-container.cta-container--no-section .cta-background .text-wrapper {
max-width: 50%;
}
}
@media (max-width: 786px) {
.cta-container.cta-container--no-section .cta-background .text-wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
}
@media (max-width: 539px) {
.cta-container.cta-container--no-section .cta-background .text-wrapper {
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
}
.cta-container.cta-container--no-section .cta-background__title, .cta-container.cta-container--no-section .cta-background__text {
font-size: 32px;
line-height: 40px;
text-align: left;
}
.cta-container.cta-container--no-section .cta-background__text {
font-size: 24px;
font-family: "Mundial-Light", sans-serif;
line-height: 32px;
}
@media (max-width: 539px) {
.cta-container.cta-container--no-section .cta-background__text {
text-align: center;
}
}
.cta-container.cta-container--no-section .cta-background .hsc-button-white {
height: auto;
padding: 12px 24px;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 539px) {
.cta-container.cta-container--no-section .cta-background {
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
}
@media (max-width: 786px) {
.cta-container.cta-container--no-section {
width: 100%;
display: -ms-flexbox;
display: flex;
}
}
.cta-background {
background: no-repeat center/cover;
padding: 80px 20px;
border-radius: 24px;
color: #ffffff;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
gap: 48px;
}
@media (max-width: 767px) {
.cta-background {
padding: 40px 24px;
}
}
.cta-background .cta-container {
padding: 0;
}
.cta-background__title-container {
margin-bottom: 60px;
}
.cta-background__title {
font: 700 72px/80px Mundial-Bold, sans-serif;
}
@media screen and (max-width: 767px) {
.cta-background__title {
font-size: 48px;
line-height: 56px;
}
}
.cta-background__text {
margin-top: 16px;
font: 300 20px/28px "Mundial-Light", sans-serif;
}
.cta-background .hsc-button-white {
font-size: 20px;
line-height: 38px;
}
.carousel-container {
margin: 64px 0;
overflow: hidden;
text-align: center;
}
@media (max-width: 539px) {
.carousel-container {
margin: 72px 0 48px 0;
}
}
.carousel-container__title {
font-size: 1.4rem;
font-weight: 600;
color: #838d92;
margin-bottom: 1rem;
}
.carousel-container__carousel {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel-container__carousel::before, .carousel-container__carousel::after {
content: "";
position: absolute;
top: 0;
width: 60px;
height: 100%;
z-index: 2;
pointer-events: none;
}
.carousel-container__carousel::before {
left: 0;
background: linear-gradient(to right, white, transparent);
}
.carousel-container__carousel::after {
right: 0;
background: linear-gradient(to left, white, transparent);
}
.carousel-container__track {
display: -ms-flexbox;
display: flex;
gap: 2rem;
will-change: transform;
transition: transform 0.1s linear;
}
.carousel-container__item {
width: 100%;
max-width: 12rem;
height: 3.75rem;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.carousel-container__item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.preven-outcomes-container {
width: 100%;
background: linear-gradient(180deg, rgba(0, 209, 124, 0.2) 0%, rgba(17, 53, 70, 0.2) 100%), var(--uds-surface-brand-alt-contrast, #113546);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 120px 92px;
gap: 32px;
}
@media screen and (max-width: 1279px) {
.preven-outcomes-container {
padding: 56px 32px;
}
}
.preven-outcomes-container__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
@media (max-width: 787px) {
.preven-outcomes-container__content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
gap: 24px;
}
}
.preven-outcomes-container__title {
font-weight: 600;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.4px;
text-transform: uppercase;
color: white;
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
gap: 24px;
}
@media screen and (max-width: 1080px) {
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: start;
}
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info {
-ms-flex-pack: center;
justify-content: center;
width: 360.09375px;
min-height: 348px;
padding: 64px 32px 32px;
}
@media screen and (max-width: 1279px) {
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info {
max-width: 322px;
min-width: 100%;
}
}
@media screen and (max-width: 1080px) {
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info {
max-width: 360px;
min-width: 100%;
}
}
@media screen and (max-width: 499px) {
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info {
max-width: 330px;
width: 100%;
}
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info__wrapper {
padding: 0;
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info__header-number {
font-family: Mundial-Bold, sans-serif;
line-height: 112px;
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info__subtitle {
min-height: inherit;
font-family: Mundial-Bold, sans-serif;
line-height: 20px;
}
.preven-outcomes-container__cars > .field--name-field-preven-out-card-info .simple-card-info__description {
margin-top: 48px;
font-family: "Mundial-Light", sans-serif;
}
[class*=padding-] > .preven-outcomes-container,
[class*=margin-] > .preven-outcomes-container {
border-radius: 32px;
}
@media screen and (max-width: 1279px) {
[class*=padding-] > .preven-outcomes-container,
[class*=margin-] > .preven-outcomes-container {
border-radius: 0;
}
}
.page-node-type-hcs-solutions .preven-outcomes-container, .page-node-type-hcs-about-us .preven-outcomes-container, .page-node-type-hcs-solution-template .preven-outcomes-container {
border-radius: 32px !important;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.insights {
padding: 80px;
}
@media screen and (max-width: 786px) {
.insights {
padding: 0;
}
}
.insights-section__wrapper {
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
}
.insights__container {
background-color: #f1f6f8;
border-radius: 32px;
padding: 80px 64px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 56px;
max-width: 1280px;
}
@media screen and (max-width: 1024px) {
.insights__container {
gap: 0;
}
}
@media screen and (max-width: 786px) {
.insights__container {
padding: 6rem;
}
}
@media screen and (max-width: 539px) {
.insights__container {
padding: 4rem 2.4rem;
}
}
.insights__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
gap: 56px;
}
@media screen and (max-width: 1024px) {
.insights__header {
gap: 10px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
}
.insights__header-text {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.insights__title {
font-weight: 600;
font-size: 20px;
letter-spacing: 2%;
text-transform: uppercase;
color: #020507;
}
.insights__title:empty {
display: none;
}
.insights__subtitle {
font-size: 6.4rem;
color: #113546;
font-weight: bold;
line-height: 72px;
}
@media screen and (max-width: 539px) {
.insights__subtitle {
font-size: 4.8rem;
}
}
.insights__subtitle:empty {
display: none;
}
.insights .field--name-field-insight-description {
font-size: 24px;
font-weight: 300;
line-height: 32px;
font-family: "Mundial-Light", sans-serif;
}
@media (max-width: 786px) {
.insights .field--name-field-insight-description {
max-width: 100%;
}
}
.insights__cards {
display: -ms-flexbox;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1024px) {
.insights__cards {
-ms-flex-direction: column;
flex-direction: column;
}
}
.insights__button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
.insights__button {
-ms-flex-pack: center;
justify-content: center;
}
}
.insights__button a {
display: inline-block;
padding: 16px 24px;
border: 2px solid #1e2c32;
border-radius: 9999px;
color: #1e2c32;
font-size: 24px;
font-weight: 400;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3s ease;
}
.insights__button a:hover {
background-color: #1e2c32;
color: #fff;
}
@media screen and (max-width: 768px) {
.insights__button a {
font-size: 20px;
padding: 16px 32px;
}
}
@media screen and (max-width: 768px) {
.insights__button {
font-size: 20px;
padding: 16px 32px;
}
}
.insights .field--name-field-insight-card-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.insights.insight-page .insights__subtitle {
font-size: 3.2rem;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
.innovation-section {
margin: 6rem;
}
@media (min-width: 397px) and (max-width: 787px) {
.innovation-section {
margin: auto 3.2rem;
}
}
@media (max-width: 396px) {
.innovation-section {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
margin: auto 0.8rem !important;
}
}
.innovation-section__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: row;
flex-direction: row;
gap: 5.6rem;
margin: 4rem 0;
}
.innovation-section__header__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media (max-width: 539px) {
.innovation-section__header {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
}
}
.innovation-section__header__title {
font-size: 6.4rem;
}
.innovation-section__header__title p {
font-family: "Mundial-Light", sans-serif;
}
.innovation-section__header__title strong {
font-family: "Mundial-Regular", sans-serif;
}
@media (max-width: 539px) {
.innovation-section__header__title {
font-size: 4.8rem;
}
}
.innovation-section__header__legend {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 2rem;
text-transform: uppercase;
}
.innovation-section__header__description {
color: #020507;
font-family: "Mundial-Light", sans-serif;
font-size: 2.4rem;
max-width: 590px;
}
.innovation-section__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 5px;
background: white;
min-height: 32px;
border-radius: 999px;
position: relative;
bottom: -18px;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
justify-self: center;
z-index: 10;
box-shadow: 2px 4px 12px 0px rgba(9, 29, 39, 0.3803921569);
}
@media (min-width: 768px) and (max-width: 1023px) {
.innovation-section__buttons {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.innovation-section__buttons {
position: initial;
bottom: 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
box-shadow: none;
}
}
.innovation-section__buttons__btn {
text-align: center;
font-family: "Mundial-Light", sans-serif;
font-size: 2.4rem;
color: black;
padding: 16px 32px;
min-width: 155px;
border-radius: 4rem;
margin: 2px;
cursor: pointer;
line-height: 32px;
font-weight: 300;
}
.innovation-section__buttons__btn.active {
text-align: center;
color: white;
background: #008554;
}
.innovation-tab {
min-height: 66rem;
border-radius: 32px;
background: #f1f6f8;
padding: 64px 48px 48px;
opacity: 1;
transform: translateX(0);
transition: none;
-ms-grid-column-align: center;
justify-items: center;
}
.innovation-tab.is-animating {
opacity: 0;
transform: translateX(50px);
animation: slideInFromRight 1s ease-out forwards;
}
@keyframes slideInFromRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media screen and (min-width: 767px) {
.innovation-tab .simple-card-text-button {
min-height: 340px;
max-width: 341px;
}
}
.innovation-tab__bg {
min-height: 400px;
width: 100%;
border-radius: 32px;
background-position: center;
background-size: cover;
background-position-y: 30%;
}
.innovation-tab__cards {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: relative;
top: -6rem;
padding: 0 2.4rem;
}
@media screen and (min-width: 767px) {
.innovation-tab__cards {
margin-bottom: -6rem;
}
}
.innovation-tab__cards .field--name-field-innovation-content-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: stretch;
align-items: stretch;
gap: 2.4rem;
max-width: 100%;
width: auto;
}
@media (max-width: 786px) {
.innovation-tab__cards .field--name-field-innovation-content-cards {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.innovation-tab__cards .field--name-field-innovation-content-cards > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.innovation-tab__cards .field--name-field-innovation-content-cards > .field--item {
max-width: 32%;
}
@media (max-width: 786px) {
.innovation-tab__cards .field--name-field-innovation-content-cards > .field--item {
max-width: 100%;
}
}
.about-us-section {
padding: 7rem 2rem;
width: 100%;
position: relative;
background-repeat: no-repeat;
background-position: 25% 35%;
-ms-grid-column-align: center;
justify-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
.about-us-section__header {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.about-us-section__title {
color: #020507;
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
.about-us-section__subtitle {
font-size: 12rem;
line-height: 1;
color: #113546;
padding: 2% 0 4%;
font-family: "Mundial-Light", sans-serif;
}
.about-us-section__subtitle strong {
font-weight: 300;
font-family: "Mundial-Regular", sans-serif;
}
@media (max-width: 786px) {
.about-us-section__subtitle {
font-size: 9.6rem;
}
}
@media (max-width: 539px) {
.about-us-section__subtitle {
font-size: 5.6rem;
}
}
.about-us-section__image-wrapper {
left: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding: 0 4rem;
width: 100%;
max-width: 1280px;
background-repeat: no-repeat;
background-size: 65%;
background-position: center center;
-ms-flex-item-align: center;
align-self: center;
}
@media (max-width: 786px) {
.about-us-section__image-wrapper {
padding: 0 2rem;
}
}
@media (max-width: 539px) {
.about-us-section__image-wrapper {
padding: 0;
}
}
.about-us-section__background-image {
width: 100%;
border-radius: 32px;
object-fit: cover;
max-height: 890px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@media (min-width: 787px) {
.about-us-section__background-image {
padding-right: 0;
margin-right: 7%;
}
}
.about-us-section__cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 26%;
position: relative;
margin-top: -64%;
place-self: end;
}
@media (min-width: 1024px) and (max-width: 1250px) {
.about-us-section__cards {
width: 30%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.about-us-section__cards {
width: 36%;
margin-top: -64%;
}
}
.about-us-section__cards-container {
position: static;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 24px;
margin-top: -80px;
}
.about-us-section__cards .field--name-field-little-card-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
}
@media (max-width: 786px) {
.about-us-section__cards {
width: 90%;
margin-top: -100px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
right: 0;
}
}
.about-us-section__cta {
padding-top: 3%;
width: 74%;
left: -43px;
position: relative;
}
@media (min-width: 1024px) and (max-width: 1250px) {
.about-us-section__cta {
width: 70%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.about-us-section__cta {
width: 64%;
left: -32px;
position: relative;
}
}
@media (max-width: 786px) {
.about-us-section__cta {
width: 100%;
-ms-grid-column-align: center;
justify-items: center;
padding-top: 0;
left: 0;
}
}
.about-us-section__cta .cta-container.cta-container--no-section .cta-background {
padding: 24px 24px 24px 48px;
}
@media (max-width: 539px) {
.about-us-section__cta .cta-container.cta-container--no-section .cta-background {
padding: 24px;
}
}
.about-us-section__cta .cta-container.cta-container--no-section .cta-background__title {
width: 290px;
}
@media (max-width: 539px) {
.about-us-section__cta .cta-container.cta-container--no-section .cta-background__title {
text-align: center;
width: 100%;
}
}
.about-us-section__cta .cta-container.cta-container--no-section .cta-background__text {
margin-top: 0;
}
.about-us-section__cta .cta-container.cta-container--no-section .cta-background .text-wrapper {
gap: 48px;
}
@media screen and (max-width: 1279px) {
.about-us-section__cta .cta-container.cta-container--no-section .cta-background .text-wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 8px;
}
}
.about-us-section__cta .cta-container.cta-container--no-section .cta-background .hsc-button-white {
text-wrap: nowrap;
}
.about-us-section__cards-cta-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 786px) {
.about-us-section__cards-cta-container {
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
}
}
@media (max-width: 539px) {
.about-us-section {
padding: 7rem 1rem;
}
}
@media screen and (max-width: 767px) {
.header-system-wrapper {
display: none;
}
}
.pension-link {
text-decoration: none !important;
color: inherit !important;
}
.pension-link:hover {
color: rgb(40, 167, 69) !important;
}
.language-selector-fixed {
width: 100%;
background: #ffffff;
z-index: 999;
padding: 0;
}
.language-selector-fixed .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1.2rem 12rem;
width: 100%;
margin: 0;
}
@media screen and (max-width: 1479px) {
.language-selector-fixed .container {
padding: 1.2rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.language-selector-fixed .container {
padding: 1.2rem 8rem;
}
}
@media screen and (max-width: 767px) {
.language-selector-fixed .container {
padding: 1.2rem 1.6rem;
}
}
.language-selector-fixed .hcs-language-selector {
font-size: 12px;
line-height: 16px;
display: -ms-flexbox;
display: flex;
gap: 4px;
-ms-flex-align: center;
align-items: center;
}
.language-selector-fixed .hcs-language-selector > span {
display: inline-block;
vertical-align: middle;
}
.language-selector-fixed .hcs-language-selector > span svg {
display: block;
}
.language-selector-fixed .hcs-language-selector .divider {
padding: 0 12px;
}
.language-link {
color: #45545C;
text-decoration: none;
transition: color 0.2s ease, text-decoration 0.2s ease;
}
.language-link:hover {
color: #020507;
text-decoration: none;
}
.language-link.is-active {
color: #020507;
font-weight: bold;
text-decoration: underline;
}
.testimonial-section {
margin: 80px 120px;
}
@media (max-width: 786px) {
.testimonial-section {
margin: 6rem;
}
}
.testimonial-section__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 56px auto;
}
@media (max-width: 768px) {
.testimonial-section__header {
margin: 24px auto 32px;
}
}
.testimonial-section__header__label {
font-family: "Mundial-Regular", sans-serif;
text-transform: uppercase;
font-size: 20px;
color: #020507;
font-weight: 600;
margin-bottom: 1rem;
}
.testimonial-section__header__title {
color: #113546;
font-family: "Mundial-Regular", sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 4rem;
}
.testimonial-section__header__title span {
font-family: "Mundial-Light", sans-serif;
}
.testimonial-section__header__pages {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: end;
gap: 0.5rem;
}
.testimonial-section__header__pages svg:first-of-type {
margin-right: 16px;
cursor: pointer;
}
.testimonial-section__header__pages svg:last-of-type {
margin-left: 16px;
cursor: pointer;
}
.testimonial-section__header__pages-page {
width: 8px;
height: 8px;
background-color: #d9dfe3;
border-radius: 50%;
cursor: pointer;
}
.testimonial-section__header__pages .active {
background-color: #091d27 !important;
}
@media screen and (max-width: 767px) {
.testimonial-section__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: self-start;
align-items: self-start;
-ms-flex-direction: column;
flex-direction: column;
}
.testimonial-section__header__pages {
margin-top: 24px;
}
}
.testimonial-section__list {
margin: auto;
}
.testimonial-section__list {
position: relative;
overflow: hidden;
height: auto;
}
body,
p,
h1, h2, h3, h4, h5, h6,
span,
a,
li,
blockquote,
label,
input,
textarea,
button {
font-family: "Mundial-Regular", sans-serif;
}
.main-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: 100%;
gap: 2.5rem;
padding-left: 40px;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.5rem;
padding-left: 15px;
padding-right: 15px;
overflow-y: hidden;
}
.main-nav.is-scrollable {
overflow-y: auto;
}
}
@media screen and (max-width: 1200px) {
.main-nav {
padding-left: 24px;
padding-right: 24px;
}
}
.main-nav__items {
display: -ms-flexbox;
display: flex;
gap: 24px;
-ms-flex-align: center;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav__items {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
width: 100%;
margin-bottom: 16px;
}
}
@media screen and (max-width: 1200px) {
.main-nav__items {
gap: 12px;
}
}
.main-nav__nav-item {
position: relative;
}
.main-nav__nav-item.language {
display: none;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav__nav-item.language {
display: block;
}
}
.main-nav__nav-item.language > div {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: start;
align-items: flex-start;
}
.main-nav__nav-item.has-panel {
padding: 12px 0;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav__nav-item.has-panel {
width: 100%;
}
}
.main-nav__nav-item.has-panel .is-open {
color: #008554;
}
.main-nav__nav-item.no-panel {
padding: 12px 0;
}
.main-nav__nav-item.has-panel:hover .mega-panel {
display: block;
opacity: 1;
pointer-events: auto;
}
.main-nav__nav-item.is-open .mega-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav__nav-item.is-open .mega-panel {
height: -moz-fit-content;
height: fit-content;
}
}
.main-nav .submenu .main-nav__link {
padding: 12px 8px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
text-decoration: none;
color: #020507;
transition: color 0.2s ease;
}
.main-nav .submenu .main-nav__link:hover {
text-decoration: underline;
padding: 12px 8px;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #F1F6F8;
color: #020507;
}
.main-nav .submenu .main-nav__link-span {
color: #006A46;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 32px;
background: #DCFFEC;
padding: 9px;
}
.main-nav .mega-panel {
display: block;
position: fixed;
top: auto;
left: 50%;
transform: translateX(-50%);
margin-top: 16px;
width: 100%;
background: #fff;
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0s linear 0.3s;
transition-delay: 0s;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
padding: 11px 2rem 20px;
}
.main-nav .mega-panel h4 {
color: #000000;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}
@media (min-width: 768px) and (max-width: 1023px), screen and (max-width: 1023px) {
.main-nav .mega-panel {
position: initial;
top: 0;
left: 0;
margin: 0;
padding: 0;
height: 0;
transform: translate(0);
}
}
.main-nav .mega-panel .panel-left {
margin-bottom: 25px;
}
.main-nav .mega-panel .submenu {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media screen and (max-width: 1023px) {
.main-nav .mega-panel .submenu {
display: initial;
}
}
.main-nav .mega-panel .submenu .h4 {
padding: 15px 0 15px 0;
}
.main-nav .mega-panel .submenu a {
font-family: "Mundial-Light", sans-serif;
}
.main-nav-action-button {
display: inline-block;
padding: 12px 24px;
border-radius: 40px;
background: var(--uds-surface-actionable-default);
color: var(--uds-text-actionable-contrast);
font-weight: 500;
border: none;
transition: background 0.2s ease;
white-space: nowrap;
}
.main-nav-action-button:hover {
background-color: #005234;
}
:root {
--uds-surface-actionable-default: #008554;
--uds-text-actionable-contrast: #FFFFFF;
--uds-surface-actionable-hover: #006A46;
}
.main-nav__link {
color: #45545C;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-nav__link .main-nav__submenu-indicator {
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.4em;
vertical-align: middle;
transition: transform 0.25s ease-in-out;
transform-origin: center center;
fill: currentColor;
}
.main-nav__link:hover {
color: #008554;
}
.our-offices__wrapper {
padding: 80px 40px 80px 40px;
}
@media (max-width: 1024px) {
.our-offices__wrapper {
padding: 40px 16px;
}
}
.our-offices__header {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 32px;
padding: 40px 40px 80px 40px;
}
.our-offices__header-overlay-img {
position: relative;
width: 100%;
}
.our-offices__header-overlay-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); /* puedes ajustar */
z-index: 1;
pointer-events: none;
border-radius: 24px;
}
.our-offices__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
max-width: 600px;
padding: 32px;
position: relative;
z-index: 1;
}
@media (max-width: 600px) {
.our-offices__content {
padding: 0;
}
}
.our-offices__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.our-offices__text-container .field--name-field-our-offices-subtitle {
font-size: 48px;
font-weight: bold;
line-height: 56px;
max-width: 85%;
}
.our-offices__text-container .field--name-field-our-offices-description {
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.our-offices__title {
font-size: 12px;
font-weight: bold;
line-height: 16px;
}
.our-offices__button {
display: inline-block;
background-color: transparent;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 12px 24px;
border-radius: 999px;
cursor: pointer;
text-align: center;
border: 1px solid white;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.our-offices__button a {
font-family: "Mundial-Light", sans-serif;
font-size: 16px;
line-height: 24px;
color: white;
font-weight: 300;
text-decoration: none;
}
.our-offices__button:hover {
background-color: #1f4a5b;
}
.our-offices__location-title {
font-size: 32px;
}
.our-offices__cards-wrapper {
margin: -4.5% auto 0;
width: 90%;
justify-self: center;
position: relative;
z-index: 2;
}
@media (min-width: 768px) and (max-width: 1024px) {
.our-offices__cards-wrapper {
margin-top: -8%;
}
}
@media (min-width: 501px) and (max-width: 767px) {
.our-offices__cards-wrapper {
margin-top: -10%;
}
}
@media (max-width: 500px) {
.our-offices__cards-wrapper {
margin-top: -12%;
}
}
.our-offices__location-title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
line-height: 40px;
text-align: center;
}
.our-offices__cards-container {
background: #f6fbfe;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
padding: 25px 48px;
gap: 40px;
}
.our-offices__cards-container .field--name-field-our-offices-cards {
display: -ms-grid;
display: grid;
width: 100%;
gap: 32px;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.our-offices__cards-container .field--name-field-our-offices-cards .field--item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.our-offices__cards-container .field--name-field-our-offices-cards {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 392px) {
.our-offices__cards-container .field--name-field-our-offices-cards {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 392px) {
.our-offices__cards-container {
padding: 20px;
}
}
.our-offices__color-light {
color: #fff;
}
.paragraph--type--hcs-hero-cta {
padding: 0 32px 40px;
}
@media screen and (max-width: 767px) {
.paragraph--type--hcs-hero-cta {
padding: 8px 8px 0;
}
}
.hero-cta__background {
border-radius: 24px;
background-repeat: no-repeat;
}
.hero-cta__container {
padding: 200px 80px 40px;
display: -ms-flexbox;
display: flex;
gap: 5rem;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: start;
-ms-flex-align: stretch;
align-items: stretch;
}
@media (max-width: 1079px) {
.hero-cta__container {
gap: 32px;
}
}
.hero-cta__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
width: 50%;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
}
.hero-cta__title {
font-size: 16px;
font-weight: 300;
color: #45545C;
line-height: 24px;
}
.hero-cta__subtitle {
font-size: 48px;
font-weight: 700;
line-height: 56px;
color: #113546;
}
.hero-cta__description {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
font-weight: 300;
color: #45545c;
}
.hero-cta__img {
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
height: 320px;
}
@media (max-width: 1079px) {
.hero-cta__img {
height: 216px;
}
}
@media (max-width: 767px) {
.hero-cta__img {
height: auto;
}
}
.hero-cta__img img {
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 16/9;
border-radius: 24px;
}
.hero-cta__button {
display: inline-block;
background-color: #163541;
max-width: -moz-fit-content;
max-width: fit-content;
padding: 12px 24px;
border-radius: 999px;
cursor: pointer;
text-align: center;
}
.hero-cta__button a {
font-family: "Mundial-Light", sans-serif;
font-size: 16px;
color: white;
font-weight: 300;
text-decoration: none;
}
.hero-cta__button:hover {
background-color: #1f4a5b;
}
@media (max-width: 1079px) {
.hero-cta__container {
padding: 200px 40px 20px;
}
}
/* Tablet */
@media (max-width: 767px) {
.hero-cta__container {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
padding: 150px 40px 40px;
}
.hero-cta__content,
.hero-cta__img {
width: 100%;
}
.hero-cta__content {
-ms-flex-align: start;
align-items: flex-start;
text-align: start;
}
}
/* Mobile */
@media screen and (max-width: 392px) {
.paragraph--type--hcs-hero-cta {
padding: 1rem;
}
.hero-cta__container {
padding: 200px 28px 28px;
}
}
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__background {
border-radius: 24px;
background-color: #f5fbfd;
}
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__container {
padding: 200px 80px 40px;
display: -ms-flexbox;
display: flex;
gap: 5rem;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: start;
-ms-flex-align: stretch;
align-items: stretch;
}
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__container .hero-cta__button {
background: var(--uds-surface-actionable-default);
}
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__container .hero-cta__button:hover {
background: var(--uds-surface-actionable-hover);
}
@media (max-width: 1079px) {
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__container {
padding: 200px 40px 20px;
gap: 32px;
}
}
@media (max-width: 767px) {
.field--name-field-hcs-hero-section-tech-page .paragraph--type--hcs-hero-cta .hero-cta__container {
padding: 150px 24px 24px;
}
}
.field--name-field-hcs-hero-section-tech-page .hero-cta__content {
gap: 0;
}
.field--name-field-hcs-hero-section-tech-page .hero-cta__subtitle {
margin-top: 16px;
}
.field--name-field-hcs-hero-section-tech-page .hero-cta__button {
margin-top: 32px;
}
@media (max-width: 1279px) {
.field--name-field-hcs-hero-section-tech-page .hero-cta__button {
margin-bottom: 48px;
}
}
.career-testimonial-container {
position: relative;
width: 100%;
font-family: "Mundial-Regular", sans-serif;
background: linear-gradient(180deg, rgba(0, 209, 124, 0.2) 0%, rgba(17, 53, 70, 0.2) 100%), var(--uds-surface-brand-alt-contrast, #113546);
}
.career-testimonial-container__content {
padding: 3% 18%;
color: white;
gap: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.career-testimonial-container__content__quote-wrapper {
-ms-grid-column-align: center;
justify-items: center;
text-align: center;
}
.career-testimonial-container__content__quote-text {
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 300;
line-height: 40px;
}
.career-testimonial-container__content__profile-wrapper {
gap: 7px;
-ms-grid-column-align: center;
justify-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.career-testimonial-container__content__profile-wrapper__image {
border-radius: 100%;
border: 2px dashed rgb(0, 133, 84);
width: 64px;
height: 64px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.career-testimonial-container__content__profile-wrapper__image img {
width: 56px;
height: 56px;
border-radius: 50%;
object-fit: cover;
}
.career-testimonial-container__content__profile-wrapper__name {
font-family: "Mundial-Light", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 20px;
}
.career-testimonial-container__content__profile-wrapper__position {
font-family: "Mundial-Light", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.career-testimonial-container__content__profile-wrapper__company-logo {
max-width: 100px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
@media (max-width: 767px) {
.career-testimonial-container__content {
padding: 5% 10%;
}
}
.widget-action {
padding: 8rem;
}
@media screen and (max-width: 1279px) {
.widget-action {
padding-left: 0;
padding-right: 0;
}
}
.widget-action__container {
padding: 0 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.widget-action__header {
display: -ms-flexbox;
display: flex;
gap: 24px;
-ms-flex-pack: justify;
justify-content: space-between;
}
.widget-action__title {
font-size: 48px;
font-weight: bold;
color: #020507;
line-height: 40px;
}
.widget-action__redirect {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-align: center;
align-items: center;
}
.widget-action__redirect a {
font-size: 16px;
color: #113546;
}
.widget-action__redirect img {
width: 14px;
height: 16px;
}
.widget-action__cards-container .field--name-field-waa-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 40px;
column-gap: 24px;
}
@media screen and (max-width: 1023px) {
.widget-action__cards-container .field--name-field-waa-cards {
row-gap: 32px;
}
}
@media screen and (max-width: 767px) {
.widget-action__cards-container .field--name-field-waa-cards {
row-gap: 24px;
}
}
.widget-action__cards-container .field--name-field-waa-cards > .field--item {
-ms-flex: 0 1 calc(33.333% - 16px);
flex: 0 1 calc(33.333% - 16px);
max-width: calc(33.333% - 16px);
}
@media screen and (max-width: 1023px) {
.widget-action__cards-container .field--name-field-waa-cards > .field--item {
-ms-flex: 0 1 calc(50% - 16px);
flex: 0 1 calc(50% - 16px);
max-width: calc(50% - 16px);
}
}
@media screen and (max-width: 767px) {
.widget-action__cards-container .field--name-field-waa-cards > .field--item {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
}
.widget-action__cards-container .field--name-field-waa-cards > .field--item:nth-last-child(2):first-child,
.widget-action__cards-container .field--name-field-waa-cards > .field--item:nth-last-child(1):nth-child(2) {
-ms-flex: 0 1 calc(50% - 1.5rem);
flex: 0 1 calc(50% - 1.5rem);
max-width: calc(50% - 1.5rem);
}
.widget-action__cards-container .field--name-field-waa-cards > .field--item:only-child {
-ms-flex: 0 1 100%;
flex: 0 1 100%;
max-width: 100%;
}
@media (max-width: 768px) {
.widget-action {
padding: 40px 0;
}
.widget-action__container {
padding: 0 16px;
}
.widget-action__header {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
}
.widget-action__cards-container .field--name-field-waa-cards {
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width: 768px) and (max-width: 1023px) {
.widget-action__cards-container .field--name-field-waa-cards {
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 539px) and (max-width: 1024px) {
.widget-action__container {
padding: 0 32px;
}
}
.life-aptia-section {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin: 3% 8% 5%;
}
@media (max-width: 767px) {
.life-aptia-section {
margin: 3% 3% 5%;
}
}
.life-aptia-section__title {
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.life-aptia-section__title {
font-size: 24px;
}
}
.life-aptia-section__media-wrapper {
position: relative;
width: 100%;
}
.life-aptia-section__image {
width: 100%;
border-radius: 32px;
display: block;
filter: blur(0.5px);
}
.life-aptia-section__video {
width: 100%;
border-radius: 32px;
pointer-events: none;
display: none;
}
.life-aptia-section__toggle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border: none;
border-radius: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
padding: 12px;
pointer-events: auto;
z-index: 10;
}
.life-aptia-section__toggle svg {
width: 16px;
height: 16px;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.our-hiring-process__header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 80px;
gap: 8px;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__header {
padding: 80px 32px;
}
}
@media screen and (max-width: 767px) {
.our-hiring-process__header {
padding: 4rem 2rem;
}
}
.our-hiring-process__container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 56px;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__container {
padding: 0;
gap: 24px;
}
}
.our-hiring-process__content {
display: -ms-flexbox;
display: flex;
gap: 40px;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__content {
-ms-flex-direction: column;
flex-direction: column;
gap: 0px;
}
}
.our-hiring-process__title {
font-size: 64px;
color: #113546;
font-style: normal;
font-weight: 700;
line-height: 72px;
-ms-flex: 2;
flex: 2;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__title {
font-size: 48px;
}
}
.our-hiring-process__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-ms-flex: 2;
flex: 2;
}
.our-hiring-process__text-container .field--name-field-hiring-description {
font-family: "Mundial-Light", sans-serif;
font-size: 24px;
font-weight: 300;
color: #020507;
line-height: 32px;
}
.our-hiring-process__text-container a {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
color: #008554;
font-weight: 300;
text-decoration: none;
border-radius: 100px;
background-color: transparent;
transition: background-color 0.3s ease;
padding: 22px 18px;
margin-left: -18px;
}
.our-hiring-process__text-container a:hover {
background-color: #eeeeee;
}
.our-hiring-process__image-cards {
background: #f1f6f8;
padding: 64px 48px 48px 48px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
border-radius: 32px;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__image-cards {
padding: 64px 24px 48px 24px;
}
}
@media screen and (max-width: 767px) {
.our-hiring-process__image-cards {
padding: 8px 8px 24px 8px;
}
}
.our-hiring-process__image {
border-radius: 32px;
width: 100%;
height: auto;
}
.our-hiring-process .field--name-field-our-hiring-cards {
display: -ms-flexbox;
display: flex;
gap: 32px;
margin: -5% auto 0;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 0 64px;
}
.our-hiring-process .field--name-field-our-hiring-cards .field--item {
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
@media screen and (max-width: 1079px) {
.our-hiring-process .field--name-field-our-hiring-cards {
padding: 0 32px;
}
}
@media screen and (max-width: 767px) {
.our-hiring-process .field--name-field-our-hiring-cards {
padding: 0 16px;
gap: 8px;
}
}
@media screen and (max-width: 392px) {
.our-hiring-process .field--name-field-our-hiring-cards {
padding: 0 8px;
}
}
.our-hiring-process__cards-container {
-ms-grid-column-align: center;
justify-items: center;
}
@media screen and (max-width: 1079px) {
.our-hiring-process__cards-container .field--name-field-our-hiring-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.insight-curated__content {
margin: 0 13rem 4rem;
}
@media (min-width: 397px) and (max-width: 787px) {
.insight-curated__content {
margin: 0 3.2rem 4rem;
}
}
@media (max-width: 396px) {
.insight-curated__content {
margin: 0 3.2rem 4rem;
}
}
.insight-curated__content__title {
font-size: 32px;
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-style: normal;
font-weight: 700;
margin-bottom: 1.4rem;
}
.insight-curated__content__cards .field--name-field-curated-cards {
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 32px;
}
@media (min-width: 397px) and (max-width: 612px) {
.insight-curated__content__cards .field--name-field-curated-cards {
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 396px) {
.insight-curated__content__cards .field--name-field-curated-cards {
-ms-flex-direction: column;
flex-direction: column;
}
}
.insight-curated__content__cards .field--name-field-curated-cards > div {
-ms-flex: 1;
flex: 1;
box-sizing: border-box;
}
.insight-curated-card {
border-radius: 1.6rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: end;
align-content: flex-end;
min-height: 16rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: space-between;
padding: 2rem;
}
.insight-curated-card__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: start;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.insight-curated-card__footer__title {
color: #45545c;
font-family: "Mundial-Regular", sans-serif;
font-style: normal;
font-weight: 600;
line-height: 1.6rem;
margin-bottom: 0.4rem;
}
.insight-curated-card__footer__subtitle {
font-family: "Mundial-Regular", sans-serif;
font-size: 2.4rem;
color: #113546;
font-style: normal;
font-weight: 700;
}
.insight-curated-card__action .field--name-field-insight-curated-icon {
background-color: white;
width: 40px;
height: 40px;
border-radius: 32px;
padding: 12px;
}
.insight-curated-card__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.insight-hero {
padding: 0 32px 40px;
border-radius: 1rem;
}
@media screen and (max-width: 767px) {
.insight-hero {
padding: 8px 8px 0;
}
}
.insight-hero__container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: start;
-ms-flex-pack: start;
justify-content: start;
width: 100%;
min-height: 400px;
background-size: cover;
background-position-x: 62%;
background-position-y: 95%;
border-radius: 2.5rem;
padding: 15rem 8rem 0 8rem;
margin-bottom: 4rem;
position: relative;
}
@media screen and (max-width: 570px) {
.insight-hero__container {
padding: 15rem 1.6rem 0 1.6rem;
background: no-repeat center/cover;
background-position-x: 62%;
background-position-y: 95%;
}
}
@media screen and (min-width: 571px) and (max-width: 767px) {
.insight-hero__container {
padding: 15rem 3.2rem 0 3.2rem;
}
}
.insight-hero__container--overlay {
position: relative;
width: 100%;
}
.insight-hero__container--overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); /* puedes ajustar */
z-index: 1;
pointer-events: none;
border-radius: 24px;
}
.insight-hero__container__breadcrumb {
display: -ms-flexbox;
display: flex;
gap: 1rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: start;
color: #45545C;
}
.insight-hero__container__breadcrumb a {
text-decoration: none;
color: #008554;
cursor: pointer;
}
.insight-hero__container h1 {
margin-bottom: 8px;
margin-top: 2.8rem;
position: relative;
z-index: 1;
font: 700 48px/56px Mundial-Bold, sans-serif;
}
@media screen and (max-width: 767px) {
.insight-hero__container h1 {
font-size: 32px;
line-height: 40px;
}
}
.insight-hero__container span {
font-style: normal;
font-weight: 300;
font-family: "Mundial-Light", sans-serif;
height: 1.5rem;
position: relative;
top: 0;
z-index: 1;
}
.insight-hero__form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 0;
margin-bottom: 1.6rem;
gap: 0.8rem;
position: relative;
bottom: -10rem;
}
@media screen and (min-width: 571px) and (max-width: 767px) {
.insight-hero__form {
bottom: -12rem;
}
}
@media screen and (max-width: 570px) {
.insight-hero__form {
position: unset;
bottom: 0;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 4.6rem;
}
}
.insight-hero__form__cta {
width: 640px;
height: 72px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: center;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 2.4rem;
background: white;
border-radius: 3.125rem;
box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
.insight-hero__form__cta {
width: 100%;
}
}
@media screen and (max-width: 392px) {
.insight-hero__form__cta {
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
background: white;
box-shadow: none;
gap: 0.5rem;
margin: 0 0;
height: 60px;
}
}
.insight-hero__form__cta-input-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.insight-hero__form__cta-input {
-ms-flex: 1;
flex: 1;
padding: 0.625rem 1rem;
font-size: 20px;
border: none;
border-radius: 3.125rem;
outline: none;
background: none;
}
@media screen and (max-width: 392px) {
.insight-hero__form__cta-input {
padding: 1rem 1.5rem;
width: 100%;
border-radius: 2.5rem;
}
}
.insight-hero__form-button {
background-color: #113546;
color: white;
padding: 1.6rem 2.4rem;
font-size: 2rem;
font-weight: 300;
border: none;
border-radius: 3.125rem;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 6rem;
vertical-align: middle;
text-align: center;
font-family: "Mundial-Light", sans-serif;
width: 14.5rem;
gap: 1.6rem;
}
.insight-hero__form-button:hover {
background-color: #091D27;
}
@media screen and (max-width: 570px) {
.insight-hero__form-button {
width: 100%;
border-radius: 2.5rem;
padding: 1.125rem 1.5rem;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.insight-hero__font-light {
color: #ffffff;
}
.financials__container {
padding: 40px 0;
}
@media screen and (max-width: 1279px) {
.financials__container {
padding: 80px 0;
}
}
@media screen and (max-width: 767px) {
.financials__container {
padding: 40px 0;
}
}
.financials__title {
margin: 0;
color: #020507;
font: 700 32px/40px Mundial-Bold, sans-serif;
}
.financials__body {
padding: 0 12px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
@media (min-width: 768px) {
.financials__body {
padding: 0 32px;
}
}
@media (min-width: 1024px) {
.financials__body {
padding: 0 110px;
}
}
.financials__cards-container {
border-radius: 32px;
background-color: #f1f6f8;
}
.financials__cards-container .field--name-field-financials-cards {
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
padding: 12px;
}
@media (min-width: 768px) {
.financials__cards-container .field--name-field-financials-cards {
padding: 64px;
}
}
.awards {
display: -ms-flexbox;
display: flex;
gap: 8px;
padding: 80px 0px;
background-color: #e8efff;
-ms-flex-pack: center;
justify-content: center;
}
.awards__container {
padding: 0px 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.awards__header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
-ms-flex-item-align: center;
align-self: center;
text-align: center;
}
.awards__title {
font-size: 32px;
font-weight: bold;
line-height: 40px;
}
.awards__subtitle {
color: #020507;
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
.awards__cards-container .field--name-field-hcs-awards-and-recognitio {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
gap: 32px;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
.field--name-field-about-us-hero {
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding: 0 32px 40px;
}
@media screen and (max-width: 767px) {
.field--name-field-about-us-hero {
padding-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
}
.hero-about-us {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
border-radius: 24px;
position: relative;
background: #f9f9f9 center no-repeat;
background-size: cover;
}
.hero-about-us__video {
pointer-events: none;
width: 100%;
height: 100%;
}
.hero-about-us__video-wrapper {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
.hero-about-us__video video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hero-about-us__overlay {
width: 100%;
padding-top: 158px;
padding-bottom: 70px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
z-index: 2;
}
@media screen and (max-width: 767px) {
.hero-about-us__overlay {
padding-top: 120px;
padding-bottom: 48px;
}
}
.hero-about-us__content {
display: -ms-flexbox;
display: flex;
max-width: 560px;
justify-self: center;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px;
text-align: center;
width: 100%;
font-family: "Mundial-Light", sans-serif;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.hero-about-us__content {
padding: 0 24px;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hero-about-us__header-texts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.hero-about-us__title {
margin: 0;
font: 300 16px/24px "Mundial-Light", sans-serif;
}
.hero-about-us__subtitle {
margin: 0;
font: 700 48px/56px Mundial-Bold, sans-serif;
}
@media screen and (max-width: 767px) {
.hero-about-us__subtitle {
font-size: 32px;
line-height: 40px;
}
}
.hero-about-us__description {
margin: 0;
font: 300 20px/28px "Mundial-Light", sans-serif;
}
.hero-about-us__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 32px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.hero-about-us__buttons {
gap: 16px;
}
}
.hero-about-us__button--us button,
.hero-about-us__button--us a, .hero-about-us__button--uk button,
.hero-about-us__button--uk a {
padding: 16px 24px;
border: 2px solid white;
border-radius: 40px;
background: transparent;
color: white;
font: 300 20px/28px "Mundial-Light", sans-serif;
transition: background 0.3s, color 0.3s;
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
.hero-about-us__button--us button:hover,
.hero-about-us__button--us a:hover, .hero-about-us__button--uk button:hover,
.hero-about-us__button--uk a:hover {
background: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 1279px) {
.hero-about-us__button--us button,
.hero-about-us__button--us a, .hero-about-us__button--uk button,
.hero-about-us__button--uk a {
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
line-height: 24px;
}
}
.hero-about-us__container--overlay {
position: relative;
width: 100%;
}
.hero-about-us__container--overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); /* puedes ajustar */
z-index: 1;
pointer-events: none;
border-radius: 24px;
}
.hero-about-us__font-light {
color: #ffffff;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.hero-solutions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-solutions__video-wrapper {
position: relative;
padding: 0px 30px;
}
@media screen and (max-width: 767px) {
.hero-solutions__video-wrapper {
padding: 8px 8px 0;
}
}
.hero-solutions__video, .hero-solutions__img {
pointer-events: none;
width: 100%;
}
.hero-solutions__video video,
.hero-solutions__video img, .hero-solutions__img video,
.hero-solutions__img img {
border-radius: 24px;
width: 100%;
height: 600px;
object-fit: cover;
display: block;
}
.hero-solutions__toggle {
margin-top: -60px;
margin-right: 50px;
-ms-flex-item-align: end;
align-self: flex-end;
background: white;
border: none;
border-radius: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
padding: 12px;
}
.hero-solutions__toggle svg {
width: 16px;
height: 16px;
}
@media screen and (max-width: 738px) {
.hero-solutions__toggle {
visibility: hidden;
}
}
.hero-solutions__overlay {
position: relative;
z-index: 1;
padding: 0px 110px;
}
@media screen and (max-width: 538px) {
.hero-solutions__overlay {
padding: 0px 28px;
}
}
.hero-solutions__content {
display: -ms-flexbox;
display: flex;
margin-top: -420px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: start;
width: 100%;
gap: 36px;
}
@media screen and (max-width: 738px) {
.hero-solutions__content {
gap: 16px;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
margin-top: -490px;
}
}
.hero-solutions__header-texts {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 538px) {
.hero-solutions__header-texts {
gap: 16px;
}
}
.hero-solutions__font--light {
color: #ffffff;
}
.hero-solutions__title {
margin: 0;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.hero-solutions__subtitle {
margin: 0;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 56px;
}
@media screen and (max-width: 538px) {
.hero-solutions__subtitle {
font-size: 32px;
line-height: 36px;
}
}
.hero-solutions__description {
max-width: 480px;
margin: 0;
font-size: 20px;
font-weight: 300;
line-height: 28px;
}
.hero-solutions__buttons {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 32px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hero-solutions__button--us {
width: 100%;
}
.hero-solutions__button--us button,
.hero-solutions__button--us a {
padding: 16px 24px;
border: 2px solid white;
border-radius: 40px;
background: white;
color: #020507;
font-weight: 500;
transition: background 0.3s, color 0.3s;
text-decoration: none;
}
@media screen and (max-width: 538px) {
.hero-solutions__button--us button,
.hero-solutions__button--us a {
display: -ms-flexbox;
display: flex;
font-size: 20px;
width: 100%;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-solutions__button--us button:hover,
.hero-solutions__button--us a:hover {
background: rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 738px) {
.hero-solutions__content {
position: absolute;
inset: 0;
max-height: 475px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 32px;
padding-right: 110px;
padding-left: 110px;
padding-bottom: 0;
z-index: 1;
}
.hero-solutions__buttons {
margin-top: auto;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 40px;
}
}
@media screen and (max-width: 570px) {
.hero-solutions__content {
-ms-flex-align: center;
align-items: center;
text-align: center;
padding-top: 32px;
padding-right: 28px;
padding-left: 28px;
padding-bottom: 0;
}
}
.overlay-container {
position: relative;
display: inline-block;
}
.overlay-container .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2));
z-index: 1;
pointer-events: none;
border-radius: 24px;
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.tab-section-with-title {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 40px 32px;
}
@media screen and (max-width: 767px) {
.tab-section-with-title {
padding: 4rem 0.8rem;
}
}
.tab-section-with-title__title {
margin-bottom: 6px;
font: 700 64px/72px Mundial-Bold, sans-serif;
text-align: center;
}
@media screen and (max-width: 1279px) {
.tab-section-with-title__title {
font-size: 48px;
line-height: 56px;
}
}
@media screen and (max-width: 767px) {
.tab-section-with-title__title {
margin: 0 24px 40px;
}
}
.raising-bar {
padding: 80px 64px 40px 64px;
}
@media (max-width: 738px) {
.raising-bar {
padding: 40px 16px;
}
}
.raising-bar__container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.raising-bar__title {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-size: 48px;
font-weight: bold;
line-height: 56px;
color: #020507;
}
@media (max-width: 738px) {
.raising-bar__title {
font-size: 32px;
}
}
.raising-bar .field--name-field-raising-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
-ms-flex-pack: center;
justify-content: center;
}
.padding-4 {
padding: 0.25rem;
}
.margin-4 {
margin: 0.25rem;
}
@media (min-width: 576px) {
.padding-4-sm {
padding: 0.25rem;
}
}
@media (min-width: 576px) {
.margin-4-sm {
margin: 0.25rem;
}
}
@media (min-width: 768px) {
.padding-4-md {
padding: 0.25rem;
}
}
@media (min-width: 768px) {
.margin-4-md {
margin: 0.25rem;
}
}
@media (min-width: 992px) {
.padding-4-lg {
padding: 0.25rem;
}
}
@media (min-width: 992px) {
.margin-4-lg {
margin: 0.25rem;
}
}
@media (min-width: 1200px) {
.padding-4-xl {
padding: 0.25rem;
}
}
@media (min-width: 1200px) {
.margin-4-xl {
margin: 0.25rem;
}
}
@media (min-width: 1400px) {
.padding-4-xxl {
padding: 0.25rem;
}
}
@media (min-width: 1400px) {
.margin-4-xxl {
margin: 0.25rem;
}
}
.padding-8 {
padding: 0.5rem;
}
.margin-8 {
margin: 0.5rem;
}
@media (min-width: 576px) {
.padding-8-sm {
padding: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-8-sm {
margin: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-8-md {
padding: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-8-md {
margin: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-8-lg {
padding: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-8-lg {
margin: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-8-xl {
padding: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-8-xl {
margin: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-8-xxl {
padding: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-8-xxl {
margin: 0.5rem;
}
}
.padding-16 {
padding: 1rem;
}
.margin-16 {
margin: 1rem;
}
@media (min-width: 576px) {
.padding-16-sm {
padding: 1rem;
}
}
@media (min-width: 576px) {
.margin-16-sm {
margin: 1rem;
}
}
@media (min-width: 768px) {
.padding-16-md {
padding: 1rem;
}
}
@media (min-width: 768px) {
.margin-16-md {
margin: 1rem;
}
}
@media (min-width: 992px) {
.padding-16-lg {
padding: 1rem;
}
}
@media (min-width: 992px) {
.margin-16-lg {
margin: 1rem;
}
}
@media (min-width: 1200px) {
.padding-16-xl {
padding: 1rem;
}
}
@media (min-width: 1200px) {
.margin-16-xl {
margin: 1rem;
}
}
@media (min-width: 1400px) {
.padding-16-xxl {
padding: 1rem;
}
}
@media (min-width: 1400px) {
.margin-16-xxl {
margin: 1rem;
}
}
.padding-24 {
padding: 1.5rem;
}
.margin-24 {
margin: 1.5rem;
}
@media (min-width: 576px) {
.padding-24-sm {
padding: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-24-sm {
margin: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-24-md {
padding: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-24-md {
margin: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-24-lg {
padding: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-24-lg {
margin: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-24-xl {
padding: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-24-xl {
margin: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-24-xxl {
padding: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-24-xxl {
margin: 1.5rem;
}
}
.padding-32 {
padding: 2rem;
}
.margin-32 {
margin: 2rem;
}
@media (min-width: 576px) {
.padding-32-sm {
padding: 2rem;
}
}
@media (min-width: 576px) {
.margin-32-sm {
margin: 2rem;
}
}
@media (min-width: 768px) {
.padding-32-md {
padding: 2rem;
}
}
@media (min-width: 768px) {
.margin-32-md {
margin: 2rem;
}
}
@media (min-width: 992px) {
.padding-32-lg {
padding: 2rem;
}
}
@media (min-width: 992px) {
.margin-32-lg {
margin: 2rem;
}
}
@media (min-width: 1200px) {
.padding-32-xl {
padding: 2rem;
}
}
@media (min-width: 1200px) {
.margin-32-xl {
margin: 2rem;
}
}
@media (min-width: 1400px) {
.padding-32-xxl {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.margin-32-xxl {
margin: 2rem;
}
}
.padding-40 {
padding: 2.5rem;
}
.margin-40 {
margin: 2.5rem;
}
@media (min-width: 576px) {
.padding-40-sm {
padding: 2.5rem;
}
}
@media (min-width: 576px) {
.margin-40-sm {
margin: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-40-md {
padding: 2.5rem;
}
}
@media (min-width: 768px) {
.margin-40-md {
margin: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-40-lg {
padding: 2.5rem;
}
}
@media (min-width: 992px) {
.margin-40-lg {
margin: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-40-xl {
padding: 2.5rem;
}
}
@media (min-width: 1200px) {
.margin-40-xl {
margin: 2.5rem;
}
}
@media (min-width: 1400px) {
.padding-40-xxl {
padding: 2.5rem;
}
}
@media (min-width: 1400px) {
.margin-40-xxl {
margin: 2.5rem;
}
}
.padding-s {
padding: 0.5rem;
}
.margin-s {
margin: 0.5rem;
}
@media (min-width: 576px) {
.padding-s-sm {
padding: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-s-sm {
margin: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-s-md {
padding: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-s-md {
margin: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-s-lg {
padding: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-s-lg {
margin: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-s-xl {
padding: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-s-xl {
margin: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-s-xxl {
padding: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-s-xxl {
margin: 0.5rem;
}
}
.padding-sm {
padding: 1rem;
}
.margin-sm {
margin: 1rem;
}
@media (min-width: 576px) {
.padding-sm-sm {
padding: 1rem;
}
}
@media (min-width: 576px) {
.margin-sm-sm {
margin: 1rem;
}
}
@media (min-width: 768px) {
.padding-sm-md {
padding: 1rem;
}
}
@media (min-width: 768px) {
.margin-sm-md {
margin: 1rem;
}
}
@media (min-width: 992px) {
.padding-sm-lg {
padding: 1rem;
}
}
@media (min-width: 992px) {
.margin-sm-lg {
margin: 1rem;
}
}
@media (min-width: 1200px) {
.padding-sm-xl {
padding: 1rem;
}
}
@media (min-width: 1200px) {
.margin-sm-xl {
margin: 1rem;
}
}
@media (min-width: 1400px) {
.padding-sm-xxl {
padding: 1rem;
}
}
@media (min-width: 1400px) {
.margin-sm-xxl {
margin: 1rem;
}
}
.padding-md {
padding: 1.5rem;
}
.margin-md {
margin: 1.5rem;
}
@media (min-width: 576px) {
.padding-md-sm {
padding: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-md-sm {
margin: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-md-md {
padding: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-md-md {
margin: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-md-lg {
padding: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-md-lg {
margin: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-md-xl {
padding: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-md-xl {
margin: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-md-xxl {
padding: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-md-xxl {
margin: 1.5rem;
}
}
.padding-lg {
padding: 2rem;
}
.margin-lg {
margin: 2rem;
}
@media (min-width: 576px) {
.padding-lg-sm {
padding: 2rem;
}
}
@media (min-width: 576px) {
.margin-lg-sm {
margin: 2rem;
}
}
@media (min-width: 768px) {
.padding-lg-md {
padding: 2rem;
}
}
@media (min-width: 768px) {
.margin-lg-md {
margin: 2rem;
}
}
@media (min-width: 992px) {
.padding-lg-lg {
padding: 2rem;
}
}
@media (min-width: 992px) {
.margin-lg-lg {
margin: 2rem;
}
}
@media (min-width: 1200px) {
.padding-lg-xl {
padding: 2rem;
}
}
@media (min-width: 1200px) {
.margin-lg-xl {
margin: 2rem;
}
}
@media (min-width: 1400px) {
.padding-lg-xxl {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.margin-lg-xxl {
margin: 2rem;
}
}
.padding-xl {
padding: 3rem;
}
.margin-xl {
margin: 3rem;
}
@media (min-width: 576px) {
.padding-xl-sm {
padding: 3rem;
}
}
@media (min-width: 576px) {
.margin-xl-sm {
margin: 3rem;
}
}
@media (min-width: 768px) {
.padding-xl-md {
padding: 3rem;
}
}
@media (min-width: 768px) {
.margin-xl-md {
margin: 3rem;
}
}
@media (min-width: 992px) {
.padding-xl-lg {
padding: 3rem;
}
}
@media (min-width: 992px) {
.margin-xl-lg {
margin: 3rem;
}
}
@media (min-width: 1200px) {
.padding-xl-xl {
padding: 3rem;
}
}
@media (min-width: 1200px) {
.margin-xl-xl {
margin: 3rem;
}
}
@media (min-width: 1400px) {
.padding-xl-xxl {
padding: 3rem;
}
}
@media (min-width: 1400px) {
.margin-xl-xxl {
margin: 3rem;
}
}
.padding-xxl {
padding: 4rem;
}
.margin-xxl {
margin: 4rem;
}
@media (min-width: 576px) {
.padding-xxl-sm {
padding: 4rem;
}
}
@media (min-width: 576px) {
.margin-xxl-sm {
margin: 4rem;
}
}
@media (min-width: 768px) {
.padding-xxl-md {
padding: 4rem;
}
}
@media (min-width: 768px) {
.margin-xxl-md {
margin: 4rem;
}
}
@media (min-width: 992px) {
.padding-xxl-lg {
padding: 4rem;
}
}
@media (min-width: 992px) {
.margin-xxl-lg {
margin: 4rem;
}
}
@media (min-width: 1200px) {
.padding-xxl-xl {
padding: 4rem;
}
}
@media (min-width: 1200px) {
.margin-xxl-xl {
margin: 4rem;
}
}
@media (min-width: 1400px) {
.padding-xxl-xxl {
padding: 4rem;
}
}
@media (min-width: 1400px) {
.margin-xxl-xxl {
margin: 4rem;
}
}
.padding-x-4 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.margin-x-4 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
@media (min-width: 576px) {
.padding-x-4-sm {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 576px) {
.margin-x-4-sm {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
@media (min-width: 768px) {
.padding-x-4-md {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 768px) {
.margin-x-4-md {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
@media (min-width: 992px) {
.padding-x-4-lg {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 992px) {
.margin-x-4-lg {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
@media (min-width: 1200px) {
.padding-x-4-xl {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 1200px) {
.margin-x-4-xl {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
@media (min-width: 1400px) {
.padding-x-4-xxl {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media (min-width: 1400px) {
.margin-x-4-xxl {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
.padding-x-8 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.margin-x-8 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
@media (min-width: 576px) {
.padding-x-8-sm {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-x-8-sm {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-x-8-md {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-x-8-md {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-x-8-lg {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-x-8-lg {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-x-8-xl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-x-8-xl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-x-8-xxl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-x-8-xxl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
.padding-x-16 {
padding-left: 1rem;
padding-right: 1rem;
}
.margin-x-16 {
margin-left: 1rem;
margin-right: 1rem;
}
@media (min-width: 576px) {
.padding-x-16-sm {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 576px) {
.margin-x-16-sm {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 768px) {
.padding-x-16-md {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 768px) {
.margin-x-16-md {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 992px) {
.padding-x-16-lg {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 992px) {
.margin-x-16-lg {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 1200px) {
.padding-x-16-xl {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1200px) {
.margin-x-16-xl {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 1400px) {
.padding-x-16-xxl {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1400px) {
.margin-x-16-xxl {
margin-left: 1rem;
margin-right: 1rem;
}
}
.padding-x-24 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-x-24 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
@media (min-width: 576px) {
.padding-x-24-sm {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-x-24-sm {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-x-24-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-x-24-md {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-x-24-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-x-24-lg {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-x-24-xl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-x-24-xl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-x-24-xxl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-x-24-xxl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
.padding-x-32 {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-x-32 {
margin-left: 2rem;
margin-right: 2rem;
}
@media (min-width: 576px) {
.padding-x-32-sm {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 576px) {
.margin-x-32-sm {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 768px) {
.padding-x-32-md {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.margin-x-32-md {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 992px) {
.padding-x-32-lg {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.margin-x-32-lg {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-x-32-xl {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.margin-x-32-xl {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 1400px) {
.padding-x-32-xxl {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1400px) {
.margin-x-32-xxl {
margin-left: 2rem;
margin-right: 2rem;
}
}
.padding-x-40 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.margin-x-40 {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
@media (min-width: 576px) {
.padding-x-40-sm {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 576px) {
.margin-x-40-sm {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-x-40-md {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 768px) {
.margin-x-40-md {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-x-40-lg {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 992px) {
.margin-x-40-lg {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-x-40-xl {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 1200px) {
.margin-x-40-xl {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
@media (min-width: 1400px) {
.padding-x-40-xxl {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 1400px) {
.margin-x-40-xxl {
margin-left: 2.5rem;
margin-right: 2.5rem;
}
}
.padding-x-s {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.margin-x-s {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
@media (min-width: 576px) {
.padding-x-s-sm {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-x-s-sm {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-x-s-md {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-x-s-md {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-x-s-lg {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-x-s-lg {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-x-s-xl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-x-s-xl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-x-s-xxl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-x-s-xxl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
}
.padding-x-sm {
padding-left: 1rem;
padding-right: 1rem;
}
.margin-x-sm {
margin-left: 1rem;
margin-right: 1rem;
}
@media (min-width: 576px) {
.padding-x-sm-sm {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 576px) {
.margin-x-sm-sm {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 768px) {
.padding-x-sm-md {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 768px) {
.margin-x-sm-md {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 992px) {
.padding-x-sm-lg {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 992px) {
.margin-x-sm-lg {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 1200px) {
.padding-x-sm-xl {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1200px) {
.margin-x-sm-xl {
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 1400px) {
.padding-x-sm-xxl {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1400px) {
.margin-x-sm-xxl {
margin-left: 1rem;
margin-right: 1rem;
}
}
.padding-x-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-x-md {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
@media (min-width: 576px) {
.padding-x-md-sm {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-x-md-sm {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-x-md-md {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-x-md-md {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-x-md-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-x-md-lg {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-x-md-xl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-x-md-xl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-x-md-xxl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-x-md-xxl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
}
.padding-x-lg {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-x-lg {
margin-left: 2rem;
margin-right: 2rem;
}
@media (min-width: 576px) {
.padding-x-lg-sm {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 576px) {
.margin-x-lg-sm {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 768px) {
.padding-x-lg-md {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 768px) {
.margin-x-lg-md {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 992px) {
.padding-x-lg-lg {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.margin-x-lg-lg {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 1200px) {
.padding-x-lg-xl {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1200px) {
.margin-x-lg-xl {
margin-left: 2rem;
margin-right: 2rem;
}
}
@media (min-width: 1400px) {
.padding-x-lg-xxl {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width: 1400px) {
.margin-x-lg-xxl {
margin-left: 2rem;
margin-right: 2rem;
}
}
.padding-x-xl {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-x-xl {
margin-left: 3rem;
margin-right: 3rem;
}
@media (min-width: 576px) {
.padding-x-xl-sm {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 576px) {
.margin-x-xl-sm {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media (min-width: 768px) {
.padding-x-xl-md {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 768px) {
.margin-x-xl-md {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media (min-width: 992px) {
.padding-x-xl-lg {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 992px) {
.margin-x-xl-lg {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media (min-width: 1200px) {
.padding-x-xl-xl {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 1200px) {
.margin-x-xl-xl {
margin-left: 3rem;
margin-right: 3rem;
}
}
@media (min-width: 1400px) {
.padding-x-xl-xxl {
padding-left: 3rem;
padding-right: 3rem;
}
}
@media (min-width: 1400px) {
.margin-x-xl-xxl {
margin-left: 3rem;
margin-right: 3rem;
}
}
.padding-x-xxl {
padding-left: 4rem;
padding-right: 4rem;
}
.margin-x-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
@media (min-width: 576px) {
.padding-x-xxl-sm {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 576px) {
.margin-x-xxl-sm {
margin-left: 4rem;
margin-right: 4rem;
}
}
@media (min-width: 768px) {
.padding-x-xxl-md {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 768px) {
.margin-x-xxl-md {
margin-left: 4rem;
margin-right: 4rem;
}
}
@media (min-width: 992px) {
.padding-x-xxl-lg {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 992px) {
.margin-x-xxl-lg {
margin-left: 4rem;
margin-right: 4rem;
}
}
@media (min-width: 1200px) {
.padding-x-xxl-xl {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1200px) {
.margin-x-xxl-xl {
margin-left: 4rem;
margin-right: 4rem;
}
}
@media (min-width: 1400px) {
.padding-x-xxl-xxl {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1400px) {
.margin-x-xxl-xxl {
margin-left: 4rem;
margin-right: 4rem;
}
}
.padding-y-4 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.margin-y-4 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
.padding-y-4-sm {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}
@media (min-width: 576px) {
.margin-y-4-sm {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
}
@media (min-width: 768px) {
.padding-y-4-md {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}
@media (min-width: 768px) {
.margin-y-4-md {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
}
@media (min-width: 992px) {
.padding-y-4-lg {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}
@media (min-width: 992px) {
.margin-y-4-lg {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
}
@media (min-width: 1200px) {
.padding-y-4-xl {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}
@media (min-width: 1200px) {
.margin-y-4-xl {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
}
@media (min-width: 1400px) {
.padding-y-4-xxl {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
}
@media (min-width: 1400px) {
.margin-y-4-xxl {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
}
.padding-y-8 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.margin-y-8 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
.padding-y-8-sm {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-y-8-sm {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-y-8-md {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-y-8-md {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-y-8-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-y-8-lg {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-8-xl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-y-8-xl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-y-8-xxl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-y-8-xxl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
.padding-y-16 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.margin-y-16 {
margin-top: 1rem;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.padding-y-16-sm {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 576px) {
.margin-y-16-sm {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.padding-y-16-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 768px) {
.margin-y-16-md {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.padding-y-16-lg {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 992px) {
.margin-y-16-lg {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.padding-y-16-xl {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.margin-y-16-xl {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1400px) {
.padding-y-16-xxl {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 1400px) {
.margin-y-16-xxl {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
.padding-y-24 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.margin-y-24 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
.padding-y-24-sm {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-y-24-sm {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-y-24-md {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-y-24-md {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-y-24-lg {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-y-24-lg {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-24-xl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-y-24-xl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-y-24-xxl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-y-24-xxl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
.padding-y-32 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.margin-y-32 {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.padding-y-32-sm {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 576px) {
.margin-y-32-sm {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 768px) {
.padding-y-32-md {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 768px) {
.margin-y-32-md {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 992px) {
.padding-y-32-lg {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 992px) {
.margin-y-32-lg {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.padding-y-32-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.margin-y-32-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1400px) {
.padding-y-32-xxl {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1400px) {
.margin-y-32-xxl {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.padding-y-40 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.margin-y-40 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
.padding-y-40-sm {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 576px) {
.margin-y-40-sm {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
@media (min-width: 768px) {
.padding-y-40-md {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 768px) {
.margin-y-40-md {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
.padding-y-40-lg {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 992px) {
.margin-y-40-lg {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-40-xl {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 1200px) {
.margin-y-40-xl {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
@media (min-width: 1400px) {
.padding-y-40-xxl {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
@media (min-width: 1400px) {
.margin-y-40-xxl {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
}
.padding-y-s {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.margin-y-s {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 576px) {
.padding-y-s-sm {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 576px) {
.margin-y-s-sm {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.padding-y-s-md {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 768px) {
.margin-y-s-md {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.padding-y-s-lg {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 992px) {
.margin-y-s-lg {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-s-xl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1200px) {
.margin-y-s-xl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (min-width: 1400px) {
.padding-y-s-xxl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
}
@media (min-width: 1400px) {
.margin-y-s-xxl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
.padding-y-sm {
padding-top: 1rem;
padding-bottom: 1rem;
}
.margin-y-sm {
margin-top: 1rem;
margin-bottom: 1rem;
}
@media (min-width: 576px) {
.padding-y-sm-sm {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 576px) {
.margin-y-sm-sm {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 768px) {
.padding-y-sm-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 768px) {
.margin-y-sm-md {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.padding-y-sm-lg {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 992px) {
.margin-y-sm-lg {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.padding-y-sm-xl {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 1200px) {
.margin-y-sm-xl {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media (min-width: 1400px) {
.padding-y-sm-xxl {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 1400px) {
.margin-y-sm-xxl {
margin-top: 1rem;
margin-bottom: 1rem;
}
}
.padding-y-md {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.margin-y-md {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
.padding-y-md-sm {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 576px) {
.margin-y-md-sm {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.padding-y-md-md {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 768px) {
.margin-y-md-md {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.padding-y-md-lg {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 992px) {
.margin-y-md-lg {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.padding-y-md-xl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 1200px) {
.margin-y-md-xl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
@media (min-width: 1400px) {
.padding-y-md-xxl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
@media (min-width: 1400px) {
.margin-y-md-xxl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
.padding-y-lg {
padding-top: 2rem;
padding-bottom: 2rem;
}
.margin-y-lg {
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 576px) {
.padding-y-lg-sm {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 576px) {
.margin-y-lg-sm {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 768px) {
.padding-y-lg-md {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 768px) {
.margin-y-lg-md {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 992px) {
.padding-y-lg-lg {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 992px) {
.margin-y-lg-lg {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.padding-y-lg-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1200px) {
.margin-y-lg-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media (min-width: 1400px) {
.padding-y-lg-xxl {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 1400px) {
.margin-y-lg-xxl {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
.padding-y-xl {
padding-top: 3rem;
padding-bottom: 3rem;
}
.margin-y-xl {
margin-top: 3rem;
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.padding-y-xl-sm {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 576px) {
.margin-y-xl-sm {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (min-width: 768px) {
.padding-y-xl-md {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 768px) {
.margin-y-xl-md {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (min-width: 992px) {
.padding-y-xl-lg {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 992px) {
.margin-y-xl-lg {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (min-width: 1200px) {
.padding-y-xl-xl {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 1200px) {
.margin-y-xl-xl {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
@media (min-width: 1400px) {
.padding-y-xl-xxl {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (min-width: 1400px) {
.margin-y-xl-xxl {
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.padding-y-xxl {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-y-xxl {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media (min-width: 576px) {
.padding-y-xxl-sm {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 576px) {
.margin-y-xxl-sm {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (min-width: 768px) {
.padding-y-xxl-md {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 768px) {
.margin-y-xxl-md {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (min-width: 992px) {
.padding-y-xxl-lg {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 992px) {
.margin-y-xxl-lg {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (min-width: 1200px) {
.padding-y-xxl-xl {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 1200px) {
.margin-y-xxl-xl {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
@media (min-width: 1400px) {
.padding-y-xxl-xxl {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 1400px) {
.margin-y-xxl-xxl {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
/**** BREAKPOINTS PERSONALIZADOS ****/
.solution-needs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
padding: 40px 64px;
}
.solution-needs__solution-box {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 64px 64px 48px 64px;
border-radius: 32px;
gap: 40px;
background-color: #f1f6f8;
}
.solution-needs__section-title {
font-size: 48px;
line-height: 40px;
font-weight: bold;
line-height: 56px;
color: #020507;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
}
.solution-needs__section-title:empty {
display: none;
}
.solution-needs__subtitle {
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #020507;
}
.solution-needs__description {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
color: #000000;
}
.solution-needs__img {
border-radius: 32px;
width: 100%;
height: 422px;
object-fit: cover;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
aspect-ratio: 14/5;
}
@media (max-width: 1023px) {
.solution-needs__img {
height: 294px;
}
}
@media (max-width: 767px) {
.solution-needs__img {
height: 228.5px;
}
}
@media (max-width: 392px) {
.solution-needs__img {
height: 280px;
}
}
.solution-needs__solution-content {
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.solution-needs__text-content, .solution-needs__solution-cards {
-ms-flex: 1;
flex: 1;
}
.solution-needs__solution-cards .card-text-description-link {
background-color: white;
gap: 24px;
}
.solution-needs__solution-cards .card-text-description-link:hover {
background-color: #e3f2f0;
}
.solution-needs__solution-cards .field--name-field-solution-cards {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.solution-needs__text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
max-width: 480px;
gap: 16px;
}
@media screen and (max-width: 1079px) {
.solution-needs {
padding: 40px 32px;
}
.solution-needs__solution-box {
padding: 32px;
}
.solution-needs__solution-content {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: start;
}
.solution-needs__solution-content .solution-needs__text-content,
.solution-needs__solution-content .solution-needs__solution-cards {
width: 100%;
}
.solution-needs__solution-content .solution-needs__text-container {
max-width: 70%;
}
}
@media screen and (max-width: 767px) {
.solution-needs__solution-box {
padding: 16px 16px 48px 16px;
}
.solution-needs__solution-content {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 570px) {
.solution-needs {
padding: 20px 16px;
}
}
.field--name-field-hcs-solutions-headline .field--item:last-child .solution-needs {
padding-bottom: 80px;
}
.news-letter {
padding: 80px 100px;
}
.news-letter__container {
padding: 80px;
background: radial-gradient(circle at bottom left, #d0e8de 0%, #f8fbfc 100%);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
gap: 8px;
border-radius: 24px;
text-align: center;
}
@media (max-width: 1024px) {
.news-letter__container {
padding: 20px;
}
}
.news-letter__title {
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #020507;
margin: 0;
}
.news-letter__subtitle {
font-family: "Mundial-Light", sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 28px;
color: #020507;
margin: 0;
width: -moz-max-content;
width: max-content;
}
@media (max-width: 1024px) {
.news-letter__subtitle {
width: auto;
}
}
@media (max-width: 1024px) {
.news-letter {
padding: 40px 32px;
}
}
.page-node-type-hcs-solution-template .paragraph--type--hcs-hero-cta .hero-cta__button {
padding-top: 16px;
padding-bottom: 16px;
background: #008554;
}
.page-node-type-hcs-solution-template .paragraph--type--hcs-hero-cta .hero-cta__button a {
font-size: 20px;
line-height: 28px;
}
.page-node-type-hcs-solution-template .paragraph--type--hcs-hero-cta .hero-cta__button:hover {
background: #005d3f;
}
.solution-template .career-testimonial-container {
background: #E8EFFF;
}
.solution-template .career-testimonial-container__content__quote-text {
color: #1E4FBD;
}
.solution-template .career-testimonial-container__content__profile-wrapper__image {
border-color: #1E4FBD;
}
.solution-template .career-testimonial-container__content__profile-wrapper__name {
color: #020507;
}
.solution-template .career-testimonial-container__content__profile-wrapper__position {
color: #45545C;
}
.solution-template-blank .solution-needs__solution-box {
background-color: transparent;
}
.solution-template-blank .card-text-description-link {
background-color: #F1F6F8;
}
.trusted-by-section {
margin: 8rem 0 8rem 12rem;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
@media (max-width: 786px) {
.trusted-by-section {
margin: 80px 0px 80px 32px;
}
}
.trusted-by-section__header {
margin-right: 120px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.trusted-by-section__header__label {
text-transform: capitalize;
margin-bottom: 1rem;
}
.trusted-by-section__header__title {
color: #020507;
font-family: "Mundial-Regular", sans-serif;
font-size: 32px;
font-weight: bold;
line-height: 40px;
}
.trusted-by-section__header__title span {
font-family: "Mundial-Light", sans-serif;
}
.trusted-by-section__header__pages {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: end;
gap: 8px;
}
@media (max-width: 786px) {
.trusted-by-section__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: self-start;
align-items: self-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
.field--name-field-tbc-cards {
display: -ms-flexbox;
display: flex;
gap: 16px;
padding-bottom: 1rem;
overflow-x: hidden !important;
position: relative;
}
.field--name-field-tbc-cards > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
scroll-snap-align: start;
}
.solution-designed {
padding: 80px;
}
@media (max-width: 738px) {
.solution-designed {
padding: 16px;
}
}
.solution-designed__container {
display: -ms-flexbox;
display: flex;
gap: 56px;
padding: 40px 40px 128px 40px;
-ms-flex-pack: center;
justify-content: center;
border-radius: 32px;
}
.solution-designed__title {
font-size: 48px;
color: white;
font-weight: bold;
line-height: 56px;
}
.solution-designed .field--name-field-designed-fy-cards {
padding: 0px 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
justify-self: center;
margin-top: -100px;
}
html {
overflow-x: hidden;
}
.normalize-span {
font-family: "Mundial-Light", sans-serif;
padding-left: 15%;
padding-right: 15%;
font-weight: 300;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Hair.otf") format("opentype");
font-family: "Mundial-Hair";
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-HairItalic.otf") format("opentype");
font-family: "Mundial-Hair-Italic";
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Thin.otf") format("opentype");
font-family: "Mundial-Thin";
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-ThinItalic.otf") format("opentype");
font-family: "Mundial-Thin-Italic";
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Light.otf") format("opentype");
font-family: "Mundial-Light";
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-LightItalic.otf") format("opentype");
font-family: "Mundial-Light-Italic";
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Regular.otf") format("opentype");
font-family: "Mundial-Regular";
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Italic.otf") format("opentype");
font-family: "Mundial-Italic";
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Demibold.otf") format("opentype");
font-family: "Mundial-Demibold";
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-DemiboldItalic.otf") format("opentype");
font-family: "Mundial-Demibold-Italic";
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Bold.otf") format("opentype");
font-family: "Mundial-Bold";
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BoldItalic.otf") format("opentype");
font-family: "Mundial-Bold-Italic";
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-Black.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: "Mundial";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Mundial-BlackItalic.otf") format("opentype");
font-family: "Mundial-Black-Italic";
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Light.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Medium.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Medium.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Helvetica";
font-display: swap;
src: url("../../../../presentation/static/assets/fonts/Helvetica-Bold.woff2") format("woff2"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.ttf") format("truetype"), url("../../../../presentation/static/assets/fonts/Helvetica-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
/**** BREAKPOINTS ****/
/**** MEDIA QUERIES ****/
/**** CUSTOM QUERIES ****/
.custom-breadcrumb-wrapper {
position: relative;
}
.custom-breadcrumb {
position: absolute;
top: 114px;
left: 110px;
right: 0;
z-index: 10;
background-color: transparent;
}
@media screen and (max-width: 1023px) {
.custom-breadcrumb {
left: 120px;
}
}
@media screen and (max-width: 767px) {
.custom-breadcrumb {
left: 35px;
}
}
.custom-breadcrumb__item {
gap: 1rem;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.custom-breadcrumb__item__link {
color: inherit;
text-decoration: none;
cursor: text;
}
.custom-breadcrumb__item__link:hover {
text-decoration: none;
cursor: pointer;
}
.custom-breadcrumb__item__last-item {
color: #008554;
}
.custom-breadcrumb.breadcrumb--inverted a, .custom-breadcrumb.breadcrumb--inverted span {
color: #FFFFFF;
font-family: Mundial-Light, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 24px;
}
.custom-breadcrumb.breadcrumb--inverted svg path {
fill: #FFFFFF;
}
.card-wrapper {
padding: 14rem 12rem 10rem 12rem;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1479px) {
.card-wrapper {
padding: 10rem;
padding-bottom: 5.6rem;
}
}
@media screen and (max-width: 1279px) {
.card-wrapper {
padding: 8rem;
padding-bottom: 3.6rem;
}
}
@media screen and (max-width: 767px) {
.card-wrapper {
padding: 4rem 1.6rem;
display: block;
}
}
.card-wrapper__header-component {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 100px;
letter-spacing: -2px;
width: 55%;
}
@media screen and (max-width: 1799px) {
.card-wrapper__header-component {
font-size: 80px;
line-height: 1;
letter-spacing: -1.6px;
}
}
@media screen and (max-width: 1479px) {
.card-wrapper__header-component {
font-size: 68px;
line-height: 1;
letter-spacing: -1.36px;
}
}
@media screen and (max-width: 1279px) {
.card-wrapper__header-component {
font-size: 40px;
line-height: 1;
letter-spacing: -0.8px;
}
}
@media screen and (max-width: 767px) {
.card-wrapper__header-component {
font-size: 30px;
letter-spacing: -0.6px;
}
}
@media screen and (max-width: 767px) {
.card-wrapper__header-component {
margin-bottom: 1.2rem;
width: 100%;
}
}
.card-wrapper__switch-component {
width: 35%;
margin-left: 10%;
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
}
@media screen and (max-width: 1799px) {
.card-wrapper__switch-component {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.card-wrapper__switch-component {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.card-wrapper__switch-component {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.card-wrapper__switch-component {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.card-wrapper__switch-component {
width: 100%;
margin-left: 0;
}
}
.services-wrapper {
padding: 0rem 12rem 8rem 12rem;
width: 100%;
}
@media screen and (max-width: 1479px) {
.services-wrapper {
padding: 0rem 10rem 8rem 10rem;
}
}
@media screen and (max-width: 1279px) {
.services-wrapper {
padding: 0rem 8rem 6rem 8rem;
}
}
@media screen and (max-width: 767px) {
.services-wrapper {
padding: 1rem 1.6rem 8rem 1.6rem;
background-color: #ffffff;
}
}
.service-container {
background-color: #ffffff;
border-radius: 50px;
padding: 4rem;
transition: 0.5s;
position: relative;
width: 100%;
}
@media screen and (max-width: 1479px) {
.service-container {
padding: 3.2rem;
}
}
@media screen and (max-width: 1279px) {
.service-container {
padding: 2rem;
}
}
@media screen and (max-width: 767px) {
.service-container {
width: 100%;
padding: 1.6rem 0rem;
margin: 0px;
border-radius: 0;
margin-top: 0.2rem;
position: relative;
}
}
.service-container a:hover {
text-decoration: none;
}
.service-container__image-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.service-container__image-before-hover {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
width: 15rem;
height: 15rem;
}
@media screen and (max-width: 1479px) {
.service-container__image-before-hover {
width: 12.5rem;
height: 12.5rem;
}
}
@media screen and (max-width: 1279px) {
.service-container__image-before-hover {
width: 10rem;
height: 10rem;
}
}
@media screen and (max-width: 767px) {
.service-container__image-before-hover {
display: none;
}
}
.service-container__image-after-hover {
display: none;
}
@media screen and (max-width: 767px) {
.service-container__image-after-hover {
display: none;
}
}
.service-container__title {
font-family: Mundial-Regular, sans-serif;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
font-family: Mundial-Thin, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
color: #113546;
margin-top: 4rem;
}
@media screen and (max-width: 1799px) {
.service-container__title {
font-size: 32px;
line-height: 1;
letter-spacing: -0.64px;
}
}
@media screen and (max-width: 1479px) {
.service-container__title {
font-size: 28px;
line-height: 1;
letter-spacing: -0.56px;
}
}
@media screen and (max-width: 1279px) {
.service-container__title {
font-size: 16px;
line-height: 1;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.service-container__title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.48px;
}
}
@media screen and (max-width: 767px) {
.service-container__title {
padding: 0rem 1.6rem;
margin: 0;
}
}
.service-container__service-type {
font-family: Mundial-Regular, sans-serif;
letter-spacing: normal;
font-weight: normal;
line-height: 1.4;
font-family: Mundial-Thin, sans-serif;
font-size: 24px;
letter-spacing: -0.48px;
color: #113546;
margin-bottom: 4rem;
}
@media screen and (max-width: 1799px) {
.service-container__service-type {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.4px;
}
}
@media screen and (max-width: 1479px) {
.service-container__service-type {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 1279px) {
.service-container__service-type {
font-size: 12px;
line-height: 1.4;
letter-spacing: -0.24px;
}
}
@media screen and (max-width: 767px) {
.service-container__service-type {
font-size: 16px;
line-height: 1.4;
letter-spacing: -0.32px;
}
}
@media screen and (max-width: 767px) {
.service-container__service-type {
padding: 0rem 1.6rem;
margin: 0;
}
}
.service-container__arrow {
width: 5.6rem;
height: 5.6rem;
border-radius: 50%;
position: absolute;
bottom: 5%;
right: 5%;
}
@media screen and (max-width: 1479px) {
.service-container__arrow {
width: 4.8rem;
height: 4.8rem;
bottom: 6%;
right: 8%;
}
}
@media screen and (max-width: 1279px) {
.service-container__arrow {
width: 4rem;
height: 4rem;
bottom: 6%;
right: 10%;
}
}
@media screen and (max-width: 767px) {
.service-container__arrow {
width: 2.8rem;
height: 2.8rem;
position: absolute;
top: 30%;
right: 5%;
}
}
.service-container__arrow--arrow-before-hover-desktop {
width: 56px;
height: 5.6rem;
display: block;
}
@media screen and (max-width: 1479px) {
.service-container__arrow--arrow-before-hover-desktop {
width: 4.8rem;
height: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.service-container__arrow--arrow-before-hover-desktop {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 767px) {
.service-container__arrow--arrow-before-hover-desktop {
width: 2.8rem;
height: 2.8rem;
display: none;
}
}
.service-container__arrow--arrow-before-hover-mob {
width: 56px;
height: 5.6rem;
display: none;
}
@media screen and (max-width: 1479px) {
.service-container__arrow--arrow-before-hover-mob {
width: 4.8rem;
height: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.service-container__arrow--arrow-before-hover-mob {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 767px) {
.service-container__arrow--arrow-before-hover-mob {
width: 2.8rem;
height: 2.8rem;
display: block;
}
}
.service-container__arrow--arrow-after-hover-desktop {
display: none;
}
@media screen and (max-width: 767px) {
.service-container__arrow--arrow-after-hover-desktop {
display: none;
}
}
.service-container__arrow--arrow-after-hover-mob {
display: none;
}
@media screen and (max-width: 767px) {
.service-container__arrow--arrow-after-hover-mob {
display: none;
}
}
.service-container:hover {
background-color: #00d17c;
}
@media screen and (max-width: 767px) {
.service-container:hover {
background-color: #f4f6f8;
border-radius: 20px;
transition: 0.5s;
}
}
.service-container:hover .service-container__image-before-hover {
display: none;
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__image-before-hover {
display: none;
}
}
.service-container:hover .service-container__image-after-hover {
display: block;
-ms-flex-pack: end;
justify-content: flex-end;
width: 15rem;
height: 15rem;
}
@media screen and (max-width: 1479px) {
.service-container:hover .service-container__image-after-hover {
width: 12.5rem;
height: 12.5rem;
}
}
@media screen and (max-width: 1279px) {
.service-container:hover .service-container__image-after-hover {
width: 10rem;
height: 10rem;
}
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__image-after-hover {
display: none;
}
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__title {
background-color: #f4f6f8;
transition: 0.5s;
margin: 0;
}
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__service-type {
background-color: #f4f6f8;
transition: 0.5s;
margin: 0;
}
}
.service-container:hover .service-container__arrow--arrow-before-hover-desktop {
display: none;
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__arrow--arrow-before-hover-desktop {
display: none;
}
}
.service-container:hover .service-container__arrow--arrow-after-hover-desktop {
display: block;
width: 56px;
height: 5.6rem;
}
@media screen and (max-width: 1479px) {
.service-container:hover .service-container__arrow--arrow-after-hover-desktop {
width: 4.8rem;
height: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.service-container:hover .service-container__arrow--arrow-after-hover-desktop {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__arrow--arrow-after-hover-desktop {
width: 2.8rem;
height: 2.8rem;
display: none;
}
}
.service-container:hover .service-container__arrow--arrow-before-hover-mob {
display: none;
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__arrow--arrow-before-hover-mob {
display: none;
}
}
.service-container:hover .service-container__arrow--arrow-after-hover-mob {
width: 56px;
height: 5.6rem;
display: none;
}
@media screen and (max-width: 1479px) {
.service-container:hover .service-container__arrow--arrow-after-hover-mob {
width: 4.8rem;
height: 4.8rem;
}
}
@media screen and (max-width: 1279px) {
.service-container:hover .service-container__arrow--arrow-after-hover-mob {
width: 4rem;
height: 4rem;
}
}
@media screen and (max-width: 767px) {
.service-container:hover .service-container__arrow--arrow-after-hover-mob {
width: 2.8rem;
height: 2.8rem;
display: block;
}
}
.services-wrapper .field--items {
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.services-wrapper .field--items {
display: block;
}
}
.services-wrapper .field--item {
display: -ms-flexbox;
display: flex;
width: 23%;
margin-right: 2%;
}
@media screen and (max-width: 767px) {
.services-wrapper .field--item {
display: block;
width: 100%;
margin: 0;
}
.services-wrapper .field--item:last-child .horizontal-line {
display: none;
}
}
.horizontal-line {
display: none;
}
@media screen and (max-width: 767px) {
.horizontal-line {
display: block;
padding: 0.2rem 3.2rem 0.2rem 3.2rem;
border-bottom: 2px solid #f4f6f8;
}
}
@media screen and (max-width: 767px) {
.card-wrapper-field.dark-color-container {
color: #113546;
}
.card-wrapper-field.dark-color-container .card-wrapper {
background-color: #ffffff;
}
}
body {
color: #113546;
background-color: #ffffff;
margin: 0;
padding: 0;
margin: 0 auto !important;
min-width: 350px !important;
}
.dark-color-container {
background-color: #113546;
color: #ffffff;
background-image: url("/themes/custom/aptia/presentation/static/assets/images/Gradient.svg");
}
.light-color-container {
background-color: #ffffff;
background-image: none;
}
.container-with-curve {
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}
.row {
margin: 0;
}
.text-green {
color: #00d17c !important;
}
li::marker {
color: #00d17c;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
}
input[type=number] {
-moz-appearance: textfield;
}
.layout-wrapper {
max-width: 1376px;
margin-left: auto !important;
margin-right: auto !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
/*# sourceMappingURL=main.css.map */