@charset "UTF-8"; /** Theme Name: Utelogy Author: VisionSharp Version: 1.0.0 */ @import "https://use.typekit.net/wrl6nav.css"; @import url(node_modules/@fortawesome/fontawesome-pro/css/all.min.css); :root { --colour-white: #ffffff; --colour-black: #000000; --colour-light-grey: #F5F5F5; --colour-light-blue: #EDF8FC; --colour-orange: #FF6E1F; --colour-blue: #0C6DFB; --colour-green: #7DBA3D; --colour-cyan: #29ACE0; } .text-white { color: var(--colour-white); } .bg-white { background-color: var(--colour-white); } .text-black { color: var(--colour-black); } .bg-black { background-color: var(--colour-black); } .text-light-grey { color: var(--colour-light-grey); } .bg-light-grey { background-color: var(--colour-light-grey); } .text-light-blue { color: var(--colour-light-blue); } .bg-light-blue { background-color: var(--colour-light-blue); } .text-orange { color: var(--colour-orange); } .bg-orange { background-color: var(--colour-orange); } .text-blue { color: var(--colour-blue); } .bg-blue { background-color: var(--colour-blue); } .text-green { color: var(--colour-green); } .bg-green { background-color: var(--colour-green); } .text-cyan { color: var(--colour-cyan); } .bg-cyan { background-color: var(--colour-cyan); } /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { scroll-behavior: smooth; font-size: 10px; } @media (min-width: 992px) { html { font-size: 7.1145px; } } @media (min-width: 1280px) { html { font-size: 7.5px; } } @media (min-width: 1536px) { html { font-size: 10px; } } .body, .wp-block-post-content { font-weight: 300 !important; font-style: normal !important; font-size: 3rem !important; font-family: neue-haas-grotesk-display, sans-serif; line-height: 1.33 !important; color: #222222 !important; letter-spacing: 0.1rem !important; background-color: #F5F5F5 !important; -webkit-font-smoothing: antialiased; /* Chrome, Safari */ } html :where(.wp-block) { width: 100%; max-width: 100%; } img { display: block; } strong { font-weight: 600; } .container { margin-right: auto; margin-left: auto; width: 100%; padding-right: 2.0rem; padding-left: 2.0rem; } @media (min-width: 992px) { .container { max-width: 87.25%; } } @media (min-width: 992px) { .container-wide { max-width: 92.5%; } } .mobile { display: block; } @media (min-width: 992px) { .mobile { display: none; } } .desktop { display: none; } @media (min-width: 992px) { .desktop { display: block; } } .PoetsenOne { font-family: "Poetsen One", sans-serif; letter-spacing: 0; } .btn { height: 5.1rem; font-size: 1.6rem; font-weight: 500; letter-spacing: 0.5px; background-color: #FF6E1F; color: #fff !important; border-radius: 2.55rem; display: inline-flex; align-items: center; padding-left: 1.6rem; padding-right: 1.6rem; cursor: pointer; text-decoration: none !important; } @media (min-width: 992px) { .btn { height: 6.5rem; font-size: 2rem; padding-left: 2.1rem; padding-right: 2.1rem; border-radius: 3.25rem; } } .btn i { margin-left: 1.5rem; } @media (min-width: 992px) { .btn i { margin-left: 4.5rem; } } .btn-black { background-color: #222222; } .btn-clear { background-color: transparent; border: 0.2rem solid #222222; color: #222222 !important; } @media (min-width: 992px) { .btn-clear { border: 0.3rem solid #222222; } } .btn-small { height: 3.9rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-top: 1rem; } @media (min-width: 992px) { .btn-small { height: 3.9rem; font-size: 1.6rem; } } .btn-small i { margin-left: 5rem; } .desktop { display: none; } @media (min-width: 992px) { .desktop { display: block; } } .mobile { display: block; } @media (min-width: 992px) { .mobile { display: none; } } .header { position: fixed; z-index: 100; width: 100%; position: fixed; top: 0; left: 0; } .header-active { background-color: #FF6E1F; } .header-active .header_flex { padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 992px) { .header-active .header_flex { padding-top: 1.5rem; padding-bottom: 1.5rem; } } .header-active .header_logo { max-width: 4.2rem; } @media (min-width: 992px) { .header-active .header_logo { max-width: 9.2rem; } } .header-active .header_menu_link { color: #ffffff; } .header-active .header_navigation { background-color: #FF6E1F; } @media (min-width: 992px) { .header-active .header_navigation { background-color: none; } } .header-active .header_mobileMenu_text { color: #ffffff; } .header-active .header_menu_children .header_menu_link { color: #ffffff; } .header-active .burger_top, .header-active .burger_bottom { background: #ffffff; } .header-active .burger-active .burger_top, .header-active .burger-active .burger_bottom { background: #ffffff; } .header_mobileMenu { display: block; font-size: 1.6rem; position: absolute; top: 3rem; right: 2rem; cursor: pointer; } @media (min-width: 992px) { .header_mobileMenu { display: none; } } .header_mobileMenu_text { color: #222222; transition: all .3s ease; } .header_flex { display: flex; justify-content: space-between; padding-top: 2.7rem; padding-bottom: 3.9rem; } .header_logo { width: 100%; max-width: 11.612rem; display: block; position: relative; z-index: 1; } @media (min-width: 992px) { .header_logo { max-width: 24.583rem; } } .header_navigation { display: none; position: fixed; left: 0; top: 0; width: 100%; background: #F5F5F5; } @media (min-width: 992px) { .header_navigation { display: flex !important; align-items: center; position: relative; top: auto; background: none; width: auto; } } .header_menu { display: flex; flex-direction: column; padding-top: 9rem; } @media (min-width: 992px) { .header_menu { flex-direction: row; padding-top: 0; } } .header_menu_chevron { transition: all .3s ease; } .header_menu_chevron-active { transform: rotate(180deg); } .header_menu_item { position: relative; } @media (min-width: 992px) { .header_menu_item { margin-right: 5rem; } } .header_menu_link { font-size: 2rem; line-height: 1; font-weight: 400; letter-spacing: 0.5px; color: #222222; padding: 1.7rem; width: 100%; display: inline-block; text-align: center; } @media (min-width: 992px) { .header_menu_link { padding: 0; width: auto; text-align: left; } } .header_menu_link i { margin-left: 1rem; font-size: 1.5rem; } .header_menu_children { display: none; } @media (min-width: 992px) { .header_menu_children { position: absolute; top: 8rem; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: all .3s ease-in-out; background-color: #FF6E1F; padding: 2rem; width: 32rem; } } @media (min-width: 992px) { .header_menu_children:after { content: ''; position: absolute; top: -1rem; height: 1rem; background-color: #fff; width: 10rem; left: 0; } } .header_menu_children .header_menu_link { font-size: 1.6rem; } @media (min-width: 992px) { .header_menu_children .header_menu_link { font-size: 2rem; color: #fff; } } .header_menu_contact { width: 100%; text-align: center; padding-top: 1.5rem; padding-bottom: 3rem; } @media (min-width: 992px) { .header_menu_contact { width: auto; padding: 0; } } @media (min-width: 992px) { .header_menu_item:hover .header_menu_children { opacity: 1; visibility: visible; } } .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.85); justify-content: center; align-items: center; z-index: 9999; display: none; opacity: 0; transition: all 0.3s ease; padding-left: 2rem; padding-right: 3.7rem; } @media (min-width: 992px) { .modal { padding-right: 4rem; } } .modal-active { display: flex; opacity: 1; } .modal_container { width: 100%; max-width: 95rem; position: relative; } .modal_container:before { content: ""; display: block; clear: both; background-color: #82c13f; width: 100%; height: 100%; margin-left: 1.6rem; margin-top: -1.6rem; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 2rem; } @media (min-width: 992px) { .modal_container:before { margin-left: 2rem; margin-top: -2rem; } } .modal_body { padding-left: 2rem; padding-right: 2rem; background-color: #fff; border-radius: 2rem; position: relative; z-index: 2; padding: 2rem; position: relative; } @media (min-width: 992px) { .modal_body { padding: 5rem; } } .modal_body .gform_wrapper.gravity-theme .gform_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1.6rem; letter-spacing: 0; margin-right: 5rem; } @media (min-width: 992px) { .modal_body .gform_wrapper.gravity-theme .gform_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; margin-right: 7rem; } } .modal_close { position: absolute; right: 2rem; top: 2rem; } @media (min-width: 992px) { .modal_close { right: 5rem; top: 5rem; } } .modal .gform_body { width: 100%; } @media (min-width: 992px) { .modal .gform_body { max-width: 86%; margin-left: auto; margin-right: auto; } } .modal .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 2rem; grid-row-gap: 0.5rem; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 1rem; } } .modal .gform_wrapper.gravity-theme .gfield_label { font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; font-weight: 500; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gfield_label { font-size: 2rem; } } .modal .gform_wrapper.gravity-theme .gfield input.large, .modal .gform_wrapper.gravity-theme .gfield select.large { background-color: #F5F5F5; border-radius: 1rem; height: 4rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gfield input.large, .modal .gform_wrapper.gravity-theme .gfield select.large { height: 5rem; } } .modal .gform_wrapper.gravity-theme .gfield textarea.large { background-color: #F5F5F5; border-radius: 1rem; height: 15rem; padding-left: 2rem; padding-right: 2rem; } .modal .gform_wrapper.gravity-theme .gform_footer { margin-top: 0; margin-bottom: 0; padding-bottom: 0; justify-content: center; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gform_footer { margin-top: 2.5rem; } } .modal .gform_wrapper.gravity-theme .gform_footer button { height: 5rem; font-size: 1.6rem; font-weight: 500; background-color: #FF6E1F; color: #fff; border-radius: 2.5rem; display: flex; align-items: center; padding-left: 1.6rem; padding-right: 1.6rem; letter-spacing: 0; cursor: pointer; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gform_footer button { height: 6.5rem; font-size: 2rem; padding-left: 2.1rem; padding-right: 2.1rem; border-radius: 3.25rem; letter-spacing: 0.05rem; } } .modal .gform_wrapper.gravity-theme .gform_footer button i { margin-left: 2.7rem; } @media (min-width: 992px) { .modal .gform_wrapper.gravity-theme .gform_footer button i { margin-left: 4.5rem; } } .footer { background-color: #E5E5E5; padding-top: 5.9rem; padding-bottom: 3.2rem; } @media (min-width: 992px) { .footer { padding-top: 15rem; padding-bottom: 5rem; } } .footer_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 5rem; } @media (min-width: 992px) { .footer_flex { margin-bottom: 10rem; flex-wrap: nowrap; } } .footer_flex-bottom { margin-bottom: 0; } .footer_flex_column:nth-child(1) { width: 100%; } @media (min-width: 992px) { .footer_flex_column:nth-child(1) { max-width: 23.27%; margin-right: 20rem; } } .footer_flex_column:nth-child(2) { width: 100%; } @media (min-width: 992px) { .footer_flex_column:nth-child(2) { max-width: 11.62%; margin-right: 20rem; } } .footer_flex_column:nth-child(3) { width: 100%; } @media (min-width: 992px) { .footer_flex_column:nth-child(3) { max-width: 38%; } } .footer_flex_column_title { margin-bottom: 2rem; font-weight: 700; font-size: 2rem; line-height: 1.2; letter-spacing: 0; } @media (min-width: 992px) { .footer_flex_column_title { margin-bottom: 3.5rem; font-size: 3rem; } } .footer_flex_column_flex { display: flex; } .footer_flex_column_list { width: 100%; padding-bottom: 3rem; } @media (min-width: 992px) { .footer_flex_column_list { padding-bottom: 0; } } .footer_flex_column_list-half { max-width: 50%; } .footer_flex_column_list-half:nth-child(2) { text-align: right; display: flex; flex-direction: column; align-items: flex-end; } @media (min-width: 640px) { .footer_flex_column_list-half:nth-child(2) { align-items: flex-start; } } .footer_flex_column_item { margin-bottom: 2rem; display: flex; } @media (min-width: 992px) { .footer_flex_column_item { margin-bottom: 2.5rem; } } .footer_flex_column_link { font-size: 1.6rem; line-height: 1; } @media (min-width: 992px) { .footer_flex_column_link { font-size: 2rem; } } .footer_bottom { font-size: 1.2rem; font-weight: 400; margin-bottom: 2rem; } .footer_bottom:last-child { margin-bottom: 0; } @media (min-width: 992px) { .footer_bottom { font-size: 2rem; font-weight: 500; margin-bottom: 0; } } .footer_socials { display: flex; } .footer_social_link { width: 4rem; height: 4rem; border-radius: 50%; background-color: #222222; margin-right: 1rem; color: #F8F5EE; font-size: 2rem; display: flex; justify-content: center; align-items: center; } .burger { position: absolute; left: -55px; top: -10px; z-index: 9999; height: 55px; width: 55px; transition: all .3s ease; cursor: pointer; zoom: 0.5; } .burger_top, .burger_bottom { position: absolute; background: #222222; border: none; height: 2px; width: 50%; left: 50%; transform: translateX(-50%); transition: all .3s ease; } .burger_top { top: 17px; } .burger_bottom { top: 37px; } .burger-active .burger_top { transform: translateY(11px) translateX(-50%) rotate(45deg); background: #222222; } .burger-active .burger_bottom { transform: translateY(-9px) translateX(-50%) rotate(-45deg); background: #222222; } .wysiwyg h1 { font-size: 4rem; line-height: 1; margin-bottom: 2rem; font-weight: 600; letter-spacing: 0; } @media (min-width: 992px) { .wysiwyg h1 { font-size: 5rem; margin-bottom: 5rem; letter-spacing: 0.05rem; } } .wysiwyg h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 5rem; font-weight: 300; } @media (min-width: 992px) { .wysiwyg h2 { font-size: 3rem; margin-bottom: 3rem; } } .wysiwyg p { font-size: 1.6rem; line-height: 1.56; padding-bottom: 3.3rem; font-weight: 300; } @media (min-width: 992px) { .wysiwyg p { font-size: 2rem; line-height: 2; padding-bottom: 4rem; } } .wysiwyg p:last-child { padding-bottom: 0; } .wysiwyg a { color: #FF6E1F; font-weight: 700; text-decoration: underline; } .wysiwyg a:hover { text-decoration: none; } .wysiwyg blockquote { background-color: #fff; padding: 3rem; border-radius: 2rem; margin-bottom: 5rem; background-image: url(assets/images/casestudyquote.svg); background-repeat: no-repeat; background-position: top 0 right 1rem; background-size: 9.36rem; } @media (min-width: 992px) { .wysiwyg blockquote { background-size: 19rem; background-position: top right; margin-bottom: 3rem; } } .wysiwyg blockquote p { font-weight: 400; font-size: 1.6rem; line-height: 1.56; font-style: italic; } @media (min-width: 992px) { .wysiwyg blockquote p { font-size: 2.5rem; line-height: 1.5; } } .singleNews { padding-top: 9.3rem; padding-bottom: 10rem; position: relative; } @media (min-width: 992px) { .singleNews { padding-top: 19.4rem; padding-bottom: 15rem; background-image: url("assets/images/singleNewsTop.svg"); background-position: center top; background-repeat: no-repeat; background-size: 100%; } } @media (min-width: 992px) { .singleNews:after { content: ''; background-image: url("assets/images/singleNewsBottom.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 50.2rem; } } @media (min-width: 992px) { .singleNews_container { max-width: 56.5%; } } .singleNews_post { position: relative; z-index: 2; } .singleNews_post_title { font-size: 4rem; line-height: 1; font-weight: 600; margin-bottom: 2.1rem; } @media (min-width: 992px) { .singleNews_post_title { font-size: 6rem; } } .singleNews_post_subTitle { font-size: 2.5rem; line-height: 1.2; font-weight: 300; margin-bottom: 3rem; } @media (min-width: 992px) { .singleNews_post_subTitle { font-size: 3rem; line-height: 1.33; } } .singleNews_post_thumbnail { position: relative; margin-bottom: 3rem; } .singleNews_post_thumbnail img { width: 100%; max-width: 100%; border-radius: 2rem; } @media (min-width: 992px) { .singleNews_post_thumbnail img { border-bottom-right-radius: 4rem; } } @media (min-width: 992px) { .singleNews_post_thumbnail_subtraction { position: absolute; bottom: 0; right: 0; background-image: url("assets/images/subtraction.svg"); background-size: cover; width: 20rem; height: 20rem; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 1; } } .singleNews_post_content p { font-size: 2rem; line-height: 2; margin-bottom: 3rem; } .singleNews_post_content h2 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 3rem; font-weight: 300; } @media (min-width: 992px) { .singleNews_post_content h2 { font-size: 3rem; line-height: 1.33; } } .singleBlog { padding-top: 9.3rem; padding-bottom: 10rem; } @media (min-width: 992px) { .singleBlog { padding-top: 19.4rem; padding-bottom: 15rem; } } @media (min-width: 992px) { .singleBlog_flex { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } } .singleBlog_column { width: 100%; } .singleBlog_column:first-child { margin-bottom: 10rem; } @media (min-width: 992px) { .singleBlog_column:first-child { width: 60.5%; margin-bottom: 0; } } @media (min-width: 992px) { .singleBlog_column:last-child { width: 30%; } } .singleBlog_title { font-size: 4rem; line-height: 1; margin-bottom: 2rem; font-weight: 600; letter-spacing: 0; } @media (min-width: 992px) { .singleBlog_title { font-size: 6rem; margin-bottom: 5rem; letter-spacing: 0.05rem; } } .assetAutomation { padding-top: 7rem; padding-bottom: 6.6rem; background-color: #F5F5F5; } @media (min-width: 992px) { .assetAutomation { padding-top: 9rem; padding-bottom: 13rem; } } .assetAutomation_title { font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 5rem; text-align: center; } @media (min-width: 992px) { .assetAutomation_title { font-size: 6rem; line-height: 1.33; } } @media (min-width: 992px) { .assetAutomation_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10rem; } } .assetAutomation_item { margin-bottom: 5rem; } .assetAutomation_item:last-child { margin-bottom: 0; } @media (min-width: 992px) { .assetAutomation_item { margin-bottom: 0; } } .assetAutomation_icon { width: 6rem; height: 6rem; border-radius: 2rem; background-color: #000; line-height: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 1.9rem; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .assetAutomation_icon { width: 9.3rem; height: 9.3rem; margin-bottom: 3.7rem; } } .assetAutomation_icon img { width: 3.2rem; } @media (min-width: 992px) { .assetAutomation_icon img { width: 5rem; } } .assetAutomation_text { font-size: 1.6rem; line-height: 1.5; font-weight: 500; letter-spacing: 0; text-align: center; } @media (min-width: 992px) { .assetAutomation_text { font-size: 2.9rem; line-height: 1.16; } } .awards { padding-top: 9.3rem; padding-bottom: 11rem; } @media (min-width: 992px) { .awards { background-image: url(assets/images/portal-bg.svg); background-color: #fff; background-position: center top; background-repeat: no-repeat; background-size: 100%; padding-top: 18rem; padding-bottom: 15rem; } } .awards_title { font-size: 4rem; margin-bottom: 5rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .awards_title { text-align: center; font-size: 8rem; line-height: 1.5; } } .awards_posts { padding-bottom: 5rem; } @media (min-width: 992px) { .awards_posts { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 8rem; grid-row-gap: 10rem; padding-bottom: 10rem; } } .awards_post_thumbnail { width: 100%; margin-bottom: 2rem; position: relative; height: 0; padding-bottom: 56%; overflow: hidden; } .awards_post_thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .awards_post_title { font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .awards_post_title { font-size: 3rem; letter-spacing: 0.05rem; } } .awards_post_blurb { font-size: 2rem; margin-bottom: 1rem; } .awards_sub_title { font-size: 4rem; margin-bottom: 2.1rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .awards_sub_title { text-align: center; font-size: 6rem; line-height: 1.5; } } .banner { background-color: #F5F5F5; background-size: auto 100%; background-repeat: no-repeat; background-position: bottom right; padding-bottom: 5rem; } @media (min-width: 992px) { .banner { height: 88.9rem; padding-top: 16rem; padding-bottom: 0; } } @media (max-width: 992px) { .banner { background-image: none !important; } } .banner_column { width: 100%; } @media (min-width: 992px) { .banner_column { max-width: 50%; } } .banner_title { font-size: 6rem; line-height: 1; font-weight: 600; margin-bottom: 2rem; position: relative; z-index: 2; } @media (min-width: 992px) { .banner_title { font-size: 12rem; margin-bottom: 2.1rem; } } .banner_content { margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.2; position: relative; z-index: 2; } @media (min-width: 992px) { .banner_content { margin-bottom: 5rem; font-size: 3rem; line-height: 1.33; } } .banner_small_content { margin-bottom: 5rem; position: relative; z-index: 2; } .banner_small_content p { font-size: 2rem; font-weight: 300; line-height: 2; margin-bottom: 5rem; } .banner_buttons { display: flex; grid-gap: 2rem; position: relative; z-index: 2; } @media (min-width: 992px) { .banner_buttons { grid-gap: 3rem; } } .banner a { color: #FF6E1F; text-decoration: underline; } .banner_video { position: relative; z-index: 1; } @media (min-width: 992px) { .banner_video { position: absolute; right: 0; width: 50%; top: 8rem; } } .banner_video video { object-fit: cover; width: 100%; height: 100%; } .banner_mobile_image { width: 100%; max-width: 100%; margin-bottom: 1.9rem; } .banner_mobile_image img { width: 100%; max-width: 100%; } .bannerAbout { background-color: #F5F5F5; background-size: auto 100%; background-repeat: no-repeat; background-position: bottom right; padding-top: 14.3rem; padding-bottom: 5rem; } @media (min-width: 992px) { .bannerAbout { height: 88.9rem; padding-top: 13.1rem; padding-bottom: 0; } } @media (max-width: 992px) { .bannerAbout { background-image: none !important; } } .bannerAbout_column { width: 100%; margin-bottom: 5rem; } @media (min-width: 992px) { .bannerAbout_column { max-width: 50%; margin-bottom: 0; } } .bannerAbout_title { font-size: 6rem; line-height: 1; font-weight: 600; margin-bottom: 2rem; } @media (min-width: 992px) { .bannerAbout_title { font-size: 12rem; margin-bottom: 2.1rem; } } .bannerAbout_content { margin-bottom: 2.1rem; font-size: 2rem; line-height: 1; } @media (min-width: 992px) { .bannerAbout_content { margin-bottom: 5rem; font-size: 3rem; line-height: 1.33; } } .bannerAbout_small_content p { font-size: 1.6rem; line-height: 1.5; margin-bottom: 2.1rem; font-weight: 300; } @media (min-width: 992px) { .bannerAbout_small_content p { font-size: 2rem; line-height: 2; margin-bottom: 5rem; } } .bannerAbout_buttons { display: flex; grid-gap: 2rem; } @media (min-width: 992px) { .bannerAbout_buttons { grid-gap: 3rem; } } .bannerAbout a { color: #FF6E1F; text-decoration: underline; } .banner_mobile_image { width: 100%; max-width: 100%; margin-bottom: 1.9rem; } .banner_mobile_image img { width: 100%; max-width: 100%; } .benefits { padding-top: 7rem; padding-bottom: 10rem; background-color: #ffffff; } @media (min-width: 992px) { .benefits { padding-top: 13rem; padding-bottom: 15rem; } } .benefits_title { font-weight: 600; font-size: 3rem; line-height: 1; text-align: center; margin-bottom: 2rem; } @media (min-width: 992px) { .benefits_title { font-size: 5rem; line-height: 1.2; text-align: left; margin-bottom: 6.3rem; } } .benefits_grid { margin-bottom: 5rem; } @media (min-width: 992px) { .benefits_grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 3rem; grid-row-gap: 6.5rem; } } .benefits_item { margin-bottom: 5rem; text-align: center; } @media (min-width: 992px) { .benefits_item { margin-bottom: 0; text-align: left; } } .benefits_icon { width: 6rem; height: 6rem; border-radius: 2rem; background-color: #000; color: #ffffff; font-size: 3rem; line-height: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .benefits_icon { width: 10.7rem; height: 10.7rem; font-size: 5.3rem; margin-bottom: 3rem; margin-left: 0; } } .benefits_text { font-size: 1.6rem; line-height: 1.5; font-weight: 500; letter-spacing: 0; width: 100%; max-width: 75%; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .benefits_text { max-width: 96%; font-size: 3rem; line-height: 1.16; margin-left: 0; } } .benefits_button { text-align: center; } .block img { width: 100%; max-width: 100%; } .block_flex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .block-degree { padding-bottom: 2rem; position: relative; } @media (min-width: 992px) { .block-degree { padding-bottom: 3.8rem; } } .block-degree_content { margin-bottom: 5rem; } .block-degree_content p { font-size: 2rem; line-height: 1.5; } @media (min-width: 992px) { .block-degree_content p { font-size: 4rem; line-height: 1.25; } } .block-degree_container { max-width: 100%; } @media (min-width: 992px) { .block-degree_container { max-width: 87.75%; } } .block-degree_column { width: 100%; position: relative; max-width: 100%; } @media (min-width: 992px) { .block-degree_column:first-child { max-width: 38.225%; aspect-ratio: 1 / 1; } .block-degree_column:last-child { max-width: 56.70%; } } .block-degree_icon { border-radius: 2rem; display: flex; justify-content: center; align-items: center; color: #ffffff; position: absolute; transition: all 1s ease-in-out; } .block-degree_icon:nth-child(1) { background-color: rgba(13, 110, 253, 0.7); } .block-degree_icon:nth-child(2) { background-color: rgba(130, 193, 63, 0.8); } .block-degree_icon:nth-child(3) { background-color: #29ace0; } .block-degree_icon:nth-child(4) { background-color: #0d6efd; } .block-degree_icon:nth-child(5) { background-color: rgba(130, 193, 63, 0.7); } .block-degree_icon:nth-child(6) { background-color: #ff6e1f; } .block-degree_icon:nth-child(7) { background-color: #ff6e1f; transform: translate(-50%, -50%); left: 50%; top: 50%; z-index: 2; } .block-degree_icon:nth-child(8) { background-color: #29ace0; } .block-degree_icon:nth-child(9) { background-color: rgba(255, 110, 31, 0.7); } .block-degree_icon:nth-child(10) { background-color: rgba(13, 110, 253, 0.8); } .block-degree_icon:nth-child(11) { background-color: #82c13f; } .block-degree_icon:nth-child(12) { background-color: rgba(41, 172, 224, 0.8); } .block-degree_icon:nth-child(13) { background-color: rgba(13, 110, 253, 0.7); } .block-degree_icon-small { width: 6.3rem; height: 6.3rem; font-size: 1.9rem; top: calc(50% - 3.15rem); left: calc(50% - 3.15rem); } .block-degree_icon-medium { width: 8.7rem; height: 8.7rem; font-size: 2.9rem; top: calc(50% - 4.35rem); left: calc(50% - 4.35rem); } .block-degree_icon-large { width: 10.7rem; height: 10.7rem; font-size: 3.7rem; top: calc(50% - 5.35rem); left: calc(50% - 5.35rem); } .block-degree_icon-center { width: 14.3rem; height: 14.3rem; } .block-degree_icon-center img { width: 7.5rem; height: 7.5rem; } .block-degree_mobileimage { margin-bottom: 3rem; } .block-lower { padding-top: 7rem; padding-bottom: 2rem; } @media (min-width: 992px) { .block-lower { background-image: url("assets/images/svgs/lower.svg"); background-repeat: no-repeat; background-size: 18.8rem; background-position: 0 100%; padding-top: 4.5rem; padding-bottom: 10.8rem; } } .block-lower_container { max-width: 100%; } @media (min-width: 992px) { .block-lower_container { max-width: 90%; } } .block-lower_column { width: 100%; max-width: 100%; } .block-lower_column:first-child { margin-bottom: 5rem; } @media (min-width: 992px) { .block-lower_column:first-child { max-width: 43.71%; margin-bottom: 0; } } @media (min-width: 992px) { .block-lower_column:last-child { max-width: 50.25%; } } .block-lower_mobileimage { margin-bottom: 3rem; } .block-uptime { padding-top: 7rem; padding-bottom: 2rem; } @media (min-width: 992px) { .block-uptime { background-image: url("assets/images/svgs/uptime.svg"); background-repeat: no-repeat; background-size: 18.8rem; background-position: 95% 100%; padding-top: 6rem; padding-bottom: 4.7rem; } } .block-uptime_container { max-width: 100%; } @media (min-width: 992px) { .block-uptime_container { max-width: 89.5%; } } .block-uptime_column { width: 100%; max-width: 100%; } .block-uptime_column img { margin-bottom: 5rem; } @media (min-width: 992px) { .block-uptime_column img { margin-bottom: 0; } } @media (min-width: 992px) { .block-uptime_column:first-child { max-width: 49%; } } @media (min-width: 992px) { .block-uptime_column:last-child { max-width: 43.77%; } } .block-uptime_mobileimage { margin-bottom: 3rem; } .block-insights { padding-top: 7rem; padding-bottom: 2rem; } @media (min-width: 992px) { .block-insights { padding-top: 0; padding-bottom: -2rem; } } .block-insights_container { max-width: 100%; } @media (min-width: 992px) { .block-insights_container { max-width: 90%; } } .block-insights_column { width: 100%; max-width: 100%; } .block-insights_column img { margin-bottom: 5rem; } @media (min-width: 992px) { .block-insights_column img { margin-bottom: 0; } } @media (min-width: 992px) { .block-insights_column:first-child { max-width: 43.83%; } .block-insights_column:last-child { max-width: 51.4%; } } .block-insights_mobileimage { margin-bottom: 3rem; } .block-security { margin-top: 7rem; margin-bottom: 2rem; } @media (min-width: 992px) { .block-security { margin-top: 15rem; margin-bottom: 15rem; } } .block-security_container { max-width: 100%; } @media (min-width: 992px) { .block-security_container { max-width: 84.3%; } } .block-security_column { width: 100%; max-width: 100%; position: relative; } .block-security_column img { margin-bottom: 5rem; } @media (min-width: 992px) { .block-security_column img { margin-bottom: 0; } } @media (min-width: 992px) { .block-security_column:first-child { max-width: 46.413%; } .block-security_column:last-child { max-width: 48%; } } .block-security_mobileimage { margin-bottom: 3rem; } .block-security_image { position: relative; } .block-security_image_circle1, .block-security_image_circle2, .block-security_image_circle3 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .block-security_image_gdpr { position: absolute; top: 8.979591836734693%; left: 0; z-index: 2; width: 28.155263157894733%; height: 30.8843537414966%; } .block-security_image_blueSquare { position: absolute; top: 17.142857142857142%; left: 70.39473684210526%; z-index: 2; width: 14.08157894736842%; height: 14.529251700680273%; } .block-security_image_triangle { position: absolute; top: 21.904761904761905%; left: 74.21052631578947%; z-index: 3; width: 6.355263157894736%; height: 5.089795918367346%; } .block-security_image_greenSquare { position: absolute; top: 68.43537414965986%; left: 15.263157894736842%; z-index: 2; width: 14.08157894736842%; height: 14.529251700680273%; } .block-security_image_leaf { position: absolute; top: 71.83673469387755%; left: 20.526315789473685%; z-index: 3; width: 3.4973684210526317%; height: 7.745578231292518%; } .block-security_image_blueShield { position: absolute; top: 58.911564625850346%; left: 71.84210526315789%; z-index: 2; width: 28.155263157894733%; height: 30.8843537414966%; } .block-security_image_lock { position: absolute; top: 65.578231292517%; left: 80.78947368421052%; z-index: 3; width: 10.263157894736842%; height: 18.095238095238095%; } .block-security-1 { position: absolute; height: 17.16560553347726%; top: 39.60341579461228%; left: 75.35%; } .block-remote { padding-top: 7rem; padding-bottom: 2rem; } @media (min-width: 992px) { .block-remote { background-image: url("assets/images/svgs/uptime.svg"); background-repeat: no-repeat; background-size: 18.8rem; background-position: 95% 100%; padding-top: 12.5rem; padding-bottom: 18.3rem; } } .block-remote_container { max-width: 100%; } @media (min-width: 992px) { .block-remote_container { max-width: 84.3%; } } .block-remote_column { width: 100%; max-width: 100%; } @media (min-width: 992px) { .block-remote_column:first-child { max-width: 53.6%; } .block-remote_column:last-child { max-width: 32.9%; } } .block-remote_mobileimage { margin-bottom: 3rem; } .block-operations { padding-top: 1rem; padding-bottom: 5rem; } @media (min-width: 992px) { .block-operations { padding-top: 15.7rem; padding-bottom: 15rem; } } .block-operations_container { max-width: 100%; } @media (min-width: 992px) { .block-operations_container { max-width: 83.9%; } } .block-operations_column { width: 100%; max-width: 100%; } .block-operations_column:first-child { margin-bottom: 7rem; } @media (min-width: 992px) { .block-operations_column:first-child { max-width: 43.3%; margin-bottom: 0; } } @media (min-width: 992px) { .block-operations_column:first-child img { width: 100%; max-width: 100%; } } @media (min-width: 992px) { .block-operations_column:last-child { max-width: 52%; } } .block-operations_mobileimage { margin-bottom: 3rem; } .block-data { padding-top: 7rem; padding-bottom: 5rem; } @media (min-width: 992px) { .block-data { background-image: url("assets/images/svgs/uptime.svg"); background-repeat: no-repeat; background-size: 18.8rem; background-position: 95% 100%; padding-bottom: 16.4rem; } } .block-data_container { max-width: 100%; } @media (min-width: 992px) { .block-data_container { max-width: 86.8%; } } .block-data_column { width: 100%; max-width: 100%; } @media (min-width: 992px) { .block-data_column:first-child { max-width: 52%; } .block-data_column:last-child { max-width: 38.1%; } } .block-data_mobileimage { margin-bottom: 3rem; } .block-reduce { padding-top: 7rem; } .block-reduce_container { max-width: 100%; } @media (min-width: 992px) { .block-reduce_container { max-width: 87.2%; } } .block-reduce_column { width: 100%; max-width: 100%; } @media (min-width: 992px) { .block-reduce_column:first-child { max-width: 52.7%; } .block-reduce_column:last-child { max-width: 34.5%; } } .block-reduce_mobileimage { margin-bottom: 3rem; } .block-faster { padding-top: 7rem; padding-bottom: 5rem; } .block-faster_mobileimage { margin-bottom: 3rem; } .block_title { color: #222222; font-weight: 600; font-size: 3rem; line-height: 1.2; margin-bottom: 1rem; } @media (min-width: 992px) { .block_title { font-size: 6rem; margin-bottom: 2rem; } } .block_content { margin-bottom: 5rem; } @media (min-width: 992px) { .block_content { margin-bottom: 0; } } .block_content p { font-size: 1.6rem; line-height: 1.56; margin-bottom: 2rem; } @media (min-width: 992px) { .block_content p { font-size: 3rem; line-height: 1.33; margin-bottom: 4rem; } } .block_content p:last-child { margin-bottom: 0; } .block_mobileImage { margin-bottom: 3rem; width: 100%; max-width: 100%; } .calculateYourSavings { padding-top: 9.7rem; padding-bottom: 6.6rem; } @media (min-width: 992px) { .calculateYourSavings { padding-top: 18rem; padding-bottom: 15rem; background-image: url(assets/images/portal-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: 100%; } } .calculateYourSavings_title { font-size: 4rem; line-height: 1; margin-bottom: 2.1rem; font-weight: 600; width: 100%; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .calculateYourSavings_title { font-size: 8rem; line-height: 1.2; margin-bottom: 2.1rem; max-width: 77.58%; text-align: center; margin-bottom: 5rem; } } .calculateYourSavings_sub_title { font-size: 3rem; font-weight: 400; margin-bottom: 5rem; line-height: 1.33; width: 100%; } @media (min-width: 992px) { .calculateYourSavings_sub_title { text-align: center; max-width: 77.58%; margin-left: auto; margin-right: auto; margin-bottom: 10rem; } } .calculateYourSavings_tabs { width: 100%; } @media (min-width: 992px) { .calculateYourSavings_tabs { margin-left: auto; margin-right: auto; padding-left: 2rem; padding-right: 2rem; max-width: 82%; } } .calculateYourSavings_tabs_nav { display: flex; flex-direction: column; grid-gap: 2rem; margin-bottom: 2rem; } @media (min-width: 992px) { .calculateYourSavings_tabs_nav { flex-direction: row; justify-content: space-between; grid-gap: 4rem; margin-bottom: 0; } } .calculateYourSavings_tabs_nav_item { flex: 1; } .calculateYourSavings_tabs_nav_link { text-align: center; font-weight: 500; letter-spacing: -0.05rem; font-size: 2rem; background-color: #FF6E1F; border-radius: 2rem; line-height: 1; padding-top: 2rem; padding-bottom: 2rem; display: block; color: #fff; } @media (min-width: 992px) { .calculateYourSavings_tabs_nav_link { border-bottom-left-radius: 0; border-bottom-right-radius: 0; font-size: 2.5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } } .calculateYourSavings_tabs_nav_link-on { background-color: #fff; color: #222222; } .calculateYourSavings_tabs_content { width: 100%; background-color: #fff; border-radius: 2rem; padding: 2rem; } @media (min-width: 992px) { .calculateYourSavings_tabs_content { border-top-left-radius: 0; border-top-right-radius: 0; padding: 5rem; } } .calculateYourSavings_tabs_content_item { display: none; } .calculateYourSavings_tabs_content_item .group:first-child { display: flex; flex-wrap: wrap; grid-gap: 2rem; } @media (min-width: 992px) { .calculateYourSavings_tabs_content_item .group:first-child { max-width: 66%; margin-left: auto; margin-right: auto; } } .calculateYourSavings_tabs_content_item .group:first-child .gfield { width: 100%; line-height: 1; justify-content: space-between; display: flex; flex-direction: column; } @media (min-width: 992px) { .calculateYourSavings_tabs_content_item .group:first-child .gfield { flex: 1; } } .calculateYourSavings_tabs_content_item .group:first-child .gfield .gfield_label { font-size: 1.8rem; font-weight: 500; letter-spacing: 0.05rem; line-height: 1.3; display: block; margin-bottom: 1rem; } .calculateYourSavings_tabs_content_item .group:first-child .gfield .ginput_container_number input { background-color: #F5F5F5; border-radius: 1rem; width: 100%; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.05rem; line-height: 1.3; padding: 1.25rem; } .calculateYourSavings_tabs_content_item .group:last-child { display: none; } .calculateYourSavings_tabs_content_item .group_button { flex-basis: 100%; display: flex; justify-content: center; } .calculateYourSavings_tabs_content_item .group_flex { display: flex; flex-wrap: wrap; grid-gap: 2rem; padding-top: 5rem; padding-bottom: 2rem; } .calculateYourSavings_tabs_content_item .group_flex .gfield { width: 100%; line-height: 1; display: flex; flex-direction: column-reverse; background-color: #F5F5F5; border-radius: 1rem; padding: 2rem; justify-content: flex-end; min-width: 0; text-align: center; } @media (min-width: 992px) { .calculateYourSavings_tabs_content_item .group_flex .gfield { flex: 1; } } .calculateYourSavings_tabs_content_item .group_flex .gfield .gfield_label { font-size: 2rem; font-weight: 400; color: #FF6E1F; } .calculateYourSavings_tabs_content_item .group_flex .gfield .ginput_container_number { font-size: 7rem; line-height: 1; font-weight: 600; letter-spacing: -0.05rem; } .calculateYourSavings_tabs_content_item .group_flex .gfield input { width: 100%; } .calculateYourSavings_tabs_content_item-on { display: block; } .calculateYourSavings_tabs_content_items { width: 100%; } .calculateYourSavings_tabs_content_item_title { font-size: 3rem; line-height: 1; margin-bottom: 2rem; font-weight: 600; letter-spacing: -0.05rem; width: 100%; } @media (min-width: 992px) { .calculateYourSavings_tabs_content_item_title { max-width: 66%; margin-left: auto; margin-right: auto; font-size: 4rem; } } .casestudy { background-color: #F5F5F5; padding-top: 10rem; padding-bottom: 7rem; position: relative; } @media (min-width: 992px) { .casestudy { padding-top: 10.8rem; padding-bottom: 15rem; } } .casestudy_quote { color: #222222; font-weight: 500; font-size: 2rem; line-height: 1.25; margin-bottom: 7.9rem; font-style: italic; } @media (min-width: 992px) { .casestudy_quote { font-size: 2.9rem; line-height: 1.2; margin-bottom: 8rem; } } .casestudy_quotebg { width: 14rem; position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .casestudy_quotebg { width: 38.5rem; } } .casestudy_companyName { position: absolute; bottom: 2.5rem; font-weight: 600; font-size: 1.2rem; line-height: 1; color: #222222; } @media (min-width: 992px) { .casestudy_companyName { font-size: 2rem; bottom: 4rem; } } .casestudy_icon { position: absolute; bottom: 0; right: 0; height: 4.9rem; width: 4.9rem; background-color: #82C13F; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; } @media (min-width: 992px) { .casestudy_icon { height: 8rem; width: 8rem; font-size: 2.2rem; } } .casestudy_title { color: #FF6E1F; font-weight: 300; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; position: relative; } @media (min-width: 992px) { .casestudy_title { font-size: 3rem; } } .casestudy_sub_title { color: #222222; font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 5rem; position: relative; } @media (min-width: 992px) { .casestudy_sub_title { font-size: 6rem; line-height: 1.2; margin-bottom: 10rem; } } .casestudy_flex { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5rem; } @media (min-width: 992px) { .casestudy_flex { margin-bottom: 10.6rem; } } .casestudy_flex_column { width: 100%; background-color: #FFFFFF; padding: 2rem 1.7rem 2.5rem 1.7rem; border-radius: 2rem; position: relative; background-image: url("assets/images/casestudybottomright.svg"); background-repeat: no-repeat; background-position: bottom right; background-size: 7rem; margin-bottom: 2rem; } .casestudy_flex_column:last-child { margin-bottom: 0; } @media (min-width: 992px) { .casestudy_flex_column { background-size: 11.5rem; padding: 5rem; max-width: 47.53%; margin-bottom: 0; } } .casestudy_stats_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .casestudy_stats_flex_column { width: 100%; max-width: 50%; margin-bottom: 3rem; } @media (min-width: 992px) { .casestudy_stats_flex_column { width: auto; max-width: auto; margin-bottom: 0; } } .casestudy_stats_flex_column:nth-child(2n) { text-align: right; } @media (min-width: 992px) { .casestudy_stats_flex_column:nth-child(2n) { text-align: left; } } .casestudy_stats_stat { font-size: 4.6rem; font-weight: 600; line-height: 1; color: #222222; } @media (min-width: 992px) { .casestudy_stats_stat { font-size: 8.7rem; margin-bottom: 1rem; } } .casestudy_stats_text { font-size: 1.3rem; font-weight: 300; line-height: 1; color: #FF6E1F; } @media (min-width: 992px) { .casestudy_stats_text { font-size: 2.6rem; } } .companies { background-color: #fff; } .companies_locations { font-size: 3rem; line-height: 1.2; font-weight: 600; padding-bottom: 5rem; letter-spacing: 0; } @media (min-width: 992px) { .companies_locations { text-align: center; padding-bottom: 10rem; font-size: 6rem; letter-spacing: 0.05rem; } } .companies_locations_location { margin-bottom: 2rem; } @media (min-width: 992px) { .companies_locations_location { margin-bottom: 4.7rem; } } @media (min-width: 992px) { .companies_locations_logos { display: flex; justify-content: center; align-items: center; } } .companies_locations_logos_logo { margin-bottom: 1.5rem; } .companies_locations_logos_logo:last-child { margin-bottom: 0; } @media (min-width: 992px) { .companies_locations_logos_logo { margin-bottom: 0; } } .contact { background-color: #FF6E1F; padding-top: 10rem; padding-bottom: 10rem; } @media (min-width: 992px) { .contact { padding-top: 15rem; padding-bottom: 17.2rem; } } .contact_flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } .contact_column:nth-child(1) { width: 100%; } @media (min-width: 992px) { .contact_column:nth-child(1) { max-width: 39.63%; } } .contact_column:nth-child(2) { width: 100%; } @media (min-width: 992px) { .contact_column:nth-child(2) { max-width: 53.08%; } } .contact_title { color: #fff; font-weight: 300; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; } @media (min-width: 992px) { .contact_title { font-size: 3rem; } } .contact_sub_title { color: #fff; font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 3rem; } @media (min-width: 992px) { .contact_sub_title { margin-bottom: 6.8rem; font-size: 5rem; line-height: 1.2; } } .contact_telephone_number { color: #fff; font-weight: 400; font-size: 2rem; line-height: 1.2; margin-bottom: 2rem; padding-bottom: 2rem; width: 100%; border-bottom: 1px solid #FF8B4C; display: flex; align-items: center; } @media (min-width: 992px) { .contact_telephone_number { font-size: 3rem; margin-bottom: 2.4rem; padding-bottom: 3.3rem; } } .contact_telephone_number i { margin-right: 3rem; } .contact_email_address { color: #fff; font-weight: 400; font-size: 2rem; line-height: 1.2; width: 100%; display: flex; align-items: center; } @media (min-width: 992px) { .contact_email_address { font-size: 3rem; } } .contact_email_address i { margin-right: 3rem; } .contact .gform_wrapper { margin-top: 3.3rem; } @media (min-width: 992px) { .contact .gform_wrapper { margin-top: 3rem; } } .contact .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 1rem; } @media (min-width: 992px) { .contact .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 5rem; grid-row-gap: 4rem; } } .contact .gform_wrapper.gravity-theme .gfield_label { color: #ffffff; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; font-weight: 500; } @media (min-width: 992px) { .contact .gform_wrapper.gravity-theme .gfield_label { font-size: 2rem; } } .contact .gform_wrapper.gravity-theme .gfield input.large, .contact .gform_wrapper.gravity-theme .gfield select.large { background-color: #C55C23; border-radius: 1rem; color: #ffffff; height: 4rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .contact .gform_wrapper.gravity-theme .gfield input.large, .contact .gform_wrapper.gravity-theme .gfield select.large { height: 5rem; } } .contact .gform_wrapper.gravity-theme .gform_footer { margin-top: 2.5rem; } @media (min-width: 992px) { .contact .gform_wrapper.gravity-theme .gform_footer { justify-content: flex-end; } } .contact .gform_wrapper.gravity-theme .gform_footer button { height: 6.5rem; font-size: 2rem; font-weight: 500; letter-spacing: 0.5px; background-color: #FFFFFF; color: #222222; border-radius: 3.25rem; display: flex; align-items: center; padding-left: 2.1rem; padding-right: 2.1rem; cursor: pointer; } .contact .gform_wrapper.gravity-theme .gform_footer button i { margin-left: 4.5rem; } .contact .gform_wrapper.gravity-theme .gfield_validation_message, .contact .gform_wrapper.gravity-theme .validation_message { background-color: inherit; border: none; padding-left: 0; padding-right: 0; color: #ffffff; font-size: 2rem; font-weight: 500; letter-spacing: 0.05rem; } .contact .gform_wrapper.gravity-theme .gform_validation_errors { background-color: inherit; border: none; box-shadow: none; } .contact .gform_wrapper.gravity-theme .gform_validation_errors > h2 { color: #ffffff; font-size: 2rem; font-weight: 500; letter-spacing: 0.05rem; } .contactFormAndLocations { margin-bottom: 10rem; padding-right: 1.6rem; } @media (min-width: 992px) { .contactFormAndLocations { margin-bottom: 15rem; padding-right: 0; } } @media (min-width: 992px) { .contactFormAndLocations_flex { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5rem; } } .contactFormAndLocations_column { position: relative; margin-bottom: 3.6rem; } .contactFormAndLocations_column:last-child { margin-bottom: 0; } @media (min-width: 992px) { .contactFormAndLocations_column { margin-bottom: 0; } } .contactFormAndLocations_column:before { content: ""; display: block; clear: both; background-color: #29ACE0; width: 100%; height: 100%; margin-left: 1.6rem; margin-top: -1.6rem; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 2rem; } @media (min-width: 992px) { .contactFormAndLocations_column:before { margin-left: 2rem; margin-top: -2rem; } } .contactFormAndLocations_column_container { background-color: #fff; padding: 2rem; border-radius: 2rem; position: relative; z-index: 2; height: 100%; } @media (min-width: 992px) { .contactFormAndLocations_column_container { padding: 5rem; } } .contactFormAndLocations_contact_form_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1.6rem; letter-spacing: 0; } @media (min-width: 992px) { .contactFormAndLocations_contact_form_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .contactFormAndLocations_locations_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1.6rem; letter-spacing: 0; } @media (min-width: 992px) { .contactFormAndLocations_locations_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .contactFormAndLocations_locations { margin-bottom: 5rem; } .contactFormAndLocations_locations:last-child { margin-bottom: 0; } .contactFormAndLocations_locations_location_name { font-size: 2rem; line-height: 1.3; font-weight: 600; margin-bottom: 1.1rem; } @media (min-width: 992px) { .contactFormAndLocations_locations_location_name { font-size: 3rem; line-height: 1; margin-bottom: 2rem; } } .contactFormAndLocations_locations_locationContactDetails { display: flex; margin-bottom: 1.5rem; } .contactFormAndLocations_locations_locationContactDetails:last-child { margin-bottom: 0; } .contactFormAndLocations_locations_locationContactDetails_icon { font-size: 2.3rem; line-height: 1; margin-right: 1rem; } @media (min-width: 992px) { .contactFormAndLocations_locations_locationContactDetails_icon { font-size: 2rem; margin-right: 1.4rem; } } .contactFormAndLocations_locations_locationContactDetails_link { font-size: 1.6rem; } @media (min-width: 992px) { .contactFormAndLocations_locations_locationContactDetails_link { font-size: 2rem; } } .contactFormAndLocations_locations_locationContactDetails_text { font-size: 1.6rem; } @media (min-width: 992px) { .contactFormAndLocations_locations_locationContactDetails_text { font-size: 2rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 2rem; grid-row-gap: 0.5rem; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 1rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gfield_label { font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; font-weight: 500; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gfield_label { font-size: 2rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gfield input.large, .contactFormAndLocations .gform_wrapper.gravity-theme .gfield select.large { background-color: #F5F5F5; border-radius: 1rem; height: 4rem; padding-left: 2rem; padding-right: 2rem; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gfield input.large, .contactFormAndLocations .gform_wrapper.gravity-theme .gfield select.large { height: 5rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gfield textarea.large { background-color: #F5F5F5; border-radius: 1rem; height: 15rem; padding-left: 2rem; padding-right: 2rem; } .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer { margin-top: 0; margin-bottom: 0; padding-bottom: 0; justify-content: flex-end; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer { margin-top: 2.5rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer button { height: 5rem; font-size: 1.6rem; font-weight: 500; background-color: #FF6E1F; color: #fff; border-radius: 2.5rem; display: flex; align-items: center; padding-left: 1.6rem; padding-right: 1.6rem; letter-spacing: 0; cursor: pointer; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer button { height: 6.5rem; font-size: 2rem; padding-left: 2.1rem; padding-right: 2.1rem; border-radius: 3.25rem; letter-spacing: 0.05rem; } } .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer button i { margin-left: 2.7rem; } @media (min-width: 992px) { .contactFormAndLocations .gform_wrapper.gravity-theme .gform_footer button i { margin-left: 4.5rem; } } .contactSingleColumn { margin-bottom: 5rem; padding-right: 1.6rem; } @media (min-width: 992px) { .contactSingleColumn { padding-right: 0; } } .contactSingleColumn_content { position: relative; } .contactSingleColumn_content:before { content: ""; display: block; clear: both; background-color: #29ACE0; width: 100%; height: 100%; margin-left: 1.6rem; margin-top: -1.6rem; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 2rem; } @media (min-width: 992px) { .contactSingleColumn_content:before { margin-left: 2rem; margin-top: -2rem; } } .contactSingleColumn_content_container { background-color: #fff; padding: 2rem; padding-bottom: 0; border-radius: 2rem; z-index: 2; position: relative; height: 100%; } @media (min-width: 992px) { .contactSingleColumn_content_container { padding: 5rem; } } .contactSingleColumn_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1.6rem; letter-spacing: 0; } @media (min-width: 992px) { .contactSingleColumn_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } @media (min-width: 992px) { .contactSingleColumn_contactLocation { display: flex; } } .contactSingleColumn_contactLocation_column { width: 100%; } @media (min-width: 992px) { .contactSingleColumn_contactLocation_column:nth-child(1) { max-width: 30.5%; } .contactSingleColumn_contactLocation_column:nth-child(2) { max-width: 30.5%; } .contactSingleColumn_contactLocation_column:nth-child(3) { max-width: 30.5%; } } .contactSingleColumn_contactLocation_location { font-size: 2rem; line-height: 1; font-weight: 600; margin-bottom: 1rem; } .contactSingleColumn_contactLocation_contactDetails { display: flex; align-items: center; padding-bottom: 0.9rem; } .contactSingleColumn_contactLocation_contactDetails:last-child { padding-bottom: 2.3rem; } @media (min-width: 992px) { .contactSingleColumn_contactLocation_contactDetails { padding-bottom: 1.5rem; } .contactSingleColumn_contactLocation_contactDetails:last-child { padding-bottom: 0; } } .contactSingleColumn_contactLocation_contactDetails_icon { font-size: 2.4rem; line-height: 1; margin-right: 1.2rem; } @media (min-width: 992px) { .contactSingleColumn_contactLocation_contactDetails_icon { font-size: 2rem; margin-right: 1.4rem; } } .contactSingleColumn_contactLocation_contactDetails_link { font-size: 1.5rem; } @media (min-width: 992px) { .contactSingleColumn_contactLocation_contactDetails_link { font-size: 2rem; } } .contactTitle { padding-top: 9.7rem; padding-bottom: 6.6rem; } @media (min-width: 992px) { .contactTitle { padding-top: 18rem; padding-bottom: 5rem; } } .contactTitle_title { font-size: 4rem; line-height: 1; font-weight: 600; } @media (min-width: 992px) { .contactTitle_title { font-size: 6rem; text-align: center; } } .contactTwoColumn { margin-bottom: 5rem; } .contactTwoColumn_contactBlock { padding-right: 1.6rem; } @media (min-width: 992px) { .contactTwoColumn_contactBlock { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5rem; padding-right: 0; } } .contactTwoColumn_contactBlock_column { position: relative; margin-bottom: 3.6rem; } .contactTwoColumn_contactBlock_column:last-child { margin-bottom: 0; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_column { margin-bottom: 0; } } .contactTwoColumn_contactBlock_column:before { content: ""; display: block; clear: both; background-color: #29ACE0; width: 100%; height: 100%; margin-left: 1.6rem; margin-top: -1.6rem; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 2rem; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_column:before { margin-left: 2rem; margin-top: -2rem; } } .contactTwoColumn_contactBlock_column_container { background-color: #fff; padding: 2rem; border-radius: 2rem; z-index: 2; position: relative; height: 100%; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_column_container { padding: 5rem; } } .contactTwoColumn_contactBlock_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1.6rem; letter-spacing: 0; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .contactTwoColumn_contactBlock_contactDetails { display: flex; align-items: center; margin-bottom: 1rem; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_contactDetails { margin-bottom: 1.5rem; } } .contactTwoColumn_contactBlock_contactDetails:last-child { margin-bottom: 0; } .contactTwoColumn_contactBlock_contactDetails_icon { font-size: 2.4rem; line-height: 1; margin-right: 1.2rem; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_contactDetails_icon { font-size: 2rem; margin-right: 1.4rem; } } .contactTwoColumn_contactBlock_contactDetails_type { font-size: 1.5rem; font-weight: 600; margin-right: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_contactDetails_type { font-size: 2rem; letter-spacing: 0.05rem; margin-bottom: 0.5rem; } } .contactTwoColumn_contactBlock_contactDetails_link { font-size: 1.5rem; } @media (min-width: 992px) { .contactTwoColumn_contactBlock_contactDetails_link { font-size: 2rem; } } .ourCoreValues { padding-top: 7rem; padding-bottom: 7rem; background-color: #fff; } @media (min-width: 992px) { .ourCoreValues { padding-top: 12.5rem; padding-bottom: 16.3rem; } } .ourCoreValues_title { color: #222222; font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 5rem; text-align: center; letter-spacing: 0; } @media (min-width: 992px) { .ourCoreValues_title { font-size: 6rem; line-height: 1.2; letter-spacing: 0.05rem; } } .ourCoreValues_ourCoreValues { padding: 0 2rem; } @media (min-width: 992px) { .ourCoreValues_ourCoreValues { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem; padding: 0; } } .ourCoreValues_ourCoreValues_column { margin-bottom: 5rem; } @media (min-width: 992px) { .ourCoreValues_ourCoreValues_column { margin-bottom: 0; } } .ourCoreValues_ourCoreValues_icon_colour { width: 6rem; height: 6rem; border-radius: 2rem; margin-bottom: 1.9rem; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .ourCoreValues_ourCoreValues_icon_colour { width: 9.3rem; height: 9.3rem; margin-bottom: 3rem; } } .ourCoreValues_ourCoreValues_title { margin-bottom: 1rem; font-size: 2.5rem; font-weight: 600; text-align: center; letter-spacing: 0; } @media (min-width: 992px) { .ourCoreValues_ourCoreValues_title { font-size: 3rem; margin-bottom: 0.7rem; letter-spacing: 0.05; } } .ourCoreValues_ourCoreValues_text { font-weight: 300; font-size: 1.6rem; line-height: 1.56; text-align: center; } @media (min-width: 992px) { .ourCoreValues_ourCoreValues_text { font-size: 2rem; line-height: 1.25; } } .driverUpdates { padding-top: 9.7rem; padding-bottom: 6.6rem; } @media (min-width: 992px) { .driverUpdates { padding-top: 18rem; padding-bottom: 15rem; background-image: url(assets/images/portal-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: 100%; } } .driverUpdates_title { font-size: 4rem; line-height: 1; margin-bottom: 5rem; font-weight: 600; width: 100%; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .driverUpdates_title { font-size: 8rem; line-height: 1.2; margin-bottom: 2.1rem; max-width: 77.58%; text-align: center; } } .driverUpdates_sub_title { text-align: center; font-size: 3rem; font-weight: 400; margin-bottom: 10rem; line-height: 1.33; width: 100%; max-width: 77.58%; margin-left: auto; margin-right: auto; } .driverUpdates_tab_name { background-color: #fff; border-radius: 2rem; font-size: 2.4rem; font-weight: 600; display: inline-flex; justify-content: center; align-items: center; padding-left: 8.9rem; padding-right: 8.9rem; height: 9.5rem; margin-bottom: -3.5rem; line-height: 1; } .driverUpdates_tab_title { font-size: 2.4rem; font-weight: 600; margin-bottom: 3rem; } .driverUpdates_DriverUpdates { background-color: #FFFFFF; border-radius: 2rem; border-top-left-radius: 0; padding: 5rem; margin-bottom: 3rem; } .driverUpdates_DriverUpdates_table { background-color: #F5F5F5; border-radius: 2rem; padding: 3rem; } .driverUpdates_driverUpdates_row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #707070; } .driverUpdates_DriverUpdates_make { letter-spacing: 0; line-height: 1; font-size: 2rem; width: 100%; max-width: calc(22% - 3.1rem); padding-right: 2rem; box-sizing: content-box; } .driverUpdates_driverUpdates_model { letter-spacing: 0; line-height: 1; font-size: 2rem; width: 100%; max-width: calc(21.69230769230769% - 3.1rem); padding-right: 2rem; box-sizing: content-box; } .driverUpdates_driverUpdates_device { letter-spacing: 0; line-height: 1; font-size: 2rem; width: 100%; max-width: calc(30.153846153846153% - 3.1rem); padding-right: 2rem; box-sizing: content-box; } .driverUpdates_driverUpdates_date { letter-spacing: 0; line-height: 1; font-size: 2rem; width: 100%; max-width: calc(12.384615384615385% - 3.1rem); padding-right: 2rem; box-sizing: content-box; } .driverUpdates_driverUpdates_note { letter-spacing: 0; line-height: 1; font-size: 2rem; width: 100%; max-width: calc(14.076923076923077% - 3.1rem); padding-right: 2rem; box-sizing: content-box; } .driverUpdates_driverUpdates_file { width: 100%; max-width: 15.5rem; } .driverUpdates_note { background-color: #FFFFFF; border-radius: 2rem; padding: 5rem; margin-bottom: 3rem; } .driverUpdates_note_title { font-size: 2.4rem; line-height: 1; margin-bottom: 3rem; font-weight: 600; } .driverUpdates_note_content p { letter-spacing: 0; line-height: 1.25; } .driverUpdates_note_content a { font-weight: 300; } .faqs { padding-top: 9.7rem; padding-bottom: 6.6rem; } @media (min-width: 992px) { .faqs { padding-top: 18rem; padding-bottom: 15rem; background-image: url(assets/images/portal-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: 100%; } } .faqs_title { font-size: 4rem; line-height: 1; margin-bottom: 5rem; font-weight: 600; width: 100%; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .faqs_title { font-size: 8rem; line-height: 1.2; max-width: 77.58%; text-align: center; } } .faqs_faq { margin-left: auto; margin-right: auto; width: 100%; } @media (min-width: 992px) { .faqs_faq { max-width: 79.8%; } } .faqs_faqs { background-color: #FFFFFF; border-radius: 2rem; padding-left: 2.1rem; padding-right: 2.1rem; padding-top: 2.5rem; padding-bottom: 2.5rem; margin-bottom: 2rem; } .faqs_faqs_question { font-size: 2.4rem; font-weight: 600; display: flex; justify-content: space-between; } .faqs_faqs_question_chervon { display: flex; align-items: center; transition: all 0.3s ease-in-out; } .faqs_faqs_question_chervon-active { transform: rotate(180deg); } .faqs_faqs_answer { display: none; padding-top: 3rem; font-size: 2rem; } .faqs_faqs_answer p { letter-spacing: 0; line-height: 1.25; } .js-faq { cursor: pointer; } .inTheNews { padding-top: 9.3rem; padding-bottom: 16.3rem; } @media (min-width: 992px) { .inTheNews { padding-top: 23.1rem; padding-bottom: 15rem; } } .inTheNews_title { font-size: 4rem; line-height: 1; margin-bottom: 1rem; font-weight: 600; } @media (min-width: 992px) { .inTheNews_title { text-align: center; font-size: 10rem; line-height: 1.2; margin-bottom: 2.1rem; } } .inTheNews_sub_title { font-size: 2rem; font-weight: 400; margin-bottom: 5rem; line-height: 1.5; } @media (min-width: 992px) { .inTheNews_sub_title { text-align: center; font-size: 5rem; line-height: 1.2; } } @media (min-width: 992px) { .inTheNews_posts { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 8rem; grid-row-gap: 3.4rem; } } .inTheNews_post { display: block; margin-bottom: 5rem; } .inTheNews_post:last-child { margin-bottom: 0; } @media (min-width: 992px) { .inTheNews_post { margin-bottom: 0; } } .inTheNews_thumbnail { position: relative; border-radius: 2rem; border-bottom-right-radius: 4rem; height: 0; padding-bottom: 56%; margin-bottom: 2.1rem; overflow: hidden; } @media (min-width: 992px) { .inTheNews_thumbnail { margin-bottom: 3rem; } } .inTheNews_thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .inTheNews_thumbnail_subtraction { position: absolute; bottom: 0; right: 0; background-image: url("assets/images/subtraction.svg"); background-size: cover; width: 7.8rem; height: 7.8rem; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 1; } @media (min-width: 992px) { .inTheNews_thumbnail_subtraction { width: 11.2rem; height: 10.7rem; } } .inTheNews_thumbnail_link { position: absolute; bottom: 0; right: 0; background-color: #FF6E1F; width: 5.7rem; height: 5.7rem; border-radius: 50%; color: #fff; font-size: 1.5rem; display: flex; justify-content: center; align-items: center; z-index: 2; } @media (min-width: 992px) { .inTheNews_thumbnail_link { width: 8rem; height: 8rem; font-size: 2.2rem; } } .inTheNews_post_meta { font-size: 1.3rem; display: flex; margin-bottom: 0.8rem; } @media (min-width: 992px) { .inTheNews_post_meta { font-size: 2rem; margin-bottom: 1rem; } } .inTheNews_post_title { font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .inTheNews_post_title { font-size: 3rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .inTheNews_exerpt { font-size: 2rem; font-weight: 300; line-height: 1.56; } @media (min-width: 992px) { .inTheNews_exerpt { font-size: 1.6rem; line-height: 1.75; } } .joinOurPartners { background-color: #ffffff; padding-top: 7.2rem; position: relative; } @media (min-width: 992px) { .joinOurPartners { padding-top: 9.5rem; padding-bottom: 23rem; } } .joinOurPartners_column { width: 100%; margin-bottom: 5rem; } @media (min-width: 992px) { .joinOurPartners_column { max-width: 45.37%; margin-bottom: 0; } } .joinOurPartners_title { color: #FF6E1F; font-size: 1.6rem; margin-bottom: 1rem; font-weight: 300; } @media (min-width: 992px) { .joinOurPartners_title { font-size: 3rem; } } .joinOurPartners_sub_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .joinOurPartners_sub_title { font-size: 5rem; line-height: 1.2; margin-bottom: 3rem; letter-spacing: 0.05rem; } } .joinOurPartners_content { font-size: 1.6rem; line-height: 1.2; margin-bottom: 2rem; font-weight: 300; } @media (min-width: 992px) { .joinOurPartners_content { font-size: 3rem; margin-bottom: 3rem; } } .joinOurPartners_image { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 55.72%; } .joinOurPartners_mobile_image { width: 100%; max-width: 100%; } .joinOurPartners_mobile_image img { width: 100%; max-width: 100%; } .missionStatement { background-color: #F5F5F5; padding-top: 10rem; padding-bottom: 13rem; } @media (min-width: 992px) { .missionStatement { padding-top: 15rem; padding-bottom: 21.1rem; } } .missionStatement_title { color: #FF6E1F; font-size: 1.6rem; font-weight: 300; margin-bottom: 1rem; } @media (min-width: 992px) { .missionStatement_title { font-size: 3rem; margin-bottom: 0.7rem; } } .missionStatement_statement { font-size: 3rem; line-height: 1; } @media (min-width: 992px) { .missionStatement_statement { font-size: 5rem; line-height: 1.2; } } .news { padding-top: 9.3rem; padding-bottom: 11rem; } @media (min-width: 992px) { .news { padding-top: 18rem; padding-bottom: 15rem; } } @media (min-width: 992px) { .news-events { background-image: url(assets/images/portal-bg.svg); background-position: center top; background-repeat: no-repeat; background-size: 100%; } } .news-white { background-color: #fff; padding-top: 2rem; padding-bottom: 5.5rem; } @media (min-width: 992px) { .news-white { padding-bottom: 7.5rem; } } .news_title { font-size: 4rem; margin-bottom: 5rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .news_title { text-align: center; font-size: 8rem; line-height: 1.5; } } .news_sub_title { font-size: 4rem; margin-bottom: 2.1rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .news_sub_title { text-align: center; font-size: 6rem; line-height: 1.5; } } .news_post { display: block; margin-bottom: 5rem; } .news_post:last-child { margin-bottom: 0; } @media (min-width: 992px) { .news_post { margin-bottom: 0; } } .news_post-related { margin-bottom: 5.4rem; display: block; } @media (min-width: 992px) { .news_posts { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 8rem; grid-row-gap: 3.4rem; } } .news_thumbnail { position: relative; border-radius: 2rem; height: 0; padding-bottom: 56%; margin-bottom: 4.3rem; overflow: hidden; } @media (min-width: 992px) { .news_thumbnail { margin-bottom: 3rem; border-bottom-right-radius: 4rem; } } .news_thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .news_thumbnail_subtraction { position: absolute; bottom: 0; right: 0; background-image: url("assets/images/subtraction.svg"); background-size: cover; width: 7.8rem; height: 7.8rem; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 1; } @media (min-width: 992px) { .news_thumbnail_subtraction { width: 11.2rem; height: 10.7rem; } } .news_thumbnail_subtraction-white { background-image: url("assets/images/subtraction_white.svg"); } .news_thumbnail_link { position: absolute; bottom: 0; right: 0; background-color: #FF6E1F; width: 5.7rem; height: 5.7rem; border-radius: 50%; color: #fff; font-size: 1.5rem; display: flex; justify-content: center; align-items: center; z-index: 2; } @media (min-width: 992px) { .news_thumbnail_link { width: 8rem; height: 8rem; font-size: 2.2rem; } } .news_post_title { font-size: 2rem; font-weight: 600; line-height: 1; margin-bottom: 1rem; letter-spacing: 0; } @media (min-width: 992px) { .news_post_title { font-size: 3rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .news_post_date { font-size: 2rem; margin-bottom: 1rem; } .news_post_location { font-size: 2rem; margin-bottom: 1rem; } .news_exerpt { font-size: 1.6rem; font-weight: 300; line-height: 1.56; } @media (min-width: 992px) { .news_exerpt { font-size: 2rem; line-height: 1.75; } } .ourPeopleBlock { background-color: #fff; padding-top: 7rem; padding-bottom: 10rem; overflow: hidden; } @media (min-width: 992px) { .ourPeopleBlock { padding-top: 10rem; } } .ourPeopleBlock_title { font-size: 1.6rem; font-weight: 300; margin-bottom: 1rem; } @media (min-width: 992px) { .ourPeopleBlock_title { font-size: 3rem; text-align: center; } } .ourPeopleBlock_sub_title { color: #222222; font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 5rem; letter-spacing: 0; } @media (min-width: 992px) { .ourPeopleBlock_sub_title { font-size: 6rem; line-height: 1.2; text-align: center; letter-spacing: 0.05rem; } } @media (min-width: 992px) { .ourPeopleBlock_people { display: flex; flex-wrap: wrap; grid-column-gap: 9rem; grid-row-gap: 5rem; justify-content: center; } } .ourPeopleBlock_people_column { width: 100%; } @media (min-width: 992px) { .ourPeopleBlock_people_column { max-width: calc((100% - (3 * 9rem)) / 4); } } .ourPeopleBlock_people_image { position: relative; border-radius: 2rem; height: 0; padding-bottom: 87%; margin-bottom: 2.1rem; overflow: hidden; } .ourPeopleBlock_people_image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .ourPeopleBlock_people_image-link { border-bottom-right-radius: 4rem; } .ourPeopleBlock_people_name { font-weight: 600; font-size: 2.5rem; line-height: 1; letter-spacing: 0; margin-bottom: 1.3rem; } @media (min-width: 992px) { .ourPeopleBlock_people_name { font-size: 3rem; line-height: 1.66; letter-spacing: 0.05rem; margin-bottom: 0; } } .ourPeopleBlock_people_title { color: #0D6EFD; font-size: 1.5rem; line-height: 1; font-weight: 500; } @media (min-width: 992px) { .ourPeopleBlock_people_title { font-size: 2rem; } } .ourPeopleBlock_people_subtraction { position: absolute; bottom: 0; right: 0; background-image: url(assets/images/subtraction_white.svg); background-size: cover; width: 6.5rem; height: 6.5rem; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 1; } @media (min-width: 992px) { .ourPeopleBlock_people_subtraction { width: 11.2rem; height: 10.7rem; } } .ourPeopleBlock_people_link { position: absolute; bottom: 0; right: 0; background-color: #FF6E1F; width: 8rem; height: 8rem; border-radius: 50%; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 2; } .ourStory { padding-top: 9.3rem; padding-bottom: 16.3rem; } @media (min-width: 992px) { .ourStory { padding-top: 17.1rem; padding-bottom: 17.1rem; background-image: url("assets/images/ourstory.svg"); background-size: 100%; background-repeat: no-repeat; } } @media (min-width: 992px) { .ourStory_container { max-width: 55%; } } .ourStory_title { font-size: 4rem; line-height: 1; font-weight: 600; margin-bottom: 2.1rem; } @media (min-width: 992px) { .ourStory_title { font-size: 8rem; line-height: 1.5; margin-bottom: 5rem; } } .ourStory_content { padding-bottom: 5rem; } .ourStory_image { padding-bottom: 5rem; } .ourStory_image img { width: 100%; max-width: 100%; } .packageBanner { padding-top: 14.4rem; padding-right: 2.0rem; padding-left: 2.0rem; padding-bottom: 5rem; } @media (min-width: 992px) { .packageBanner { padding-top: 23.1rem; background-image: url("assets/images/packageBanner.png"); background-repeat: no-repeat; background-size: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0; } } .packageBanner_title { font-size: 4rem; line-height: 1.5; font-weight: 600; margin-bottom: 2.1rem; letter-spacing: 0; position: relative; z-index: 2; } @media (min-width: 992px) { .packageBanner_title { font-size: 10rem; line-height: 1.2; text-align: center; } } .packageBanner_subTitle { font-size: 3rem; line-height: 1; font-weight: 300; letter-spacing: 0; margin-bottom: 2.1rem; position: relative; z-index: 2; } @media (min-width: 992px) { .packageBanner_subTitle { text-align: center; font-size: 5rem; line-height: 1.2; } } .packageBanner_content { font-size: 2rem; line-height: 1.5; font-weight: 300; letter-spacing: 0; margin-bottom: 5rem; position: relative; z-index: 2; } @media (min-width: 992px) { .packageBanner_content { font-size: 3rem; line-height: 1.33; text-align: center; margin-bottom: 10rem; } } .packageBanner_image { margin-left: auto; margin-right: auto; width: 100%; } @media (min-width: 992px) { .packageBanner_image { max-width: 118rem; } } .packageBanner_video { margin-left: auto; margin-right: auto; width: 100%; position: relative; z-index: 1; } @media (min-width: 992px) { .packageBanner_video { max-width: 118rem; } } .packageBanner_video video { object-fit: cover; width: 100%; height: 100%; } .portalLogos { background-color: #fff; } .portalLogos_title { font-size: 3rem; margin-bottom: 2.5rem; font-weight: 600; line-height: 1.2; letter-spacing: 0; } @media (min-width: 992px) { .portalLogos_title { font-size: 6rem; text-align: center; margin-bottom: 10rem; letter-spacing: 0.05rem; } } .portalLogos_logos { padding-bottom: 5rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-column-gap: 5rem; grid-row-gap: 5rem; } @media (min-width: 992px) { .portalLogos_logos { grid-column-gap: 20rem; grid-row-gap: 10rem; padding-bottom: 15rem; } } .portalLogos_logos_column { width: 100%; max-width: calc((100% - (2 * 2.5rem)) / 2); } @media (min-width: 992px) { .portalLogos_logos_column { max-width: calc((100% - (4 * 20rem)) / 4); } } .portalLogos_logos_logo { width: 100%; max-width: 100%; } .portalLogos_logos_logo img { width: 100%; max-width: 100%; } .portal { padding-top: 18rem; padding-bottom: 15rem; background-image: url("assets/images/portal-bg.svg"); background-position: center top; background-repeat: no-repeat; background-size: 100%; } .portal_title { text-align: center; font-size: 10rem; margin-bottom: 2.1rem; font-weight: 600; line-height: 1.2; } .portal_sub_title { text-align: center; font-size: 3rem; font-weight: 400; margin-bottom: 10rem; line-height: 2; } .portal_pages { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 8rem; grid-row-gap: 3.4rem; } .portal_page { background-color: #fff; border-radius: 2rem; padding: 3rem; position: relative; } .portal_pages_title { font-size: 4rem; line-height: 1; font-weight: 600; margin-bottom: 2rem; } .portal_pages_text { font-size: 2rem; line-height: 1; font-weight: 200; } .portal_pages_text p { margin-bottom: 2rem; } .portal_pages_icon_symbol { position: absolute; bottom: 0; right: 0; z-index: 2; background-color: #222222; color: #fff; border-radius: 50%; font-size: 5.3rem; display: flex; justify-content: center; align-items: center; width: 12.4rem; height: 12.4rem; } .portal_pages_subtraction { position: absolute; bottom: 0; right: 0; background-image: url("assets/images/subtraction.svg"); background-size: cover; width: 11.3rem; height: 11.3rem; color: #fff; font-size: 2.2rem; display: flex; justify-content: center; align-items: center; z-index: 1; } .portal_pages_icon_image img { width: 6.5rem; height: 6.5rem; } .professionalServices { background-color: #ffffff; padding-bottom: 10rem; } @media (min-width: 992px) { .professionalServices { padding-bottom: 7.5rem; } } @media (min-width: 992px) { .professionalServices_firms { display: flex; align-items: flex-end; justify-content: center; } } .professionalServices_column { width: 100%; margin-bottom: 5rem; } .professionalServices_column:last-child { margin-bottom: 0; } @media (min-width: 992px) { .professionalServices_column { margin-left: 7.5rem; margin-right: 7.5rem; margin-bottom: 7.5rem; max-width: 100rem; } .professionalServices_column:last-child { margin-bottom: 7.5rem; } } .professionalServices_firms_logo { text-align: center; margin-bottom: 3rem; } .professionalServices_firms_logo img { margin-left: auto; margin-right: auto; } .professionalServices_firms_website { text-align: center; } .singleQuote { position: relative; padding-top: 10rem; padding-bottom: 10rem; } @media (min-width: 992px) { .singleQuote { padding-top: 15rem; padding-bottom: 15rem; } } .singleQuote_quotebg { width: 14rem; position: absolute; top: 0; right: 0; } @media (min-width: 992px) { .singleQuote_quotebg { width: 38.5rem; } } .singleQuote_quote { width: 100%; font-style: italic; font-weight: 400; font-size: 2rem; margin-bottom: 2rem; line-height: 1.25; position: relative; letter-spacing: 0; } @media (min-width: 992px) { .singleQuote_quote { font-size: 3.5rem; line-height: 1.42; margin-bottom: 3rem; max-width: 86%; letter-spacing: -0.05rem; } } .singleQuote_name { font-weight: 600; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0; } @media (min-width: 992px) { .singleQuote_name { font-size: 3.5rem; line-height: 1.15; letter-spacing: -0.05rem; } } .singleQuote_companyName { font-weight: 600; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0; } @media (min-width: 992px) { .singleQuote_companyName { font-size: 2.5rem; line-height: 1.6; letter-spacing: -0.05rem; } } .ourSolution { padding-top: 6.8rem; padding-bottom: 11.5rem; background-color: #ffffff; overflow: hidden; } @media (min-width: 992px) { .ourSolution { padding-top: 0; padding-bottom: 19.2rem; } } .ourSolution_title { color: #222222; font-weight: 300; font-size: 1.6rem; line-height: 1; margin-bottom: 1rem; } @media (min-width: 992px) { .ourSolution_title { font-size: 3rem; text-align: center; } } .ourSolution_sub_title { color: #222222; font-weight: 600; font-size: 3rem; line-height: 1; margin-bottom: 5rem; letter-spacing: 0; } @media (min-width: 992px) { .ourSolution_sub_title { font-size: 6rem; line-height: 1.2; text-align: center; margin-bottom: 10rem; } } .ourSolution_flex { display: flex; justify-content: space-between; grid-gap: 8rem; } .ourSolution_column { width: 100%; max-width: 33.33%; } .ourSolution_column_image { position: relative; border-radius: 2rem; height: 0; padding-bottom: 87%; margin-bottom: 1.8rem; overflow: hidden; } @media (min-width: 992px) { .ourSolution_column_image { margin-bottom: 3rem; border-bottom-right-radius: 4rem; } } .ourSolution_column_image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .ourSolution_column_image_subtraction { position: absolute; bottom: 0; right: 0; background-image: url(assets/images/subtraction_white.svg); background-size: cover; width: 6.6rem; height: 6.6rem; color: #fff; font-size: 1.1rem; display: flex; justify-content: center; align-items: center; z-index: 1; } @media (min-width: 992px) { .ourSolution_column_image_subtraction { width: 11.2rem; height: 10.7rem; font-size: 2.2rem; } } .ourSolution_column_image_link { position: absolute; bottom: 0; right: 0; background-color: #FF6E1F; width: 4.7rem; height: 4.7rem; border-radius: 50%; color: #fff; font-size: 1.1rem; display: flex; justify-content: center; align-items: center; z-index: 2; } @media (min-width: 992px) { .ourSolution_column_image_link { width: 8rem; height: 8rem; font-size: 2.2rem; } } .ourSolution_column_title { font-size: 2.5rem; font-weight: 600; line-height: 1; margin-bottom: 1.3rem; letter-spacing: 0; } @media (min-width: 992px) { .ourSolution_column_title { font-size: 4rem; line-height: 1.25; margin-bottom: 1.4rem; letter-spacing: 0.5; } } .ourSolution_column_excerpt { font-size: 1.5rem; font-weight: 300; line-height: 1.75; width: 100%; max-width: 95%; } @media (min-width: 992px) { .ourSolution_column_excerpt { font-size: 2rem; } } .support { padding-top: 9.3rem; padding-bottom: 11.1rem; } @media (min-width: 992px) { .support { padding-top: 23.1rem; padding-bottom: 15rem; } } .support_title { font-size: 4rem; margin-bottom: 1rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .support_title { text-align: center; font-size: 10rem; margin-bottom: 2.1rem; line-height: 1.2; } } .support_sub_title { font-size: 2rem; font-weight: 400; margin-bottom: 5rem; line-height: 1.5; } @media (min-width: 992px) { .support_sub_title { text-align: center; font-size: 5rem; margin-bottom: 10rem; line-height: 1.2; } } .support_flex { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } @media (min-width: 992px) { .support_flex { max-width: 91.91%; } } .support_column { width: 100%; } .support_column:first-child { margin-bottom: 5rem; } @media (min-width: 992px) { .support_column:first-child { max-width: 57.75%; margin-bottom: 0; } } @media (min-width: 992px) { .support_column:last-child { max-width: 35.52%; } } .support_block { position: relative; z-index: 2; margin-left: 1.7rem; } @media (min-width: 992px) { .support_block { margin-left: 0; } } .support_block:before { content: ""; display: block; clear: both; background-color: #29ACE0; width: 100%; height: 100%; margin-left: -1.7rem; margin-top: -1.7rem; position: absolute; top: 0; left: 0; z-index: 1; border-radius: 2rem; } @media (min-width: 992px) { .support_block:before { margin-left: -2rem; margin-top: -2rem; } } .support_block_container { position: relative; z-index: 3; background-color: #fff; border-radius: 2rem; padding: 2rem; } @media (min-width: 992px) { .support_block_container { padding: 5rem; } } .support_block_title { font-size: 3rem; font-weight: 600; margin-bottom: 1.8rem; letter-spacing: 0; } @media (min-width: 992px) { .support_block_title { font-size: 4rem; margin-bottom: 2rem; letter-spacing: 0.05rem; } } .support_block_sub_title { margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.56; } @media (min-width: 992px) { .support_block_sub_title { font-size: 2rem; line-height: 1.3; } } .support_block_offices { margin-bottom: 2rem; } @media (min-width: 992px) { .support_block_offices { margin-bottom: 3rem; } } .support_block_offices:last-child { margin-bottom: 0; } .support_block_offices_location { font-size: 2rem; font-weight: 600; margin-bottom: 0.3rem; letter-spacing: 0; } @media (min-width: 992px) { .support_block_offices_location { letter-spacing: 0.05rem; margin-bottom: 1rem; } } .support_block_offices_telephone { font-size: 1.6rem; margin-bottom: 1rem; display: flex; } @media (min-width: 992px) { .support_block_offices_telephone { font-size: 2rem; } } .support_block_offices_telephone i { font-size: 2.3rem; margin-right: 1rem; } @media (min-width: 992px) { .support_block_offices_telephone i { font-size: 3rem; } } .support_block_offices_email { font-size: 1.6rem; display: flex; } @media (min-width: 992px) { .support_block_offices_email { font-size: 2rem; } } .support_block_offices_email i { font-size: 2.3rem; margin-right: 1rem; } @media (min-width: 992px) { .support_block_offices_email i { font-size: 3rem; } } .support_helpful_links_title { font-size: 3rem; font-weight: 600; margin-bottom: 2.5rem; line-height: 1; } @media (min-width: 992px) { .support_helpful_links_title { font-size: 6rem; line-height: 1.2; margin-bottom: 3rem; } } .support_helpful_links_link { font-size: 1.6rem; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; font-weight: 400; line-height: 1; height: 5rem; background-color: #FF6E1F; color: #FFFFFF; border-radius: 2.5rem; padding: 1.6rem; } @media (min-width: 992px) { .support_helpful_links_link { height: 9rem; font-size: 2.5rem; border-radius: 4.8rem; padding: 4.1rem; margin-bottom: 3rem; } } .support_helpful_links_link:last-child { margin-bottom: 0; } .titleAndSubTitle { padding-top: 9.3rem; padding-bottom: 5rem; } @media (min-width: 992px) { .titleAndSubTitle { background-image: url("assets/images/portal-bg.svg"); background-position: center top; background-repeat: no-repeat; background-size: 100%; padding-top: 18rem; padding-bottom: 9.2rem; } } @media (min-width: 992px) { .titleAndSubTitle_container { max-width: 64%; } } .titleAndSubTitle_title { font-size: 4rem; line-height: 1; margin-bottom: 2.1rem; font-weight: 600; letter-spacing: 0; } @media (min-width: 992px) { .titleAndSubTitle_title { text-align: center; font-size: 8rem; line-height: 1.2; letter-spacing: 0.05rem; } } .titleAndSubTitle_sub_title { font-size: 2rem; font-weight: 300; line-height: 1.5; } @media (min-width: 992px) { .titleAndSubTitle_sub_title { text-align: center; font-size: 3rem; line-height: 1.33; font-weight: 400; } } .title { padding-top: 9.3rem; background-color: #fff; } @media (min-width: 992px) { .title { padding-top: 18rem; padding-bottom: 9.2rem; } } .title_title { font-size: 4rem; padding-bottom: 5rem; font-weight: 600; line-height: 1; letter-spacing: 0; } @media (min-width: 992px) { .title_title { font-size: 8rem; text-align: center; line-height: 1.2; padding-bottom: 2.1rem; letter-spacing: 0.05rem; } } .training { padding-top: 9.3rem; padding-bottom: 10rem; } @media (min-width: 992px) { .training { background-image: url(assets/images/training.png); background-repeat: no-repeat; background-size: 100%; padding-top: 23.1rem; padding-bottom: 15rem; } } .training_title { font-size: 4rem; margin-bottom: 1rem; font-weight: 600; line-height: 1; } @media (min-width: 992px) { .training_title { text-align: center; font-size: 10rem; margin-bottom: 2.1rem; line-height: 1.2; } } .training_sub_title { font-size: 2rem; font-weight: 400; margin-bottom: 5rem; line-height: 1.5; } @media (min-width: 992px) { .training_sub_title { text-align: center; font-size: 5rem; margin-bottom: 10rem; line-height: 1.2; } } @media (min-width: 992px) { .training_pages { display: flex; justify-content: space-between; grid-gap: 8rem; } } .training_pages_link { width: 100%; display: block; margin-bottom: 5rem; } .training_pages_link:last-child { margin-bottom: 0; } @media (min-width: 992px) { .training_pages_link { max-width: 33.33%; margin-bottom: 0; } } .training_pages_image { position: relative; border-radius: 2rem; height: 0; padding-bottom: 87%; margin-bottom: 2.1rem; overflow: hidden; } @media (min-width: 992px) { .training_pages_image { margin-bottom: 3rem; border-bottom-right-radius: 4rem; } } .training_pages_image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; width: 100%; } .training_pages_image_subtraction { position: absolute; bottom: 0; right: 0; background-image: url(assets/images/subtraction.svg); background-size: cover; width: 6.6rem; height: 6.6rem; color: #fff; font-size: 1.1rem; display: flex; justify-content: center; align-items: center; z-index: 1; } @media (min-width: 992px) { .training_pages_image_subtraction { width: 11.2rem; height: 10.7rem; font-size: 2.2rem; } } .training_pages_image_link { position: absolute; bottom: 0; right: 0; background-color: #FF6E1F; width: 4.7rem; height: 4.7rem; border-radius: 50%; color: #fff; font-size: 1.1rem; display: flex; justify-content: center; align-items: center; z-index: 2; } @media (min-width: 992px) { .training_pages_image_link { width: 8rem; height: 8rem; font-size: 2.2rem; } } .training_pages_link_text { font-size: 2.5rem; font-weight: 600; line-height: 1.25; letter-spacing: 0; } @media (min-width: 992px) { .training_pages_link_text { font-size: 4rem; margin-bottom: 1.4rem; letter-spacing: 0.05rem; } } .utelligent { padding-top: 7.5rem; padding-bottom: 4.5rem; } @media (min-width: 992px) { .utelligent { padding-top: 8.5rem; padding-bottom: 3.5rem; } } @media (min-width: 992px) { .utelligent_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } } .utelligent_column { width: 100%; } @media (min-width: 992px) { .utelligent_column:first-child { max-width: 37.03%; } } @media (min-width: 992px) { .utelligent_column:last-child { max-width: 56.66%; } } .utelligent_image { width: 100%; max-width: 82%; margin-bottom: 2.5rem; } @media (min-width: 992px) { .utelligent_image { margin-bottom: 3rem; } } .utelligent_content { font-size: 1.6rem; line-height: 1.56; margin-bottom: 5rem; } @media (min-width: 992px) { .utelligent_content { margin-bottom: 0; font-size: 2rem; line-height: 1.25; } } .utelligent_title { font-size: 3rem; line-height: 1; font-weight: 600; margin-bottom: 2.5rem; letter-spacing: 0; } @media (min-width: 992px) { .utelligent_title { font-size: 4rem; line-height: 1.25; margin-bottom: 3rem; letter-spacing: 0.05rem; } } .utelligent_points_point { background-color: #fff; margin-bottom: 2rem; border-radius: 2rem; font-size: 1.6rem; line-height: 1.56; padding: 2rem; letter-spacing: 0; } @media (min-width: 992px) { .utelligent_points_point { font-size: 2rem; line-height: 1.25; letter-spacing: 0.05rem; } } .utelligent_points_point p { margin-bottom: 2rem; } .utelligent_points_point p:last-child { margin-bottom: 0; }