/* Theme base styles */ /* Custom 29x Style*/ @charset "UTF-8"; /* Vendor */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ @import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;800&display=swap"); html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Typography ========================================================================== */ body { line-height: 1.4; overflow-wrap: break-word; } html[lang^=ja] body, html[lang^=zh] body, html[lang^=ko] body { line-break: strict; overflow-wrap: normal; word-break: break-all; } /* Paragraphs */ p { font-size: 1rem; margin: 0 0 1.4rem; } /* Anchors */ a { cursor: pointer; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 1.4rem; } /* Lists */ ul, ol { margin: 0 0 1.4rem; } ul ul, ol ul, ul ol, ol ol { margin: 0; } ul.no-list { list-style: none; margin: 0; padding-left: 0; } /* Code blocks */ pre { overflow: auto; } code { vertical-align: bottom; } /* Blockquotes */ blockquote { border-left: 2px solid; margin: 0 0 1.4rem; padding-left: 0.7rem; } /* Horizontal rules */ hr { border: none; border-bottom: 1px solid #ccc; } /* Image alt text */ img { font-size: 0.583rem; word-break: normal; } /* Tables ========================================================================== */ table { border-collapse: collapse; margin-bottom: 1.4rem; overflow-wrap: break-word; } /* Table cells */ td, th { vertical-align: top; } /* Table header */ thead th { vertical-align: bottom; } *, *:before, *:after { box-sizing: border-box; } /* Settings */ /** * Settings: Variables */ @font-face { font-family: "eduhouse"; src: url("https://4318930.fs1.hubspotusercontent-eu1.net/hubfs/4318930/fonts/eduhouse.woff") format("woff"), url("https://4318930.fs1.hubspotusercontent-eu1.net/hubfs/4318930/fonts/eduhouse.woff2") format("woff2"); } :root { /* Colors ********************/ --color-blue: #4766ff; --color-blue-80: #5087f3; --color-blue-60: #4e9de6; --color-blue-40: #4bb4da; --color-blue-20: #49cacd; --color-blue-medium: #cfe6fe; --color-blue-light: #e3f1fe; --color-orange: #ff6a00; --color-orange-80: #ff7e1a; --color-orange-60: #ff9334; --color-orange-40: #ffa74d; --color-orange-20: #ffbc67; --color-orange-medium: #ffd9cc; --color-orange-light: #fff0e6; --color-yellow: #ffbf0a; --color-yellow-medium: #ffe2b2; --color-yellow-light: #fff2dd; --color-green: #54e3d4; --color-green-80: #6cddb4; --color-green-60: #91daa7; --color-green-40: #b5d69b; --color-green-20: #dad38e; --color-green-medium: #91eddb; --color-green-light: #dafaf4; --color-grey: #f2f2f2; --color-black: #011043; --color-white: #fff; --color-text: #333; --color-linear: linear-gradient(180deg, #ffd081 0%, #e47700 100%); /* Layout gap ********************/ --column-gap: 2.13%; /* Easing functions ********************/ /* http://easings.net */ --easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715); --easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1); --easeInOutSine: cubic-bezier(0.445, 0.05, 0.55, 0.95); --easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53); --easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94); --easeInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955); --easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19); --easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1); --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1); --easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22); --easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1); --easeInOutQuart: cubic-bezier(0.77, 0, 0.175, 1); --easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06); --easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1); --easeInOutQuint: cubic-bezier(0.86, 0, 0.07, 1); --easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1); --easeInOutExpo: cubic-bezier(1, 0, 0, 1); --easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335); --easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1); --easeInOutCirc: cubic-bezier(0.785, 0.135, 0.15, 0.86); --easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045); --easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275); --easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55); /* Layout ********************/ --site-background-color: var(--color-white); /* Typography ********************/ --base-font-family: "Plus Jakarta Sans", sans-serif; --base-font-size: 16px; --base-font-weight: 500; --header-font-family: "eduhouse", sans-serif; --header-font-weight: 500; /* Media query breakpoints ********************/ --gutter-width: 30px; --outer-margin: 30px; --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1); --half-gutter-width: calc((var(--gutter-width) * 0.5)); --container-sm: calc(720px + var(--gutter-width)); --container-md: calc(940px + var(--gutter-width)); --container-lg: calc(1140px + var(--gutter-width)); } @media (max-width: 575px) { :root { --base-font-size: 14px; } } /*Root end*/ /* HS Specific styling */ /* Menu and simple menu */ .hs-menu-wrapper ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding-left: 0; } /* Horizontal menu */ .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { flex-direction: column; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-horizontal ul { flex-direction: column; } } /* Vertical menu */ .hs-menu-wrapper.hs-menu-flow-vertical ul { flex-direction: column; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul { display: inline-flex; } @media (max-width: 767px) { .hs-menu-wrapper.hs-menu-flow-vertical ul { display: flex; } } .hs-menu-wrapper.flyouts .hs-item-has-children { position: relative; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper { left: -9999px; opacity: 0; position: absolute; } .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; top: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 100%; opacity: 1; top: 0; } @media (max-width: 767px) { .hs-menu-wrapper.flyouts .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper { left: 0; opacity: 1; position: relative; top: auto; } } /* CTA, logo, and rich text images */ .hs_cos_wrapper_type_cta img, .hs_cos_wrapper_type_logo img, .hs_cos_wrapper_type_rich_text img { height: auto; max-width: 100%; } /* ========================================================================== #Header UI Styling ========================================================================== */ /* Header DND sections */ .header .dnd-section { padding: 0; } /* Header container */ .header__container { display: flex; justify-content: space-between; } .header__row-1 { padding-top: 1rem; } .header__row-1, .header__row-2 { align-items: center; display: flex; justify-content: flex-end; width: 100%; } @media (max-width: 1150px) and (min-width: 767px) { .header__column { width: 100%; } } @media (max-width: 767px) { .header__container { flex-direction: column; padding: 1rem 0 0; } .header__column { position: relative; } .header__row-1 { padding-top: 0; } .header__row-2 { justify-content: center; padding: 1.05rem; } } /* Navigation skipper */ .header__skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .header__skip:hover, .header__skip:focus, .header__skip:active { height: auto; left: 0; overflow: visible; top: 0; width: auto; } /* Logo */ .header__logo { align-items: center; display: flex; height: auto; margin-right: auto; overflow: hidden; } @media (max-width: 767px) { .header__logo { margin: 0 auto; width: 100%; } } .header__logo img { max-width: 100%; } .header__logo .logo-company-name { font-size: 1.167rem; margin-top: 0.7rem; } .header__logo--main { padding-top: 1rem; } /* Search bar */ .header__search { padding: 0 1rem; width: auto; } .header__search .hs-search-field__input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-position: center right 15px; background-repeat: no-repeat; height: 45px; padding: 0 0.7rem; } .header__search .hs-search-field--open .hs-search-field__input { border-bottom: none; border-radius: 6px 6px 0 0; max-width: 100%; } .header__search .hs-search-field--open .hs-search-field__suggestions { background-color: #fff; border: 2px solid #d1d6dc; border-radius: 0 0 6px 6px; border-top-width: 1px; position: absolute; width: 100%; z-index: 10; } .header__search .hs-search-field__suggestions li { border-top: 1px solid #d1d6dc; font-size: 0.875rem; } .header__search .hs-search-field__suggestions li a { color: #494a52; padding: 0.35rem 0.7rem; text-decoration: none; transition: background-color 0.3s; } .header__search .hs-search-field__suggestions #results-for { display: none; } @media (min-width: 767px) { .header__search form { align-items: center; display: flex; flex-direction: row; } .header__search label { margin: 0 1rem 0 0; } .header__search .hs-search-field__input { width: auto; } } @media (max-width: 767px) { .header__search { border-top: 2px solid #ced4db; order: 1; padding: 1.05rem; } } /* Language switcher */ .header__language-switcher { cursor: pointer; padding-right: 1.4rem; } .header__language-switcher .lang_switcher_class { position: static; } .header__language-switcher .lang_list_class { border: 2px solid; border-radius: 3px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); display: block; left: calc(100% - 24px); opacity: 0; min-width: 100px; padding-top: 0; text-align: left; top: 100%; transition: opacity 0.3s; visibility: hidden; } .header__language-switcher:hover .lang_list_class, .header__language-switcher:focus .lang_list_class { opacity: 1; transition: opacity 0.3s; visibility: visible; } .header__language-switcher .lang_list_class:before { left: 70%; top: -25px; } .header__language-switcher .lang_list_class:after { left: 70%; top: -22px; } .header__language-switcher .lang_list_class.first-active::after { top: -22px; transition: 0.3s; } .header__language-switcher .lang_list_class li { border: none; font-size: 18px; padding: 0.35rem 0.7rem; } .header__language-switcher .lang_list_class li:first-child { border-radius: 6px 6px 0 0; border-top: none; } .header__language-switcher .lang_list_class li:last-child { border-bottom: none; border-radius: 0 0 6px 6px; } .header__language-switcher .lang_list_class li:hover { transition: background-color 0.3s; } .header__language-switcher--label { display: flex; position: relative; } .header__language-switcher--label-current { align-items: center; display: flex; font-size: 0.75rem; margin-bottom: 0.175rem; margin-left: 0.7rem; } .header__language-switcher--label-current:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #494a52; content: ""; display: block; height: 0px; margin-left: 0.7rem; margin-top: 0.175rem; width: 0px; } @media (max-width: 767px) { .header__language-switcher { border-top: 2px solid #ced4db; padding-left: 1.05rem; padding-right: 0; } .header__language-switcher .lang_list_class { border: none; box-shadow: unset; display: block; left: 30px; opacity: 1; padding: 0 1.05rem; top: 0; visibility: visible; } .header__language-switcher .lang_list_class li { background-color: inherit; font-size: 0.917rem; } .header__language-switcher--label-current { display: none; } .header__language-switcher .globe_class { background-image: none; } .header__language-switcher .lang_list_class li:hover { background-color: inherit; } .header__language-switcher .lang_list_class:before, .header__language-switcher .lang_list_class:after { content: none; } } /* Navigation */ #nav-toggle { display: none; } /* Mobile toggles */ @media (max-width: 767px) { .header__navigation, .header__search, .header__language-switcher { display: none; width: 100%; } .header__navigation.open, .header__search.open, .header__language-switcher.open { background-color: #f8fafc; display: block; left: 0; min-height: calc(100vh - 115px); position: absolute; right: 0; top: 75px; z-index: 2; } .header__navigation--toggle, .header__search--toggle, .header__language-switcher--toggle, .header__close--toggle { cursor: pointer; margin: 0 5vw; position: relative; } .header__navigation--toggle.hide, .header__search--toggle.hide, .header__language-switcher--toggle.hide { display: none; } .header__navigation--toggle.open, .header__search--toggle.open, .header__language-switcher--toggle.open { display: block; margin-left: 0; margin-right: auto; } .header__navigation--toggle:after, .header__search--toggle:after, .header__language-switcher--toggle:after { display: none; font-size: 1.083rem; font-weight: 600; position: absolute; left: 40px; text-transform: uppercase; top: -10px; } .header__navigation--toggle.open:after, .header__search--toggle.open:after, .header__language-switcher--toggle.open:after { display: block; word-break: normal; } .header__navigation--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); background-size: cover; height: 25px; width: 25px; } .header__navigation--toggle:after { content: "Menu"; } .header__language-switcher--toggle { background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png); background-size: cover; height: 25px; width: 25px; } .header__language-switcher--toggle:after { content: "Language"; } .header__search--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-size: cover; height: 25px; width: 25px; } .header__search--toggle:after { content: "Search"; } .header__close--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); background-repeat: no-repeat; background-size: 110%; display: none; height: 25px; margin-right: 0; width: 25px; } .header__close--toggle.show { display: block; } } /* ========================================================================== #Layout ========================================================================== */ .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section > .row-fluid { margin: 0 auto; } .dnd-section .dnd-column { padding: 0; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid [class*=span] { min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span11 { width: calc(91.66% - var(--column-gap) * 0.0833); } .row-fluid .span10 { width: calc(83.33% - var(--column-gap) * 0.166); } .row-fluid .span9 { width: calc(75% - var(--column-gap) * 0.25); } .row-fluid .span8 { width: calc(66.66% - var(--column-gap) * 0.333); } .row-fluid .span7 { width: calc(58.33% - var(--column-gap) * 0.4166); } .row-fluid .span6 { width: calc(50% - var(--column-gap) * 0.5); } .row-fluid .span5 { width: calc(41.66% - var(--column-gap) * 0.5833); } .row-fluid .span4 { width: calc(33.33% - var(--column-gap) * 0.6668); } .row-fluid .span3 { width: calc(25% - var(--column-gap) * 0.75); } .row-fluid .span2 { width: calc(16.66% - var(--column-gap) * 0.8333); } .row-fluid .span1 { width: calc(8.33% - var(--column-gap) * 0.9166); } } /* Base */ /** * Base */ /* HubSpot temp */ .hs-tools-menu { display: none !important; } /* Box sizing */ * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { scroll-padding-top: 200px; min-height: 100%; } /* Body */ body { overflow: auto; min-height: 100%; background-color: var(--color-white); font-family: var(--base-font-family); font-weight: var(--base-font-weight); font-size: var(--base-font-size); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--color-black); line-height: 1.5; position: relative; width: 100%; margin: 0; overflow-x: hidden; /* Mobile nav */ } body img, body video { border-radius: 5px; } @media (max-width: 767px) { body:before { content: ""; position: absolute; z-index: 1; width: 100%; height: 0; opacity: 0; background-color: var(--color-primary); transition: all 0.3s var(--easeInOutQuart); background-repeat: no-repeat; background-position: -59px 328px; background-size: 124%; } } body.menu-open { overflow: hidden; } @media (max-width: 767px) { body.menu-open:before { height: 100%; opacity: 1; transition: all 0.3s var(--easeInOutQuart); } } body .edu-title-svg { position: relative; } body .edu-title-svg span { display: inline-block; position: relative; } .body-wrapper { overflow: hidden; } .body-container-wrapper { padding-top: 90px; } /* Links */ a { color: var(--color-link); text-decoration: underline; } a:hover, a:focus { color: shade(var(--color-link), 10%); } /* Image handling */ figure { margin: 0; background-size: auto 100%; background-position: center center; background-repeat: no-repeat; } figure img { max-width: 100%; width: 100%; height: auto; display: block; margin: 0 auto; transition: opacity 0.2s; } figure.contain-width img { width: auto; } @media (min-width: 1200px) { p { font-size: 18px; } } /* Theme width */ .dnd-section > .row-fluid { max-width: none !important; } /* Main content */ .body-container-wrapper { position: relative; } .body-container-wrapper:after { content: ""; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 0; opacity: 0; transition: all 0.5s var(--easeInOutQuart); background-color: rgba(0, 0, 0, 0); } .body-container-wrapper--backdrop { position: relative; } @media (min-width: 992px) { .body-container-wrapper--backdrop:after { z-index: 5; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-color: rgba(0, 53, 45, 0.75); transition: all 0.5s var(--easeInOutQuart); } } .swiper-container { width: 100%; height: 100%; } .swiper-slide { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } svg { user-select: none; pointer-events: none; } /* mobile padding */ @media (max-width: 767px) { .hs_cos_wrapper_type_rich_text > * { padding-left: 16px; padding-right: 16px; } } /* Organic shapes for sections and heros */ .organic-1-top::before { transform: translateY(-99%); aspect-ratio: 18/2; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 203.082L1800 203.082L1800 85.966C810 -85.9181 643 35.0819 5.11752e-06 144.544L0 203.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 203.082L1800 203.082L1800 85.966C810 -85.9181 643 35.0819 5.11752e-06 144.544L0 203.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } .organic-2-top::before { transform: translateY(-99%); aspect-ratio: 18/2; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='197' viewBox='0 0 1800 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 196.082L1800 196.082L1800 78.966C228 -70.9181 126 21.0819 5.11752e-06 137.544L0 196.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='197' viewBox='0 0 1800 197' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 196.082L1800 196.082L1800 78.966C228 -70.9181 126 21.0819 5.11752e-06 137.544L0 196.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } .organic-3-top::before { transform: translateY(-99%); aspect-ratio: 18/2; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 203.082L1800 203.082L1800 85.966C810 -85.9181 643 35.0819 5.11752e-06 144.544L0 203.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 203.082L1800 203.082L1800 85.966C810 -85.9181 643 35.0819 5.11752e-06 144.544L0 203.082Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } /* bottom styles */ .organic-1-bottom::after { transform: translateY(99%); aspect-ratio: 18/2; bottom: 1px; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='200' viewBox='0 0 1800 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V173.275C707.143 254.722 1494.64 130.72 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='200' viewBox='0 0 1800 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V173.275C707.143 254.722 1494.64 130.72 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } .organic-2-bottom::after { transform: translateY(99%); aspect-ratio: 18/2; bottom: 1px; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='196' viewBox='0 0 1800 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V117.116C1572 267 1674 175 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='196' viewBox='0 0 1800 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V117.116C1572 267 1674 175 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } .organic-3-bottom::after { transform: translateY(99%); aspect-ratio: 18/2; bottom: 1px; mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V117.116C990 289 1157 168 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='1800' height='204' viewBox='0 0 1800 204' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1800 0H0V117.116C990 289 1157 168 1800 58.5376V0Z' fill='%23E3F1FE'/%3E%3C/svg%3E%0A"); } .organic-1-top, .organic-2-top, .organic-3-top { padding-top: 0 !important; margin-top: 200px; } .organic-1-bottom, .organic-2-bottom, .organic-3-bottom { padding-bottom: 0 !important; margin-bottom: 200px; } .organic-1-top::before, .organic-2-top::before, .organic-3-top::before, .organic-1-bottom::after, .organic-2-bottom::after, .organic-3-bottom::after { content: ""; position: absolute; pointer-events: none; user-select: none; left: 0; width: 100%; background-color: inherit; z-index: -1; mask-size: cover; mask-repeat: no-repeat; mask-position: top center; -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; -webkit-mask-position: top center; } .text-header, h1, h2, h3, h4, h5, h6 { font-family: var(--header-font-family) !important; font-weight: var(--header-font-weight) !important; line-height: 1.1; color: var(--color-secondary); } h1 { font-size: 2.5rem; } @media (min-width: 768px) { h1 { font-size: 4rem; } } h1 span { color: var(--color-blue); } h2 { font-size: 2rem; } h2 span { color: var(--color-blue); } @media (min-width: 768px) { h2 { font-size: 3rem; } } .text-header--h1, .text-header--p1 { font-size: 36x; line-height: 40px; } @media (min-width: 768px) { .text-header--h1, .text-header--p1 { font-size: 42px; line-height: 48px; } } .text-header--h2, .text-header--p2 { margin: 0 0 30px 0; font-size: 36px; line-height: 42px; } @media (min-width: 768px) { .text-header--h2, .text-header--p2 { font-size: 42px; line-height: 48px; } } .text-header--h3, .text-header--p3 { margin: 0 0 30px 0; font-size: 30px; line-height: 36px; } @media (min-width: 768px) { .text-header--h3, .text-header--p3 { font-size: 38px; line-height: 46px; } } .text-header--h4, .text-header--p4 { margin: 0 0 30px 0; font-size: 24px; line-height: 26px; } @media (min-width: 768px) { .text-header--h4, .text-header--p4 { font-size: 28px; line-height: 30px; } } .text-header--h5, .text-header--p5 { margin: 0 0 30px 0; font-size: 22px; line-height: 24px; } @media (min-width: 768px) { .text-header--h5, .text-header--p5 { font-size: 26px; line-height: 28px; } } .text-header--h6, .text-header--p6 { margin: 0 0 30px 0; font-size: 18px; line-height: 20px; } @media (min-width: 768px) { .text-header--h6, .text-header--p6 { font-size: 22px; line-height: 24px; } } .blog-post-hdr h1 span { color: white; } .btn { background-color: transparent; border-radius: 100vw; border: 2px solid transparent; outline: none; font-family: var(--base-font-family); font-weight: 600; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; position: relative; overflow: hidden; } .btn:hover .btn__icon--left { opacity: 1; transform: translate(0, -50%); } .btn:hover .btn__icon--right { opacity: 0; transform: translate(25px, -50%); } .btn:hover .btn__text { transform: translateX(25px); } .btn__text { display: inline-flex; align-items: center; position: relative; z-index: 2; transition: all 0.3s ease; padding: 0 25px 0px 0px; } .btn__icon { position: absolute; top: 50%; z-index: 1; display: inline-flex; align-items: center; transition: all 0.3s ease; } .btn__icon span { display: flex; } .btn__icon svg { width: 14px; height: 14px; } .btn__icon--left { left: 20px; opacity: 0; transform: translate(-25px, -50%); } .btn__icon--right { right: 20px; opacity: 1; transform: translate(0, -50%); } .btn--small { padding: 12px 20px; font-size: 15px; } .btn--large { padding: 16px 25px; font-size: 18px; } .btn--filled { background-color: var(--color-blue); border-color: var(--color-blue); color: var(--color-white) !important; } .btn--filled svg { fill: white; } .btn--outline { color: var(--color-blue) !important; background-color: transparent !important; border-color: var(--color-blue); } .content-container, .blog-index, .blog-tag-heading { max-width: 1600px; margin: 0 auto; position: relative; z-index: 1; padding-right: 16px; padding-left: 16px; } @media (min-width: 576px) { .content-container, .blog-index, .blog-tag-heading { padding-right: 50px; padding-left: 50px; } } .section-intro { display: flex; flex-direction: column; } .section-intro__preheader { color: var(--color-black); font-size: 12px; font-weight: 700; } @media (min-width: 768px) { .section-intro__preheader { font-size: 16px; } } @media (min-width: 1200px) { .section-intro__preheader { font-size: 18px; } } @media (min-width: 768px) { .section-intro__description { width: 80%; } } @media (min-width: 1200px) { .section-intro__description { width: 70%; } } @media (min-width: 1400px) { .section-intro__description { width: 60%; } } .section-intro__description p:last-of-type, .section-intro__description p:only-of-type { margin-bottom: 0; } .section-intro--centered { justify-content: center; align-items: center; } .section-intro--centered .section-intro__description { text-align: center; } .video-trigger { position: absolute; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; } .video-trigger__play { position: relative; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 100%; cursor: pointer; } @media (min-width: 992px) { .video-trigger__play { width: 64px; height: 64px; } } .video-trigger__play:before { content: ""; position: absolute; z-index: 1; top: -8px; left: -8px; width: 62px; height: 62px; border-radius: 100%; background-color: rgba(2, 64, 90, 0.75); transition: all 0.3s var(--easeInOutQuart); } @media (min-width: 992px) { .video-trigger__play:before { width: 80px; height: 80px; } } .video-trigger__play svg { position: relative; z-index: 2; width: 16px; height: 14px; margin-left: 4px; fill: var(--color-white); } @media (min-width: 992px) { .video-trigger__play svg { width: 24px; height: 21px; } } .video-trigger span { display: block; padding-top: 15px; font-size: 12px; color: var(--color-white); text-align: center; } .checklist { padding: 0; list-style-type: none; } .checklist__checkmark { display: flex; flex-direction: row; align-items: center; margin-bottom: 16px; } .checklist__checkmark:last-child { margin-bottom: 0; } .checklist__checkmark span { display: block; font-weight: 500; line-height: 1; } .checklist__checkmark span strong { display: block; margin-bottom: 10px; } .checklist .checkmark__icon { width: 17px; height: 17px; margin-right: 7px; } .indent-content { padding-left: 30px; } .indent-content h1, .indent-content h2, .indent-content h3, .indent-content h4, .indent-content h5, .indent-content h6 { margin-bottom: 0px; } .edu-modal { position: fixed; z-index: 9999999999; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .edu-modal.open { visibility: visible; opacity: 1; transition-delay: 0s; } .edu-modal__content { padding: 64px; height: 100%; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 575px) { .edu-modal__content { padding: 16px; } } .edu-modal__video { align-items: center; display: flex; justify-content: center; max-width: 1000px; overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; z-index: 10000; } .edu-modal__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .edu-modal__close { position: absolute; top: 64px; left: 64px; z-index: 10000; background-color: transparent; border: 2px solid #5271ff; height: 54px; display: flex; width: 54px; justify-content: center; align-items: center; border-radius: 100vw; } @media (max-width: 575px) { .edu-modal__close { top: 16px; left: 16px; } } .edu-modal__close svg { width: 20px; height: 20px; display: block; } .edu-modal__overlay { position: fixed; z-index: 1000; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(227, 241, 254, 0.8); backdrop-filter: blur(10px); } /* Fields */ .hs-form-field { margin-bottom: 1.4rem; } /* Labels */ form label { display: block; font-size: 0.875rem; margin-bottom: 0.35rem; } /* Help text */ form legend { font-size: 0.875rem; } /* Inputs */ form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { display: inline-block; font-size: 0.875rem; padding: 0.7rem; width: 100%; } form textarea { resize: vertical; } form fieldset { max-width: 100% !important; } /* Inputs - checkbox/radio */ form .inputs-list { margin: 0; padding: 0; list-style: none; } form .inputs-list > li { display: block; margin: 0.7rem 0; } form .inputs-list input, form .inputs-list span { vertical-align: middle; } form input[type=checkbox], form input[type=radio] { cursor: pointer; margin-right: 0.35rem; } /* Inputs - date picker */ .hs-dateinput { position: relative; } .hs-dateinput:before { content: "📅"; position: absolute; right: 10%; top: 50%; transform: translateY(-50%); } .fn-date-picker .pika-table thead th { color: #fff; } .fn-date-picker td.is-selected .pika-button { border-radius: 0; box-shadow: none; } .fn-date-picker td .pika-button:hover, .fn-date-picker td .pika-button:focus { border-radius: 0 !important; color: #fff; } /* Inputs - file picker */ form input[type=file] { background-color: transparent; border: initial; padding: initial; } /* Headings and text */ form .hs-richtext, form .hs-richtext p { font-size: 0.875rem; margin: 0 0 1.4rem; } form .hs-richtext img { max-width: 100% !important; } /* GDPR */ .legal-consent-container .hs-form-booleancheckbox-display > span, .legal-consent-container .hs-form-booleancheckbox-display > span p { margin-left: 1rem !important; } /* Validation */ .hs-form-required { color: #ef6b51; } .hs-input.invalid.error { border-color: #ef6b51; } .hs-error-msg { color: #ef6b51; margin-top: 0.35rem; } /* Submit button */ form input[type=submit], form .hs-button { cursor: pointer; display: inline-block; text-align: center; transition: all 0.15s linear; white-space: normal; } /* Captcha */ .grecaptcha-badge { margin: 0 auto; } /* BLUE */ /* Text */ .text-blue { color: var(--color-blue); } .text-blue-80 { color: var(--color-blue-80); } .text-blue-60 { color: var(--color-blue-60); } .text-blue-40 { color: var(--color-blue-40); } .text-blue-20 { color: var(--color-blue-20); } .text-blue-medium { color: var(--color-blue-medium); } .text-blue-light { color: var(--color-blue-light); } /* Background */ .bg-blue { background-color: var(--color-blue); } .bg-blue-80 { background-color: var(--color-blue-80); } .bg-blue-60 { background-color: var(--color-blue-60); } .bg-blue-40 { background-color: var(--color-blue-40); } .bg-blue-20 { background-color: var(--color-blue-20); } .bg-blue-medium { background-color: var(--color-blue-medium); } .bg-blue-light { background-color: var(--color-blue-light); } /* Fill */ .fill-blue { fill: var(--color-blue); } .fill-blue-80 { fill: var(--color-blue-80); } .fill-blue-60 { fill: var(--color-blue-60); } .fill-blue-40 { fill: var(--color-blue-40); } .fill-blue-20 { fill: var(--color-blue-20); } .fill-blue-medium { fill: var(--color-blue-medium); } .fill-blue-light { fill: var(--color-blue-light); } /* Stroke */ .stroke-blue { stroke: var(--color-blue); } .stroke-blue-80 { stroke: var(--color-blue-80); } .stroke-blue-60 { stroke: var(--color-blue-60); } .stroke-blue-40 { stroke: var(--color-blue-40); } .stroke-blue-20 { stroke: var(--color-blue-20); } .stroke-blue-medium { stroke: var(--color-blue-medium); } .stroke-blue-light { stroke: var(--color-blue-light); } /* Border */ .border-blue { border-color: var(--color-blue); } .border-blue-80 { border-color: var(--color-blue-80); } .border-blue-60 { border-color: var(--color-blue-60); } .border-blue-40 { border-color: var(--color-blue-40); } .border-blue-20 { border-color: var(--color-blue-20); } .border-blue-medium { border-color: var(--color-blue-medium); } .border-blue-light { border-color: var(--color-blue-light); } /* ORANGE */ /* Text */ .text-orange { color: var(--color-orange); } .text-orange-80 { color: var(--color-orange-80); } .text-orange-60 { color: var(--color-orange-60); } .text-orange-40 { color: var(--color-orange-40); } .text-orange-20 { color: var(--color-orange-20); } .text-orange-medium { color: var(--color-orange-medium); } .text-orange-light { color: var(--color-orange-light); } /* Background */ .bg-orange { background-color: var(--color-orange); } .bg-orange-80 { background-color: var(--color-orange-80); } .bg-orange-60 { background-color: var(--color-orange-60); } .bg-orange-40 { background-color: var(--color-orange-40); } .bg-orange-20 { background-color: var(--color-orange-20); } .bg-orange-medium { background-color: var(--color-orange-medium); } .bg-orange-light { background-color: var(--color-orange-light); } /* Fill */ .fill-orange { fill: var(--color-orange); } .fill-orange-80 { fill: var(--color-orange-80); } .fill-orange-60 { fill: var(--color-orange-60); } .fill-orange-40 { fill: var(--color-orange-40); } .fill-orange-20 { fill: var(--color-orange-20); } .fill-orange-medium { fill: var(--color-orange-medium); } .fill-orange-light { fill: var(--color-orange-light); } /* Stroke */ .stroke-orange { stroke: var(--color-orange); } .stroke-orange-80 { stroke: var(--color-orange-80); } .stroke-orange-60 { stroke: var(--color-orange-60); } .stroke-orange-40 { stroke: var(--color-orange-40); } .stroke-orange-20 { stroke: var(--color-orange-20); } .stroke-orange-medium { stroke: var(--color-orange-medium); } .stroke-orange-light { stroke: var(--color-orange-light); } /* Border */ .border-orange { border-color: var(--color-orange); } .border-orange-80 { border-color: var(--color-orange-80); } .border-orange-60 { border-color: var(--color-orange-60); } .border-orange-40 { border-color: var(--color-orange-40); } .border-orange-20 { border-color: var(--color-orange-20); } .border-orange-medium { border-color: var(--color-orange-medium); } .border-orange-light { border-color: var(--color-orange-light); } /* YELLOW */ /* Text */ .text-yellow { color: var(--color-yellow); } .text-yellow-medium { color: var(--color-yellow-medium); } .text-yellow-light { color: var(--color-yellow-light); } /* Background */ .bg-yellow { background-color: var(--color-yellow); } .bg-yellow-medium { background-color: var(--color-yellow-medium); } .bg-yellow-light { background-color: var(--color-yellow-light); } /* Fill */ .fill-yellow { fill: var(--color-yellow); } .fill-yellow-medium { fill: var(--color-yellow-medium); } .fill-yellow-light { fill: var(--color-yellow-light); } /* Stroke */ .stroke-yellow { stroke: var(--color-yellow); } .stroke-yellow-medium { stroke: var(--color-yellow-medium); } .stroke-yellow-light { stroke: var(--color-yellow-light); } /* Border */ .border-yellow { border-color: var(--color-yellow); } .border-yellow-medium { border-color: var(--color-yellow-medium); } .border-yellow-light { border-color: var(--color-yellow-light); } /* GREEN */ /* Text */ .text-green { color: var(--color-green); } .text-green-80 { color: var(--color-green-80); } .text-green-60 { color: var(--color-green-60); } .text-green-40 { color: var(--color-green-40); } .text-green-20 { color: var(--color-green-20); } .text-green-medium { color: var(--color-green-medium); } .text-green-light { color: var(--color-green-light); } /* Background */ .bg-green { background-color: var(--color-green); } .bg-green-80 { background-color: var(--color-green-80); } .bg-green-60 { background-color: var(--color-green-60); } .bg-green-40 { background-color: var(--color-green-40); } .bg-green-20 { background-color: var(--color-green-20); } .bg-green-medium { background-color: var(--color-green-medium); } .bg-green-light { background-color: var(--color-green-light); } /* Fill */ .fill-green { fill: var(--color-green); } .fill-green-80 { fill: var(--color-green-80); } .fill-green-60 { fill: var(--color-green-60); } .fill-green-40 { fill: var(--color-green-40); } .fill-green-20 { fill: var(--color-green-20); } .fill-green-medium { fill: var(--color-green-medium); } .fill-green-light { fill: var(--color-green-light); } /* Stroke */ .stroke-green { stroke: var(--color-green); } .stroke-green-80 { stroke: var(--color-green-80); } .stroke-green-60 { stroke: var(--color-green-60); } .stroke-green-40 { stroke: var(--color-green-40); } .stroke-green-20 { stroke: var(--color-green-20); } .stroke-green-medium { stroke: var(--color-green-medium); } .stroke-green-light { stroke: var(--color-green-light); } /* Border */ .border-green { border-color: var(--color-green); } .border-green-80 { border-color: var(--color-green-80); } .border-green-60 { border-color: var(--color-green-60); } .border-green-40 { border-color: var(--color-green-40); } .border-green-20 { border-color: var(--color-green-20); } .border-green-medium { border-color: var(--color-green-medium); } .border-green-light { border-color: var(--color-green-light); } .text-white { color: var(--color-white); } .text-black { color: var(--color-black); } .text-grey { color: var(--color-grey); } .text-text { color: var(--color-text); } .text-linear { color: var(--color-linear); } .background-white { background-color: var(--color-white); } .background-black { background-color: var(--color-black); } .background-grey { background-color: var(--color-grey); } .background-text { background-color: var(--color-text); } .background-linear { background: var(--color-linear); } .fill-white { fill: var(--color-white); } .fill-black { fill: var(--color-black); } .fill-grey { fill: var(--color-grey); } .fill-text { fill: var(--color-text); } .fill-linear { fill: var(--color-linear); } .stroke-white { stroke: var(--color-white); } .stroke-black { stroke: var(--color-black); } .stroke-grey { stroke: var(--color-grey); } .stroke-text { stroke: var(--color-text); } .stroke-linear { stroke: var(--color-linear); } .border-white { border-color: var(--color-white); } .border-black { border-color: var(--color-black); } .border-grey { border-color: var(--color-grey); } .border-text { border-color: var(--color-text); } .border-linear { border-color: var(--color-linear); } /* Modules */ :root { interpolate-size: allow-keywords; } body { font-family: "Plus Jakarta Sans", sans-serif; font-optical-sizing: auto; font-style: normal; } * { box-sizing: border-box; } .edu-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: #fff; font-size: 16px; line-height: 1; height: 90px; } .edu-nav ul { list-style: none; padding: 0; margin: 0; } .edu-nav__inner { display: flex; align-items: center; max-width: 1400px; margin: 0 auto; } .edu-nav__logo { display: flex; align-items: center; } .edu-nav__logo svg { fill: var(--color-orange); } .edu-nav__cta-link { padding: 12px 20px; background-color: var(--color-blue); color: white !important; border-radius: 2rem; text-decoration: none; font-weight: 500; transition: background-color 0.3s; white-space: nowrap; display: inline-block; border: 1px solid white; } .edu-nav.mobile-active { background-color: var(--color-blue); color: white; } @media screen and (max-width: 1099px) { .desktop { display: none; } .mobile { display: block; } .edu-nav { padding: 20px; } .edu-nav__cta-link { padding: 8px 13px; color: white; } .edu-nav__toggle { flex-direction: column; justify-content: space-between; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; cursor: pointer; float: right; } .edu-nav__toggle svg { width: 35px; height: 35px; } .edu-nav__toggle .line { fill: none; stroke: var(--color-black); stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .edu-nav__toggle .line1 { stroke-dasharray: 60 207; stroke-width: 6; } .edu-nav__toggle .line2 { stroke-dasharray: 60 60; stroke-width: 6; } .edu-nav__toggle .line3 { stroke-dasharray: 60 207; stroke-width: 6; } .mobile-active .edu-nav__toggle .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; stroke: white; } .mobile-active .edu-nav__toggle .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; stroke: white; } .mobile-active .edu-nav__toggle .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; stroke: white; } .edu-nav__toggle { padding: 0; background-color: transparent; border: 0 none; } .edu-nav__menu { display: none; padding: 40px 40px 200px 40px; overflow-y: scroll; height: calc(100vh - 90px); -webkit-overflow-scrolling: touch; } .edu-nav__cta { order: 1; width: 30%; } .edu-nav__logo { order: 2; width: 40%; text-align: center; display: block; } .edu-nav__logo svg { max-width: 250px; width: 100%; } .edu-nav__login { order: 3; width: 15%; text-align: right; } .edu-nav__login .login-icon svg { height: 20px; width: 20px; transition: all 0.3s ease; } .edu-nav__login .login-text { display: none; } .edu-nav__toggle-container { order: 4; width: 15%; display: block; text-align: right; } .edu-nav__inner { gap: 0; } .edu-nav__sub-menu { height: 0; overflow: hidden; transition: height 0.3s; padding: 20px; } .edu-nav__sub-menu.active { height: max-content; } .edu-nav__sub-menu-toggle { display: block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; border: none; cursor: pointer; z-index: 1; background-repeat: no-repeat; background-position: center; background-color: transparent; background-image: url('data:image/svg+xml;utf8,'); transition: transform 0.3s; } .edu-nav__sub-menu-toggle.active { transform: rotate(180deg); } .edu-nav__menu ul { position: relative; width: 100%; display: block; background-color: transparent; box-shadow: none; } .edu-nav__menu ul li { margin-right: 0; position: relative; } .edu-nav__menu ul li a { position: relative; display: flex; gap: 20px; padding: 15px 25px; color: white; text-decoration: none; align-items: center; } .edu-nav__menu ul li a .menu-icon { display: block; width: 20px; height: 20px; } .edu-nav__menu ul li a .menu-icon svg { fill: white; position: absolute; width: 20px; top: 50%; transform: translateY(-50%); } .edu-nav__menu ul ul li { padding-left: 40px; } /* mobile-active */ .edu-nav.mobile-active .edu-nav__menu { display: block; position: absolute; top: 100%; left: 0; right: 0; height: 100vh; background-color: var(--color-blue); color: white; z-index: 100; } .edu-nav.mobile-active .edu-nav__logo svg { fill: #fff; } .edu-nav.mobile-active .edu-nav__login .login-icon svg { fill: white; } } @media screen and (min-width: 1100px) { .desktop { display: block; } .mobile { display: none; } .edu-nav__inner { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 2rem; gap: 30px; } .edu-nav__menu { flex-grow: 1; } .edu-nav__menu-list { display: flex; } .edu-nav__menu-item { position: relative; margin-right: 30px; } .edu-nav__menu-item .menu-icon { display: none; } .edu-nav__menu-link { color: var(--color-black); text-decoration: none; transition: color 0.3s; white-space: nowrap; } .edu-nav__menu-link:hover { color: var(--color-blue); } .edu-nav__sub-menu { position: absolute; top: 100%; left: 0; display: none; background-color: #fff; border: 1px solid #f2f2f2; z-index: 100; list-style: none; padding: 20px 30px !important; border-radius: 10px; width: 250px; } .edu-nav__menu-item:hover .edu-nav__sub-menu { display: block; } .edu-nav__sub-menu li { padding: 10px 0; } .edu-nav__sub-menu a { color: #000; text-decoration: none; font-weight: 500; transition: color 0.3s; } .edu-nav__sub-menu a:hover { color: var(--color-blue); } .edu-nav__cta { transition: background-color 0.3s; } .edu-nav__cta-link:hover { background-color: var(--color-orange); color: white; } .edu-nav__login a { display: flex; gap: 5px; text-decoration: none; } .edu-nav__login a:hover { color: var(--color-blue); } .edu-nav__login svg { height: 20px; width: 20px; fill: var(--color-black); } .edu-nav__toggle-container { display: none; } /* ORDER DESKTOP */ .edu-nav__logo { order: 1; } .edu-nav__menu { order: 2; } .edu-nav__cta { order: 3; } .edu-nav__login { order: 4; } .edu-nav__sub-menu-toggle { display: none; } } .edu-cta { background-image: url("data:image/svg+xml,%3Csvg width='1800' height='197' viewBox='0 0 1800 197' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 196.082L1800 196.082L1800 78.966C228 -70.9181 126 21.0819 5.11752e-06 137.544L0 196.082Z' fill='%234766ff'/%3E%3C/svg%3E%0A"); background-size: 100% 100%; padding-top: 0; position: relative; } @media (max-width: 767px) { .edu-cta { background-color: var(--color-blue); } } @media (max-width: 767px) { .edu-cta { padding-top: 40px; } } .edu-cta #my-anim { position: absolute; width: 1000px; height: 516px; right: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; pointer-events: none; } @media (max-width: 1500px) { .edu-cta #my-anim { right: -100px; } } @media (max-width: 991px) { .edu-cta #my-anim { right: -300px; } } @media (max-width: 767px) { .edu-cta #my-anim { display: none; } } .edu-cta #phone-ul { position: absolute; bottom: 0; right: 0; height: 516px; width: auto; z-index: 10; } .edu-cta .dot { height: 10px; width: 10px; background-color: white; border-radius: 50%; display: inline-block; position: absolute; } .edu-cta #lines { position: absolute; top: 0; right: 0; height: 516px; width: 1000px; z-index: 10; } .edu-cta #speech { display: none; } .edu-cta #megaphone { display: none; } .edu-cta #lightbulb { display: none; } .edu-cta #tip { display: none; } .edu-cta #letter { display: none; } .edu-cta #Glitter-container { position: absolute; top: 0; right: 290px; height: 516px; width: 400px; z-index: 15; /*clip-path: polygon(0% 15%, 90% 0%, 75% 100%, 0% 100%);*/ mask-image: url("https://4318930.fs1.hubspotusercontent-eu1.net/hubfs/4318930/Footer%20video/mask.png"); mask-mode: luminance; /*background-color: pink;*/ } .edu-cta .clip-star { clip-path: polygon(0% 50%, 45% 45%, 50% 0%, 55% 45%, 100% 50%, 55% 55%, 50% 100%, 45% 55%); } .edu-cta #phone-ol { position: absolute; bottom: 0; right: 0; height: 516px; width: auto; z-index: 1000; /*background-color: pink;*/ } .edu-cta__image--desktop { display: block; } @media (max-width: 767px) { .edu-cta__image--desktop { display: none; } } .edu-cta__image--mobile { display: none; position: relative !important; right: auto !important; bottom: auto !important; width: 100%; max-width: 500px; margin: 0 auto 50px auto; } @media (max-width: 767px) { .edu-cta__image--mobile { display: block; } } .edu-cta__image img { position: absolute; right: -150px; bottom: -80px; z-index: 1; } .edu-cta__inner { position: relative; padding-top: 200px; } @media (max-width: 767px) { .edu-cta__inner { padding-top: 0px; background-color: transparent; } } .edu-cta__container { z-index: 2; max-width: 1040px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-cta__container { padding-left: 16px; padding-right: 16px; } } .edu-cta__title { z-index: 20; position: relative; font-size: 22px; font-family: var(--header-font-family); font-weight: 500; color: var(--color-white); line-height: 28px; max-width: 330px; } .edu-cta__text { z-index: 20; position: relative; max-width: 590px; font-size: 16px; font-family: var(--base-font-family); font-weight: 400; color: var(--color-white); line-height: 26px; } .edu-cta__form { z-index: 20; position: relative; max-width: 400px; position: relative; } .edu-cta__form form { margin: 0 !important; } .edu-cta__form .hs-error-msgs { position: absolute; } .edu-cta__form .hs-error-msgs li { margin-bottom: 0; } .edu-cta__form .hs-error-msgs li label { margin-bottom: 0; } .edu-cta__form .hs-form-field { margin: 0; } .edu-cta__form .hs-form-field label span { display: none; } .edu-cta__form .hs_email .input input { padding-right: 100px; /* Adjust as needed */ } .edu-cta__form .hs_submit.hs-submit { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); background: transparent; border: none; display: flex; align-items: center; } .edu-cta__form .hs_submit.hs-submit .actions input[type=submit] { background-color: var(--color-white); border: none; border-radius: 100vw; padding: 12px 20px; font-size: 16px; font-family: var(--base-font-family); font-weight: 600; color: var(--color-blue); cursor: pointer; white-space: nowrap; } .edu-cta__form .hs_submit.hs-submit .actions { margin: 0; padding: 0; } .edu-cta__form .input input { background-color: transparent; border-radius: 100vw; border: 1px solid var(--color-white); padding: 12px 20px; } .edu-cta__form .input input::placeholder { font-size: 16px; font-family: var(--base-font-family); font-weight: 400; color: #CFE6FF; } .edu-footer { margin-top: -2px; position: relative; padding: 150px 0px 100px 0px; background-color: var(--color-blue); } @media (max-width: 767px) { .edu-footer { padding-top: 60px; } } .edu-footer__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; display: flex; gap: 85px; flex-direction: row; justify-content: space-between; align-items: flex-start; } @media (max-width: 1199px) { .edu-footer__inner { gap: 36px; } } @media (max-width: 991px) { .edu-footer__inner { flex-direction: column-reverse; gap: 50px; } } @media (max-width: 575px) { .edu-footer__inner { padding: 0px 16px; } } .edu-footer__contact { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 25px; } .edu-footer__contact-item { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; } .edu-footer__contact-item a { text-decoration: none; font-size: 16px; line-height: 26px; color: var(--color-blue-light); font-family: var(--base-font-family); } @media (max-width: 575px) { .edu-footer__divider { width: 100%; } } .edu-footer__divider .divider--desktop { display: block; } @media (max-width: 991px) { .edu-footer__divider .divider--desktop { display: none; } } .edu-footer__divider .divider--mobile { display: none; width: 100%; height: auto; } @media (max-width: 991px) { .edu-footer__divider .divider--mobile { display: block; } } .edu-footer__location { margin: 0; font-size: 16px; line-height: 26px; color: var(--color-blue-light); font-family: var(--base-font-family); } .edu-footer__text { margin: 0; font-size: 16px; line-height: 26px; color: var(--color-blue-light); font-family: var(--base-font-family); } .edu-footer__menus { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; gap: 24px; } @media (max-width: 575px) { .edu-footer__menus { flex-direction: column; gap: 40px; } } .edu-footer__menus h3 { color: white !important; } .edu-footer__menu h3 { color: white; font-size: 22px; line-height: 28px; font-family: var(--header-font-family); font-weight: 500; } .edu-footer__menu ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; } .edu-footer__menu ul li a { text-decoration: none; font-size: 16px; line-height: 26px; font-weight: 400; color: var(--color-blue-light); font-family: var(--base-font-family); } .edu-footer__socials { display: block; } @media (max-width: 767px) { .edu-footer__socials { display: none; } } .edu-footer__socials--mobile { display: none; } @media (max-width: 767px) { .edu-footer__socials--mobile { display: block; } } .edu-footer__socials h3 { color: var(--color-blue-light); font-size: 22px; line-height: 28px; font-family: var(--header-font-family); font-weight: 500; } .edu-footer__socials-items { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 10px; } .edu-footer__socials-items a { text-decoration: none; color: var(--color-blue-light); font-size: 16px; line-height: 26px; font-family: var(--base-font-family); } #my-anim { pointer-events: none; } .edu-text-image { position: relative; padding: 100px 0px; z-index: 15; } .edu-text-image.is-slim { padding: 50px 0px; margin-top: 100px; } @media (max-width: 575px) { .edu-text-image { padding: 21px 0px; } } .edu-text-image__inner { max-width: 1220px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 130px; padding: 0px 32px; } .edu-text-image__inner > div { width: 50%; } @media (max-width: 1399px) { .edu-text-image__inner { gap: 32px; } } @media (max-width: 767px) { .edu-text-image__inner > div { width: auto; } } .edu-text-image__inner--right { flex-direction: row-reverse; } @media (max-width: 767px) { .edu-text-image__inner--right { flex-direction: column-reverse; } } .edu-text-image__inner--left { flex-direction: row; } @media (max-width: 767px) { .edu-text-image__inner--left { flex-direction: column-reverse; } } .edu-text-image__content { max-width: 680px; } @media (max-width: 1199px) { .edu-text-image__content { max-width: 550px; } } @media (max-width: 991px) { .edu-text-image__content { max-width: 320px; } } @media (max-width: 767px) { .edu-text-image__content { max-width: 100%; } } .edu-text-image__title { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .edu-text-image__title { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .edu-text-image__title { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .edu-text-image__text { font-size: 22px; font-weight: 400; line-height: 28px; margin-bottom: 30px; } @media (max-width: 991px) { .edu-text-image__text { font-size: 18px; line-height: 24px; } } .edu-text-image__image { width: 600px; height: auto; position: relative; flex-shrink: 0; } @media (max-width: 767px) { .edu-text-image__image { width: 100%; height: auto; } } .edu-text-image__image img { width: 100%; height: auto; } @media (min-width: 992px) { .edu-text-image.is-slim .edu-text-image__image img { position: absolute; transform: translateY(-50%); } } .edu-text-image.is-slim.organic-1-top:before { transform: translateY(-99.5%); top: 0; } .edu-text-image.is-slim.organic-2-top:before { transform: translateY(-99.5%); top: 0; } .edu-text-image.is-slim.organic-3-top:before { transform: translateY(-99.5%); top: 0; } .edu-text-image.is-slim.organic-1-bottom:after { transform: translateY(99.5%); bottom: 0; } .edu-text-image.is-slim.organic-2-bottom:after { transform: translateY(99.5%); bottom: 0; } .edu-text-image.is-slim.organic-3-bottom:after { transform: translateY(99.5%); bottom: 0; } .edu-divider { padding: 100px 0px; position: relative; } @media (max-width: 575px) { .edu-divider { padding: 40px 0px; } } .edu-divider svg { width: 100%; height: auto; } .edu-categories { padding: 100px 0px; position: relative; } .edu-categories-bg { position: absolute; width: 100%; height: auto; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; user-select: none; max-width: 1600px; } @media (max-width: 575px) { .edu-categories { padding: 20px 0px; } } .edu-categories__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-categories__inner { padding: 0px 16px; } } .edu-categories__header { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; gap: 40px; } @media (max-width: 575px) { .edu-categories__header { gap: 30px; } } .edu-categories__title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin: 0; text-align: center; } @media (max-width: 575px) { .edu-categories__title { font-size: 25px; line-height: 30px; } } .edu-categories__text { max-width: 1030px; font-size: 22px; font-weight: 400; font-family: var(--base-font-family); line-height: 28px; color: var(--color-text); text-align: center; margin-bottom: 0; } @media (max-width: 575px) { .edu-categories__text { font-size: 16px; line-height: 20px; } } .edu-categories__cats { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 30px; justify-content: center; align-items: flex-start; } @media (max-width: 1399px) { .edu-categories__cats { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-categories__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } @media (max-width: 575px) { .edu-categories__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } .edu-categories__image { height: 100px; width: auto; border-radius: 15px; background-color: var(--color-blue); overflow: hidden; } .edu-categories__image img { width: 100%; } @media (max-width: 1399px) { .edu-categories__image { height: 180px; width: 100%; } } @media (max-width: 991px) { .edu-categories__image { height: 150px; } } @media (max-width: 767px) { .edu-categories__image { height: 120px; } } @media (max-width: 575px) { .edu-categories__image { height: 100px; } } .edu-categories__cat { text-decoration: none; color: var(--color-text); padding: 5px; border: 1px solid var(--color-blue-light); border-radius: 20px; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: white; transition: all 300ms ease; } .edu-categories__cat-inner { width: 100%; transition: all 180ms ease-in-out; } .edu-categories__cat-content { padding: 10px; } .edu-categories__cat-title { margin: 0; font-size: 18px; color: var(--color-text); line-height: 20px; font-weight: 500; font-family: var(--header-font-family); } .edu-categories__cat-text { font-size: 13px; font-weight: 500; line-height: 14px; font-family: var(--base-font-family); margin: 0; margin-top: 10px; } .edu-categories__cat:hover { border-color: var(--color-blue); } .edu-categories__link { text-align: center; margin-top: 40px; } .edu-dc { position: relative; padding: 100px 0px; overflow: hidden; max-width: 1920px; margin: 0 auto; } @media (max-width: 767px) { .edu-dc { padding-bottom: 120px; } } @media (max-width: 575px) { .edu-dc { padding: 21px 0px; } } .edu-dc__inner { max-width: 1400px; width: 100%; position: relative; display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 0px 32px; } @media (max-width: 1399px) { .edu-dc__inner { padding: 0px 16px; } } .edu-dc__bg { position: absolute; top: 20px; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; max-height: 680px; padding: 0px 32px; } @media (max-width: 1399px) { .edu-dc__bg { padding: 0px 16px; } } @media (max-width: 767px) { .edu-dc__bg { max-height: none; bottom: 0px; top: auto; padding: 0; } } .edu-dc__bg img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } @media (max-width: 767px) { .edu-dc__bg img { border-radius: 0; } } .edu-dc__content { display: flex; align-items: flex-start; width: 100%; box-sizing: border-box; } @media (max-width: 767px) { .edu-dc__content { flex-direction: column-reverse; } } .edu-dc__image { flex: 0 0 auto; margin-left: 85px; position: relative; z-index: 10; display: block; } @media (max-width: 991px) { .edu-dc__image { margin-left: 25px; } } @media (max-width: 767px) { .edu-dc__image { margin-top: 50px; display: none; } } .edu-dc__image--mobile { display: none; margin-left: 0; } @media (max-width: 767px) { .edu-dc__image--mobile { display: block; } } .edu-dc__image img { display: block; max-width: 100%; height: auto; } .edu-dc__textcontent { position: relative; z-index: 10; margin-top: 150px; margin-left: 35px; } @media (max-width: 991px) { .edu-dc__textcontent { margin-top: 64px; } } @media (max-width: 767px) { .edu-dc__textcontent { margin-left: 0; } } .edu-dc__preheader { font-size: 22px; font-weight: 700; line-height: normal; color: var(--color-text); margin: 0; } .edu-dc__title { font-size: 45px; line-height: 58px; margin: 4px 0px 13px 0px; font-weight: 500; max-width: 700px; } .edu-dc__text { font-size: 16px; color: var(--color-text); margin: 0; line-height: 26px; margin-bottom: 32px; max-width: 480px; } .edu-dc__upcoming { background-color: var(--color-yellow-light); border-radius: 20px; padding: 40px 30px; margin-top: 32px; max-width: 320px; } .edu-dc__upcoming-preheader { font-size: 16px; font-weight: 600; color: var(--color-black); font-family: var(--base-font-family); line-height: 26px; margin: 0; } .edu-dc__upcoming-link { font-size: 22px; font-weight: 500; color: var(--color-orange); font-family: var(--header-font-family); line-height: 28px; margin: 0; text-decoration: none; } .edu-dc__upcoming-datetitle { margin-bottom: 0; margin-top: 30px; font-size: 16px; font-weight: 400; color: var(--color-text); line-height: 26px; font-family: var(--base-font-family); } .edu-dc__upcoming-start { margin: 0; } .edu-dc__line { overflow: hidden; position: absolute; bottom: 225px; width: 110%; left: -5%; } @media (max-width: 767px) { .edu-dc__line { z-index: 11; bottom: 0; } } .edu-dc__line svg { width: 100%; height: auto; } .edu-dc__mobile { display: none; } @media (max-width: 767px) { .edu-dc__mobile { display: block; } } .edu-dc__desktop { display: block; } @media (max-width: 767px) { .edu-dc__desktop { display: none; } } .edu-big-hero { position: relative; margin: 0 auto; aspect-ratio: 16/10; } @media (max-width: 575px) { .edu-big-hero { aspect-ratio: 5/15; background: linear-gradient(0deg, #ffffff 50%, #CAE5F7 51%); } } .edu-big-hero .header-svg, .edu-big-hero #header-curve-mask { position: absolute; top: 0; left: 50%; width: 100%; height: auto; transform: translateX(-50%); } @media (max-width: 575px) { .edu-big-hero .header-svg, .edu-big-hero #header-curve-mask { width: 240%; top: 30%; } } .edu-big-hero .header-svg g path { stroke-width: 1.3rem; } @media (max-width: 575px) { .edu-big-hero .header-svg g path { stroke-width: 2rem; } } .edu-big-hero .header-svg .header-svg-lines { transform: scale(0.9) translate(7%, 8%); } @media (max-width: 575px) { .edu-big-hero .header-svg .header-svg-lines { transform: scale(1.3) translate(-2%, -23%); } } .edu-big-hero .header-svg .masked-image-mobile { display: none; } .edu-big-hero .header-svg .masked-image { display: block; } @media (max-width: 575px) { .edu-big-hero .header-svg .masked-image-mobile { display: block; } .edu-big-hero .header-svg .masked-image { display: none; } } .edu-big-hero__image { position: absolute; bottom: 0; right: 10%; z-index: 11; display: block; } @media (max-width: 1399px) { .edu-big-hero__image { max-width: 966px; } } @media (max-width: 991px) { .edu-big-hero__image { display: none; } } .edu-big-hero__image img { width: 100%; height: 100%; object-fit: cover; } .edu-big-hero__lines { position: absolute; bottom: -50%; right: 0px; z-index: 0; display: flex; z-index: 9; width: 90%; pointer-events: none; user-select: none; } .edu-big-hero__inner { max-width: 1400px; margin: 0 auto; padding: 50px 32px 0px 32px; z-index: 10; } @media (max-width: 991px) { .edu-big-hero__inner { padding: 50px 32px 0px 32px; } } @media (max-width: 575px) { .edu-big-hero__inner { padding: 50px 16px; transform: none; } } .edu-big-hero .section-intro__preheader { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-text); margin: 0; } @media (max-width: 991px) { .edu-big-hero .section-intro__preheader { font-size: 18px; } } .edu-big-hero .section-intro__header { font-size: 4rem; font-family: var(--header-font-family); font-weight: 500; line-height: 77px; margin: 20px 0px; line-height: 1.1; } @media (max-width: 1399px) { .edu-big-hero .section-intro__header { font-size: 3.5rem; } } @media (max-width: 1199px) { .edu-big-hero .section-intro__header { font-size: 3rem; } } @media (max-width: 991px) { .edu-big-hero .section-intro__header { font-size: 2rem; } } @media (max-width: 575px) { .edu-big-hero .section-intro__header { font-size: 1.8rem; } } .edu-big-hero .section-intro__header span { color: var(--color-blue); } .edu-big-hero .section-intro__description { font-size: 22px; max-width: 500px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-text); margin: 0; line-height: 28px; } @media (max-width: 991px) { .edu-big-hero .section-intro__description { font-size: 18px; line-height: 24px; } } .edu-big-hero__content { max-width: 50%; position: relative; } @media (max-width: 575px) { .edu-big-hero__content { max-width: none; } } .edu-big-hero__links { display: flex; margin-top: 40px; justify-content: flex-start; align-items: center; gap: 20px; } @media (max-width: 575px) { .edu-big-hero__links { flex-direction: column; align-items: flex-start; } } .edu-big-hero__testimonials { margin-top: 80px; position: relative; width: 100%; margin-left: 30px; } @media (max-width: 991px) { .edu-big-hero__testimonials { padding-bottom: 100px; } } @media (max-width: 575px) { .edu-big-hero__testimonials { margin-left: 0; } } .edu-big-hero__testimonials-slider { display: flex; gap: 20px; align-items: flex-start; justify-content: flex-start; } .edu-big-hero-images { position: relative; overflow: hidden; } .edu-big-hero__testimonial-image-wrapper { position: relative; width: 100%; transition: transform 0.5s ease, opacity 0.5s ease; } .edu-big-hero__testimonial-image-wrapper.inactive { transform: translateX(-20px) scale(0.9); opacity: 0.6; z-index: 1; } @media (max-width: 575px) { .edu-big-hero__testimonial-image-wrapper.inactive { transform: translateX(0px) scale(0.9); } } .edu-big-hero__testimonial-image-wrapper.active { transform: translateX(0px) scale(1); opacity: 1; z-index: 2; } @media (max-width: 575px) { .edu-big-hero__testimonial-image-wrapper.active { transform: translateX(20px) scale(1); } } .edu-big-hero__testimonial-image { height: 80px; width: 80px; display: block; transform: translateX(0px); position: absolute; } @media (max-width: 575px) { .edu-big-hero__testimonial-image { transform: translateX(20px); } } .edu-big-hero__testimonial { max-width: 350px; position: relative; display: none; margin-left: 80px; } @media (max-width: 575px) { .edu-big-hero__testimonial { margin-left: 0; margin-top: 95px; } } .edu-big-hero__testimonial.active { z-index: 2; display: flex; } .edu-big-hero__testimonial.active .edu-big-hero__testimonial-content { opacity: 1; visibility: visible; } .edu-big-hero__testimonial-content { display: flex; flex-direction: column; gap: 15px; opacity: 0; visibility: hidden; overflow: hidden; transition: opacity 0.3s ease-in-out; } .edu-big-hero__testimonial-content.active { opacity: 1; visibility: visible; height: auto; } .edu-big-hero__testimonial-stars { display: flex; gap: 4px; } .edu-big-hero__testimonial-info { display: flex; align-items: center; justify-content: flex-start; gap: 4px; } .edu-big-hero__testimonial-text { margin: 0; } .edu-big-hero__testimonial-name, .edu-big-hero__testimonial-position, .edu-big-hero__testimonial-company { font-size: 12px; color: var(--color-text); line-height: 14px; font-weight: 600; font-family: var(--base-font-family); margin: 0; } .edu-big-hero__testimonial-logo { max-width: 100px; position: relative; } .edu-big-hero__testimonial-logo img { width: 100%; height: auto; } .edu-big-hero__logos { padding: 50px 32px; position: absolute; z-index: 10; width: 100%; bottom: -14%; } @media (max-width: 1199px) { .edu-big-hero__logos { bottom: -25%; } } @media (max-width: 991px) { .edu-big-hero__logos { bottom: -38%; padding: 50px 16px; } } @media (max-width: 767px) { .edu-big-hero__logos { bottom: -38%; } } @media (max-width: 575px) { .edu-big-hero__logos { bottom: -3%; } } @media (max-width: 575px) { .edu-big-hero__logos { bottom: -7%; } } .edu-big-hero__logo { text-align: center; } .edu-big-hero__logo-title { font-size: 45px; font-style: normal; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .edu-big-hero__logo-title { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .edu-big-hero__logo-title { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .edu-big-hero__logo-grid { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; } @media (max-width: 991px) { .edu-big-hero__logo-grid { gap: 20px; justify-content: space-evenly; } .edu-big-hero__logo-grid img { max-width: 13%; } } @media (max-width: 575px) { .edu-big-hero__logo-grid img { max-width: 35%; } } .edu-logos { padding: 100px 0px; position: relative; } .edu-logos__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-logos__inner { padding: 0px 16px; } } .edu-logos__title { font-size: 45px; font-style: normal; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); color: var(--color-blue); margin-bottom: 30px; text-align: center; } @media (max-width: 1199px) { .edu-logos__title { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .edu-logos__title { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .edu-logos__grid { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; } .edu-learn-curve { min-height: 950px; padding: 100px 0 0px 0px; position: relative; max-width: 1920px; margin: 0 auto 100px auto; } @media (max-width: 1199px) { .edu-learn-curve { min-height: 800px; } } @media (max-width: 991px) { .edu-learn-curve { min-height: 700px; } } @media (max-width: 767px) { .edu-learn-curve { min-height: 900px; } } @media (max-width: 575px) { .edu-learn-curve { min-height: 750px; } } @media (max-width: 419px) { .edu-learn-curve { min-height: 650px; } } .edu-learn-curve__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-learn-curve__inner { padding: 0px 16px; } } .edu-learn-curve__header { max-width: 605px; } .edu-learn-curve__title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin: 0; text-align: left; margin-bottom: 30px; } @media (max-width: 575px) { .edu-learn-curve__title { font-size: 25px; line-height: 30px; } } .edu-learn-curve__text { font-size: 22px; color: var(--color-text); opacity: 0.47; line-height: 28px; font-family: var(--base-font-family); font-weight: 400; margin: 0; } .edu-learn-curve__ladder { position: absolute; bottom: 0; left: 0; width: 100%; } .edu-learn-curve__ladder svg { width: 100%; height: auto; } .edu-learn-curve__desktop { display: block; } @media (max-width: 767px) { .edu-learn-curve__desktop { display: none; } } .edu-learn-curve__mobile { display: none; } @media (max-width: 767px) { .edu-learn-curve__mobile { display: block; } } .edu-masonry { padding: 100px 0px; position: relative; max-width: 1920px; margin: 0 auto; } .edu-masonry__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-masonry__inner { padding: 0px 16px; } } .edu-masonry__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; } @media (max-width: 991px) { .edu-masonry__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(10, auto); } } .edu-masonry__grid-item { border-radius: 20px; } .edu-masonry__grid-item.bg-blue { background-color: var(--color-blue); } .edu-masonry__grid-item.bg-lightblue { background-color: var(--color-blue-light); } .edu-masonry__grid-item.bg-yellow { background-color: var(--color-yellow); } .edu-masonry__grid-item.bg-lightyellow { background-color: #FFE2B2; } .edu-masonry__grid-item-title { font-size: 50px; font-family: var(--header-font-family); color: var(--color-black); line-height: 58px; margin-bottom: 30px; } .edu-masonry__grid-item-text { font-size: 22px; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; font-weight: 400; } .edu-masonry__grid-item-1 { grid-area: 1/1/3/2; position: relative; overflow: hidden; } @media (max-width: 991px) { .edu-masonry__grid-item-1 { grid-area: 1/1/3/3; min-height: 460px; } } .edu-masonry__grid-item-1-inner { padding: 0px 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; position: relative; } .edu-masonry__grid-item-1 p { text-align: center; margin: 0; } .edu-masonry__grid-item-1 img { width: 95%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15; } .edu-masonry__grid-item-2 { position: relative; grid-area: 3/1/5/2; z-index: 15; text-align: center; padding-top: 80px; padding-bottom: 68px; } @media (max-width: 991px) { .edu-masonry__grid-item-2 { grid-area: 6/2/7/3; } } @media (max-width: 575px) { .edu-masonry__grid-item-2 { max-height: 300px; padding: 22px 0px; } } .edu-masonry__grid-item-2-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } .edu-masonry__grid-item-2 p { max-width: 170px; margin: 0 auto; display: flex; } @media (max-width: 575px) { .edu-masonry__grid-item-2 .edu-masonry__grid-item-text { order: 2; } } .edu-masonry__grid-item-2 img { width: 100%; } @media (max-width: 575px) { .edu-masonry__grid-item-2 img { order: 1; } } .edu-masonry__grid-item-3 { grid-area: 1/2/2/3; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } @media (max-width: 991px) { .edu-masonry__grid-item-3 { grid-area: 3/1/4/2; min-height: 240px; } } .edu-masonry__grid-item-3-inner { padding: 0px 30px; } @media (max-width: 575px) { .edu-masonry__grid-item-3-inner { padding: 16px; } } .edu-masonry__grid-item-3-title { font-size: 50px; font-family: var(--header-font-family); color: var(--color-black); line-height: 58px; margin: 0; } @media (max-width: 575px) { .edu-masonry__grid-item-3-title { font-size: 32px; line-height: 38px; } } .edu-masonry__grid-item-3-text { font-size: 22px; margin: 0; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; font-weight: 400; } .edu-masonry__grid-item-4 { grid-area: 1/3/2/4; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } @media (max-width: 991px) { .edu-masonry__grid-item-4 { grid-area: 3/2/4/3; } } .edu-masonry__grid-item-4-inner { padding: 0px 30px; } @media (max-width: 575px) { .edu-masonry__grid-item-4-inner { padding: 16px; } } .edu-masonry__grid-item-4-title { font-size: 50px; font-family: var(--header-font-family); color: var(--color-black); line-height: 58px; margin: 0; text-align: right; } @media (max-width: 575px) { .edu-masonry__grid-item-4-title { font-size: 32px; line-height: 38px; } } .edu-masonry__grid-item-4-text { font-size: 22px; margin: 0; max-width: 130px; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; font-weight: 400; text-align: right; } .edu-masonry__grid-item-5 { position: relative; grid-area: 2/2/4/4; min-height: 400px; } @media (max-width: 991px) { .edu-masonry__grid-item-5 { grid-area: 4/1/6/3; } } .edu-masonry__grid-item-5 img { position: absolute; max-height: 675px; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 15; } @media (max-width: 1199px) { .edu-masonry__grid-item-5 img { max-height: 550px; } } @media (max-width: 991px) { .edu-masonry__grid-item-5 img { z-index: 1; } } @media (max-width: 767px) { .edu-masonry__grid-item-5 img { max-height: 525px; } } .edu-masonry__grid-item-6 { grid-area: 4/2/5/3; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 991px) { .edu-masonry__grid-item-6 { grid-area: 7/1/8/2; } } .edu-masonry__grid-item-6-inner { padding: 0px 48px; } @media (max-width: 1199px) { .edu-masonry__grid-item-6-inner { padding: 24px 12px 24px 24px; } } @media (max-width: 991px) { .edu-masonry__grid-item-6-inner { padding: 48px; } } @media (max-width: 575px) { .edu-masonry__grid-item-6-inner { padding: 18px; } } .edu-masonry__grid-item-6-title { font-size: 25px; font-family: var(--header-font-family); color: var(--color-black); font-weight: 500; margin-bottom: 8px; line-height: 32px; } @media (max-width: 575px) { .edu-masonry__grid-item-6-title { font-size: 22px; } } .edu-masonry__grid-item-6-text { font-size: 22px; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; font-weight: 400; margin-bottom: 0; } @media (max-width: 575px) { .edu-masonry__grid-item-6-text { font-size: 16px; line-height: 22px; } } .edu-masonry__grid-item-7 { grid-area: 1/4/3/5; position: relative; overflow: hidden; } @media (max-width: 991px) { .edu-masonry__grid-item-7 { grid-area: 6/1/7/2; } } .edu-masonry__grid-item-7 svg { position: absolute; bottom: 0; width: 100%; height: auto; z-index: 1; } .edu-masonry__grid-item-7-inner { position: relative; z-index: 10; padding-left: 26px; padding-top: 38px; } @media (max-width: 575px) { .edu-masonry__grid-item-7-inner { padding: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } } .edu-masonry__grid-item-7-preheader, .edu-masonry__grid-item-7-text { font-size: 20px; font-family: var(--base-font-family); color: var(--color-black); line-height: 26px; font-weight: 400; margin-bottom: 0; max-width: 140px; } @media (max-width: 575px) { .edu-masonry__grid-item-7-preheader, .edu-masonry__grid-item-7-text { text-align: center; } } .edu-masonry__grid-item-7-title { font-size: 50px; font-family: var(--header-font-family); color: var(--color-black); line-height: 58px; margin: 12px 0px 9px 0px; } @media (max-width: 575px) { .edu-masonry__grid-item-7-title { text-align: center; } } .edu-masonry__grid-item-8 { position: relative; grid-area: 3/4/4/5; z-index: 15; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 991px) { .edu-masonry__grid-item-8 { grid-area: 7/2/8/3; } } .edu-masonry__grid-item-8-inner { max-width: 130px; margin: 0 auto; text-align: center; } .edu-masonry__grid-item-8-title { font-size: 22px; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; font-weight: 400; margin-bottom: 0; } .edu-masonry__grid-item-9 { grid-area: 4/3/5/5; position: relative; } @media (max-width: 991px) { .edu-masonry__grid-item-9 { grid-area: 8/1/10/3; } } .edu-masonry__grid-item-9-inner { color: white; width: 100%; height: 100%; padding: 0px 48px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } @media (max-width: 1399px) { .edu-masonry__grid-item-9-inner { padding: 30px; } } @media (max-width: 991px) { .edu-masonry__grid-item-9-inner { padding: 48px; align-items: center; } } @media (max-width: 575px) { .edu-masonry__grid-item-9-inner { padding: 30px; } } .edu-masonry__grid-item-9-content { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } @media (max-width: 991px) { .edu-masonry__grid-item-9-content { justify-content: center; } } .edu-masonry__grid-item-9-headline { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; max-width: 340px; gap: 13px; } @media (max-width: 1399px) { .edu-masonry__grid-item-9-headline { max-width: 280px; } } @media (max-width: 991px) { .edu-masonry__grid-item-9-headline { max-width: 340px; } } @media (max-width: 767px) { .edu-masonry__grid-item-9-headline { max-width: none; } } .edu-masonry__grid-item-9-title { font-size: 65px; font-family: var(--header-font-family); line-height: 60px; margin: 0; } .edu-masonry__grid-item-9-text { font-size: 22px; font-family: var(--base-font-family); line-height: 26px; font-weight: 400; margin-bottom: 0; } .edu-masonry__grid-item-9 .btn-desktop { display: flex; } @media (max-width: 991px) { .edu-masonry__grid-item-9 .btn-desktop { display: none; } } .edu-masonry__grid-item-9 .btn-mobile { margin-top: 16px; display: none; } @media (max-width: 991px) { .edu-masonry__grid-item-9 .btn-mobile { display: flex; } } .edu-masonry__grid-item-9-images { margin-top: 16px; } @media (max-width: 767px) { .edu-masonry__grid-item-9-images { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } } .edu-masonry__grid-item-9-images img { border-radius: 100vw; border: 3px solid #4766FF; margin-left: -10px; width: 60px; height: 60px; } @media (max-width: 1199px) { .edu-masonry__grid-item-9-images img { width: 50px !important; height: 50px !important; } } @media (max-width: 991px) { .edu-masonry__grid-item-9-images img { width: 70px; height: 70px; } } @media (max-width: 767px) { .edu-masonry__grid-item-9-images img { width: 60px; height: 60px; } .edu-masonry__grid-item-9-images img:first-child { margin-left: 0; } } .edu-masonry__line { position: absolute; width: 100%; top: 40%; right: 0; z-index: 10; transform: translateY(-50%); pointer-events: none; user-select: none; } @media (max-width: 991px) { .edu-masonry__line { top: 46%; z-index: 0; width: 330%; } } .edu-masonry__line-desktop { width: 110%; position: relative; left: -5%; display: block; } .edu-video-grid { padding: 150px 0px; position: relative; min-height: 1300px; overflow: hidden; margin: 0 auto 100px auto; } @media (max-width: 767px) { .edu-video-grid { min-height: 1230px; } } @media (max-width: 575px) { .edu-video-grid { padding: 20px 0px; min-height: 950px; } } @media (max-width: 419px) { .edu-video-grid { padding: 20px 0px; min-height: 900px; } } .edu-video-grid__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; z-index: 10; position: relative; padding-right: 10%; } @media screen and (max-width: 1920px) { .edu-video-grid__inner { padding-right: 15%; } } @media screen and (max-width: 1800px) { .edu-video-grid__inner { padding-right: 20%; } } @media (max-width: 1399px) { .edu-video-grid__inner { padding-right: 35%; } } @media (max-width: 1199px) { .edu-video-grid__inner { padding-right: 40%; } } @media (max-width: 991px) { .edu-video-grid__inner { padding-right: 53%; } } @media (max-width: 767px) { .edu-video-grid__inner { padding: 0px 16px; } } @media (max-width: 575px) { .edu-video-grid__inner { padding: 0px 16px; } } .edu-video-grid__title { font-weight: 500; margin-bottom: 40px; } @media (max-width: 991px) { .edu-video-grid__title { margin-bottom: 16px; } } .edu-video-grid__text { max-width: 740px; margin-bottom: 40px; font-size: 22px; font-family: var(--base-font-family); color: var(--color-text); line-height: 28px; font-weight: 400; } @media (max-width: 767px) { .edu-video-grid__text { max-width: 600px; font-size: 16px; line-height: 20px; } } .edu-video-grid__grid { max-width: 1280px; margin-left: auto; position: absolute; top: 0; right: -50px; width: 100%; height: 100vh; z-index: 4; } @media (max-width: 1199px) { .edu-video-grid__grid { bottom: auto; top: 140px; right: auto; left: 50%; transform: translateX(-50%); width: calc(100% - 64px); } } @media (max-width: 767px) { .edu-video-grid__grid { position: relative; right: auto; left: auto; transform: translateX(-50%); left: 50%; bottom: auto; max-width: none; width: max-content; height: auto; top: auto; margin-top: 40px; } } .edu-video-grid__items { display: grid; grid-gap: 10px; justify-content: center; grid-template-columns: repeat(5, minmax(0, 1fr)); } @media (max-width: 991px) { .edu-video-grid__items { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-video-grid__items { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .edu-video-grid__item { position: relative; aspect-ratio: 4/5; border-radius: 10px; will-change: transform, opacity, filter; } .edu-video-grid__item video { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .edu-video-grid__item-1 { grid-area: 3/1/4/2; } .edu-video-grid__item-2 { grid-area: 3/2/4/3; } .edu-video-grid__item-3 { grid-area: 4/2/5/3; } .edu-video-grid__item-4 { grid-area: 4/3/5/4; } .edu-video-grid__item-5 { grid-area: 3/3/4/4; } .edu-video-grid__item-6 { grid-area: 4/5/4/4; } .edu-video-grid__item-7 { grid-area: 2/4/3/5; } .edu-video-grid__item-8 { grid-area: 3/4/4/5; } .edu-video-grid__item-9 { grid-area: 3/5/4/6; } .edu-video-grid__item-10 { grid-area: 2/5/3/6; } .edu-video-grid__item-11 { grid-area: 1/4/2/5; } @media (max-width: 991px) { .edu-video-grid__item-1 { grid-area: 1/4; } .edu-video-grid__item-2 { grid-area: 2/3; } .edu-video-grid__item-3 { grid-area: 2/4; } .edu-video-grid__item-4 { grid-area: 3/3; } .edu-video-grid__item-5 { grid-area: 3/4; } .edu-video-grid__item-6 { grid-area: 4/2; } .edu-video-grid__item-7 { grid-area: 4/3; } .edu-video-grid__item-8 { grid-area: 4/4; } .edu-video-grid__item-9 { grid-area: 5/1; } .edu-video-grid__item-10 { grid-area: 5/2; } .edu-video-grid__item-11 { grid-area: 5/3; } } @media (max-width: 767px) { .edu-video-grid__item { height: 180px; } .edu-video-grid__item-1 { grid-area: 1/1; } .edu-video-grid__item-2 { grid-area: 1/2; } .edu-video-grid__item-3 { grid-area: 1/3; } .edu-video-grid__item-4 { grid-area: 1/4; } .edu-video-grid__item-5 { grid-area: 1/5; } .edu-video-grid__item-6 { grid-area: 1/6; } .edu-video-grid__item-7 { grid-area: 2/1; transform: translateX(40px); } .edu-video-grid__item-8 { grid-area: 2/2; transform: translateX(40px); } .edu-video-grid__item-9 { grid-area: 2/3; transform: translateX(40px); } .edu-video-grid__item-10 { grid-area: 2/4; transform: translateX(40px); } .edu-video-grid__item-11 { grid-area: 2/5; transform: translateX(40px); } } .edu-video-grid svg.lines { position: absolute; left: 0; bottom: 0; z-index: 1; pointer-events: none; user-select: none; } @media (max-width: 767px) { .edu-video-grid svg.lines { display: none; } } .edu-case { padding: 100px 0px; position: relative; } @media (max-width: 575px) { .edu-case { padding: 20px 0px; } } .edu-case__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; } @media (max-width: 991px) { .edu-case__inner { flex-direction: column; } } @media (max-width: 575px) { .edu-case__inner { padding: 0px 16px; } } .edu-case__media { width: 100%; padding: 90px 40px 90px 90px; border-radius: 8px; display: flex; flex-direction: column; align-items: flex-end; } @media (max-width: 1199px) { .edu-case__media { padding: 90px 40px 90px 40px; } } @media (max-width: 991px) { .edu-case__media { padding: 25px 25px 90px 25px; } } @media (max-width: 767px) { .edu-case__media { padding: 25px 25px 40px 25px; } } .edu-case__media--image { padding: 150px 90px 150px 90px; } @media (max-width: 1199px) { .edu-case__media--image { padding: 90px 40px 90px 40px; } } @media (max-width: 991px) { .edu-case__media--image { padding: 90px; } } @media (max-width: 767px) { .edu-case__media--image { padding: 25px; } } .edu-case__media img { width: 100%; height: 100%; } .edu-case__case { display: flex; flex-direction: row; align-items: baseline; justify-content: flex-end; gap: 20px; margin-right: 40px; margin-top: -50px; } @media (max-width: 575px) { .edu-case__case { margin-right: 20px; margin-top: -30px; } } @media (max-width: 419px) { .edu-case__case { margin-right: 10px; } } .edu-case__case img { width: 100px; height: 100px; border-radius: 100vw; display: block; } @media (max-width: 767px) { .edu-case__case img { width: 80px; height: 80px; } } @media (max-width: 575px) { .edu-case__case img { width: 60px; height: 60px; } } .edu-case__case-title { font-size: 16px; font-family: var(--base-font-family); font-weight: 600; color: var(--color-black); line-height: 26px; margin-bottom: 0px; text-align: right; } .edu-case__case-text { text-align: right; font-size: 16px; font-family: var(--base-font-family); font-weight: 400; color: var(--color-black); line-height: 26px; margin: 0; } .edu-case__content { width: 100%; } .edu-case__preheader { font-size: 22px; font-family: var(--base-font-family); color: var(--color-black); line-height: 28px; margin-bottom: 10px; } .edu-case__title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin-bottom: 20px; } @media (max-width: 575px) { .edu-case__title { font-size: 25px; line-height: 30px; } } .edu-case__text { max-width: 1030px; font-weight: 400; font-family: var(--base-font-family); color: var(--color-text); margin-bottom: 20px; font-size: 16px; line-height: 20px; } .edu-counter { padding: 100px 0px; position: relative; } .edu-counter__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; display: flex; justify-content: space-between; gap: 40px; align-items: flex-start; } @media (max-width: 575px) { .edu-counter__inner { padding: 0px 16px; } } @media (max-width: 991px) { .edu-counter__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } } @media (max-width: 575px) { .edu-counter__inner { grid-template-columns: 1fr; } } .edu-counter__item { max-width: 320px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; } @media (max-width: 575px) { .edu-counter__item { gap: 10px; } } @media (max-width: 991px) { .edu-counter__item { margin: 0 auto; } } .edu-counter__title { font-size: 65px; font-weight: 600 !important; line-height: 58px; font-family: var(--header-font-family); color: var(--color-blue); margin: 0; } .edu-counter__text { font-weight: 400; text-align: center; margin-bottom: 0; } @media (max-width: 575px) { .edu-counter__text { font-size: 16px; line-height: 20px; } } .edu-faq { padding: 100px 0 0px 0px; position: relative; } .edu-faq--no-divider { padding: 100px 0; } @media (max-width: 575px) { .edu-faq--no-divider { padding: 20px 0; } } @media (max-width: 575px) { .edu-faq { padding: 50px 0px 0px 0px; } } .edu-faq__inner { max-width: 860px; margin: 0 auto 30px auto; padding: 0 32px; } @media (max-width: 575px) { .edu-faq__inner { padding: 0 16px; } } .edu-faq__title { font-size: 45px; font-weight: 500; line-height: 58px; color: var(--color-blue); font-family: var(--header-font-family); margin-bottom: 50px; text-align: center; } @media (max-width: 575px) { .edu-faq__title { font-size: 25px; line-height: 30px; } } .edu-faq__item { background-color: var(--color-blue-light); border-radius: 32px; overflow: hidden; margin-bottom: 16px; transition: all 0.3s ease; } .edu-faq__item.active .edu-faq__arrow { transform: rotate(180deg); } .edu-faq__question { width: 100%; padding: 12px 12px 12px 25px; background: none; border: none; text-align: left; font-size: 16px; font-weight: 600; font-family: var(--base-font-family); color: var(--color-black); cursor: pointer; outline: none; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 10px; } .edu-faq__answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 25px; } .edu-faq__answer p { font-size: 16px; font-weight: 400; font-family: var(--base-font-family); color: var(--color-black); margin-bottom: 24px; } .edu-faq__arrow { padding: 10px; background-color: var(--color-white); border-radius: 100vw; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; } .edu-faq__divider { display: flex; justify-content: center; margin: 0 auto; } .edu-image-hero { position: relative; margin: 0; padding-top: 100px; } @media (max-width: 767px) { .edu-image-hero { padding-top: 50px; } } .edu-image-hero__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px 0 32px; position: relative; z-index: 10; display: flex; gap: 60px; } .edu-image-hero__inner > div { width: 50%; } @media (max-width: 991px) { .edu-image-hero__inner { padding: 0 32px 0px 32px; gap: 30px; flex-direction: column; } .edu-image-hero__inner > div { width: auto; } } @media (max-width: 575px) { .edu-image-hero__inner { padding: 0px 16px 100px 16px; } } .edu-image-hero__breadcrumbs a { font-size: 16px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-orange); margin: 0; text-decoration: none; display: flex; gap: 4px; align-items: center; justify-content: flex-start; } .edu-image-hero__content { position: relative; z-index: 10; } @media (max-width: 991px) { .edu-image-hero__content { margin-top: 20px; } } .edu-image-hero__preheader { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-text); margin: 0; } @media (max-width: 991px) { .edu-image-hero__preheader { font-size: 18px; } } .edu-image-hero__title { font-size: 70px; font-family: var(--header-font-family); font-weight: 500; line-height: 77px; margin: 20px 0px; } @media (max-width: 991px) { .edu-image-hero__title { font-size: 50px; line-height: 57px; } } @media (max-width: 575px) { .edu-image-hero__title { font-size: 35px; line-height: 40px; } } .edu-image-hero__text { margin: 0; } @media (max-width: 991px) { .edu-image-hero__text { font-size: 18px; line-height: 24px; } } .edu-image-hero__text ul { display: flex; flex-direction: column; gap: 16px; list-style-type: none; margin: 0; padding: 0; } .edu-image-hero__text ul li { padding-left: 41px; position: relative; } .edu-image-hero__text ul li:before { background-repeat: no-repeat; content: ""; height: 25px; left: 0; transform: translateY(-50%); position: absolute; top: 50%; width: 25px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.5' stroke='%234766FF' stroke-width='2'/%3E%3Cpath d='M7.5 12.5L11.25 16.25L17.5 10' stroke='%234766FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .edu-image-hero__links { display: flex; margin-top: 40px; justify-content: flex-start; align-items: center; gap: 20px; } @media (max-width: 575px) { .edu-image-hero__links { flex-direction: column; align-items: flex-start; } } .edu-image-hero__media { z-index: 5; position: relative; display: flex; align-items: center; } @media (max-width: 991px) { .edu-image-hero__media { position: relative; right: auto; max-width: 100%; max-height: 100%; } } .edu-image-hero__media img, .edu-image-hero__media video, .edu-image-hero__media iframe { border-radius: 20px; width: 100%; object-fit: cover; } .edu-image-hero__media video { aspect-ratio: 16/9; } .edu-image-hero__videowrapper { width: 100%; position: relative; border-radius: 20px; } .edu-image-hero__button { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); background-color: transparent; border: none; cursor: pointer; z-index: 15; border-radius: 0; aspect-ratio: 16/9; } @media (max-width: 991px) { .edu-image-hero__button { position: relative; transform: translate(0); top: auto; left: auto; } } .edu-image-hero__button img { position: absolute; top: 0; left: 0; width: 100%; } .edu-image-hero__button svg { position: relative; z-index: 20; } .edu-image-hero__video { display: none; } .edu-image-hero__double--lines { position: absolute; bottom: -100px; right: 0; z-index: 10; } .edu-image-hero__double--lines svg { width: 100%; height: 100%; object-fit: cover; } .edu-image-hero__divider--lines { position: absolute; bottom: -50px; right: 0; z-index: 20; width: 100%; } .edu-image-hero__divider--lines svg { width: 100%; height: 100%; object-fit: cover; } .edu-image-hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; user-select: none; } @media (max-width: 767px) { .edu-image-hero__bg { display: none; } } .edu-image-hero .header-svg { position: absolute; } .edu-image-hero .header-svg.style1 { right: -14%; top: -50%; } @media (max-width: 991px) { .edu-image-hero .header-svg.style1 { right: -2%; top: 0; width: 50%; } } .edu-image-hero .header-svg.style2 { right: -20%; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { .edu-image-hero .header-svg.style2 { right: -2%; top: auto; bottom: -50%; width: 100%; } } .edu-demo-form { padding: 0px 0px 100px 0px; position: relative; } @media (max-width: 767px) { .edu-demo-form { padding: 100px 0px; } } .edu-demo-form__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; display: flex; align-items: center; justify-content: space-between; gap: 130px; position: relative; z-index: 3; } @media (max-width: 1199px) { .edu-demo-form__inner { gap: 40px; } } @media (max-width: 767px) { .edu-demo-form__inner { flex-direction: column-reverse; } } @media (max-width: 575px) { .edu-demo-form__inner { padding: 0px 16px; } } .edu-demo-form__inner--right { flex-direction: row-reverse; } @media (max-width: 767px) { .edu-demo-form__inner--right { flex-direction: column-reverse; } } .edu-demo-form__inner--left { flex-direction: row; } @media (max-width: 767px) { .edu-demo-form__inner--left { flex-direction: column-reverse; } } .edu-demo-form__form { background-color: var(--color-black); color: #fff; border-radius: 30px; padding: 40px; width: 100%; margin-top: -250px; } .edu-demo-form__form-container { max-width: 410px; z-index: 6; } @media (max-width: 767px) { .edu-demo-form__form { max-width: 100%; } } @media (max-width: 767px) { .edu-demo-form__form { padding: 20px; margin-top: 30px; } } .edu-demo-form__form .hs-form-field .input input { padding: 12px 20px; border-radius: 10px; color: var(--color-black); font-size: 16px; font-family: var(--base-font-family); border: 1px solid rgba(255, 208, 129, 0.2); outline: none; } .edu-demo-form__form .hs-form-field .hs-dateinput:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_414_2751)%22%3E%3Cpath%20d%3D%22M12.3333%202.09408H12V1.76074C12%201.49553%2011.8946%201.24117%2011.7071%201.05364C11.5196%200.866099%2011.2652%200.760742%2011%200.760742V0.760742C10.7348%200.760742%2010.4804%200.866099%2010.2929%201.05364C10.1054%201.24117%2010%201.49553%2010%201.76074V2.09408H6V1.76074C6%201.49553%205.89464%201.24117%205.70711%201.05364C5.51957%200.866099%205.26522%200.760742%205%200.760742V0.760742C4.73478%200.760742%204.48043%200.866099%204.29289%201.05364C4.10536%201.24117%204%201.49553%204%201.76074V2.09408H3.66667C2.69421%202.09408%201.76158%202.48038%201.07394%203.16802C0.386308%203.85565%200%204.78828%200%205.76074L0%2013.0941C0%2014.0665%200.386308%2014.9992%201.07394%2015.6868C1.76158%2016.3744%202.69421%2016.7607%203.66667%2016.7607H12.3333C13.3058%2016.7607%2014.2384%2016.3744%2014.9261%2015.6868C15.6137%2014.9992%2016%2014.0665%2016%2013.0941V5.76074C16%204.78828%2015.6137%203.85565%2014.9261%203.16802C14.2384%202.48038%2013.3058%202.09408%2012.3333%202.09408ZM12.3333%2014.7607H3.66667C3.22464%2014.7607%202.80072%2014.5851%202.48816%2014.2726C2.17559%2013.96%202%2013.5361%202%2013.0941V7.42741H14V13.0941C14%2013.5361%2013.8244%2013.96%2013.5118%2014.2726C13.1993%2014.5851%2012.7754%2014.7607%2012.3333%2014.7607Z%22%20fill%3D%22%235271FF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_414_2751%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.760742)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); background-position: right 0 center; background-repeat: no-repeat; background-size: 16px; position: absolute; width: 18px; top: 50%; transform: translateY(-50%); height: 24px; } .edu-demo-form__form .hs-form-booleancheckbox-display { position: relative; display: flex; align-items: center; cursor: pointer; } .edu-demo-form__form .hs-form-booleancheckbox-display input[type=checkbox] { opacity: 0; position: absolute; left: 0; margin: 0; width: 20px; height: 20px; cursor: pointer; } .edu-demo-form__form .hs-form-booleancheckbox-display span { position: relative; padding-left: 30px; margin-left: 0 !important; } .edu-demo-form__form .hs-form-booleancheckbox-display input[type=checkbox] + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-white); border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 208, 129, 0.2); } .edu-demo-form__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 12px; left: 7px; position: absolute; top: 3px; transform: rotate(45deg); width: 6px; } .edu-demo-form__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-blue); border-radius: 3px; box-sizing: border-box; } .edu-demo-form__form .hs-submit { position: relative; display: inline-flex; } .edu-demo-form__form .hs-submit input[type=submit] { padding: 16px 45px 16px 25px; font-size: 18px; background-color: var(--color-blue); border-radius: 100vw; border: 0px solid var(--color-blue); outline: none; font-family: var(--base-font-family); font-weight: 600; display: inline-block; color: var(--color-white); text-decoration: none; cursor: pointer; width: 100%; } .edu-demo-form__form .hs-submit::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3739%207.11066L8.98325%204.72C8.79566%204.53249%208.54126%204.42718%208.27602%204.42725C8.01078%204.42731%207.75643%204.53273%207.56892%204.72033C7.38141%204.90793%207.27611%205.16233%207.27617%205.42757C7.27623%205.69281%207.38166%205.94716%207.56925%206.13466L9.19525%207.76066H3.33325C3.06804%207.76066%202.81368%207.86602%202.62615%208.05356C2.43861%208.24109%202.33325%208.49545%202.33325%208.76066C2.33325%209.02588%202.43861%209.28023%202.62615%209.46777C2.81368%209.65531%203.06804%209.76066%203.33325%209.76066H9.19525L7.56925%2011.3867C7.38166%2011.5742%207.27623%2011.8285%207.27617%2012.0938C7.27611%2012.359%207.38141%2012.6134%207.56892%2012.801C7.75643%2012.9886%208.01078%2013.094%208.27602%2013.0941C8.54126%2013.0941%208.79566%2012.9888%208.98325%2012.8013L11.3739%2010.4107C11.8107%209.97264%2012.056%209.37927%2012.056%208.76066C12.056%208.14205%2011.8107%207.54869%2011.3739%207.11066V7.11066Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 16px; } .edu-demo-form__form-title { font-size: 22px; font-weight: 500; line-height: 28px; color: white; font-family: var(--header-font-family); text-align: center; margin: 0; } .edu-demo-form__form-text { text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; color: white; margin-bottom: 20px; margin-top: 20px; font-family: var(--base-font-family); } .edu-demo-form__content { width: 100%; } .edu-demo-form__title { font-size: 45px; font-weight: 500; line-height: 58px; margin: 0; } @media (max-width: 575px) { .edu-demo-form__title { font-size: 25px; line-height: 30px; } } .edu-demo-form__text { font-size: 16px; font-weight: 500; font-family: var(--base-font-family); line-height: 26px; color: var(--color-black); margin-bottom: 0; } .edu-demo-form__text h4 { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-blue); } @media (max-width: 991px) { .edu-demo-form__text h4 { font-size: 18px; } } .edu-demo-form.is-slim.organic-1-top:before { top: 1px; } .edu-demo-form.is-slim.organic-2-top:before { top: 1px; } .edu-demo-form.is-slim.organic-3-top:before { top: 1px; } .edu-demo-form.is-slim.organic-1-bottom:after { bottom: 1px; } .edu-demo-form.is-slim.organic-2-bottom:after { bottom: 1px; } .edu-demo-form.is-slim.organic-3-bottom:after { bottom: 1px; } .edu-demo-form__svg { position: absolute; left: 50%; bottom: -10%; transform: translateX(-50%); z-index: 0; pointer-events: none; user-select: none; z-index: 1; } @media (max-width: 767px) { .edu-demo-form__svg { display: none; } } .edu-course-scroll { padding: 160px 0px; overflow: hidden; position: relative; } @media (max-width: 575px) { .edu-course-scroll { padding: 80px 0px; } } .edu-course-scroll__bg { height: auto; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 100%; pointer-events: none; } @media (max-width: 575px) { .edu-course-scroll__bg { width: 400%; } } @media (max-width: 575px) { .edu-course-scroll { padding: 80px 0px; } } .edu-course-scroll__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; position: relative; } .edu-course-scroll__intro { padding-top: 40px; margin-bottom: 50px; text-align: center; } .edu-course-scroll__content { display: flex; margin-bottom: 50px; } @media (max-width: 575px) { .edu-course-scroll__content { margin-bottom: 30px; } } .edu-course-scroll__title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin: 0; text-align: center; } @media (max-width: 575px) { .edu-course-scroll__title { font-size: 25px; line-height: 30px; } } .edu-course-scroll .swiper-wrapper { width: fit-content; margin: 0 auto; } .edu-course-scroll .swiper-slide { width: 320px; } @media (max-width: 575px) { .edu-course-scroll .swiper-slide { width: 280px; } } .edu-course-scroll .swiper-slide:nth-child(even) { padding-top: 40px; } @media (max-width: 575px) { .edu-course-scroll .swiper-slide:nth-child(even) { padding-top: 0; } } .edu-course-scroll__card { width: 100%; border-radius: 20px; border-width: 2px; border-style: inset; border-style: solid; padding: 5px; flex-shrink: 0; background-color: white; border-color: var(--color-blue-light); } .edu-course-scroll__card-image { border-radius: 15px; overflow: hidden; position: relative; height: 200px; width: 100%; } .edu-course-scroll__card-image img { width: 100%; height: 100%; object-fit: cover; } .edu-course-scroll__card-instructor { position: absolute; bottom: 12px; right: 0px; font-size: 12px; font-weight: 600; font-family: var(--base-font-family); color: var(--color-black); background-color: var(--color-white); padding: 5px 8px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .edu-course-scroll__card-content { padding: 20px; } .edu-course-scroll__card-title { font-size: 22px; font-weight: 500; line-height: 30px; color: var(--color-black); font-family: var(--header-font-family); margin: 0; } .edu-course-scroll__card-description { font-size: 14px; } .edu-course-scroll__card-labels { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 5px; } .edu-course-scroll__card-labels span { padding: 2px 10px; font-size: 13px; font-weight: 500; font-family: var(--base-font-family); } .edu-course-scroll__card-labels span.bg--blue { background-color: var(--color-blue); color: var(--color-white); } .edu-course-scroll__card-labels span.bg--lightblue { background-color: var(--color-blue-light); color: var(--color-black); } .edu-course-scroll__card-labels span.bg--orange { background-color: var(--color-orange); color: var(--color-white); } .edu-course-scroll__card-labels span.bg--yellow { background-color: var(--color-yellow); color: var(--color-black); } .edu-course-scroll__card-labels span.bg--lightyellow { background-color: var(--color-yellow-light); color: var(--color-black); } .edu-course-scroll__card-difficulty { font-size: 14px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-black); margin: 20px 0px; } .edu-course-scroll__link { display: flex; margin: 0 auto; text-align: center; justify-content: center; width: fit-content; } .edu-course-grid { padding: 100px 0px; position: relative; } @media (max-width: 575px) { .edu-course-grid { padding: 20px 0px; } } .edu-course-grid__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-course-grid__inner { padding: 0px 16px; } } .edu-course-grid__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; } @media (max-width: 991px) { .edu-course-grid__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 575px) { .edu-course-grid__grid { grid-template-columns: repeat(1, 1fr); } } .edu-course-grid__card { width: 100%; border-radius: 20px; border: 1px solid var(--color-blue-light); padding: 5px; flex-shrink: 0; background-color: #fff; } .edu-course-grid__card--featured { grid-column: span 2; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } @media (max-width: 575px) { .edu-course-grid__card--featured { grid-column: span 1; flex-direction: column; } } .edu-course-grid__card--featured .edu-course-grid__card-image { height: 100%; } .edu-course-grid__card--featured .edu-course-grid__card-content { max-width: 220px; width: 100%; padding-right: 5px; } @media (max-width: 575px) { .edu-course-grid__card--featured .edu-course-grid__card-content { max-width: 100%; padding-right: 20px; } } .edu-course-grid__card-image { border-radius: 20px; overflow: hidden; position: relative; height: 200px; width: 100%; } .edu-course-grid__card-image img { width: 100%; height: 100%; object-fit: cover; } .edu-course-grid__card-content { padding: 20px; } .edu-course-grid__card-title { font-size: 22px; font-weight: 500; line-height: 30px; color: var(--color-black); font-family: var(--header-font-family); margin: 0; } .edu-course-grid__card-count { font-size: 14px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-black); margin: 16px 0px; } .edu-course-grid__card-text { font-size: 14px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-black); margin-bottom: 20px; } .edu-quote { padding: 100px 20px; position: relative; } @media (max-width: 575px) { .edu-quote { padding: 50px 0px; } } .edu-quote__item { border: 1px solid var(--color-blue-light); max-width: 900px; width: 100%; margin: 0 auto; position: relative; border-radius: 20px; padding: 50px 50px 50px 350px; } @media (max-width: 767px) { .edu-quote__item { padding: 50px 20px 20px 20px; } } .edu-quote__cite { position: absolute; bottom: -10px; right: 50px; } .edu-quote__image { width: 250px; height: 250px; object-fit: cover; position: absolute; border-radius: 200px; overflow: hidden; top: -50px; left: 50px; } @media (max-width: 767px) { .edu-quote__image { width: 80px; height: 80px; left: 20px; top: -50px; } } .edu-quote__image img { aspect-ratio: 1/1; width: 100%; } .edu-quote__stars { margin-top: 20px; } .edu-quote__stars svg { fill: var(--color-orange); } .edu-quote__text { font-size: 16px; color: var(--color-black); line-height: 26px; font-family: var(--base-font-family); margin-bottom: 20px; } .edu-quote__name { margin: 0; font-size: 16px; color: var(--color-blue); font-weight: 700; font-family: var(--base-font-family); } .edu-quote__position { margin: 0; font-size: 16px; color: var(--color-black); font-family: var(--base-font-family); font-weight: 500; } .edu-quote__quotesign { position: absolute; right: -40px; top: 20px; } .edu-quote__circle { position: absolute; bottom: -35px; left: -20px; } .edu-quote__line { left: 0; position: absolute; top: -220px; } @media (max-width: 991px) { .edu-quote__line { display: none; } } .edu-quote__inner { max-width: 1400px; margin: 0 auto; } .edu-quote__inner.double { display: flex; gap: 40px; } .edu-quote__inner.tripple { display: flex; gap: 40px; } .edu-quote__inner.tripple .edu-quote__image { width: 120px; height: 120px; left: 20px; top: -50px; } .edu-quote__inner.tripple .edu-quote__item { padding: 50px 50px 50px 150px; } @media (max-width: 767px) { .edu-quote__inner.tripple .edu-quote__item { padding: 50px 20px 20px 20px; } } .edu-quote__inner.quad, .edu-quote__inner.flock { display: flex; gap: 40px; } .edu-quote__inner.quad .edu-quote__image, .edu-quote__inner.flock .edu-quote__image { width: 80px; height: 80px; left: 20px; top: -50px; } .edu-quote__inner.quad .edu-quote__item, .edu-quote__inner.flock .edu-quote__item { padding: 50px 20px 20px 20px; } .edu-decorations { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; user-select: none; } @media (max-width: 767px) { .edu-decorations { display: none; } } .edu-decorations svg { position: absolute; } .edu-decorations__left { left: 0; } .edu-decorations__right { right: 0; transform-origin: center center; transform: rotate(180deg); } .edu-decorations__blue path { stroke: var(--color-blue); } .edu-decorations__lightblue path { stroke: var(--color-blue-light); } .edu-decorations__orange path { stroke: var(--color-orange); } .edu-decorations__yellow path { stroke: var(--color-yellow); } .edu-decorations__lightyellow path { stroke: var(--color-yellow-light); } .edu-platform { position: relative; } @media (max-width: 767px) { .edu-platform { display: none; } } .edu-platform__top { padding-top: 100px; text-align: center; /* #line-01, #line-02, #line-03, #line-04, #line-05, #line-06, #line-07, #line-08, #line-09, #line-10, #line-11, #line-12, #line-13, #line-14, #line-15, #line-16, #bubble-01, #bubble-02, #bubble-03, #bubble-04, #bubble-05, #bubble-06, #bubble-07, #bubble-08, #bubble-09, #bubble-10, #bubble-11, #bubble-12, #bubble-13, #bubble-14, #bubble-15, #bubble-16 { display: none; } */ } .edu-platform__top-title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin: 0; text-align: center; } @media (max-width: 575px) { .edu-platform__top-title { font-size: 25px; line-height: 30px; } } .edu-platform__top #myAnim { position: relative; margin: -150px auto 0 auto; display: block; width: 1440px; height: 1600px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edu-platform__top #my-window { /* transform: rotateX(-70deg); */ position: absolute; width: 960px; height: 565px; left: 240px; top: 185px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .edu-platform__top #employees { position: absolute; width: 1440px; height: 1600px; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; } .edu-platform__bottom { text-align: center; max-width: 1400px; margin: 0 auto; padding: 150px 32px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px; } @media (max-width: 575px) { .edu-platform__bottom { padding: 0px 16px; } } .edu-platform__bottom-title { font-size: 45px; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); text-align: center; max-width: 730px; margin: 0 auto; } @media (max-width: 575px) { .edu-platform__bottom-title { font-size: 25px; line-height: 30px; } } .edu-platform__bottom-text { max-width: 860px; font-size: 22px; font-weight: 400; font-family: var(--base-font-family); line-height: 28px; color: var(--color-text); text-align: center; margin: 40px auto; } @media (max-width: 575px) { .edu-platform__bottom-text { font-size: 16px; line-height: 20px; } } .edu-platform__bottom-links { display: flex; justify-content: center; gap: 20px; } .edu-bg-hero { min-height: auto; padding: 100px 0px; position: relative; } @media (max-width: 991px) { .edu-bg-hero { padding: 50px 0px; } } @media (max-width: 575px) { .edu-bg-hero { min-height: auto; } } .edu-bg-hero__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-bg-hero__inner { padding: 0px 16px; } } .edu-bg-hero__top { position: relative; } .edu-bg-hero__top img { position: absolute; top: 0; left: 0; height: 680px; border-radius: 36px; width: 100%; z-index: 1; object-fit: cover; pointer-events: none; user-select: none; } @media (max-width: 575px) { .edu-bg-hero__top img { height: 550px; } } .edu-bg-hero__content { max-width: 850px; margin: 0 auto; position: relative; z-index: 10; padding: 100px 32px 0px 32px; } @media (max-width: 767px) { .edu-bg-hero__content { padding-top: 50px; } } .edu-bg-hero__preheader { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-text); margin: 0; } @media (max-width: 991px) { .edu-bg-hero__preheader { font-size: 18px; } } .edu-bg-hero__title { font-size: 70px; font-family: var(--header-font-family); font-weight: 500; line-height: 77px; margin: 10px 0px; } @media (max-width: 767px) { .edu-bg-hero__title { font-size: 50px; line-height: 57px; } } @media (max-width: 575px) { .edu-bg-hero__title { font-size: 45px; line-height: 50px; } } @media (max-width: 419px) { .edu-bg-hero__title { font-size: 32px; line-height: 42px; } } .edu-bg-hero__text { font-size: 22px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-text); margin-bottom: 30px; line-height: 28px; } @media (max-width: 991px) { .edu-bg-hero__text { font-size: 18px; line-height: 24px; } } @media (max-width: 575px) { .edu-bg-hero__text { margin-bottom: 65px; } } .edu-bg-hero__bottom { max-width: 1100px; margin: 0px auto 0 auto; position: relative; z-index: 20; padding: 50px; border-radius: 20px; text-align: center; } @media (max-width: 575px) { .edu-bg-hero__bottom { padding: 32px; } } .edu-bg-hero__bottom-title { font-size: 45px; font-family: var(--header-font-family); font-weight: 500; line-height: 58px; margin: 0; } @media (max-width: 767px) { .edu-bg-hero__bottom-title { font-size: 32px; line-height: 40px; } } .edu-bg-hero__bottom-text { font-size: 16px; font-weight: 500; font-family: var(--base-font-family); line-height: 26px; margin: 30px 0px; } @media (max-width: 575px) { .edu-bg-hero__bottom-text { margin: 16px; } } .edu-bg-hero__line { z-index: 9; position: absolute; top: 260px; right: 0; } .edu-text { position: relative; padding: 100px 0px; } .edu-text__inner { max-width: 860px; margin: 0 auto; padding: 0px 32px; } @media (max-width: 575px) { .edu-text__inner { padding: 0px 16px; } } .event { position: relative; padding: 21px 0px; } @media (min-width: 576px) { .event { padding: 100px 0px; } } .event__inner { display: flex; flex-direction: column; max-width: 1220px; margin: 0 auto; padding: 0 32px; } .event__intro { margin-bottom: 40px; } .event__intro h2 { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .event__intro h2 { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .event__intro h2 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .event__list { display: flex; margin-bottom: 40px; } .event__card { display: flex; flex-direction: column; gap: 10px; width: auto; min-height: 400px; padding: 20px; border-radius: 20px; overflow: hidden; } @media (min-width: 768px) { .event__card { padding: 30px; } } .event__card[style] { background-repeat: no-repeat; background-position: right bottom; } .event__card-title { max-width: 80%; line-height: 1.1; } @media (min-width: 768px) { .event__card-title { max-width: 95%; } } .event__card-preheader { font-weight: 700; } .event__card-schedule { flex-grow: 1; } .event__card-date { margin-bottom: 10px; font-size: 24px; } .event__card-responsible { display: inline-flex; padding: 3px 10px; background-color: var(--color-white); border-radius: 3px; font-size: 12px; } .event__button { display: flex; } .event__button--centered { justify-content: center; } /* Slider styles */ @media (min-width: 768px) { .event__list-slider .swiper-slide { width: 350px; } } .graphic-hero { position: relative; padding: 21px 0px; } @media (min-width: 576px) { .graphic-hero { padding: 100px 0px; } } .graphic-hero__inner { display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; padding: 0 32px; } @media (min-width: 768px) { .graphic-hero__inner { position: relative; flex-direction: row; gap: 32px; } } .graphic-hero__intro { margin-bottom: 40px; } @media (min-width: 768px) { .graphic-hero__intro { position: absolute; z-index: 2; top: 0; left: 32px; width: 60%; } } .graphic-hero__intro h2 { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .graphic-hero__intro h2 { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .graphic-hero__intro h2 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .graphic-hero__intro .section-intro__description ul { display: flex; flex-direction: column; gap: 24px; margin: 0 0 0 15px; padding: 0; list-style-type: none; } .graphic-hero__intro .section-intro__description ul li { position: relative; padding-left: 25px; } .graphic-hero__intro .section-intro__description ul li:before { content: ""; position: absolute; top: 6px; left: 0; width: 20px; height: 13px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzQ5MTkgMTcuNjYyNkM3LjA2NzkzIDE3LjY2MjkgNi40MTQ1NyAxNy4zOTIxIDUuOTMzMjUgMTYuOTFMMC40NDMwNjEgMTEuNDIxOUMtMC4xNDc2ODcgMTAuODMwOSAtMC4xNDc2ODcgOS44NzMwMiAwLjQ0MzA2MSA5LjI4MjA4QzEuMDM0IDguNjkxMzQgMS45OTE5MSA4LjY5MTM0IDIuNTgyODQgOS4yODIwOEw3Ljc0OTE5IDE0LjQ0ODRMMjEuNDE3MiAwLjc4MDQ2M0MyMi4wMDgxIDAuMTg5NzE1IDIyLjk2NiAwLjE4OTcxNSAyMy41NTY5IDAuNzgwNDYzQzI0LjE0NzcgMS4zNzE0IDI0LjE0NzcgMi4zMjkzMSAyMy41NTY5IDIuOTIwMjRMOS41NjUxMyAxNi45MUM5LjA4MzgxIDE3LjM5MjEgOC40MzA0NSAxNy42NjI5IDcuNzQ5MTkgMTcuNjYyNloiIGZpbGw9IiM1MjcxRkYiLz4KPC9zdmc+Cg=="); background-repeat: no-repeat; background-size: contain; } .graphic-hero__intro-buttons { display: flex; flex-direction: column; gap: 16px; padding-top: 30px; } @media (min-width: 768px) { .graphic-hero__intro-buttons { flex-direction: row; align-items: center; } } .graphic-hero__intro-buttons .btn { align-self: flex-start; } .graphic-hero__gfx { margin-top: -40%; } @media (min-width: 768px) { .graphic-hero__gfx { position: relative; z-index: 1; margin-top: 0; margin-right: 0; } } .graphic-hero__gfx-wrapper { position: relative; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .graphic-hero__gfx-wrapper { justify-content: flex-start; padding-top: 30%; } } @media (min-width: 992px) { .graphic-hero__gfx-wrapper { padding-top: 10%; } } @media (min-width: 1200px) { .graphic-hero__gfx-wrapper { max-width: 1200px; margin-right: auto; margin-left: auto; padding-top: 0; } } .graphic-hero__gfx-text { padding-top: 30px; padding-right: 10%; padding-left: 10%; text-align: center; } @media (min-width: 768px) { .graphic-hero__gfx-text { padding: 0; width: 50%; margin-top: -200px; margin-right: auto; margin-left: auto; } } @media (min-width: 992px) { .graphic-hero__gfx-text { margin-top: -21%; } } .graphic-hero__gfx-text h3 { font-size: 24px; line-height: 1.1; } .graphic-hero__gfx svg { position: relative; right: -10%; } @media (min-width: 768px) { .graphic-hero__gfx svg { right: -12%; } } .path-slider { position: relative; padding: 21px 0px; } @media (min-width: 576px) { .path-slider { padding: 100px 0px; } } .path-slider__inner { display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; padding: 0 32px; } .path-slider__intro { margin-bottom: 40px; } .path-slider__intro h2 { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .path-slider__intro h2 { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .path-slider__intro h2 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .path-slider__intro-buttons { display: flex; flex-direction: column; gap: 16px; padding-top: 30px; } @media (min-width: 768px) { .path-slider__intro-buttons { flex-direction: row; align-items: center; } } .path-slider__intro-buttons .btn { align-self: flex-start; } .path-slider__intro-buttons--centered { justify-content: center; } .path-slider__intro-buttons--centered .btn { align-self: center; } .path-slider__list { position: relative; } @media (min-width: 992px) { .path-slider__list { padding-top: 60px; } } .path-slider__list-navigation { display: flex; flex-direction: row; justify-content: center; gap: 16px; padding-top: 30px; } @media (min-width: 992px) { .path-slider__list-navigation { position: absolute; z-index: 1; top: 0; right: 0; padding-top: 0; } } .path-slider__nav { display: flex; flex-direction: row; justify-content: center; align-items: center; align-self: stretch; width: 40px; height: 40px; border-radius: 40px; background-color: var(--color-white); transition: transform 0.3s var(--easeInOutCirc); } .path-slider__nav:hover { transform: scale(1.1); transform-origin: center; } .path-slider__nav svg { height: 15px; } .path-slider__nav.swiper-button-disabled { opacity: 0.15; pointer-events: none; } .path-slider__slide { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .path-slider__slide.swiper-slide { height: 100%; } .path-slider__slide-body { flex-grow: 1; margin-bottom: 32px; padding: 20px 20px 0 20px; } @media (min-width: 1200px) { .path-slider__slide-body { padding: 30px 30px 0 30px; } } @media (min-width: 1400px) { .path-slider__slide-body { padding: 40px 40px 0 40px; } } .path-slider__slide-title { margin-bottom: 15px; font-size: 22px; line-height: 1.1; } .path-slider__slide-icon { z-index: 2; display: flex; flex-direction: row; justify-content: center; align-items: center; align-self: center; flex-shrink: 0; width: 60px; height: 60px; border-radius: 60px; background-color: var(--color-white); } .path-slider__slide-icon svg { display: block; width: 30px; height: 30px; fill: inherit; } .path-slider__slide-beam { position: absolute; z-index: 0; bottom: 28px; left: 0; width: 100%; height: 5px; border-radius: 5px; } .video-image { position: relative; padding: 21px 0px; } @media (min-width: 576px) { .video-image { padding: 100px 0px; } } .video-image__inner { display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; padding: 0 32px; } .video-image__intro { margin-bottom: 40px; } .video-image__intro h2 { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .video-image__intro h2 { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .video-image__intro h2 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .video-image__intro-buttons { display: flex; flex-direction: column; gap: 16px; padding-top: 30px; } @media (min-width: 768px) { .video-image__intro-buttons { flex-direction: row; align-items: center; } } .video-image__intro-buttons .btn { align-self: flex-start; } .video-image__intro-buttons--centered { justify-content: center; } .video-image__intro-buttons--centered .btn { align-self: center; } .video-image__media { position: relative; border-radius: 20px; overflow: hidden; } .video-image__media img { display: block; width: 100%; } .video-image__trigger { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .video-image__trigger svg { transition: transform 0.3s var(--easeInOutCirc); cursor: pointer; } .video-image__trigger svg:hover { transform: scale(1.2); } .cards { position: relative; padding: 21px 0px; } @media (min-width: 576px) { .cards { padding: 100px 0px; } } .cards__inner { display: flex; flex-direction: column; max-width: 1400px; margin: 0 auto; padding: 0 32px; } .cards__intro { margin-bottom: 40px; position: relative; z-index: 5; } .cards__intro h2 { font-size: 45px; font-weight: 500; line-height: 54px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .cards__intro h2 { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .cards__intro h2 { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .cards__intro .section-intro__header { text-align: center; } .cards__intro-buttons { display: flex; flex-direction: column; gap: 16px; padding-top: 30px; } @media (min-width: 768px) { .cards__intro-buttons { flex-direction: row; align-items: center; } } .cards__intro-buttons .btn { align-self: flex-start; } .cards__list { position: relative; display: flex; flex-direction: column; gap: 32px; } @media (min-width: 992px) { .cards__list { flex-direction: row; justify-content: center; } } .cards__list--nospace { padding-top: 32px; padding-bottom: 32px; } @media (min-width: 992px) { .cards__list--nospace { padding: 0; gap: 0; } } .cards__list--nospace .cards { /* Remove inline styles for cards as we can them on the white background here */ } .cards__list--nospace .cards__card { background-color: var(--color-white); padding: 20px 30px; border-radius: 0; position: relative; z-index: 3; flex: 1 1 0; border-radius: 20px; } @media (min-width: 992px) { .cards__list--nospace .cards__card { padding: 30px; max-width: none; border-radius: 0; } .cards__list--nospace .cards__card:first-child { border-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .cards__list--nospace .cards__card:last-child { border-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } } @media (min-width: 1400px) { .cards__list--nospace .cards__card { padding: 40px; } } .cards__list--nospace .cards__card:nth-child(even) { padding-top: 32px; /* Match flex gap from parent */ padding-bottom: 32px; /* Match flex gap from parent */ border-top: 1px solid var(--color-blue-light); border-bottom: 1px solid var(--color-blue-light); } @media (min-width: 992px) { .cards__list--nospace .cards__card:nth-child(even) { padding: 30px; border-top: 0; border-bottom: 0; border-right: 1px solid var(--color-blue-light); border-left: 1px solid var(--color-blue-light); } } @media (min-width: 1400px) { .cards__list--nospace .cards__card:nth-child(even) { padding: 40px; } } .cards__list--nospace .cards__card-includes { border-top: 1px solid var(--color-blue-light); } .cards__line { position: absolute; z-index: 0; top: 50%; transform: translate(-50%, -50%); width: 110%; max-width: 1600px; margin-right: auto; margin-left: -32px; left: 50%; } @media (min-width: 992px) { .cards__line { margin-left: auto; height: auto; } } .cards__card { padding: 30px; border-radius: 20px; flex-basis: 0; flex-grow: 1; } @media (min-width: 992px) { .cards__card { display: flex; flex-direction: column; align-self: stretch; max-width: 425px; } } .cards__card-title { font-size: 22px; font-family: var(--header-font-family); font-weight: var(--header-font-weight); line-height: 1.1; } .cards__card-title--large { font-size: 30px; } @media (min-width: 1200px) { .cards__card-title--large { font-size: 50px; } } .cards__card-title span { display: block; margin-bottom: 5px; font-size: 14px; color: var(--color-black); } .cards__card-description ul, .cards__card-includes ul { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style-type: none; } .cards__card-description ul li, .cards__card-includes ul li { position: relative; padding-left: 25px; } .cards__card-description ul li:before, .cards__card-includes ul li:before { content: ""; position: absolute; top: 50%; left: 0; width: 16px; height: 12px; margin-top: -6px; background-repeat: no-repeat; } .cards__card-includes { margin-top: 16px; padding-top: 16px; } .cards__card-links { display: flex; flex-direction: column; gap: 16px; padding-top: 30px; } .cards__card-link a { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; text-decoration: none; } .cards__card-buttons { padding-top: 30px; } @media (min-width: 992px) { .cards__card-buttons { margin-top: auto; } } .edu-hero-with-form { padding: 100px 0px 100px 0px; position: relative; } @media (max-width: 575px) { .edu-hero-with-form { padding: 100px 0px; } } .edu-hero-with-form__inner { max-width: 1400px; margin: 0 auto; padding: 0px 32px; display: flex; align-items: center; justify-content: space-between; gap: 130px; position: relative; z-index: 2; } @media (max-width: 1199px) { .edu-hero-with-form__inner { gap: 40px; } } @media (max-width: 767px) { .edu-hero-with-form__inner { flex-direction: column; } } @media (max-width: 575px) { .edu-hero-with-form__inner { padding: 0px 16px; } } .edu-hero-with-form__inner--right { flex-direction: row-reverse; } @media (max-width: 767px) { .edu-hero-with-form__inner--right { flex-direction: column; } } .edu-hero-with-form__inner--left { flex-direction: row; } @media (max-width: 767px) { .edu-hero-with-form__inner--left { flex-direction: column; } } .edu-hero-with-form__inner .header-svg { position: absolute; top: 50%; transform: translate(-50%, -35%); width: 120%; z-index: 1; left: 50%; } .edu-hero-with-form-content { flex-grow: 1; z-index: 5; } .edu-hero-with-form__media { max-width: 600px; width: 100%; position: relative; z-index: 5; aspect-ratio: 16/9; margin-top: 60px; } .edu-hero-with-form__media img, .edu-hero-with-form__media video, .edu-hero-with-form__media iframe { border-radius: 20px; width: 100%; height: 100%; object-fit: cover; } .edu-hero-with-form__videowrapper { width: 100%; height: 100%; position: relative; border-radius: 20px; } .edu-hero-with-form__button { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color: transparent; border: none; cursor: pointer; z-index: 15; border-radius: 0; aspect-ratio: 16/9; } @media (max-width: 991px) { .edu-hero-with-form__button { position: relative; transform: translate(0); top: auto; left: auto; } } .edu-hero-with-form__button img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .edu-hero-with-form__button svg { position: relative; z-index: 20; } .edu-hero-with-form__video { display: none; } .edu-hero-with-form-form { max-width: 410px; position: relative; z-index: 6; background-color: var(--color-black); color: #fff; border-radius: 30px; padding: 40px; width: 100%; margin-bottom: -250px; } .edu-hero-with-form-form-container { max-width: 410px; } @media (max-width: 767px) { .edu-hero-with-form-form { max-width: 100%; margin-bottom: auto; } } @media (max-width: 575px) { .edu-hero-with-form-form { padding: 20px; } } .edu-hero-with-form-form__title { font-size: 22px; font-weight: 500; line-height: 28px; color: white; font-family: var(--header-font-family); text-align: center; margin: 0; } .edu-hero-with-form-form__text { text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; color: white; margin-bottom: 20px; margin-top: 20px; font-family: var(--base-font-family); } .edu-hero-with-form-form .hs-form-field .input input { padding: 12px 20px; border-radius: 10px; color: var(--color-black); font-size: 16px; font-family: var(--base-font-family); border: 1px solid rgba(255, 208, 129, 0.2); outline: none; } .edu-hero-with-form-form .hs-form-field .hs-dateinput:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_414_2751)%22%3E%3Cpath%20d%3D%22M12.3333%202.09408H12V1.76074C12%201.49553%2011.8946%201.24117%2011.7071%201.05364C11.5196%200.866099%2011.2652%200.760742%2011%200.760742V0.760742C10.7348%200.760742%2010.4804%200.866099%2010.2929%201.05364C10.1054%201.24117%2010%201.49553%2010%201.76074V2.09408H6V1.76074C6%201.49553%205.89464%201.24117%205.70711%201.05364C5.51957%200.866099%205.26522%200.760742%205%200.760742V0.760742C4.73478%200.760742%204.48043%200.866099%204.29289%201.05364C4.10536%201.24117%204%201.49553%204%201.76074V2.09408H3.66667C2.69421%202.09408%201.76158%202.48038%201.07394%203.16802C0.386308%203.85565%200%204.78828%200%205.76074L0%2013.0941C0%2014.0665%200.386308%2014.9992%201.07394%2015.6868C1.76158%2016.3744%202.69421%2016.7607%203.66667%2016.7607H12.3333C13.3058%2016.7607%2014.2384%2016.3744%2014.9261%2015.6868C15.6137%2014.9992%2016%2014.0665%2016%2013.0941V5.76074C16%204.78828%2015.6137%203.85565%2014.9261%203.16802C14.2384%202.48038%2013.3058%202.09408%2012.3333%202.09408ZM12.3333%2014.7607H3.66667C3.22464%2014.7607%202.80072%2014.5851%202.48816%2014.2726C2.17559%2013.96%202%2013.5361%202%2013.0941V7.42741H14V13.0941C14%2013.5361%2013.8244%2013.96%2013.5118%2014.2726C13.1993%2014.5851%2012.7754%2014.7607%2012.3333%2014.7607Z%22%20fill%3D%22%235271FF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_414_2751%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.760742)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); background-position: right 0 center; background-repeat: no-repeat; background-size: 16px; position: absolute; width: 18px; top: 50%; transform: translateY(-50%); height: 24px; } .edu-hero-with-form-form .hs-form-booleancheckbox-display { position: relative; display: flex; align-items: center; cursor: pointer; } .edu-hero-with-form-form .hs-form-booleancheckbox-display input[type=checkbox] { opacity: 0; position: absolute; left: 0; margin: 0; width: 20px; height: 20px; cursor: pointer; } .edu-hero-with-form-form .hs-form-booleancheckbox-display span { position: relative; padding-left: 30px; margin-left: 0 !important; } .edu-hero-with-form-form .hs-form-booleancheckbox-display input[type=checkbox] + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-white); border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 208, 129, 0.2); } .edu-hero-with-form-form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 12px; left: 7px; position: absolute; top: 3px; transform: rotate(45deg); width: 6px; } .edu-hero-with-form-form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-blue); border-radius: 3px; box-sizing: border-box; } .edu-hero-with-form-form .hs-submit { position: relative; display: inline-flex; } .edu-hero-with-form-form .hs-submit input[type=submit] { padding: 16px 45px 16px 25px; font-size: 18px; background-color: var(--color-blue); border-radius: 100vw; border: 0px solid var(--color-blue); outline: none; font-family: var(--base-font-family); font-weight: 600; display: inline-block; color: var(--color-white); text-decoration: none; cursor: pointer; width: 100%; } .edu-hero-with-form-form .hs-submit::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3739%207.11066L8.98325%204.72C8.79566%204.53249%208.54126%204.42718%208.27602%204.42725C8.01078%204.42731%207.75643%204.53273%207.56892%204.72033C7.38141%204.90793%207.27611%205.16233%207.27617%205.42757C7.27623%205.69281%207.38166%205.94716%207.56925%206.13466L9.19525%207.76066H3.33325C3.06804%207.76066%202.81368%207.86602%202.62615%208.05356C2.43861%208.24109%202.33325%208.49545%202.33325%208.76066C2.33325%209.02588%202.43861%209.28023%202.62615%209.46777C2.81368%209.65531%203.06804%209.76066%203.33325%209.76066H9.19525L7.56925%2011.3867C7.38166%2011.5742%207.27623%2011.8285%207.27617%2012.0938C7.27611%2012.359%207.38141%2012.6134%207.56892%2012.801C7.75643%2012.9886%208.01078%2013.094%208.27602%2013.0941C8.54126%2013.0941%208.79566%2012.9888%208.98325%2012.8013L11.3739%2010.4107C11.8107%209.97264%2012.056%209.37927%2012.056%208.76066C12.056%208.14205%2011.8107%207.54869%2011.3739%207.11066V7.11066Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 16px; } .edu-classroom-hero { position: relative; margin: 0 auto; aspect-ratio: 16/10; } @media (max-width: 575px) { .edu-classroom-hero { aspect-ratio: 5/11; } } .edu-classroom-hero .header-svg, .edu-classroom-hero #header-curve-mask { position: absolute; top: 0; left: 50%; width: 100%; height: auto; transform: translateX(-50%); } @media (max-width: 575px) { .edu-classroom-hero .header-svg, .edu-classroom-hero #header-curve-mask { width: 400%; } } .edu-classroom-hero .header-svg g path { stroke-width: 1.3rem; } @media (max-width: 575px) { .edu-classroom-hero .header-svg g path { stroke-width: 2rem; } } .edu-classroom-hero .header-svg .header-svg-lines { transform: translate(3%, 11%); } @media (max-width: 575px) { .edu-classroom-hero .header-svg .header-svg-lines { display: none; } } .edu-classroom-hero__lines { position: absolute; bottom: -50%; right: 0px; z-index: 0; display: flex; z-index: 9; width: 90%; pointer-events: none; user-select: none; } .edu-classroom-hero__inner { max-width: 1400px; margin: 0 auto; padding: 100px 32px 0px 32px; z-index: 10; } @media (max-width: 991px) { .edu-classroom-hero__inner { padding: 50px 32px 0px 32px; } } @media (max-width: 575px) { .edu-classroom-hero__inner { padding: 50px 16px; transform: none; } } .edu-classroom-hero .section-intro__preheader { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-text); margin: 0; } @media (max-width: 991px) { .edu-classroom-hero .section-intro__preheader { font-size: 18px; } } .edu-classroom-hero .section-intro__header { font-size: 4rem; font-family: var(--header-font-family); font-weight: 500; line-height: 77px; margin: 30px 0px; line-height: 1.1; text-align: center; } @media (max-width: 1399px) { .edu-classroom-hero .section-intro__header { font-size: 3.5rem; } } @media (max-width: 1199px) { .edu-classroom-hero .section-intro__header { font-size: 3rem; } } @media (max-width: 991px) { .edu-classroom-hero .section-intro__header { font-size: 2rem; } } @media (max-width: 575px) { .edu-classroom-hero .section-intro__header { font-size: 1.8rem; } } .edu-classroom-hero .section-intro__header span { color: var(--color-blue); } .edu-classroom-hero .section-intro__description { font-size: 22px; max-width: 500px; font-weight: 500; font-family: var(--base-font-family); color: var(--color-text); margin: 0; line-height: 28px; } @media (max-width: 991px) { .edu-classroom-hero .section-intro__description { font-size: 18px; line-height: 24px; } } .edu-classroom-hero__content { position: relative; } .edu-classroom-hero__image-text { display: flex; justify-content: space-between; gap: 62px; margin-top: 80px; } @media (max-width: 991px) { .edu-classroom-hero__image-text { align-items: center; flex-direction: column; margin-top: 40px; gap: 40px; } } .edu-classroom-hero__image { width: 100%; flex-grow: 1; max-width: 813px; } .edu-classroom-hero__image img { width: 100%; height: auto; } .edu-classroom-hero__text { display: flex; flex-direction: column; padding-top: 80px; width: max(50%, 598px); } @media (max-width: 991px) { .edu-classroom-hero__text { width: unset; padding-top: 0; } } .edu-classroom-hero__text ul { display: flex; flex-direction: column; gap: 16px; list-style-type: none; margin: 0; padding: 0; } .edu-classroom-hero__text ul li { padding-left: 41px; position: relative; } .edu-classroom-hero__text ul li:before { background-repeat: no-repeat; content: ""; height: 25px; left: 0; transform: translateY(-50%); position: absolute; top: 50%; width: 25px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.5' stroke='%234766FF' stroke-width='2'/%3E%3Cpath d='M7.5 12.5L11.25 16.25L17.5 10' stroke='%234766FF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .edu-classroom-hero__links { display: flex; margin-top: 40px; justify-content: flex-start; align-items: center; gap: 20px; } @media (max-width: 575px) { .edu-classroom-hero__links { flex-direction: column; align-items: flex-start; } } .edu-webinar-hero { position: relative; margin: 0 auto; aspect-ratio: 16/11.5; display: flex; flex-direction: column; } @media (max-width: 1300px) { .edu-webinar-hero { aspect-ratio: 16/13.5; } } @media (max-width: 1160px) { .edu-webinar-hero { aspect-ratio: 16/14.5; } } @media (max-width: 1100px) { .edu-webinar-hero { aspect-ratio: 5/7.3; } } @media (max-width: 991px) { .edu-webinar-hero { aspect-ratio: 5/12; } } @media (max-width: 767px) { .edu-webinar-hero { aspect-ratio: 5/11; } } .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { position: absolute; top: 0; left: 50%; width: 100%; height: auto; transform: translateX(-50%); } @media (max-width: 1300px) { .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { width: 120%; } } @media (max-width: 1160px) { .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { width: 130%; } } @media (max-width: 1100px) { .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { width: 200%; } } @media (max-width: 991px) { .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { width: 320%; } } @media (max-width: 419px) { .edu-webinar-hero .header-svg, .edu-webinar-hero #header-curve-mask { width: 480%; } } .edu-webinar-hero .header-svg g path { stroke-width: 1.3rem; } @media (max-width: 767px) { .edu-webinar-hero .header-svg g path { stroke-width: 2rem; } } @media (max-width: 1100px) { .edu-webinar-hero .header-svg .header-svg-lines { display: none; } } .edu-webinar-hero__lines { position: absolute; bottom: -50%; right: 0px; z-index: 0; display: flex; z-index: 9; width: 90%; pointer-events: none; user-select: none; } .edu-webinar-hero__inner { display: flex; flex-direction: row; justify-content: space-between; gap: 130px; max-width: 1400px; margin: 0 auto; padding: 100px 32px 0px; z-index: 10; } @media (max-width: 1100px) { .edu-webinar-hero__inner { padding: 50px 32px; flex-direction: column; gap: 60px; } } @media (max-width: 767px) { .edu-webinar-hero__inner { padding: 50px 16px; } } .edu-webinar-hero__content { position: relative; width: 100%; flex-grow: 1; max-width: 860px; } .edu-webinar-hero .section-intro__preheader { font-size: 22px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-white); margin: 0; } @media (max-width: 991px) { .edu-webinar-hero .section-intro__preheader { font-size: 18px; } } .edu-webinar-hero .section-intro__header { font-size: 4rem; font-family: var(--header-font-family); font-weight: 500; line-height: 77px; margin: 30px 0px; line-height: 1.1; color: var(--color-white); } @media (max-width: 1399px) { .edu-webinar-hero .section-intro__header { font-size: 3.5rem; } } @media (max-width: 1199px) { .edu-webinar-hero .section-intro__header { font-size: 3rem; } } @media (max-width: 991px) { .edu-webinar-hero .section-intro__header { font-size: 2rem; } } @media (max-width: 575px) { .edu-webinar-hero .section-intro__header { font-size: 1.8rem; } } .edu-webinar-hero .section-intro__description { color: var(--color-white); } .edu-webinar-hero .section-intro__description ul { display: flex; flex-direction: column; gap: 16px; list-style-type: none; margin: 24px 0; padding: 0; } .edu-webinar-hero .section-intro__description ul li { padding-left: 41px; position: relative; } .edu-webinar-hero .section-intro__description ul li:before { background-repeat: no-repeat; content: ""; height: 25px; left: 0; transform: translateY(-50%); position: absolute; top: 50%; width: 25px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.5' stroke='%2354E3D4' stroke-width='2'/%3E%3Cpath d='M7.5 12.5L11.25 16.25L17.5 10' stroke='%2354E3D4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .edu-webinar-hero__form { max-width: 410px; height: fit-content; z-index: 6; background-color: var(--color-blue-light); color: var(--color-black); border-radius: 30px; padding: 40px; width: 100%; margin-left: auto; margin-right: auto; } @media (max-width: 575px) { .edu-webinar-hero__form { padding: 20px; } } .edu-webinar-hero__form .hs-form-field .input input { padding: 12px 20px; border-radius: 10px; color: var(--color-black); font-size: 16px; font-family: var(--base-font-family); border: 1px solid rgba(255, 208, 129, 0.2); outline: none; } .edu-webinar-hero__form .hs-form-field .hs-dateinput:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_414_2751)%22%3E%3Cpath%20d%3D%22M12.3333%202.09408H12V1.76074C12%201.49553%2011.8946%201.24117%2011.7071%201.05364C11.5196%200.866099%2011.2652%200.760742%2011%200.760742V0.760742C10.7348%200.760742%2010.4804%200.866099%2010.2929%201.05364C10.1054%201.24117%2010%201.49553%2010%201.76074V2.09408H6V1.76074C6%201.49553%205.89464%201.24117%205.70711%201.05364C5.51957%200.866099%205.26522%200.760742%205%200.760742V0.760742C4.73478%200.760742%204.48043%200.866099%204.29289%201.05364C4.10536%201.24117%204%201.49553%204%201.76074V2.09408H3.66667C2.69421%202.09408%201.76158%202.48038%201.07394%203.16802C0.386308%203.85565%200%204.78828%200%205.76074L0%2013.0941C0%2014.0665%200.386308%2014.9992%201.07394%2015.6868C1.76158%2016.3744%202.69421%2016.7607%203.66667%2016.7607H12.3333C13.3058%2016.7607%2014.2384%2016.3744%2014.9261%2015.6868C15.6137%2014.9992%2016%2014.0665%2016%2013.0941V5.76074C16%204.78828%2015.6137%203.85565%2014.9261%203.16802C14.2384%202.48038%2013.3058%202.09408%2012.3333%202.09408ZM12.3333%2014.7607H3.66667C3.22464%2014.7607%202.80072%2014.5851%202.48816%2014.2726C2.17559%2013.96%202%2013.5361%202%2013.0941V7.42741H14V13.0941C14%2013.5361%2013.8244%2013.96%2013.5118%2014.2726C13.1993%2014.5851%2012.7754%2014.7607%2012.3333%2014.7607Z%22%20fill%3D%22%235271FF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_414_2751%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.760742)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); background-position: right 0 center; background-repeat: no-repeat; background-size: 16px; position: absolute; width: 18px; top: 50%; transform: translateY(-50%); height: 24px; } .edu-webinar-hero__form .hs-form-booleancheckbox-display { position: relative; display: flex; align-items: center; cursor: pointer; } .edu-webinar-hero__form .hs-form-booleancheckbox-display input[type=checkbox] { opacity: 0; position: absolute; left: 0; margin: 0; width: 20px; height: 20px; cursor: pointer; } .edu-webinar-hero__form .hs-form-booleancheckbox-display span { position: relative; padding-left: 30px; margin-left: 0 !important; } .edu-webinar-hero__form .hs-form-booleancheckbox-display input[type=checkbox] + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-white); border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 208, 129, 0.2); } .edu-webinar-hero__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 12px; left: 7px; position: absolute; top: 3px; transform: rotate(45deg); width: 6px; } .edu-webinar-hero__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-blue); border-radius: 3px; box-sizing: border-box; } .edu-webinar-hero__form .hs-submit { position: relative; display: inline-flex; } .edu-webinar-hero__form .hs-submit input[type=submit] { padding: 16px 45px 16px 25px; font-size: 18px; background-color: var(--color-blue); border-radius: 100vw; border: 0px solid var(--color-blue); outline: none; font-family: var(--base-font-family); font-weight: 600; display: inline-block; color: var(--color-white); text-decoration: none; cursor: pointer; width: 100%; } .edu-webinar-hero__form .hs-submit::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3739%207.11066L8.98325%204.72C8.79566%204.53249%208.54126%204.42718%208.27602%204.42725C8.01078%204.42731%207.75643%204.53273%207.56892%204.72033C7.38141%204.90793%207.27611%205.16233%207.27617%205.42757C7.27623%205.69281%207.38166%205.94716%207.56925%206.13466L9.19525%207.76066H3.33325C3.06804%207.76066%202.81368%207.86602%202.62615%208.05356C2.43861%208.24109%202.33325%208.49545%202.33325%208.76066C2.33325%209.02588%202.43861%209.28023%202.62615%209.46777C2.81368%209.65531%203.06804%209.76066%203.33325%209.76066H9.19525L7.56925%2011.3867C7.38166%2011.5742%207.27623%2011.8285%207.27617%2012.0938C7.27611%2012.359%207.38141%2012.6134%207.56892%2012.801C7.75643%2012.9886%208.01078%2013.094%208.27602%2013.0941C8.54126%2013.0941%208.79566%2012.9888%208.98325%2012.8013L11.3739%2010.4107C11.8107%209.97264%2012.056%209.37927%2012.056%208.76066C12.056%208.14205%2011.8107%207.54869%2011.3739%207.11066V7.11066Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 16px; } .edu-webinar-hero__form-title { font-size: 45px; font-weight: 500; line-height: 110%; color: var(--color-black); font-family: var(--header-font-family); text-align: center; margin: 0; } @media (max-width: 767px) { .edu-webinar-hero__form-title { font-size: 22px; } } .edu-webinar-hero__form-text { text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; color: var(--color-black); margin-bottom: 20px; margin-top: 20px; font-family: var(--base-font-family); } .edu-webinar-hero__when { position: absolute; bottom: 10%; width: 100%; text-align: center; display: flex; align-items: center; flex-direction: column; gap: 16px; } .edu-webinar-hero__when-preheader { font-size: 22px; font-weight: 400; } @media (max-width: 991px) { .edu-webinar-hero__when-preheader { font-size: 16px; } } .edu-webinar-hero__when-date { font-size: 45px; font-weight: 500; line-height: 110%; color: var(--color-blue); font-family: var(--header-font-family); text-align: center; margin: 0; } @media (max-width: 991px) { .edu-webinar-hero__when-date { font-size: 22px; } } .edu-webinar-footer { position: relative; margin: 0 auto; display: flex; flex-direction: column; padding-bottom: 80px; } @media (max-width: 767px) { .edu-webinar-footer { padding-top: 80px; } } .edu-webinar-footer .footer-svg { position: absolute; top: 0; left: 50%; width: 100%; height: auto; transform-origin: top; transform: translateX(-50%) scaleY(1.3); } @media (max-width: 1300px) { .edu-webinar-footer .footer-svg { width: 400%; } } .edu-webinar-footer .footer-svg g path:not(:first-child) { stroke-width: 1.3rem; } @media (max-width: 767px) { .edu-webinar-footer .footer-svg g path:not(:first-child) { stroke-width: 2rem; } } .edu-webinar-footer .footer-svg .footer-svg-lines { transform: translate(-3%, 0%); } @media (max-width: 1100px) { .edu-webinar-footer .footer-svg .footer-svg-lines { display: none; } } .edu-webinar-footer__lines { position: absolute; bottom: -50%; right: 0px; z-index: 0; display: flex; z-index: 9; width: 90%; pointer-events: none; user-select: none; } .edu-webinar-footer__inner { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 130px; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 32px; z-index: 10; } @media (max-width: 1100px) { .edu-webinar-footer__inner { padding: 50px 32px; flex-direction: column; gap: 60px; } } @media (max-width: 991px) { .edu-webinar-footer__inner { padding: 50px 16px; } } .edu-webinar-footer__content { position: relative; width: 100%; max-width: 500px; height: fit-content; flex-grow: 1; order: 2; } @media (max-width: 1199px) { .edu-webinar-footer__content { order: 0; } } .edu-webinar-footer .section-intro { max-width: 500px; } .edu-webinar-footer .section-intro__preheader { font-size: 16px; font-weight: 700; font-family: var(--base-font-family); color: var(--color-black); margin: 0; } .edu-webinar-footer .section-intro__header { font-size: 45px; font-family: var(--header-font-family); font-weight: 500; line-height: 110%; margin: 30px 0px; line-height: 1.1; color: var(--color-black); } @media (max-width: 991px) { .edu-webinar-footer .section-intro__header { font-size: 30px; } } .edu-webinar-footer .section-intro__description { color: var(--color-black); width: 100%; } .edu-webinar-footer .section-intro__description ul { display: flex; flex-direction: column; gap: 16px; list-style-type: none; margin: 24px 0; padding: 0; } .edu-webinar-footer .section-intro__description ul li { padding-left: 41px; position: relative; } .edu-webinar-footer .section-intro__description ul li:before { background-repeat: no-repeat; content: ""; height: 25px; left: 0; transform: translateY(-50%); position: absolute; top: 50%; width: 25px; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12.5' cy='12.5' r='11.5' stroke='%2354E3D4' stroke-width='2'/%3E%3Cpath d='M7.5 12.5L11.25 16.25L17.5 10' stroke='%2354E3D4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .edu-webinar-footer__form { max-width: 410px; height: fit-content; z-index: 6; background-color: var(--color-black); color: var(--color-white); border-radius: 30px; padding: 40px; width: 100%; margin-left: 90px; } @media (max-width: 1199px) { .edu-webinar-footer__form { padding: 20px; margin-left: auto; margin-right: auto; } } .edu-webinar-footer__form .hs-form-field .input input { padding: 12x 20px; border-radius: 10px; color: var(--color-black); font-size: 16px; font-family: var(--base-font-family); border: 1px solid rgba(255, 208, 129, 0.2); outline: none; } .edu-webinar-footer__form .hs-form-field .hs-dateinput:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_414_2751)%22%3E%3Cpath%20d%3D%22M12.3333%202.09408H12V1.76074C12%201.49553%2011.8946%201.24117%2011.7071%201.05364C11.5196%200.866099%2011.2652%200.760742%2011%200.760742V0.760742C10.7348%200.760742%2010.4804%200.866099%2010.2929%201.05364C10.1054%201.24117%2010%201.49553%2010%201.76074V2.09408H6V1.76074C6%201.49553%205.89464%201.24117%205.70711%201.05364C5.51957%200.866099%205.26522%200.760742%205%200.760742V0.760742C4.73478%200.760742%204.48043%200.866099%204.29289%201.05364C4.10536%201.24117%204%201.49553%204%201.76074V2.09408H3.66667C2.69421%202.09408%201.76158%202.48038%201.07394%203.16802C0.386308%203.85565%200%204.78828%200%205.76074L0%2013.0941C0%2014.0665%200.386308%2014.9992%201.07394%2015.6868C1.76158%2016.3744%202.69421%2016.7607%203.66667%2016.7607H12.3333C13.3058%2016.7607%2014.2384%2016.3744%2014.9261%2015.6868C15.6137%2014.9992%2016%2014.0665%2016%2013.0941V5.76074C16%204.78828%2015.6137%203.85565%2014.9261%203.16802C14.2384%202.48038%2013.3058%202.09408%2012.3333%202.09408ZM12.3333%2014.7607H3.66667C3.22464%2014.7607%202.80072%2014.5851%202.48816%2014.2726C2.17559%2013.96%202%2013.5361%202%2013.0941V7.42741H14V13.0941C14%2013.5361%2013.8244%2013.96%2013.5118%2014.2726C13.1993%2014.5851%2012.7754%2014.7607%2012.3333%2014.7607Z%22%20fill%3D%22%235271FF%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_414_2751%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(0%200.760742)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E"); background-position: right 0 center; background-repeat: no-repeat; background-size: 16px; position: absolute; width: 18px; top: 50%; transform: translateY(-50%); height: 24px; } .edu-webinar-footer__form .hs-form-booleancheckbox-display { position: relative; display: flex; align-items: center; cursor: pointer; } .edu-webinar-footer__form .hs-form-booleancheckbox-display input[type=checkbox] { opacity: 0; position: absolute; left: 0; margin: 0; width: 20px; height: 20px; cursor: pointer; } .edu-webinar-footer__form .hs-form-booleancheckbox-display span { position: relative; padding-left: 30px; margin-left: 0 !important; } .edu-webinar-footer__form .hs-form-booleancheckbox-display input[type=checkbox] + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-white); border-radius: 3px; box-sizing: border-box; border: 1px solid rgba(255, 208, 129, 0.2); } .edu-webinar-footer__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 12px; left: 7px; position: absolute; top: 3px; transform: rotate(45deg); width: 6px; } .edu-webinar-footer__form .hs-form-booleancheckbox-display input[type=checkbox]:checked + span::before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: var(--color-blue); border-radius: 3px; box-sizing: border-box; } .edu-webinar-footer__form .hs-submit { position: relative; display: inline-flex; } .edu-webinar-footer__form .hs-submit input[type=submit] { padding: 16px 45px 16px 25px; font-size: 18px; background-color: var(--color-blue); border-radius: 100vw; border: 0px solid var(--color-blue); outline: none; font-family: var(--base-font-family); font-weight: 600; display: inline-block; color: var(--color-white); text-decoration: none; cursor: pointer; width: 100%; } .edu-webinar-footer__form .hs-submit::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.3739%207.11066L8.98325%204.72C8.79566%204.53249%208.54126%204.42718%208.27602%204.42725C8.01078%204.42731%207.75643%204.53273%207.56892%204.72033C7.38141%204.90793%207.27611%205.16233%207.27617%205.42757C7.27623%205.69281%207.38166%205.94716%207.56925%206.13466L9.19525%207.76066H3.33325C3.06804%207.76066%202.81368%207.86602%202.62615%208.05356C2.43861%208.24109%202.33325%208.49545%202.33325%208.76066C2.33325%209.02588%202.43861%209.28023%202.62615%209.46777C2.81368%209.65531%203.06804%209.76066%203.33325%209.76066H9.19525L7.56925%2011.3867C7.38166%2011.5742%207.27623%2011.8285%207.27617%2012.0938C7.27611%2012.359%207.38141%2012.6134%207.56892%2012.801C7.75643%2012.9886%208.01078%2013.094%208.27602%2013.0941C8.54126%2013.0941%208.79566%2012.9888%208.98325%2012.8013L11.3739%2010.4107C11.8107%209.97264%2012.056%209.37927%2012.056%208.76066C12.056%208.14205%2011.8107%207.54869%2011.3739%207.11066V7.11066Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 16px; width: 16px; height: 16px; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 16px; } .edu-webinar-footer__form-title { font-size: 45px; font-weight: 500; line-height: 110%; color: var(--color-white); font-family: var(--header-font-family); text-align: center; margin: 0; } @media (max-width: 767px) { .edu-webinar-footer__form-title { font-size: 22px; } } .edu-webinar-footer__form-text { text-align: center; font-size: 16px; font-weight: 400; line-height: 20px; color: var(--color-white); margin-bottom: 20px; margin-top: 20px; font-family: var(--base-font-family); } .edu-webinar-footer__logos { padding: 96px 32px; z-index: 10; width: 100%; } @media (max-width: 991px) { .edu-webinar-footer__logos { padding: 50px 16px; } } .edu-webinar-footer__logo { text-align: center; } .edu-webinar-footer__logo-title { font-size: 45px; font-style: normal; font-weight: 500; line-height: 58px; font-family: var(--header-font-family); margin-bottom: 30px; } @media (max-width: 1199px) { .edu-webinar-footer__logo-title { font-size: 38px; line-height: 46px; } } @media (max-width: 991px) { .edu-webinar-footer__logo-title { font-size: 32px; line-height: 40px; margin-bottom: 16px; } } .edu-webinar-footer__logo-grid { display: flex; align-items: center; justify-content: center; gap: 40px; flex-wrap: wrap; } @media (max-width: 991px) { .edu-webinar-footer__logo-grid { gap: 20px; justify-content: space-evenly; } .edu-webinar-footer__logo-grid img { max-width: 13%; } } @media (max-width: 575px) { .edu-webinar-footer__logo-grid img { max-width: 35%; } } .contextual-nav { padding: 40px 20px; display: flex; justify-content: center; width: 100%; position: relative; } @media (max-width: 575px) { .contextual-nav { padding: 20px 0px; } .contextual-nav:after { content: ""; display: block; width: 50px; user-select: none; pointer-events: none; height: 100%; position: absolute; top: 0; right: 0; background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%); z-index: 1; } } .contextual-nav ul { list-style: none; margin: 0; padding: 0 10px; border: 1px solid var(--color-blue-light); background-color: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); border-radius: 30px; white-space: nowrap; } @media (max-width: 575px) { .contextual-nav ul { border: 0 none; padding: 0; border-radius: 0; justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; padding: 0 10px; } .contextual-nav ul::-webkit-scrollbar { display: none; } } .contextual-nav a[target=_blank]::after { content: "↗"; font-size: 0.8em; margin-left: 0.25rem; } .contextual-nav > ul { display: flex; align-items: center; flex-direction: row; } @media (min-width: 576px) { .contextual-nav > ul { justify-content: center; } } .contextual-nav > ul > li { position: relative; border-right: 1px solid var(--color-blue-light); } @media (max-width: 575px) { .contextual-nav > ul > li:first-child { padding-left: 30px; } .contextual-nav > ul > li:last-child { padding-right: 30px; } } .contextual-nav > ul > li:last-child { border-right: none; } .contextual-nav > ul > li a, .contextual-nav > ul > li span { display: inline-block; text-decoration: none; color: var(--color-black); font-weight: 500; padding: 10px 15px 14px 15px; transition: color 0.2s ease; line-height: 1; font-size: 16px; position: relative; transition: all 400ms ease; border-bottom: 1px solid transparent; } @media (min-width: 576px) { .contextual-nav > ul > li a:before, .contextual-nav > ul > li span:before { content: ""; width: 12px; height: 12px; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 80%); transition: all 400ms ease; opacity: 0; } .contextual-nav > ul > li a:hover, .contextual-nav > ul > li span:hover { border-bottom: 1px solid var(--color-blue); color: var(--color-blue); } .contextual-nav > ul > li a:hover::before, .contextual-nav > ul > li span:hover::before { transform: translate(-50%, 50%); opacity: 1; } } .contextual-nav > ul > li > ul { display: none; position: absolute; top: 100%; left: 0; background: white; padding: 0.5rem 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); min-width: 200px; z-index: 10; } .contextual-nav > ul > li > ul li { padding: 0; } .contextual-nav > ul > li > ul li a, .contextual-nav > ul > li > ul li span { padding: 0.5rem 1rem; display: block; white-space: nowrap; color: var(--color-blue); } .contextual-nav > ul > li > ul li a:hover, .contextual-nav > ul > li > ul li span:hover { background: var(--color-blue-light); color: var(--color-orange); } .contextual-nav > ul > li:hover > ul { display: block; } @media (max-width: 575px) { .contextual-nav > ul > li > ul { position: static; display: block; box-shadow: none; background: none; padding-left: 1rem; } .contextual-nav > ul > li:hover > ul { display: block; } } /* Macros / Partials */ .edu-video-btn { min-height: 50px; background-color: var(--color-white); color: var(--color-blue) !important; border-color: var(--color-blue-light); } .edu-video-btn svg { margin-left: 6px; } .edu-video-btn svg path { fill: #5271FF !important; } .edu-video-btn span { font-size: 12px; font-weight: 500; }