/* Theme base styles */
/* Generic */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*, *:before, *:after {
box-sizing: border-box;
}
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* 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
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 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
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, 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;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* 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 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 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;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* 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, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Objects */
/* Responsive grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 1px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/* Content wrappers for blog post and system templates */
.content-wrapper {
padding: 0 32px;
margin: 0 auto;
}
.content-wrapper-full{
max-width: calc(1464px + 64px);
margin: 0 auto;
}
/* Drag and drop layout styles */
.dnd-section > .row-fluid {
margin: 0 auto;
}
@media (max-width: 767px) {
.dnd-section .dnd-column {
padding: 0;
}
}
/* Elements */
@font-face {
font-family: 'Overpass';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/overpass/overpass-regular.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/overpass/overpass-regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Overpass';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/overpass/overpass-italic.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/overpass/overpass-italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_demi_bold.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_demi_bold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_demi_bold_italic.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_demi_bold_italic.woff') format('woff');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_light.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_light_italic.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_light_italic.woff') format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_medium.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Paralucent';
font-display: optional;
src: url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_medium_italic.woff2') format('woff2'),
url('https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/raw_assets/public/Bankifi%20Theme%202024/fonts/paralucent/paralucent_medium_italic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
html {
position: relative;
}
body {
line-height: 1.4;
}
html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
line-break: strict;
overflow-wrap: normal;
word-break: break-all;
}
/* Paragraphs */
p {
margin: 0 0 1.4rem;
font-size: 1rem;
}
.font-big,
.font-big p {
font-family: Overpass, Tahoma, sans-serif, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
font-size: 17px;
line-height: 1.3;
}
.font-small,
.font-small p {
font-family: Paralucent, 'Trebuchet MS', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
font-size: 12px;
line-height: 1.34;
}
@media (min-width:992px) {
.font-big,
.font-big p {
font-size: 20px;
}
.font-small,
.font-small p {
font-size: 12px;
}
}
/* Anchors */
a {
cursor: pointer;
}
.widget-type-rich_text a:not([class]) {
text-decoration:none;
color: #231f20;
}
.widget-type-rich_text a:not([class]):hover {
color: #231f20;
text-decoration:underline;
}
/* Headings */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin: 0 0 1.4rem;
}
/* Lists */
ul,
ol {
padding-left: 1rem;
margin: 0 0 1.4rem;
}
ul li,
ol li {
margin: 0.7rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin: 1.4rem 0;
}
.widget-type-rich_text ul,
[class*='inline_rich_text'] ul {
padding: 0 !important;
}
.widget-type-rich_text ul li,
[class*='inline_rich_text'] ul li {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' viewBox='0 0 13 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7637 5.436C13.0788 5.74803 13.0788 6.25197 12.7637 6.564L7.51373 11.764C7.19737 12.0773 6.68292 12.0789 6.36468 11.7674C6.04644 11.4559 6.04492 10.9493 6.36127 10.636L10.2342 6.8L0.812501 6.8C0.363769 6.8 6.72093e-07 6.44183 6.91406e-07 6C7.10719e-07 5.55817 0.363769 5.2 0.812501 5.2L10.2342 5.2L6.36127 1.364C6.04492 1.05066 6.04644 0.544129 6.36468 0.232638C6.68292 -0.0788528 7.19737 -0.0773497 7.51373 0.235995L12.7637 5.436Z' fill='%2300B189'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left 3px;
background-size: 13px;
list-style: none;
padding-left: 25px;
margin: 0 0 15px 0;
}
.no-list {
padding-left: 0;
margin: 0;
list-style: none;
}
.no-list li {
margin: 0;
}
/* Code blocks */
pre {
overflow: auto;
}
code {
vertical-align: bottom;
}
/* Blockquotes */
blockquote {
margin: 0 0 1.4rem;
font-family: var(--secondary-font);
font-size: 30px;
font-style: italic;
font-weight: 500;
line-height: 1.2;
padding: 0;
border: none;
}
@media (min-width:992px) {
blockquote {
font-size: 30px;
line-height: 1.25;
}
}
/* Horizontal rules */
hr {
border: 0 none;
border-bottom: 1px solid;
}
/* Subscripts and superscripts */
sup,
sub {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Image alt text */
img {
font-size: 1rem;
word-break: normal;
}
/* Button Styles */
/* Form Submit */
/* Default */
.button-wrapper {
display: flex;
flex-wrap: wrap;
gap: 17px;
}
.button-wrapper .button {
margin: 0;
}
.cta_button,
.hs-cta-wrapper a,
button,
.button,
.hs-button {
cursor: pointer;
display: inline-block;
text-align: center;
transition: all 0.15s linear;
white-space: normal;
text-decoration: none;
font-weight: 700;
}
button:disabled,
.button:disabled,
.hs-button:disabled {
background-color: #D0D0D0;
border-color: #D0D0D0;
color: #E6E6E6;
}
/* No button */
.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
background: none;
border: none;
border-radius: 0;
color: initial;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
margin-bottom: 0;
padding: 0;
text-align: left;
text-decoration: none;
transition: none;
}
.cta_button,
.hs-cta-wrapper a,
button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
border: 1px solid #0f7dff;
padding-top: 14px;
padding-right: 30px;
padding-bottom: 14px;
padding-left: 30px;
background-color:
rgba(15, 125, 255, 1.0)
;
border-radius: 100px;
color:
rgba(255, 255, 255, 1.0)
;
font-size: 16px;
text-transform: none;
font-family: Paralucent, 'Trebuchet MS', sans-serif;
}
.cta_button:hover,
.cta_button:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
border: 1px solid #D3F982;
background-color:
rgba(211, 249, 130, 1.0)
;
color:
rgba(0, 32, 92, 1.0)
;
font-family: Paralucent, 'Trebuchet MS' , sans-serif;
text-decoration: none;
}
.cta_button:active,
.hs-cta-wrapper a:active,
button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
border: 1px solid #D3F982;
background-color:
rgba(211, 249, 130, 1.0)
;
color:
rgba(0, 32, 92, 1.0)
;
}
.button.button_primary {
border: 1px solid #0f7dff;
background-color:
rgba(15, 125, 255, 1.0)
;
color:
rgba(255, 255, 255, 1.0)
;
box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
font-weight: 700;
}
.button.button_primary:hover, .button.button_primary:focus, .button.button_primary:active {
border: 1px solid #D3F982;
background-color:
rgba(211, 249, 130, 1.0)
;
color:
rgba(0, 32, 92, 1.0)
;
box-shadow: none;
}
.button.button_secondary {
border: 1px solid #ffffff;
background-color:
rgba(255, 255, 255, 1.0)
;
color:
rgba(15, 125, 255, 1.0)
;
box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
font-weight: 700;
}
.button.button_secondary:hover, .button.button_secondary:focus, .button.button_secondary:active {
border: 1px solid #0F7DFF;
background-color:
rgba(15, 125, 255, 1.0)
;
color:
rgba(255, 255, 255, 1.0)
;
box-shadow: none;
}
.button.button_accent_1 {
border: 1px solid #00205C;
background-color:
rgba(255, 255, 255, 0.0)
;
color:
rgba(0, 32, 92, 1.0)
;
font-weight: 700;
}
.button.button_accent_1:hover, .button.button_accent_1:focus, .button.button_accent_1:active {
border: 1px solid #00205C;
background-color:
rgba(0, 32, 92, 1.0)
;
color:
rgba(255, 255, 255, 1.0)
;
}
.button.button_accent_2 {
border: 1px solid #00205C;
background-color:
rgba(0, 32, 92, 1.0)
;
color:
rgba(255, 255, 255, 1.0)
;
font-weight: 700;
}
.button.button_accent_2:hover, .button.button_accent_2:focus, .button.button_accent_2:active {
border: 1px solid #00205C;
background-color:
rgba(255, 255, 255, 1.0)
;
color:
rgba(0, 32, 92, 1.0)
;
}
.button.button_accent_arrow {
border: 1px solid #00205C;
background-color:
rgba(255, 255, 255, 0.0)
;
color:
rgba(0, 32, 92, 1.0)
;
position: relative;
padding-right: 90px;
font-weight: 700;
}
.button.button_accent_arrow:after {
content: '';
display: block;
width: 40px;
height: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' viewBox='0 0 40 16' fill='none'%3E%3Cpath d='M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM39.7071 8.70711C40.0976 8.31658 40.0976 7.68342 39.7071 7.29289L33.3431 0.928932C32.9526 0.538408 32.3195 0.538408 31.9289 0.928932C31.5384 1.31946 31.5384 1.95262 31.9289 2.34315L37.5858 8L31.9289 13.6569C31.5384 14.0474 31.5384 14.6805 31.9289 15.0711C32.3195 15.4616 32.9526 15.4616 33.3431 15.0711L39.7071 8.70711ZM1 9H39V7H1V9Z' fill='%2300205C'/%3E%3C/svg%3E");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease;
pointer-events: none;
}
.button.button_accent_arrow:hover, .button.button_accent_arrow:focus, .button.button_accent_arrow:active {
border: 1px solid #00205C;
background-color:
rgba(0, 32, 92, 1.0)
;
color:
rgba(255, 255, 255, 1.0)
;
}
.button.button_accent_arrow:hover:after,
.button.button_accent_arrow:focus:after,
.button.button_accent_arrow:active:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16' viewBox='0 0 40 16' fill='none'%3E%3Cpath d='M1 7C0.447715 7 0 7.44772 0 8C0 8.55228 0.447715 9 1 9V7ZM39.7071 8.70711C40.0976 8.31658 40.0976 7.68342 39.7071 7.29289L33.3431 0.928932C32.9526 0.538408 32.3195 0.538408 31.9289 0.928932C31.5384 1.31946 31.5384 1.95262 31.9289 2.34315L37.5858 8L31.9289 13.6569C31.5384 14.0474 31.5384 14.6805 31.9289 15.0711C32.3195 15.4616 32.9526 15.4616 33.3431 15.0711L39.7071 8.70711ZM1 9H39V7H1V9Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.button.button_small {
padding-top: 5px;
padding-right: 16px;
padding-bottom: 5px;
padding-left: 16px;
font-size: 12px;
border-radius: 100px;
min-width: 60px;
}
.button.button_big {
padding-top: 20px;
padding-right: 50px;
padding-bottom: 20px;
padding-left: 50px;
font-size: 18px;
border-radius: 100px;
}
.button-no-style,
.button-no-style:hover,
.button-no-style:active,
.button-no-style:focus {
background-color: transparent;
border: none;
cursor: pointer;
box-shadow: none;
}
.s-link {
color: #0F7DFF;
}
.s-link:hover {
color: #0F7DFF;
}
@media (min-width:992px){
.cta_button,
.hs-cta-wrapper a,
button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
min-width: 160px;
}
}
/* Form Submit button */
form input[type=submit],
form .hs-button {
;
;
color: ;
font-size: ;
background-color:
rgba(#null, 1)
;
border-radius: 100px;
text-transform: none;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color:
rgba(#null, 1)
;
color: ;
;
}
form input[type=submit]:active,
form .hs-button:active {
background-color:
rgba(#null, 1)
;
border-color:
rgba(#null, 1)
;
}
/* Form title */
.form-title {
margin: 0;
}
.form-title ~ div > form {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* Labels */
form label {
display: block;
margin-bottom: 0.35rem;
}
/* Form fields */
form .hs-form-field {
margin-bottom: 1.4rem;
}
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 input[type="search"],
form select,
form textarea {
display: inline-block;
width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
form fieldset {
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* Form fields - checkbox/radio */
form .inputs-list {
padding: 0;
margin: 0;
list-style: none;
}
form .inputs-list > li {
display: block;
margin: 0.7rem 0;
padding: 0;
background: none;
}
form .inputs-list input,
form .inputs-list span {
vertical-align: middle;
}
form input[type="checkbox"],
form input[type="radio"] {
margin-right: 0.35rem;
cursor: pointer;
}
/* Form fields - date picker */
form .hs-dateinput {
position: relative;
}
form .hs-dateinput:before {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3E%3Cpath d='M15.749 12.25C16.0142 12.25 16.2686 12.1446 16.4561 11.9571C16.6437 11.7696 16.749 11.5152 16.749 11.25C16.749 10.9848 16.6437 10.7304 16.4561 10.5429C16.2686 10.3554 16.0142 10.25 15.749 10.25C15.4838 10.25 15.2295 10.3554 15.0419 10.5429C14.8544 10.7304 14.749 10.9848 14.749 11.25C14.749 11.5152 14.8544 11.7696 15.0419 11.9571C15.2295 12.1446 15.4838 12.25 15.749 12.25ZM15.749 16.25C16.0142 16.25 16.2686 16.1446 16.4561 15.9571C16.6437 15.7696 16.749 15.5152 16.749 15.25C16.749 14.9848 16.6437 14.7304 16.4561 14.5429C16.2686 14.3554 16.0142 14.25 15.749 14.25C15.4838 14.25 15.2295 14.3554 15.0419 14.5429C14.8544 14.7304 14.749 14.9848 14.749 15.25C14.749 15.5152 14.8544 15.7696 15.0419 15.9571C15.2295 16.1446 15.4838 16.25 15.749 16.25ZM11.749 11.25C11.749 11.5152 11.6437 11.7696 11.4561 11.9571C11.2686 12.1446 11.0142 12.25 10.749 12.25C10.4838 12.25 10.2295 12.1446 10.0419 11.9571C9.85438 11.7696 9.74902 11.5152 9.74902 11.25C9.74902 10.9848 9.85438 10.7304 10.0419 10.5429C10.2295 10.3554 10.4838 10.25 10.749 10.25C11.0142 10.25 11.2686 10.3554 11.4561 10.5429C11.6437 10.7304 11.749 10.9848 11.749 11.25ZM11.749 15.25C11.749 15.5152 11.6437 15.7696 11.4561 15.9571C11.2686 16.1446 11.0142 16.25 10.749 16.25C10.4838 16.25 10.2295 16.1446 10.0419 15.9571C9.85438 15.7696 9.74902 15.5152 9.74902 15.25C9.74902 14.9848 9.85438 14.7304 10.0419 14.5429C10.2295 14.3554 10.4838 14.25 10.749 14.25C11.0142 14.25 11.2686 14.3554 11.4561 14.5429C11.6437 14.7304 11.749 14.9848 11.749 15.25ZM5.74902 12.25C6.01424 12.25 6.26859 12.1446 6.45613 11.9571C6.64367 11.7696 6.74902 11.5152 6.74902 11.25C6.74902 10.9848 6.64367 10.7304 6.45613 10.5429C6.26859 10.3554 6.01424 10.25 5.74902 10.25C5.48381 10.25 5.22945 10.3554 5.04192 10.5429C4.85438 10.7304 4.74902 10.9848 4.74902 11.25C4.74902 11.5152 4.85438 11.7696 5.04192 11.9571C5.22945 12.1446 5.48381 12.25 5.74902 12.25ZM5.74902 16.25C6.01424 16.25 6.26859 16.1446 6.45613 15.9571C6.64367 15.7696 6.74902 15.5152 6.74902 15.25C6.74902 14.9848 6.64367 14.7304 6.45613 14.5429C6.26859 14.3554 6.01424 14.25 5.74902 14.25C5.48381 14.25 5.22945 14.3554 5.04192 14.5429C4.85438 14.7304 4.74902 14.9848 4.74902 15.25C4.74902 15.5152 4.85438 15.7696 5.04192 15.9571C5.22945 16.1446 5.48381 16.25 5.74902 16.25Z' fill='%2300205C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.749 0C5.94791 0 6.13868 0.0790177 6.27933 0.21967C6.41998 0.360322 6.499 0.551088 6.499 0.75V1.513C7.161 1.5 7.89 1.5 8.692 1.5H12.805C13.608 1.5 14.337 1.5 14.999 1.513V0.75C14.999 0.551088 15.078 0.360322 15.2187 0.21967C15.3593 0.0790177 15.5501 0 15.749 0C15.9479 0 16.1387 0.0790177 16.2793 0.21967C16.42 0.360322 16.499 0.551088 16.499 0.75V1.577C16.759 1.597 17.005 1.622 17.238 1.653C18.41 1.811 19.359 2.143 20.108 2.891C20.856 3.64 21.188 4.589 21.346 5.761C21.499 6.901 21.499 8.356 21.499 10.194V12.306C21.499 14.144 21.499 15.6 21.346 16.739C21.188 17.911 20.856 18.86 20.108 19.609C19.359 20.357 18.41 20.689 17.238 20.847C16.098 21 14.643 21 12.805 21H8.694C6.856 21 5.4 21 4.261 20.847C3.089 20.689 2.14 20.357 1.391 19.609C0.643 18.86 0.311 17.911 0.153 16.739C0 15.599 0 14.144 0 12.306V10.194C0 8.356 0 6.9 0.153 5.761C0.311 4.589 0.643 3.64 1.391 2.891C2.14 2.143 3.089 1.811 4.261 1.653C4.494 1.622 4.741 1.597 5 1.577V0.75C5 0.551261 5.07888 0.360647 5.21932 0.220023C5.35975 0.0793996 5.55026 0.000264986 5.749 0ZM4.459 3.14C3.454 3.275 2.874 3.529 2.451 3.952C2.028 4.375 1.774 4.955 1.639 5.961C1.616 6.131 1.597 6.311 1.581 6.5H19.917C19.901 6.31 19.882 6.131 19.859 5.96C19.724 4.955 19.47 4.375 19.047 3.952C18.624 3.529 18.044 3.275 17.038 3.14C16.011 3.002 14.656 3 12.749 3H8.749C6.842 3 5.488 3.002 4.459 3.14ZM1.499 10.25C1.499 9.396 1.499 8.653 1.512 8H19.986C19.999 8.653 19.999 9.396 19.999 10.25V12.25C19.999 14.157 19.997 15.512 19.859 16.54C19.724 17.545 19.47 18.125 19.047 18.548C18.624 18.971 18.044 19.225 17.038 19.36C16.011 19.498 14.656 19.5 12.749 19.5H8.749C6.842 19.5 5.488 19.498 4.459 19.36C3.454 19.225 2.874 18.971 2.451 18.548C2.028 18.125 1.774 17.545 1.639 16.539C1.501 15.512 1.499 14.157 1.499 12.25V10.25Z' fill='%2300205C'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: contain;
background-position: center;
}
form .hs-dateinput .hs-input {
padding-right: 50px !important;
}
form .is-selected .pika-button {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
}
form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.hs-datepicker>.fn-date-picker {
background: #fff;
border: 1px solid #00205c;
width: 100%;
max-width: 345px;
}
.hs-datepicker {
display: none;
}
.hs-datepicker-open>.hs-datepicker {
display: block;
}
.hs-datepicker button {
padding: 0;
background: none;
border: none;
color: #00205c;
font-weight: 400;
width: 24px;
height: 24px;
font-weight: 300;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
line-height: 1;
border-radius: 50% !important;
min-width: 0;
}
.hs-datepicker .fn-date-picker .pika-button:hover {
color: #fff;
border-radius: 50% !important;
}
.hs-datepicker table td {
padding: 3px;
text-align: center;
}
.hs-datepicker .is-selected .pika-button {
color: #fff;
background: #00205c;
border-radius: 50% !important;
}
.hs-datepicker .pika-title {
padding: 10px 0;
}
.hs-datepicker .pika-title .pika-label {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 10px;
}
.hs-datepicker .pika-title button {
width: 50%;
display: inline-block;
margin-top: 10px;
font-size: 14px;
}
.hs-datepicker .pika-title select {
padding: 0 35px 0 12px;
border: 1px solid #00205c;
font-size: 14px;
height: 30px;
}
.hs-datepicker .pika-table {
margin: 0;
}
.hs-datepicker abbr,
.hs-datepicker abbr[title] {
text-decoration: none;
}
/* Form fields - file picker */
form input[type="file"] {
padding: initial;
border: initial;
background-color: transparent;
}
/* Headings and text */
form .hs-richtext,
form .hs-richtext p {
margin: 0 0 1.4rem;
font-size: 0.8rem;
}
form .hs-richtext img {
height: auto;
max-width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
/* GDPR */
form .legal-consent-container .hs-form-booleancheckbox-display > span {
margin-left: 1rem !important; /* stylelint-disable-line declaration-no-important */
}
/* Validation */
form .hs-form-required {
color: #ef6b51;
}
form .hs-input.error {
border-color: #ef6b51;
}
form .hs-error-msg,
form .hs-error-msgs {
margin-top: 0.35rem;
color: #ef6b51;
}
/* Submit button */
form input[type="submit"],
form .hs-button {
display: inline-block;
cursor: pointer;
text-align: center;
transition: all 0.15s linear;
white-space: normal !important; /* stylelint-disable-line declaration-no-important */
}
/* Captcha */
.grecaptcha-badge {
margin: 0 auto;
}
select {
border-color: var(--blue);
color: var(--blue);
padding: 0.6rem 0.8rem;
border-radius: 20px;
font-family: "Krona One", sans-serif;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 15px;
}
/*Custon Radio and Check*/
/* Hide the default radio button */
.hs-form-radio input[type="radio"] {
display: none;
}
/* Create a custom radio button */
.hs-form-radio input[type="radio"] + span::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
background-color: transparent; /* Unchecked background color */
vertical-align: middle;
transition: background-color 0.3s;
border:solid 1px #00205C;
}
/* Style for the radio button when it's checked */
.hs-form-radio input[type="radio"]:checked + span::before {
background-color: #fff; /* Checked background color */
position: relative;
border:solid 5px #00205C;
}
/* Create the white dot in the middle when checked */
.hs-form-radio input[type="radio"]:checked + span::before::after {
content: '';
display: block;
width: 20px;
height: 20px;
background-color: white;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* Hide the default checkbox */
.hs-form-checkbox input[type="checkbox"], .hs-form-booleancheckbox input[type="checkbox"]{
display: none;
}
/* Create a custom checkbox */
.hs-form-checkbox input[type="checkbox"] + span::before,.hs-form-booleancheckbox input[type="checkbox"] + span::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
/* border-radius: 4px; */ /* Square with rounded corners */
background-color: #fff; /* Unchecked background color */
vertical-align: middle;
transition: background-color 0.3s, border 0.3s;
border: solid 1px #00205C;
position: relative;
}
/* Create a custom checkbox */
.hs-form-booleancheckbox input[type="checkbox"] + span::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
/* border-radius: 4px; */ /* Square with rounded corners */
background-color: #fff; /* Unchecked background color */
/*vertical-align: middle;*/
transition: background-color 0.3s, border 0.3s;
border: solid 1px #00205C;
position: relative;
}
/* Style for the checkbox when it's checked */
.hs-form-checkbox input[type="checkbox"]:checked + span::before,.hs-form-booleancheckbox input[type="checkbox"]:checked + span::before {
background-color: #0F7DFF; /* Checked background color */
border:solid 1px #0F7DFF;
content: '✓';
color: white;
font-size: 19px; /* Adjust font size as needed */
}
/* Load spinner */
.lds-spinner {
opacity: 0;
position: relative;
right: 0;
left: 0;
display: block;
margin: 20px auto;
transform: scale(0.5);
transition: all 0.3s;
}
.lds-spinner.active {
opacity: 1;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: lds-spinner 1.2s linear infinite;
position: absolute;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #202349;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Icon wrapper */
.icon {
display: inline-flex;
border-radius: 50%;
}
.icon--square .icon {
border-radius: 0;
}
/* Icon */
.icon svg {
vertical-align: middle;
}
nav.pagination {
margin-top: 3em;
}
nav.pagination a {
margin: 0 .3rem;
}
nav.pagination a:not(.pagination__link--active) {
color: var(--black);
font-size: 13px;
}
/* Table */
table {
border-collapse: collapse;
margin-bottom: 1.4rem;
overflow-wrap: break-word;
}
/* Table cells */
th,
td {
padding: 0.7rem;
vertical-align: top;
}
/* Table header */
thead th,
thead td {
vertical-align: bottom;
}
table {
border-collapse: collapse;
}
table td {
padding: 15px;
}
table thead td {
background-color: #54585d;
color: #ffffff;
font-weight: bold;
font-size: 13px;
border: 1px solid #54585d;
}
table tbody td {
color: #636363;
border: 1px solid #dddfe1;
}
table tbody tr {
background-color: #f9fafb;
}
table tbody tr:nth-child(odd) {
background-color: #ffffff;
}
/* Components */
/* NEW HEADER */
/* 1i. Website footer */
/* Header DND sections */
.header .dnd-section {
padding: 0;
}
/* Header container */
.content-wrapper.header__container {
display: flex;
justify-content: space-between;
height: 100%;
align-items: center;
}
.header__row-1,
.header__row-2 {
align-items: center;
display: flex;
justify-content: flex-end;
width: 100%;
}
.header__logo + .middle_sect{margin-right:auto;}
@media (max-width: 1150px) and (min-width: 992px) {
.header__column {
/*width: 100%;*/
}
}
@media (max-width: 991px) {
.header__logo+.middle_sect {
margin-right: unset !important;
}
.header {
position: relative;
}
.content-wrapper.header__container {
padding-left: 20px;
padding-right: 20px;
transition: background 0.3s ease;
}
.content-wrapper.header__container.open {
background: #F5F7FB;
}
.header__navigation {
background-repeat: no-repeat;
background-size: 130%;
background-position: center 280px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='489' height='417' fill='none' viewBox='0 0 489 417'%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M4.852 374.318c13.703 34.485 52.757 51.327 87.23 37.619l354.46-140.952c34.473-13.708 51.31-52.776 37.606-87.26-13.703-34.485-52.757-51.328-87.229-37.619L42.458 287.058c-34.473 13.708-51.31 52.775-37.606 87.26Z' clip-rule='evenodd'/%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='M4.852 42.682C18.555 8.198 57.609-8.645 92.082 5.062l354.46 140.953c34.473 13.708 51.31 52.776 37.606 87.26-13.703 34.485-52.757 51.328-87.229 37.62L42.458 129.943C7.985 116.235-8.852 77.167 4.852 42.683Z' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='343.271' x2='-49.986' y1='252.18' y2='348.629' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300B189'/%3E%3Cstop offset='1' stop-color='%230F7DFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='67.269' x2='352.204' y1='77.481' y2='229.17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23B8F982'/%3E%3Cstop offset='1' stop-color='%2300B189'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
}
/* Navigation skipper */
.header__skip {
height: 1px;
left: -1000px;
overflow: hidden;
position: absolute;
text-align: left;
top: -1000px;
width: 1px;
transition: none;
}
.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: 100%;
/*margin-right: auto;*/
position: relative;
}
.header__logo>div {
height: 100%;
}
.header__logo img {
max-width: 100% !important;
height: auto !important;
width: 100% !important;
max-height: 100% !important;
display: block;
}
.header__logo .cover-link {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.header__logo .logo-company-name {
font-size: 1.167rem;
margin-top: 0.7rem;
}
@media (min-width: 992px) {
.header__logo .hs_cos_wrapper_type_logo {
width: auto;
max-width: none;
display: block;
}
}
/* Search bar */
.header__search {
width: auto;
/*background: var(--blue);*/
}
.header__search .hs-search-field {
max-width: 1464px;
margin: 0 auto;
}
.hs-search-field__bar {
margin: 0 auto;
width: 100%;
}
.hs-search-field__bar form {
border-radius: 0;
padding: 0px 1rem;
background: none;
}
.hs-search-field__form {
position: relative;
}
.header__search .hs-search-field__label {
flex-basis: auto;
}
.header__search .hs-search-field__input {
padding: 0 50px 0 0.7rem;
}
.header__search .hs-search-field__button {
padding: 0;
fill: #000;
background-color: transparent;
border: none;
padding: 10px;
position: absolute;
top: 0;
right: 8%;
min-width: 0;
}
.header__search .hs-search-field__button svg {
height: 25px;
}
.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: none;
border-radius: 0 0 6px 6px;
position: absolute;
width: 100%;
z-index: 10;
}
.header__search .hs-search-field__suggestions li:first-child {
border: none;
}
.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: 992px) {
.header__search form {
align-items: center;
display: flex;
justify-content: center;
}
.header__search label {
margin: 0 1rem 0 0;
}
.header__search .hs-search-field__input {
width: 300px;
}
}
@media (max-width: 991px) {
.header__search {
order: 1;
}
}
/* Language switcher */
.header__language-switcher {
cursor: pointer;
padding: 0 10px 2px 10px;
}
.header__language-switcher .lang_switcher_class {
position: static;
}
.header__language-switcher .lang_list_class {
border: 2px solid;
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 li {
border: none;
font-size: 18px;
padding: 0.35rem 0.7rem;
}
.header__language-switcher .lang_list_class li:first-child {
border-top: none;
}
.header__language-switcher .lang_list_class li:last-child {
border-bottom: none;
}
.header__language-switcher .lang_list_class li:hover {
transition: background-color 0.3s;
}
.header__language-switcher .globe_class {
background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' role='img' aria-labelledby='languageIconTitle' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' color='%23000000'%3E%3Ctitle id='languageIconTitle'%3ELanguage%3C/title%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath stroke-linecap='round' d='M12,22 C14.6666667,19.5757576 16,16.2424242 16,12 C16,7.75757576 14.6666667,4.42424242 12,2 C9.33333333,4.42424242 8,7.75757576 8,12 C8,16.2424242 9.33333333,19.5757576 12,22 Z'/%3E%3Cpath stroke-linecap='round' d='M2.5 9L21.5 9M2.5 15L21.5 15'/%3E%3C/svg%3E);
}
.header__language-switcher--label {
display: flex;
position: relative;
align-items: center;
padding: 10px 0;
}
.header__language-switcher .hs_cos_wrapper_type_language_switcher {
display: flex;
}
.header__language-switcher--label-current {
align-items: center;
display: flex;
font-size: 18px;
margin-bottom: 0;
margin-left: 8px;
text-transform: uppercase;
}
.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: 8px;
margin-top: 0.175rem;
width: 0px;
}
@media (max-width: 991px) {
.header__language-switcher--label {
display: block;
width: 100%;
padding: 0;
}
.header__language-switcher .hs_cos_wrapper_type_language_switcher {
display: block;
}
.header__language-switcher .lang_switcher_class {
display: block;
}
.header__language-switcher {
cursor: initial;
padding: 0;
}
.header__language-switcher .lang_list_class {
border: none;
box-shadow: unset;
display: block;
left: 30px;
opacity: 1;
padding: 0;
top: 0;
visibility: visible;
position: initial;
transform: none;
}
.header__language-switcher.header--element .lang_list_class li {
background-color: inherit;
font-size: 20px;
text-transform: uppercase;
border-top: 2px solid #CED4DB;
padding: 0 1rem;
}
.header__language-switcher .lang_list_class li a {
display: block;
padding: 16px 0;
}
.header__language-switcher--label-current {
display: none;
}
.header__language-switcher .globe_class {
background-image: none;
width: auto;
height: auto;
}
.header__language-switcher .lang_list_class li:hover{
background-color: inherit;
}}
/* Navigation */
#nav-toggle {
display: none;
}
/* Mobile toggles */
.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle,
.header__close--toggle {
cursor: pointer;
margin: 0 0 0 15px;
position: relative;
}
.header__navigation--toggle.hide,
.header__search--toggle.hide,
.header__language-switcher--toggle.hide {
visibility: hidden;
opacity: 0;
transition: none;
}
.header__search--toggle {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4997 1.91687e-08C12.8552 0.000115492 14.1909 0.324364 15.3955 0.945694C16.6001 1.56702 17.6387 2.46742 18.4245 3.57175C19.2104 4.67609 19.7207 5.95235 19.913 7.29404C20.1053 8.63574 19.974 10.004 19.53 11.2846C19.0859 12.5652 18.3421 13.7211 17.3605 14.6557C16.3789 15.5904 15.188 16.2768 13.8872 16.6576C12.5864 17.0384 11.2134 17.1026 9.88273 16.8449C8.55205 16.5872 7.3023 16.015 6.23775 15.176L2.58575 18.828C2.39714 19.0102 2.14454 19.111 1.88235 19.1087C1.62015 19.1064 1.36934 19.0012 1.18393 18.8158C0.99852 18.6304 0.893353 18.3796 0.891073 18.1174C0.888794 17.8552 0.98959 17.6026 1.17175 17.414L4.82375 13.762C3.83575 12.5086 3.22058 11.0024 3.04865 9.41573C2.87671 7.82905 3.15495 6.22602 3.85152 4.79009C4.5481 3.35417 5.63486 2.14336 6.98744 1.29623C8.34003 0.449106 9.90378 -0.000107143 11.4997 1.91687e-08ZM17.9997 8.5C17.9997 6.77609 17.3149 5.12279 16.0959 3.90381C14.877 2.68482 13.2237 2 11.4997 2C9.77584 2 8.12254 2.68482 6.90355 3.90381C5.68457 5.12279 4.99975 6.77609 4.99975 8.5C4.99975 10.2239 5.68457 11.8772 6.90355 13.0962C8.12254 14.3152 9.77584 15 11.4997 15C13.2237 15 14.877 14.3152 16.0959 13.0962C17.3149 11.8772 17.9997 10.2239 17.9997 8.5Z' fill='%2300205C'/%3E%3C/svg%3E");
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
height: 35px;
width: 35px;
display: block;
transition: all 0.3s ease;
}
.header__search {
display: block;
width: 100%;
visibility: hidden;
opacity: 0;
position: absolute;
left: 0;
top: 100%;
transition: all 0.2s ease;
}
.header__search.open {
display: block;
left: 0;
position: relative;
right: 0;
top: 100%;
z-index: 2;
opacity: 1;
visibility: visible;
width:fit-content;
}
@media (max-width: 991px) {
.header__navigation, .header__language-switcher {
position: absolute;
left: 0;
top: 100%;
height: 0;
overflow: auto;
}
.header__navigation,
.header__language-switcher {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 100%;
transition: all 0.4s ease;
background-color: #F8FAFC;
}
.header__navigation.open,
.header__language-switcher.open {
display: block;
left: 0;
height: calc(100vh - 60px);
position: absolute;
right: 0;
top: 100%;
z-index: 2;
}
.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,');
/*background-size: 25px;*/
background-repeat: no-repeat;
background-position: center;
height: 35px;
width: 35px;
display: block;
transition: all 0.3s ease;
}
.header__language-switcher--toggle {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' role='img' aria-labelledby='languageIconTitle' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' color='%23000000'%3E%3Ctitle id='languageIconTitle'%3ELanguage%3C/title%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath stroke-linecap='round' d='M12,22 C14.6666667,19.5757576 16,16.2424242 16,12 C16,7.75757576 14.6666667,4.42424242 12,2 C9.33333333,4.42424242 8,7.75757576 8,12 C8,16.2424242 9.33333333,19.5757576 12,22 Z'/%3E%3Cpath stroke-linecap='round' d='M2.5 9L21.5 9M2.5 15L21.5 15'/%3E%3C/svg%3E");
background-size: 25px;
background-repeat: no-repeat;
background-position: center;
height: 35px;
width: 35px;
display: block;
transition: all 0.3s ease;
}
.header__close--toggle {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.4583 8.35938L2.32642 0.227539L0.205078 2.34888L8.33691 10.4807L0.205322 18.6123L2.32666 20.7336L10.4583 12.6021L18.5898 20.7336L20.7112 18.6123L12.5796 10.4807L20.7114 2.34888L18.5901 0.227539L10.4583 8.35938Z" fill="black"/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: 18px;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 35px;
width: 35px;
visibility: hidden;
opacity: 0;
position: absolute;
right: 1rem;
top: 14px;
}
.header__close--toggle.show {
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
}
@media ( min-width: 992px) {
.header__row-1 {
justify-content: flex-start;
flex-flow: row-reverse;
}
.header {
position: relative;
}
.header__search--toggle.hide {
opacity: 1;
transition: none;
visibility: visible;
}
.header__search--toggle.open {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4997 1.91687e-08C12.8552 0.000115492 14.1909 0.324364 15.3955 0.945694C16.6001 1.56702 17.6387 2.46742 18.4245 3.57175C19.2104 4.67609 19.7207 5.95235 19.913 7.29404C20.1053 8.63574 19.974 10.004 19.53 11.2846C19.0859 12.5652 18.3421 13.7211 17.3605 14.6557C16.3789 15.5904 15.188 16.2768 13.8872 16.6576C12.5864 17.0384 11.2134 17.1026 9.88273 16.8449C8.55205 16.5872 7.3023 16.015 6.23775 15.176L2.58575 18.828C2.39714 19.0102 2.14454 19.111 1.88235 19.1087C1.62015 19.1064 1.36934 19.0012 1.18393 18.8158C0.99852 18.6304 0.893353 18.3796 0.891073 18.1174C0.888794 17.8552 0.98959 17.6026 1.17175 17.414L4.82375 13.762C3.83575 12.5086 3.22058 11.0024 3.04865 9.41573C2.87671 7.82905 3.15495 6.22602 3.85152 4.79009C4.5481 3.35417 5.63486 2.14336 6.98744 1.29623C8.34003 0.449106 9.90378 -0.000107143 11.4997 1.91687e-08ZM17.9997 8.5C17.9997 6.77609 17.3149 5.12279 16.0959 3.90381C14.877 2.68482 13.2237 2 11.4997 2C9.77584 2 8.12254 2.68482 6.90355 3.90381C5.68457 5.12279 4.99975 6.77609 4.99975 8.5C4.99975 10.2239 5.68457 11.8772 6.90355 13.0962C8.12254 14.3152 9.77584 15 11.4997 15C13.2237 15 14.877 14.3152 16.0959 13.0962C17.3149 11.8772 17.9997 10.2239 17.9997 8.5Z' fill='%2300205C'/%3E%3C/svg%3E");
background-size: 20px;
transition: all .3s ease;
}
}
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99;
}
/*
body {
padding-top: 60px;
}
@media (min-width:992px) {
body {
padding-top: 80px;
}
}
*/
.menu__item--depth-1.menu__item--has-submenu>a {
position: relative;
}
.menu__item--depth-1.menu__item--has-submenu:hover {
z-index: 9;
}
.menu__item--depth-1.menu__item--has-submenu:hover>a:before {
content: '';
display: block;
position: absolute;
right: 100%;
bottom: 0;
background: transparent;
clip-path: polygon(0 100%, 100% 0%, 100% 100%);
width: 100%;
height: 30px;
}
.menu__item--depth-1.menu__item--has-submenu:hover>a:after {
content: '';
display: block;
position: absolute;
left: calc(100% + 30px);
bottom: 0;
background: transparent;
clip-path: polygon(0% 100%, 0% 0%, 100% 100%);
width: 100%;
height: 30px;
}
/* Mega menu */
.header {
background: none;
height: 60px;
transition: background-color 0.3s ease;
}
.header.nav-scroll {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header.fixed-top {
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
color: #231f20;
font-family: ;
}
.menu__child-toggle {
min-width: 0;
}
.menu__child-toggle-icon {
border-top-color: #231f20;
}
.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
color: #000000;
}
.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
border-top-color: #000000;
}
.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
color: #4b4748;
}
.menu__child-toggle-icon:active {
border-top-color: #4b4748;
}
.menu .menu__item--depth-1 > .menu__link--active-link:after {
background-color: #231f20;
}
header:not(.nav-scroll) .menu .menu__item--depth-1>.menu__link--active-link:after {
/*background-color: #0F7DFF ;*/
}
@media (min-width: 992px) {
.header {
height: 80px;
}
.menu .menu__submenu,
.header__language-switcher .lang_list_class {
/*
border: 1px solid #00205c;
*/
background-color:
rgba(255, 255, 255, 1.0)
;
border-radius: 20px;
background: var(--White, #FFF);
/* Big blue drop */
box-shadow: 0px 0px 30px 0px rgba(56, 92, 173, 0.10), 10px 40px 80px 0px rgba(56, 92, 173, 0.20);
}
.menu__submenu--level-2 > .menu__item:first-child:before {
border: 1px solid #00205c;
background-color:
rgba(255, 255, 255, 1.0)
;
}
}
.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
/*
color: #231f20;
background-color:
rgba(255, 255, 255, 1.0)
;
*/
}
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
/*background-color:
rgba(255, 255, 255, 1.0)
;*/
}
.header__language-switcher .lang_list_class.first-active::after {
border-bottom-color:
rgba(255, 255, 255, 1.0)
;
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-family: ;
}
.header__language-switcher-label-current:after {
border-top-color: #231f20;
}
@media(max-width: 991px) {
.header__navigation, .header__language-switcher {
background-color:
rgba(255, 255, 255, 1.0)
;
}
.header__navigation-toggle svg,
.menu-arrow svg {
fill: #231f20;
}
}
.header__language-switcher--label .lang_list_class:after,
.header__language-switcher--label .lang_list_class:before {
display: none;
}
/* NEW */
.header {
transition: all 0.3s ease;
}
.header__logo {
width: 105px;
}
.header__search .hs-search-field__button svg {
display: none;
}
.header__search .hs-search-field__button {
width: 25px;
height: 25px;
top: 9px;
right: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4997 1.91687e-08C12.8552 0.000115492 14.1909 0.324364 15.3955 0.945694C16.6001 1.56702 17.6387 2.46742 18.4245 3.57175C19.2104 4.67609 19.7207 5.95235 19.913 7.29404C20.1053 8.63574 19.974 10.004 19.53 11.2846C19.0859 12.5652 18.3421 13.7211 17.3605 14.6557C16.3789 15.5904 15.188 16.2768 13.8872 16.6576C12.5864 17.0384 11.2134 17.1026 9.88273 16.8449C8.55205 16.5872 7.3023 16.015 6.23775 15.176L2.58575 18.828C2.39714 19.0102 2.14454 19.111 1.88235 19.1087C1.62015 19.1064 1.36934 19.0012 1.18393 18.8158C0.99852 18.6304 0.893353 18.3796 0.891073 18.1174C0.888794 17.8552 0.98959 17.6026 1.17175 17.414L4.82375 13.762C3.83575 12.5086 3.22058 11.0024 3.04865 9.41573C2.87671 7.82905 3.15495 6.22602 3.85152 4.79009C4.5481 3.35417 5.63486 2.14336 6.98744 1.29623C8.34003 0.449106 9.90378 -0.000107143 11.4997 1.91687e-08ZM17.9997 8.5C17.9997 6.77609 17.3149 5.12279 16.0959 3.90381C14.877 2.68482 13.2237 2 11.4997 2C9.77584 2 8.12254 2.68482 6.90355 3.90381C5.68457 5.12279 4.99975 6.77609 4.99975 8.5C4.99975 10.2239 5.68457 11.8772 6.90355 13.0962C8.12254 14.3152 9.77584 15 11.4997 15C13.2237 15 14.877 14.3152 16.0959 13.0962C17.3149 11.8772 17.9997 10.2239 17.9997 8.5Z' fill='%2300205C'/%3E%3C/svg%3E");
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
min-width: 0;
}
.header__search .hs-search-field__input::placeholder {
color: #00205C;
font-size: 16px;
}
.header__search .hs-search-field__input {
padding: 0 35px 0 15px;
width: 100px;
background: #fff;
color: #00205C;
font-size: 16px;
}
.header__search .hs-search-field__input:focus{
background: #fff;
font-size: 16px;
color: #00205C;
}
.header__cta__content .button-wrapper .button {
margin: 0;
font-family: var(--secondary-font);
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
line-height: normal;
padding: 9px 30px;
min-width: 0;
}
.header__search form {
border-radius: 100px;
}
@media(max-width: 991px) {
.header__search {
position: absolute;
top: 9px;
right: 63px;
left: auto;
width: auto;
}
.header__search.open {
position: absolute;
right: 63px;
left: auto;
top: 9px;
}
.header__search .hs-search-field__bar form {
padding: 0;
}
.header .header__cta__desktop {
display: none;
}
}
@media(min-width: 992px) {
.header__logo {
width: 124px;
min-width: 124px;
padding-bottom: 8px;
position: relative;
}
.header__logo .cover-link{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.header__search--toggle {
z-index: 3;
}
.header__logo+.middle_sect {
width: 100%;
}
.header__close--toggle,
.header__navigation--toggle {
display: none;
}
.header__search {
position: absolute;
left: auto;
right: -3px;
top: -2px;
width: auto;
}
.header__search.open {
position: absolute;
left: auto;
right: -3px;
top: -2px;
width: auto;
}
.header__row-1 {
position: relative;
justify-content: space-between;
}
.header__search form {
padding: 0;
}
.header__cta .button {
font-size: 14px;
}
.header__cta__movil {
display: none;
}
.header__cta__content .button-wrapper {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: nowrap;
}
.header__cta__desktop {
display: flex;
align-items: center;
padding-left: 10px;
}
}
@media(min-width: 1200px) {
.header__navigation__container {
padding-left: 60px;
}
.header__cta__content .button-wrapper {
gap: 24px;
}
.header__cta__desktop {
padding-left: 26px;
}
}
@media(min-width: 1500px) {
.header__cta .button {
font-size: 1rem;
}
}
footer .widget-type-logo {
width: 107px;
display: block;
margin: 0 auto;
}
footer .hs_cos_wrapper_type_logo img {
width: 100% !important;
display: block;
}
footer .hs_cos_wrapper_type_simple_menu ul {
padding: 0;
list-style: none;
margin: 0;
position: relative;
}
footer .hs_cos_wrapper_type_simple_menu ul li {
margin: 0 0 10px 0;
}
footer .social-links__icon {
margin: 0;
width: 45px;
height: 45px;
display: block;
}
footer h5 {
margin-bottom: 18px;
}
footer .footer-row {
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
footer .footer-row .col:last-of-type {
text-align: right;
}
footer .footer-row .col:last-of-type a {
margin-left: 5px;
}
@media(max-width: 767px){
footer .hs_cos_wrapper_type_rich_text {
text-align: center;
}
footer .row-fluid .span8 .span4 {
flex: 0 1 calc(50% - 20px);
}
footer .row-fluid .span8>.row-fluid-wrapper>.row-fluid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
footer .row-fluid .span8>.row-fluid-wrapper>.row-fluid:before {
display: none;
}
}
@media(min-width: 768px){
footer .widget-type-logo {
width: 147px;
margin: 0;
}
footer .social-links {
justify-content: start;
}
}
/* Rich text */
.widget-type-rich_text img {
height: auto;
max-width: 100%;
}
/* Menu */
/* Menu items */
.menu__item {
position: relative;
}
.menu__link {
font-size: 1rem;
line-height: 1.2rem;
text-decoration: none;
font-family: var(--secondary-font);
font-weight: 600;
letter-spacing: 1px;
}
.menu__link:hover,
.menu__link:focus,
.menu__link:active {
text-decoration: none;
font-family: var(--secondary-font);
font-weight: 600;
}
.menu__link--active-link,
.menu__link--active-branch {
font-weight: bold;
}
.menu__item--depth-2>a.menu__link {
font-size: 16px;
font-family: var(--primary-font);
font-style: normal;
font-weight: 400;
}
@media (min-width: 992px) {
.menu__link {
font-size: 13px;
}
}
@media (max-width: 991px) {
.menu__wrapper {
display: grid;
}
.menu__item {
display: block;
width: 100%;
}
.menu__link {
display: block;
font-size: 16px;
}
}
/* Menu items - top level */
.menu__item--depth-1 {
display: inline-block;
padding: 0.6rem 0.5rem;
text-transform: uppercase;
}
.menu__item--depth-1 > .menu__link--active-link:after {
bottom: 0;
content: '';
height: 2px;
left: 0;
position: absolute;
width: 100%;
}
@media (max-width: 991px) {
.menu__item--depth-1 {
padding: 0;
text-align: center;
}
.menu__item--depth-1 > .menu__link {
padding: 16px 1rem;
}
.menu__item--depth-1 > .menu__link--active-link:after {
content: none;
}
}
/* Menu items - submenus */
.menu__submenu {
display: block;
left: 0;
position: absolute;
text-align: left;
text-transform: none;
top: 100%;
z-index: 99;
}
.menu__item--open > .menu__submenu {
display: block;
}
/* Keeps the first menu item's drop down menu aligned to the left of the top level menu item */
.menu__item--depth-1:first-child .menu__submenu--level-2 {
transform: unset;
}
.menu__submenu .menu__item {
width: 100%;
}
.menu__submenu .menu__link {
display: block;
padding: 16px 1rem;
width: 100%;
}
.menu__submenu--level-3 {
left: 100%;
top: 0;
}
/* Flyouts for the last two top level menu items go left to keep page responsive */
.menu__item--depth-1:nth-last-child(-n+2) .menu__submenu--level-3 {
left: auto;
right: 100%;
top: 0;
}
/* Accounts for child toggle */
.menu__submenu .menu__item--has-submenu > .menu__link {
padding-right: 3rem;
}
@media (min-width: 992px) {
.menu__item--has-submenu:hover>ul.menu__submenu {
display: block;
}
.hs-search-field form label {
font-size: 1rem;
}
}
/* Creates the triangle at the top of the submenu drop down */
@media (min-width: 992px) {
.menu__submenu {
height: auto !important;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
padding: 30px 20px;
}
.menu__item--has-submenu:hover>.menu__submenu {
opacity: 1;
visibility: visible;
}
.menu__wrapper {
display: flex;
align-items: center;
}
.menu__item--depth-1 {
display: flex;
align-items: center;
cursor: pointer;
}
.menu__submenu .menu__link {
padding: 12px 1rem;
position: relative;
}
.menu__item--depth-2>a.menu__link {
white-space: nowrap;
padding-left: 30px;
font-size: 22px;
}
.menu__item--depth-2>a.menu__link:before {
content:'';
display: block;
width: 7px;
height: 14px;
position: absolute;
left: 10px;
top: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M5.97458 7.5L3.54957 10.3346L1.12457 13.1693C1.08464 13.215 1.05307 13.2692 1.03169 13.3289C1.01031 13.3885 0.999545 13.4524 1.00002 13.5168C1.00049 13.5813 1.01218 13.6449 1.03443 13.7042C1.05668 13.7634 1.08904 13.817 1.12963 13.862C1.17022 13.9069 1.21825 13.9422 1.27092 13.9659C1.32359 13.9896 1.37987 14.0011 1.4365 13.9999C1.49313 13.9987 1.54898 13.9847 1.60082 13.9588C1.65267 13.9328 1.69947 13.8954 1.73853 13.8488L6.87867 7.83976C6.95647 7.7488 7 7.6269 7 7.5C7 7.3731 6.95647 7.2512 6.87867 7.16025L1.73853 1.15121C1.69947 1.10456 1.65266 1.06718 1.60082 1.04124C1.54898 1.0153 1.49313 1.00132 1.4365 1.00009C1.37987 0.998863 1.32359 1.01042 1.27092 1.0341C1.21824 1.05778 1.17022 1.0931 1.12963 1.13803C1.08904 1.18295 1.05668 1.23659 1.03443 1.29583C1.01218 1.35508 1.00049 1.41875 1.00001 1.48317C0.999544 1.54759 1.01031 1.61148 1.03169 1.67114C1.05307 1.73079 1.08464 1.78503 1.12457 1.83072L5.97458 7.5Z' fill='%230F7DFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.87867 7.83976L1.73853 13.8488C1.69947 13.8954 1.65267 13.9328 1.60082 13.9588C1.54898 13.9847 1.49313 13.9987 1.4365 13.9999C1.37987 14.0011 1.32359 13.9896 1.27092 13.9659C1.21825 13.9422 1.17022 13.9069 1.12963 13.862C1.08904 13.817 1.05668 13.7634 1.03443 13.7042C1.01218 13.6449 1.00049 13.5813 1.00002 13.5168C0.999545 13.4524 1.01031 13.3885 1.03169 13.3289C1.05307 13.2692 1.08464 13.215 1.12457 13.1693L3.54957 10.3346L5.97458 7.5L1.12457 1.83072C1.08464 1.78503 1.05307 1.73079 1.03169 1.67114C1.01031 1.61148 0.999544 1.54759 1.00001 1.48317C1.00049 1.41875 1.01218 1.35508 1.03443 1.29583C1.05668 1.23659 1.08904 1.18295 1.12963 1.13803C1.17022 1.0931 1.21824 1.05778 1.27092 1.0341C1.32359 1.01042 1.37987 0.998863 1.4365 1.00009C1.49313 1.00132 1.54898 1.0153 1.60082 1.04124C1.65266 1.06718 1.69947 1.10456 1.73853 1.15121L6.87867 7.16025C6.95647 7.2512 7 7.3731 7 7.5C7 7.6269 6.95647 7.7488 6.87867 7.83976ZM2.11988 0.827831L7.25862 6.83523C7.41881 7.0225 7.5 7.26171 7.5 7.5C7.5 7.73829 7.41882 7.97749 7.25863 8.16476L2.1199 14.1721C2.03941 14.2677 1.93977 14.3483 1.82456 14.4059C1.70813 14.4642 1.57972 14.4969 1.44733 14.4998C1.31491 14.5027 1.18502 14.4755 1.06593 14.4219C0.947108 14.3685 0.843313 14.2909 0.758636 14.1972C0.674071 14.1036 0.609654 13.9953 0.56635 13.8799C0.523052 13.7647 0.500921 13.6426 0.500029 13.5205C0.499137 13.3983 0.519484 13.276 0.561006 13.1602C0.602186 13.0453 0.664149 12.9369 0.746025 12.8426L5.31658 7.5L0.746071 2.15744C0.664171 2.06312 0.602193 1.95475 0.561005 1.83982C0.519483 1.72396 0.499136 1.60167 0.500028 1.47952C0.50092 1.35737 0.523051 1.23535 0.566348 1.12005C0.609652 1.00474 0.674068 0.896413 0.758634 0.802818C0.843314 0.709098 0.947109 0.63146 1.06593 0.578051C1.18502 0.524521 1.31491 0.497338 1.44732 0.500206C1.57972 0.503072 1.70812 0.535835 1.82456 0.594093C1.93975 0.651733 2.03939 0.73233 2.11988 0.827831Z' fill='%230F7DFF'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.menu__item--depth-2>a.menu__link:hover {
color: #0F7DFF;
}
.menu__submenu--level-2 > .menu__item:first-child > .menu__link {
position: relative;
z-index: 2;
}
}
@media (min-width: 992px) {
.menu__item--depth-1 {
padding: 0.7rem 1rem 0.5rem 1rem;
}
}
@media (max-width: 991px) {
.menu__submenu {
border: none;
border-radius: 0;
box-shadow: none;
position: static;
transform: unset;
width: 100%;
height: 0;
overflow: auto;
transition: all 0.3s ease;
}
.menu__submenu .menu__item {
text-align: center;
}
.menu__submenu .menu__link {
display: block;
padding: 16px 1rem;
transition: none;
width: 100%;
}
.menu__submenu .menu__item .menu__link:hover,
.menu__submenu .menu__item .menu__link:focus {
background-color: inherit;
transition: none;
}
.menu__item--has-submenu > .menu__link {
width: auto;
display: inline-block;
font-size: 16px;
}
.menu__submenu--level-2>ul {
padding-bottom: 15px;
}
.menu__submenu--level-2 .menu__item .menu__link {
padding: 10px 1rem 10px 2rem;
}
.menu__submenu--level-3 .menu__item .menu__link {
padding: 16px 1rem 16px 3rem;
}
}
/* Menu icons */
.menu__child-toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M8 7.03874L1.52082 0.803019C1.46861 0.751679 1.40662 0.711091 1.33844 0.683603C1.27026 0.656115 1.19725 0.642272 1.12362 0.642877C1.05 0.643482 0.977231 0.658522 0.909524 0.687127C0.841816 0.715732 0.780516 0.757333 0.729171 0.809523C0.677827 0.861714 0.637457 0.923457 0.610398 0.991181C0.583339 1.0589 0.570128 1.13126 0.571529 1.20407C0.572931 1.27688 0.588918 1.34869 0.618564 1.41534C0.648209 1.482 0.690926 1.54218 0.744241 1.5924L7.61171 8.20115C7.71566 8.30118 7.85497 8.35714 8 8.35714C8.14503 8.35714 8.28434 8.30118 8.38829 8.20115L15.2558 1.5924C15.3091 1.54218 15.3518 1.482 15.3814 1.41534C15.4111 1.34869 15.4271 1.27688 15.4285 1.20407C15.4299 1.13126 15.4167 1.0589 15.3896 0.99118C15.3625 0.923457 15.3222 0.861713 15.2708 0.809523C15.2195 0.757332 15.1582 0.715731 15.0905 0.687126C15.0228 0.658522 14.95 0.643481 14.8764 0.642876C14.8028 0.642271 14.7297 0.656114 14.6616 0.683602C14.5934 0.711091 14.5314 0.751678 14.4792 0.803018L8 7.03874Z' fill='%230F7DFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.61171 8.20115L0.744241 1.5924C0.690926 1.54218 0.648209 1.482 0.618564 1.41534C0.588918 1.34869 0.572931 1.27688 0.571529 1.20407C0.570128 1.13126 0.583339 1.0589 0.610398 0.991181C0.637457 0.923457 0.677827 0.861714 0.729171 0.809523C0.780516 0.757333 0.841816 0.715732 0.909524 0.687127C0.977231 0.658522 1.05 0.643482 1.12362 0.642877C1.19725 0.642272 1.27026 0.656115 1.33844 0.683603C1.40662 0.711091 1.46861 0.751679 1.52082 0.803019L8 7.03874L14.4792 0.803018C14.5314 0.751678 14.5934 0.711091 14.6616 0.683602C14.7297 0.656114 14.8028 0.642271 14.8764 0.642876C14.95 0.643481 15.0228 0.658522 15.0905 0.687126C15.1582 0.715731 15.2195 0.757332 15.2708 0.809523C15.3222 0.861713 15.3625 0.923457 15.3896 0.99118C15.4167 1.0589 15.4299 1.13126 15.4285 1.20407C15.4271 1.27688 15.4111 1.34869 15.3814 1.41534C15.3518 1.482 15.3091 1.54218 15.2558 1.5924L8.38829 8.20115C8.28434 8.30118 8.14503 8.35714 8 8.35714C7.85497 8.35714 7.71566 8.30118 7.61171 8.20115ZM15.6253 2.08271L8.75973 8.68966C8.54571 8.89561 8.27233 9 8 9C7.72767 9 7.4543 8.89562 7.24028 8.68967L0.37469 2.08273C0.265538 1.97925 0.173417 1.85113 0.107535 1.703C0.0409555 1.5533 0.00351177 1.38822 0.000235009 1.21799C-0.00304226 1.04774 0.0280249 0.880736 0.0892025 0.727621C0.150241 0.574853 0.238973 0.441402 0.346079 0.332531C0.453042 0.223805 0.576845 0.140983 0.708632 0.085306C0.840399 0.0296381 0.979851 0.00118396 1.11945 3.68901e-05C1.25905 -0.00111018 1.39881 0.0250498 1.53122 0.0784352C1.66255 0.131382 1.78638 0.211048 1.89415 0.316317L8 6.19274L14.1058 0.316377C14.2136 0.211077 14.3374 0.131391 14.4688 0.0784345C14.6012 0.0250491 14.7409 -0.00111092 14.8805 3.61382e-05C15.0201 0.0011832 15.1596 0.0296373 15.2914 0.0853052C15.4232 0.140981 15.547 0.223802 15.6539 0.33253C15.761 0.441404 15.8498 0.574855 15.9108 0.72762C15.972 0.880738 16.003 1.04774 15.9998 1.21799C15.9965 1.38821 15.959 1.5533 15.8925 1.703C15.8266 1.85111 15.7345 1.97922 15.6253 2.08271Z' fill='%230F7DFF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 9px;
margin-left: auto;
transition: transform 0.4s;
width: 16px;
}
.menu__child-toggle--open .menu__child-toggle-icon {
transform: rotate(180deg);
transition: transform 0.4s;
}
@media(min-width: 992px) {
.menu__child-toggle-icon {
width: 12px;
margin: 0 0 0 5px;
}
.menu__submenu .menu__child-toggle {
margin-left: auto;
padding: 0 1.05rem;
}
.menu__child-toggle {
position: absolute;
right: 5px;
top: 20px;
z-index: 2;
}
.menu__item--depth-1>a.menu__link:hover,
.menu__item--depth-1:hover>a.menu__link {
color: #0F7DFF !important;
}
.menu__item--depth-1 > .menu__child-toggle {
position: static;
right: 0;
top: 0;
vertical-align: middle;
margin-left: 0;
}
}
@media (max-width: 991px) {
.menu__child-toggle {
border: none;
cursor: pointer;
height: auto;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
position: inherit;
margin-right: -9px;
margin-left: -11px;
}
/*
.menu__item--open > .menu__child-toggle .menu__child-toggle-icon {
transform: rotate(45deg);
transition: transform 0.4s;
}
*/
.header__cta__content .button-wrapper {
justify-content: center;
display: grid;
text-align: center;
gap: 28px;
padding-top: 20px;
width: 100%;
}
.header__cta__content .button-wrapper .button {
margin: 0;
}
}
/* Macros */
section.card-feed .card {
transition: background 0.3s ease;
cursor: pointer;
overflow: hidden;
}
section.card-feed .card-feed__title-bar .s-link {
text-decoration: underline;
}
section.card-feed .card_header{
height: 303px;
overflow: hidden;
margin-bottom: 30px;
position:relative;
border-radius: 33px;
}
section.card-feed .card_header img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: center;
transition: all .4s ease-in-out;
border-radius: 33px;
}
section.card-feed .blog-card:hover img {
transform: scale(1.1);
}
section.card-feed .card_body,
section.card-feed .card_footer{
padding: 0;
}
section.card-feed .card_body .card_title{
font-size:26px;
transition: all 0.3s ease;
margin:0;
}
section.card-feed .card_body{
font-size:16px;
color:#00205C;
}
section.card-repeater .card_body ul {
display: flex;
flex-wrap: wrap;
gap: 30px;
list-style: none;
}
section.card-repeater .card_body ul li {
color: #00205c;
flex-basis: 100%;
margin: 0;
padding: 0 0 0 26px;
position: relative;
}
section.card-repeater .card_body ul li:before {
background-image: url(data:image/svg+xml,);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
height: 18px;
left: 0;
position: absolute;
top: 2px;
width: 18px;
}
section.card-feed .card_header .card_tags,section.card-feed .card_header .card_tags a {
/*font-size:12px;*/
color:#00205C;
text-decoration:none;
display: inline-block;
}
section.card-feed .card:hover .card_body .card_title,
section.card-feed .card:hover .card_footer a {
text-decoration:underline;
}
section.card-feed .card_body .card_title {
color: rgba(37,110,255,1.0);
}
section.card-feed .card_body h4.card_title,section.card-feed .card_header .card_tags a {
text-transform: lowercase;
}
section.card-feed .card_body h4.card_title::first-letter,section.card-feed .card_header .card_tags a::first-letter { text-transform: uppercase}
section.card-feed .card_footer {
padding-bottom: 50px;
padding-top: 30px;
}
section.card-feed .card_footer .s-link {
text-decoration: underline;
}
@media screen and (max-width: 767px){
.card-feed__title-bar .card-feed__blog-button,.card-feed__title-bar {
display: block;
}
}
@media screen and (max-width: 991px){
section.card-feed .card_body, section.card-feed .card_footer {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (min-width: 768px){
section.card-feed {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
section.card-feed .card_tags {
position: absolute;
background: white;
top: 0;
right: 0;
padding: 10px 30px;
margin: 20px;
border-radius: 100px;
}
section.card-feed .card_time {
margin: 5px 0;
}
.card_time small{
font-family: var(--secondary-font);
font-size: 12px;
font-weight: 300;
line-height: 16px;
text-align: left;
color: #00205C;
opacity:0.5;
}
section.card-feed .card_tags:hover{
background-color: #0f7dff;
border: 1px solid #0f7dff;
box-shadow: none;
color: #fff;
}
section.card-feed .card_tags:hover a{
color: #fff;
}
section.card-feed .blog-img{
background-repeat: no-repeat;
background-size: 780px;
content: "";
height: 100%;
position: absolute;
right: 0;
top: -295px;
width: 32vw;
z-index: -1;
}
.card-feed__title-bar {
margin-bottom: 2.5rem;
margin-top: 2.5rem;
}
.card-feed {
grid-template-columns: repeat(3, 1fr);
gap: 3.2em 1.6em;
}
.card {
border: 0;
position: relative;
display: flex;
height: 100%;
width: 100%;
padding: 0;
flex-direction: column;
}
.card_body {
flex: 1;
height: 100%;
margin-bottom: 20px;
}
.card_header {
margin-bottom: 1rem;
}
.card_header img {
border-radius: 33px;
height: 303px;
width: 100%;
object-fit: cover;
}
.card_body .card_tags {
margin-bottom: 1rem;
}
.card_tags{
position: absolute;
background: white;
top: 0;
right: 0;
padding: 10px 30px;
margin: 20px;
border-radius: 100px;
}
.card_tags a {
color: #00205c;
font-size: 12px;
text-decoration: none;
}
.card_tags.post_tags {
position: static;
margin: 20px 20px 20px 0;
}
@media screen and (min-width: 768px) {
.card-feed.card-feed__full-width {
grid-template-columns: repeat(1, 1fr);
gap: 2em 1.6em;
}
.card .card_full-width-container {
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.card:not(:last-of-type) .card_full-width-container {
border-bottom: 1px solid var(--blue);
padding-bottom: 2em;
}
.card .card_full-width-container .card_header {
height: 411px;
margin-bottom: 0;
}
.card .card_full-width-container .card_header img {
height: 100%;
object-fit: cover;
}
.card .card_full-width-container .card_body {
height: auto;
}
.card .card_full-width-container .card_full-width-col:last-of-type {
padding: 2em 0;
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.card-feed__title-bar .card-feed__blog-button {
display: none;
}
section.card-feed .blog-img {
width: 50vw;
background-size: 450px;
height: 100%;
top: 0;
transform: translateY(-5%);
}
}
/* Sections */
/* 1. 2 Columns with round Image */
@media(max-width: 1199px) {
.two-columns-image>.row-fluid>[class*="span"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media(max-width: 767px) {
.two-columns-image.text-left>.row-fluid {
display: flex;
flex-direction: column-reverse;
}
}
/* 2. Accordion */
.accordion .accordion-title h4{
font-size: 26px;
font-weight: 600;
line-height: 28.6px;
text-align: left;
}
.acc-img{
aspect-ratio: 1;
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 60%;
content: "";
left: -80%;
position: absolute;
top: -248px;
width: 100%;
}
.accordion-content .accordion-content-inner p{
font-family: var(--primary-font);
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
.accordion{position:relative;}
.accordion-item{
z-index: 3;
position: relative;
}
.accordion-item.is-open {
background: #F5F7FB;
}
.accordion-item img:before {
position: absolute;
z-index: -1;
top: 10%; left: 10%;
width: 100%;
height: 100%;
background: 0 0 30px 0 rgba(56,92,173,.1), 10px 40px 80px 0 rgba(56,92,173,.2);
content: '';
}
/* 3. Top Banner */
section.new-alert-banner {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 8px 30px;
font-size: 18px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
transition: transform 0.3s ease;
font-family: var(--secondary-font);
font-weight: 600;
z-index:5;
}
section.new-alert-banner.nav-scroll {
transform: translateY(-100%);
}
section.new-alert-banner.nav-scroll.scroll-up {
transform: none;
}
section.new-alert-banner .button {
background: #D3F982;
color: #00205C;
border-color: #D3F982;
}
section.new-alert-banner .button:hover {
background: #0F7DFF;
color: #ffffff;
border-color: #0F7DFF;
}
section.new-alert-banner .button.button_small {
border-radius: 100px;
padding: 4px 15px;
font-family: var(--secondary-font);
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 16px;
min-width: 0;
}
section.new-alert-banner .content-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}
section.new-alert-banner .content-wrapper>span {
padding-top: 4px;
}
.new-alert-banner-close {
position: absolute;
right: 10px;
top: 9px;
z-index: 2;
cursor: pointer;
}
@media screen and (max-width: 767px) {
section.new-alert-banner .content-wrapper {
flex-wrap: wrap;
gap: 8px;
}
section.new-alert-banner .content-wrapper>span {
display: block;
}
}
@media screen and (min-width: 768px) {
section.new-alert-banner {
padding: 4px 30px 6px 30px;
}
}
/* 4. Subscribe CTA */
.large-cta .column__header{
display: flex;
width: 100%;
background: #00205C;
border-radius: 0 600px 600px 0;
/*min-height: 400px;*/
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
}
.large-cta .hs-form-booleancheckbox input[type=checkbox]+span:before,.large-cta .hs-form-checkbox input[type=checkbox]+span:before {
background-color: transparent;
border: 1px solid #ffffff;
vertical-align: baseline;
border-radius: 5px;
}
.large-cta-content {
padding-bottom: 80px;
padding-top: 90px;
}
.large-cta .column__header form{
background: none;
padding:32px 0 0 0;
}
.large-cta-image {
width: 42%;
min-height: 170px;
}
.large-cta-image img {
display: block;
}
.large-cta .column__header .large-cta-content{
width: 58%;
padding-left: 32px;
padding-right: 32px;
}
.large-cta .column__header .large-cta-content p{
font-family: var(--primary-font);
font-size:20px;
}
.large-cta .form-title {
padding: 0;
}
.large-cta form input[type='text'],
.large-cta form input[type='email'],
.large-cta form input[type='password'],
.large-cta form input[type='tel'],
.large-cta form input[type='number'],
.large-cta form input[type='search'],
.large-cta form select,
.large-cta form textarea,
.large-cta form input[type='text']:focus,
.large-cta form input[type='email']:focus,
.large-cta form input[type='password']:focus,
.large-cta form input[type='tel']:focus,
.large-cta form input[type='number']:focus,
.large-cta form input[type='search']:focus,
.large-cta form select:focus,
.large-cta form textarea:focus {
background-color: transparent;
border-bottom: 1px solid white;
color:#fff;
}
@media (max-width: 767px) {
.large-cta .large-cta-content{
padding: 0 32px;
}
.large-cta .column__header {
display: flex;
background: #00205C;
border-radius: 600px 600px 0 0;
min-height: 400px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
width: 100%;
align-content: center;
flex-direction: column-reverse;
overflow: hidden;
padding-bottom: 80px;
}
.large-cta-image,
.column__header .large-cta-content {
width: 100% !important;
}
.large-cta-image img {
width: 100%;
border-radius: 300px;
}
.large-cta .column-wrapper:after {
content: none !important;
}
.large-cta-type-heart,
.large-cta-type-chart,
.large-cta-type-arrow {
padding-top: 90px;
}
.large-cta-image.large-cta-heart,
.large-cta-image.large-cta-image {
margin-bottom: 45px;
}
}
.large-cta .column-wrapper:after {
content: "";
background: #00205C;
width: 1000%;
height: 100%;
position: absolute;
left: -1000%;
display: block;
top: 0;
}
.large-cta .large-cta-content form{
box-shadow:none;
}
.large-cta .large-cta-content form label,
.large-cta .large-cta-content form legend {
color: #fff;
}
@media (min-width: 768px) {
.large-cta-image.large-cta-image {
display: flex;
align-items: center;
justify-content: end;
}
.large-cta-content {
display: flex;
align-items: center;
}
.large-cta-type-chart .large-cta-chart {
min-height: 550px;
margin: auto auto auto 0;
max-height: 350px;
}
.large-cta-image.large-cta-arrow {
height: auto;
max-height: 350px;
margin: auto auto auto 0;
min-height: 550px;
width: 36%;
}
}
@media (min-width: 992px) {
.large-cta-content {
padding-bottom:100px;
padding-top: 100px;
}
.large-cta .column__header {
align-items: stretch;
width: 90%;
}
}
@media (min-width: 1200px) {
.large-cta .column__header .large-cta-content {
width: 48%;
}
}
/* 5. Subscribe CTA Global */
.large-cta-global .column__header{
display: flex;
width: 100%;
background: #00205C;
border-radius: 0 300px 300px 0;
/*min-height: 400px;*/
flex-wrap: wrap;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
}
.large-cta-global .column__header .image{
width: 40%;
}
.large-cta-global .column__header .content{
width: 60%;
padding: 0 32px;
}
.large-cta-global .column__header .content p{
font-family: var(--primary-font);
font-size:20px;
}
.large-cta-global form input[type='text'],
.large-cta-global form input[type='email'],
.large-cta-global form input[type='password'],
.large-cta-global form input[type='tel'],
.large-cta-global form input[type='number'],
.large-cta-global form input[type='search'],
.large-cta-global form select,
.large-cta-global form textarea,
.large-cta-global form input[type='text']:focus,
.large-cta-global form input[type='email']:focus,
.large-cta-global form input[type='password']:focus,
.large-cta-global form input[type='tel']:focus,
.large-cta-global form input[type='number']:focus,
.large-cta-global form input[type='search']:focus,
.large-cta-global form select:focus,
.large-cta-global form textarea:focus {
background-color: transparent;
border: 0;
border-bottom: 1px solid white;
border-radius: 26px;
color:#fff;
font-size: 12px;
height: 44px;
}
@media (max-width: 767px) {
.large-cta-global .content{
padding: 0 32px;
}
.large-cta-global .column__header {
display: flex;
padding: 0;
background: #00205C;
border-radius: 300px 300px 0 0;
min-height: 400px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
width: 100%;
align-content: center;
flex-direction: column-reverse;
overflow: hidden;
}
.large-cta-global .column__header .image,.column__header .content{
width: 100% !important;
margin-top: -25px;
padding-bottom: 50px;
}
.large-cta-global .column__header .image img{
width: 100%;
border-radius: 300px;
}
.large-cta-global .column-wrapper:after {
content: none !important;
}
}
.large-cta-global .column-wrapper:after {
content: "";
background: #00205C;
width: 1000%;
height: 100%;
position: absolute;
left: -1000%;
display: block;
top: 0;
}
/* 6. Statistics */
.stat-counter {
display: grid;
grid-gap: 35px;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.stat-description * {
color:#00205C;
text-align: center;
font-family: var(--primary-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}
.stat-number-shadow-mobile {
margin: 25px auto 0 auto;
}
.stat-number-shadow-desktop {
display: none;
}
.stat-number-wrapper {
margin: 0 auto;
font-family: var(--secondary-font);
font-weight: 300;
line-height: 1;
text-align: center;
display: flex;
justify-content: center;
align-items: baseline;
line-height: 1;
flex-wrap: nowrap;
width:fit-content;
}
.stat-number-wrapper>span {
display: flex;
align-items: end;
justify-content: center;
}
@media (max-width: 767px) {
.stat-counter {
grid-gap: 15px;
flex-wrap: wrap;
display: flex;
justify-content: center;
}
.stat-wrapper {
width: 100%;
}
.stat-wrapper:last-child .stat-number-shadow-mobile {
display: none;
}
}
@media (min-width: 992px) {
.stat-number-shadow-mobile {
display: none;
}
.stat-number-shadow-desktop {
display: block;
position: absolute;
top: 50%;
left: 100%;
height: 100%;
width: auto;
max-height: 90%;
transform: translateY(-50%);
}
.stat-wrapper {
padding: 30px 20px;
}
.stat-wrapper:last-child .stat-number-shadow-desktop {
display: none;
}
.stat-description {
max-width: 290px;
margin: 0 auto;
}
}
/* 7. Float Window Module */
.float-window .card_body {
padding: 0;
}
.float-window .left-s .event_body_wrapper{
height:100%;
}
.float-window .card_tags .tag{
color: #33BFFF;
line-height: 34px;
}
.float-window .info {
padding-bottom:30px;
color: #FFF;
font-size: 24px;
line-height: 34px;
}
.float-window {
overflow: hidden;
}
.float-window .event_body_wrapper {
padding: 30px;
}
@media (min-width: 768px){
.float-window .card .card_full-width-container {
gap: 4rem;
grid-template-columns: 2fr 2fr;
}
}
/* 8. Card Repeater */
section.card-repeater .card_body {
padding: 40px 50px 0 50px;
}
section.card-repeater .card_header-center {
justify-content: center;
display: flex;
}
section.card-repeater .card_header-right {
justify-content: end;
display: flex;
}
@media (max-width: 991px) {
section.card-repeater .card_body {
padding: 30px 15px 0 15px;
}
}
@media (max-width: 767px) {
section.card-repeater .card_body {
padding: 20px;
}
}
section.card-repeater .card_header {
border-radius: 33px;
overflow: hidden;
}
section.card-repeater .card_header img {
display: block;
}
section.card-repeater h2 {
font-size: 18px;
}
.card-repeater__card .button-hollow {
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.card-repeater__grid {
grid-template-columns: repeat(1, 1fr) !important;
}
}
/* 9. Columns */
.columns .column__header {
z-index:1;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.columns .columns__body {
display: flex;
flex-direction: column;
row-gap: 45px;
}
@media only screen and (min-width: 992px) {
.columns .columns__body {
row-gap: 140px;
}
}
.columns .column-wrapper {
display: flex;
flex-direction: column-reverse;
gap: 65px;
}
.columns .column__body,
.columns .column__header {
max-width: 100%;
width: 100%;
}
@media only screen and (min-width: 992px) {
.columns .column__header {
padding-bottom: 45px;
padding-top: 45px;
}
.columns .column-wrapper {
column-gap: 130px;
flex-direction: row;
}
.columns .column-wrapper:nth-of-type(odd) {
flex-direction: row-reverse;
}
.columns .column__body,
.columns .column__header {
max-width: 50%;
}
}
.columns .columns__body .image-wrapper.cover {
height: 100%;
}
.columns .columns__body .image-wrapper.cover img {
height: 100%;
object-fit: contain;
}
.columns .columns__body .image-wrapper {
position: relative;
z-index: 1;
}
.columns .columns__body img {
max-width: 100%;
width: 100%;
}
@media only screen and (min-width: 992px) {
.columns .columns--reversed .column-wrapper {
flex-direction: row-reverse;
}
.columns .columns--reversed .column-wrapper:nth-of-type(odd) {
flex-direction: row;
}
}
.columns .columns__body--contain img {
object-fit: contain;
object-position: top;
}
.columns .columns__body--cover img {
object-fit: cover;
}
.columns .columns__body--cover-center img {
object-position: center;
}
.columns .columns__body--cover-left img {
object-position: left;
}
.columns .columns__body--cover-right img {
object-position: right;
}
@media only screen and (min-width: 992px) {
.columns .column-wrapper--40-60 .column__header {
max-width: 40%;
}
.columns .column-wrapper--40-60 .column__body {
max-width: 60%;
}
.columns .column-wrapper--60-40 .column__header {
max-width: 60%;
}
.columns .column-wrapper--60-40 .column__body {
max-width: 40%;
}
}
.columns {
overflow: visible;
}
@media only screen and (min-width: 992px) {
.columns .columns--reversed .column-wrapper {
flex-direction: row-reverse;
}
}
.columns .form-columns .wrapper {
display: flex;
flex-direction: column;
gap: 45px;
}
@media only screen and (max-width: 1500px) {
.columns .columns__body {
overflow-x:clip;
}
}
/* 10. Hero */
.ratio4-3 {
width: 100%;
background-image: url(https://4202546.fs1.hubspotusercontent-na1.net/hubfs/4202546/website%202024/images/Bottom-wave.svg);
background-size: cover;
height: 0;
padding: 0; /* reset */
padding-bottom: calc(100% * 3 / 4);
}
.hero-section {
align-items: center;
display: flex;
width: 100%;
position: relative;
overflow-x:clip;
}
.module-hero-banner {
background-position: bottom right;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding-top: 40px;
}
.module-hero-banner::after{
content:"";
height: 100%;
width: 44.5vw;
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat;
background-size: 1140px;
background-position: 0 0px;
z-index:0;
}
.module-hero-banner.hero-shape-chart:after {
height: 200%;
background-size: 820px;
max-height: calc(100% + 400px);
}
.module-hero-banner.hero-shape-animated::after{
content:unset;
}
.module-hero-banner table tbody tr {
background-color:transparent;
}
.module-hero-banner table tbody td {
border:none;
}
.module-hero-banner__content-wrapper{
z-index:2;
padding-right: 20px;
}
.module-hero-banner + .banner-featured-img {
border-radius: 300px 0 0 300px;
height: 525px;
object-fit: cover;
object-position: center;
position: absolute;
right: 0;
top: 220px;
width: 45%;
}
/*new*/
.animated-banner {
position: absolute;
right: 0px;
top: 0;
width: 44.5vw;
z-index: 0;
height:100%;
}
.animated-banner-wrapper {
overflow: hidden;
}
.animated-banner-wrapper svg {
height:100%;
}
@media (min-width: 768px) {
.animated-banner-wrapper svg {
min-height: 600px;
}
}
@media (min-width: 992px) {
.animated-banner-wrapper svg {
min-height: 900px;
}
}
@media (max-width: 767px) {
.module-hero-banner + .banner-featured-img {
position: static;
width: 100%;
transform: translateX(20px);
height:auto;
}
.hero-section {
align-items: center;
display: flex;
width: 100%;
position: relative;
}
.module-hero-banner {
align-items: flex-start;
background-size: 100% auto;
}
.module-hero-banner:after {
background-size: 151%;
background-position: top 195px left;
}
.animated-banner{
position: absolute;
right: 0;
top: 195px;
z-index: 0;
height: 250px;
}
.animated-banner svg {
width: 150%;
height: auto !important;
}
.module-hero-banner.hero-shape-chart:after {
background-size: 150%;
height: 200%;
width: 50vw;
}
.module-hero-banner h1 {
font-size: 40px;
}
}
@media (min-width: 992px) {
.module-hero-banner {
padding-top: 130px;
}
.module-hero-banner:after {
min-height: 900px;
}
}
/* 11. Image Cards */
.image-cards_wrap {
overflow: hidden;
}
.image-cards__grid {
align-items: start;
display: flex;
gap: 84px;
justify-content: end;
}
.image-cards_right .image-cards__grid {
justify-content: start;
}
.image-cards__item {
align-items: center;
aspect-ratio: 6/10;
border-radius: 10px;
display: flex;
justify-content: center;
max-width: 300px;
overflow: hidden;
}
.image-cards__item:first-child {
margin-top: 55px;
}
.image-cards__item:nth-child(3) {
margin-top: 42px;
}
.image-cards__item img {
min-height: 100%;
min-width: 100%;
object-fit: cover;
}
@media(max-width: 767px) {
.image-cards_wr>.row-fluid {
display:flex;
flex-flow: column-reverse;
}
}
@media(min-width: 768px) {
.image-cards__item {
border-radius:20px;
min-width: 209px;
width: 209px;
}
.image-cards__item:first-child {
margin-top: 166px;
}
.image-cards__item:nth-child(3) {
margin-top: 130px;
}
}
@media(min-width: 1200px) {
.image-cards__grid {
gap:84px;
}
.image-cards__item {
border-radius: 30px;
min-width: 309px;
width: 309px;
}
.image-cards__item:first-child {
margin-top: 166px;
}
.image-cards__item:nth-child(3) {
margin-top: 130px;
}
}
/* 12. Image Gallery */
.image-gallery__intro-content {
margin-bottom: 50px;
}
.image-gallery__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 32px;
}
.image-gallery__image-item {
position: relative;
}
.image-gallery .image-item__overflow {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transform: translate(-50%, -50%);
transition: opacity 0.3s ease-in;
opacity: 0;
}
.image-gallery .image-gallery__image-item:hover .image-item__overflow {
opacity: 1;
}
/* 13. Logo Slider */
section.logo-slider-wrapper {
width: 100%;
display: flex;
justify-content: flex-start;
overflow: visible;
position: relative;
}
section.logo-slider-wrapper::before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 100%;
z-index: 5;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%);
pointer-events: none;
}
section.logo-slider-wrapper::after{
content: "";
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 100%;
z-index: 5;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
pointer-events: none;
}
section.logo-slider-wrapper .title-nav {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
section.logo-slider-wrapper .title-nav h3 {
margin: 0;
}
section.logo-slider-wrapper .title-nav .logo-slider-scrollbar {
height: 1px;
width: 50%;
display: flex;
justify-content: flex-end;
position: relative;
}
section.logo-slider-wrapper .title-nav .logo-slider-scrollbar .swiper-scrollbar-drag {
height: 6px;
position: absolute;
top: -2px;
left: 0px;
border-radius: 0px;
}
section.logo-slider-wrapper .swiper-wrapper {
transition-timing-function: linear;
}
section.logo-slider-wrapper .swiper-wrapper .swiper-slide {
height: auto;
align-items: center;
display: flex;
}
section.logo-slider-wrapper .ls-logo img {
width: 100%;
}
.logo-slider-arrows {
display: flex;
flex-direction: row;
justify-content: space-between;
position: absolute;
bottom: 0px;
left: 0%;
width: 100%;
z-index: 200;
}
.logo-slider-arrows .arrow {
width: 24px;
height: auto;
cursor: pointer;
}
.logo-slider-arrows .arrow.swiper-button-disabled {
opacity: 0.5;
}
.logo-slider-arrows .arrow svg {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
section.logo-slider-wrapper {
margin-top: 0px;
}
}
/* 14. Meet the team */
.team-filters {
margin-bottom: 5rem;
}
.team-filters .team-filters__filter {
margin-right: 0.8rem;
}
.meet-the-team {
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
.meet-the-team__team-member img {
margin-bottom: 1rem;
}
.team-filters__mobile {
display: none;
}
@media screen and (max-width: 767px) {
.team-filters__desktop {
display: none;
}
.team-filters__mobile {
display: block;
}
.team-filters__mobile--select {
width: 100%;
}
.meet-the-team {
grid-template-columns: repeat(1, 1fr);
}
.meet-the-team__team-member img {
width: 100%;
}
}
/* 15. Solutions */
.solution .accordion-title h4 {
font-size: 26px;
font-weight: 600;
line-height: 28.6px;
text-align: left;
}
.solution-item:hover,.solution-item.is-open .solution-content,.solution-item.is-open {
box-shadow: 11px 20px 20px 0 rgba(0, 32, 92, .6);
}
.solution-item:hover .icon:after,
.solution-item:hover .icon:before {
background-color: #0F7DFF !important;
}
.solution .accordion-content .accordion-content-inner p {
font-family: var(--primary-font);
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
}
.solution .accordion {
position:relative;
}
.solution .accordion-item {
z-index: 3;
position: relative;
}
.solution img:before {
position: absolute;
z-index: -1;
top: 10%; left: 10%;
width: 100%;
height: 100%;
background: 0 0 30px 0 rgba(56,92,173,.1), 10px 40px 80px 0 rgba(56,92,173,.2);
content: '';
}
.solution-item:nth-of-type(2){
position: absolute;
top: 40px;
right: 62%;
max-width: 500px;
z-index: 1;
}
.solution .solution-item:nth-of-type(3){
position: absolute;
top: 160px;
left: 64%;
max-width: 500px;
z-index: 1;
}
.solution .solution-item:nth-of-type(4){
position: absolute;
top: 280px;
right: 64%;
max-width: 500px;
z-index: 1;
}
.solution .solution-item:nth-of-type(5){
position: absolute;
top: 400px;
left: 62%;
max-width: 500px;
z-index: 1;
}
.solution .solution-item:nth-of-type(6){
position: absolute;
top: 520px;
right: 62%;
max-width: 500px;
z-index: 1;
}
.solution-item.is-open {
z-index: 3 !important;
}
.solution-image {
display: flex;
justify-content: center;
align-items: center;
}
.solution-image img {
max-width: 100%;
height: auto;
}
.solution .button-title {
display: flex;
align-items: center;
}
.solution .button-title img {
width: auto;
height: 34px;
max-height: 34px;
}
.solution .button-title h4 {
margin: 0; /* Elimina el margen por defecto del h4 */
}
@media (max-width: 767px) {
.solution .solution-item:nth-of-type(2),
.solution .solution-item:nth-of-type(3),
.solution .solution-item:nth-of-type(4),
.solution .solution-item:nth-of-type(5),
.solution .solution-item:nth-of-type(6),
.solution .solution-item:nth-of-type(7),
.solution .solution-item:nth-of-type(8) {
left: 50%;
transform: translateX(-50%);
max-width: 100%;
width: 100%;
}
.solution .solution-item:nth-of-type(2){
top: 70%;
right: auto;
max-width: 98%;
}
.solution .solution-item:nth-of-type(3){
top: 90%;
right: auto;
max-width: 90%;
}
.solution .solution-item:nth-of-type(4){
top: 110%;
right: auto;
max-width: 84%;
}
.solution .solution-item:nth-of-type(5){
top: 130%;
right: auto;
max-width: 95%;
}
.solution .solution-item:nth-of-type(6){
top: 150%;
right: auto;
max-width: 95%;
}
.solution-image {
margin-bottom: calc(70% - 0.59em);
margin-left: auto;
margin-right: auto;
max-width: 86%;
}
}
@media (min-width: 768px) {
.solution-item:nth-of-type(2) {
top: 13%;
}
.solution .solution-item:nth-of-type(3) {
top: 27%;
}
.solution .solution-item:nth-of-type(4) {
top: 40%;
}
.solution .solution-item:nth-of-type(5) {
top: 58%;
}
.solution .solution-item:nth-of-type(6) {
top: 68%;
}
}
/* 16. Team Slider */
section.team-slider-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: visible;
/*width: 100vw;*/
/*left: 50%;*/
position: relative;
/*transform: translateX(-50%);*/
}
section.team-slider-wrapper .swiper.team .swiper-wrapper {
align-items: center;
}
section.team-slider-wrapper .swiper-slide {
display: flex;
align-items: center;
transition:ease-in-out .3s;
cursor:pointer;
}
section.team-slider-wrapper .content-wrapper.team-slider{
padding: 0px;
overflow: visible;
width: 100%;
}
section.team-slider-wrapper .content-wrapper.team-slider .swiper{
overflow: visible;
padding: 0 30px;
}
section.team-slider-wrapper .content-wrapper.team-slider .swiper-wrapper .swiper-slide .team{
background-color: #fff;
min-height: 420px;
/*max-height: 500px;*/
/*height: 500px;*/
/*max-width:420px;*/
padding: 44px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
box-shadow: 0px 0px 30px 0px rgba(56,92,173,0.10), 10px 40px 80px 0px rgba(56,92,173,0.20);
border-radius:33px;
}
section.team-slider-wrapper .content-wrapper.team-slider .team-slider-pagination{
position: relative;
display: inline-flex;
width: 100%;
padding-top: 50px;
justify-content: center;
align-items: center;
top: 0;
}
section.team-slider-wrapper .content-wrapper.team-slider .team-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
section.team-slider-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 20px;
height: 20px;
border: 1px solid var(--primary-colour);
background-color: transparent;
opacity: 1;
}
section.team-slider-wrapper .content-wrapper.team-slider .team-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
section.team-slider-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--primary-colour);
}
.team-slider-wrapper .team-content {
position: relative;
}
.team-slider-wrapper .team .team-photo{
aspect-ratio: 1 / 1;
border-radius: 50%;
margin: 0 auto;
}
.team-slider-wrapper .swiper-slide-active {
transform:scale(1.4) !important;
z-index:1;
}
.team-slider-wrapper .team .team-content h5 {
color:#00205C;
}
.team-slider-wrapper .team .team-content p {
color:#00205C;
font-family: var(--primary-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.team-slider-wrapper .team .team-content .quote {
color:#00205C;
font-family: var(--primary-font);
font-size: 12px;
font-style: italic;
font-weight: 400;
opacity:0.5;
}
section.team-slider-wrapper .social-follow a {
display: flex;
align-items: center;
justify-content: center;
justify-items: stretch;
align-content: center;
flex-direction: row;
flex-wrap: nowrap;
}
section.team-slider-wrapper .team-img {
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: -250px;
content: "";
height: 100vh;
position: absolute;
right: -400px;
}
section.team-slider-wrapper .team .social-follow span {
padding-left:10px;
line-height: 1;
color: #0F7DFF;
}
@media (max-width: 550px) {
section.team-slider-wrapper .content-wrapper.team-slider .swiper-wrapper .swiper-slide .team {
padding: 10px !important; /* Adjusted padding for smaller screens */
}
section.team-slider-wrapper .content-wrapper.team-slider .swiper-wrapper .swiper-slide .team .team-photo img {
max-width: 72.5px !important; /* Half of the default width */
}
}
@media (max-width: 768px) {
section.team-slider-wrapper .content-wrapper.team-slider .swiper-wrapper .swiper-slide .team {
padding: 20px !important; /* Adjusted padding for smaller screens */
}
.team-slider-wrapper .swiper-slide-active {
transform: scale(1.1) !important;
z-index: 1;
}
.swiper-slide:first-of-type::after {
background: #B8F983;
content: "";
display: block;
display: flex;
height: 13px;
left: 0;
position: absolute;
top: 47px;
width: 4px;
border-radius: 10px;
}
}
@media(min-width:768px){
.swiper-slide:first-of-type::after {
background: #B8F983;
content: "";
display: block;
display: flex;
height: 13px;
left: 0;
position: absolute;
top: 61px;
width: 4px;
border-radius: 10px;
}
section.team-slider-wrapper .content-wrapper.team-slider .swiper {
padding: 0 150px;
}
}
@media(min-width:992px){
section.team-slider-wrapper .content-wrapper.team-slider .swiper {
padding: 0 250px;
}
}
@media(min-width:1280px){
.team-slider-wrapper .swiper-slide {
/*width: 420px;*/
}
section.team-slider-wrapper .content-wrapper.team-slider .swiper-wrapper .swiper-slide .team {
background-color: #fff;
min-height: 420px;
/*max-height: 500px;*/
max-width: 300px;
padding: 22px;
}
}
/* 17. Testimonial Slider */
section.testimonial-slider-wrapper{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
width: 100vw;
left: 50%;
position: relative;
transform: translateX(-50%);
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider{
padding: 0px;
overflow: visible;
width: 100%;
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .swiper{
overflow: visible;
padding: 0 30px;
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .swiper-wrapper .swiper-slide .testimonial{
background-color: var(--primary-colour);
min-height: 420px;
padding: 44px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
border-radius: 20px;
background-size: cover;
background-position: center;
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .testimonial-slider-pagination{
position: relative;
display: inline-flex;
width: 100%;
padding-top: 50px;
justify-content: center;
align-items: center;
top: 0;
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .testimonial-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
section.testimonial-slider-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
width: 20px;
height: 20px;
border: 1px solid var(--primary-colour);
background-color: transparent;
opacity: 1;
}
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .testimonial-slider-pagination .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
section.testimonial-slider-wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--primary-colour);
}
.testimonial-slider-wrapper .testimonial .background_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
z-index: 0;
}
.testimonial-content {
position: relative;
z-index: 1;
}
.testimonial-content * {
color: #fff;
}
@media(min-width:768px){
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .swiper {
padding: 0 150px;
}
}
@media(min-width:992px){
section.testimonial-slider-wrapper .content-wrapper.testimonial-slider .swiper {
padding: 0 250px;
}
}
/* 18. Timeline Slider */
.timeline-slider .swiper-wrapper {
align-items: center;
}
.timeline .float_content-box {
align-content: center;
}
.timeline .float_content-box h1,
.timeline .float_content-box h2,
.timeline .float_content-box h3,
.timeline .float_content-box h4,
.timeline .float_content-box h5,
.timeline .float_content-box h6 {
margin-bottom: 15px;
}
.timeline .float_content-box ul,
.timeline .float_content-box ol {
padding: 0;
margin: 0;
text-align: left;
}
.timeline-slider,
.timeline-slider-nav {
overflow: hidden;
}
.timeline-slider-nav {
margin-top: 70px;
margin-right: -20px;
position: relative;
}
.timeline-slider-nav:before {
content: '';
display: block;
position: absolute;
top: 102px;
left: 0;
width: 100%;
display: flex;
height: 4px;
background: linear-gradient(90deg, #B8F982 0%, #00B189 50.5%, #0F7DFC 100%);
}
.timeline-slider-nav-title {
letter-spacing: 1px;
font-size: 15px;
margin-bottom: 30px;
}
.timeline-slider-nav.less-items .swiper-wrapper {
justify-content: center;
}
.timeline-slider-nav p.h6 {
margin: 0;
text-align: center;
padding: 30px 10px 0 10px;
transition: all 0.3s ease;
}
.timeline-slider-nav .swiper-slide {
cursor: pointer;
}
.timeline-slider-nav .swiper-slide p.h2 {
font-weight: 600;
margin-bottom: 40px;
}
.timeline-slider-nav .swiper-wrapper .swiper-slide {
margin-right: 30px;
}
.timeline-slider-nav .swiper-wrapper .swiper-slide:last-child {
margin-right: 0;
}
.timeline-slider-nav .swiper-slide {
max-width: 240px;
}
.timeline-slider-nav-nav {
display: flex;
align-items: center;
justify-content: end;
max-width: 1336px;
gap: 30px;
padding-right: 32px;
}
.timeline-slider-nav .swiper-button-next,
.timeline-slider-nav .swiper-button-prev {
position: initial;
width: auto;
height: auto;
margin: 0;
}
.timeline-slider-nav .swiper-button-prev:after,
.timeline-slider-nav .swiper-button-next:after {
font-size: 0;
background-size: contain;
background-repeat: no-repeat;
width: 34px;
height: 30px;
}
.timeline-slider-nav .swiper-button-prev:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='30' viewBox='0 0 35 30' fill='none'%3E%3Cpath d='M2.02148 14.8572L14.8786 2.00007M2.02148 14.8572L14.8786 27.7144M2.02148 14.8572L32.0215 14.8572' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.timeline-slider-nav .swiper-button-next:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='30' viewBox='0 0 35 30' fill='none'%3E%3Cpath d='M32.0215 14.8571L19.1643 27.7143M32.0215 14.8571L19.1643 2M32.0215 14.8571L2.02148 14.8571' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (max-width:767px){
.timeline_intro {
padding-bottom: 30px;
}
}
@media (min-width:768px){
.timeline-slider-nav:before {
top: 117px;
}
}
@media (min-width:992px){
.timeline-row {
display: flex;
align-items: center;
}
.timeline-slider-nav-title {
margin-bottom: 40px;
}
.timeline-slider-nav:before {
top: 127px;
}
.timeline-slider-nav .swiper-slide p.desc {
font-size: 20px;
}
.timeline-slider-nav .swiper-wrapper .swiper-slide {
margin-right: 90px;
}
}
@media (min-width:1200px){
.timeline-row {
margin-bottom: 140px;
}
.timeline-slider-nav p.h6 {
padding-top: 60px;
}
}
@media (min-width:1400px){
.timeline-slider-nav {
margin-right: calc((100vw - 1400px) / -2);
}
.timeline-slider-nav-nav {
padding-right: 0;
}
}
/* 19. Video Modal */
.video-wrapper {
position: relative;
}
.video_module_image {
position: relative;
}
.video_play_icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
width: 40px;
pointer-events: none;
display: none;
}
.video-modal video,
.video-wrapper video {
width: 100%;
}
.video-banner {
position: relative;
display: block;
z-index: 9;
}
.video-banner img {
display: block;
}
/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
display: flex;
align-items: center;
transform-style: preserve-3d;
}
.video-modal .overlay {
z-index: 0;
background: rgb(0 0 0 / 60%); /* overlay color */
opacity: 0;
transition: all 0.3s ease;
}
.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
margin: 0 auto;
}
/* modal close button */
.close-video-modal {
display: block;
position: absolute;
left: 0;
top: -40px;
cursor: pointer;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
}
/* show the modal:
add class to the body to reveal */
.show-video-modal .video-modal {
opacity: 1;
visibility: visible;
}
.show-video-modal .video-modal .overlay {
opacity: 1;
}
.video-small_corners {
border-radius: 33px;
overflow: hidden;
}
.video-big_corners {
border-radius: 60px;
overflow: hidden;
}
@media(max-width:767px){
.video-small_corners,
.video-big_corners {
border-radius: 25px;
}
.video_play_icon {
width:70px !important;
}
}
.video-wrapper.video-paused .video_play_icon {
display: block;
}
.video-modal .video[poster],
.video-wrapper .video[poster]{
height: 100%;
width:100%;
aspect-ratio: 16/9;
object-fit: cover;
}
.video-modal-content,
.video-modal .video-embed {
width: 100%;
height: 100%;
max-height: 80vh;
}
.video-modal-content video {
max-height: 100%;
max-width: 100%;
max-height: 100vh;
}
.video-modal .video-embed,
.video-wrapper .video-embed {
display: block;
width: 100%;
overflow: hidden;
}
.video-modal .video-embed>div,
.video-wrapper .video-embed>div {
display: block;
}
/* 20. Wave */
.upperWave svg,
.bottomWave svg {
display: block;
}
.upperWave svg {
margin-top: -7px;
display: inline;
}
.bottomWave svg {
margin-bottom: -10px;
display: inline;
}
.wave-section>.row-fluid {
padding: 0 !important;
}
.wave-section svg {
display: block;
width: 100%;
height: auto;
}
.wave-section svg.wave-top {
margin-bottom: -1px;
}
.wave-section svg.wave-bottom {
margin-top: -1px;
}
/* 21. Columns */
.column-wrapper:nth-of-type(odd) .column__body::after {
content:"";
min-height: 150%;
height: 100%;
position: absolute;
left: -15%;
top: -35%;
background-repeat: no-repeat;
background-size: contain;
aspect-ratio: 1;
z-index: -1;
}
.column-wrapper:nth-of-type(even) .column__body::after{
content:"";
min-height: 150%;
height: 100%;
position: absolute;
right: -15%;
top: -20%;
background-repeat: no-repeat;
background-size: contain;
aspect-ratio: 1;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.column-wrapper .column__body::after{
content:"" !important;
min-height: 100% !important;
height: 100% !important;
width: 100% !important;
position: absolute !important;
left: unset !important;
right: unset !important;
top: unset !important;
bottom: 10% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
}
.column-wrapper:nth-of-type(odd).columns-chart .column__body::after {
width: 794px;
height: 874px;
right: 67%;
left: auto;
top: -200px;
}
@media only screen and (max-width: 991px) {
.column-wrapper:nth-of-type(odd).columns-chart .column__body::after {
bottom: auto !important;
top: -15% !important;
background-size: contain !important;
background-position: center top;
width: 130% !important;
left: -15% !important;
}
}
@media only screen and (min-width: 992px) {
.column-wrapper:nth-of-type(odd).columns-chart .column__body::after {
height: calc(100% + 400px);
background-position: right top;
}
}
/* Settings */
html {
scroll-behavior: smooth;
}
hr {
border-bottom-color: #eee;
}
:root {
--primary-font: Overpass, Tahoma, sans-serif;
--primary-font-variant: 400;
--primary-font-color: #231f20;
--secondary-font: Paralucent, 'Trebuchet MS';
--secondary-font-variant: 400;
--secondary-font-color: #231f20;
--white: #fff;
--black: #000;
--blue: #0078FF;
--primary-colour: #00205c;
--secondary-colour: #385cad;
--blue: #385cad;
--dark-blue: #00205c;
--light-blue: #F5F7FB;
--neon-yellow: #D3F982;
--green: #00B189;
--sky-blue: #0F7DFF;
--blue-gradient: linear-gradient(180deg, #00205C 0%, #385CAD 100%);
--yellow-gradient: linear-gradient(90deg, #B8F982 0%, #00B189 50%, #0F7DFF 100%);
}
.box_shadow-small {
box-shadow: 0px 13px 30px 0px rgba(56, 92, 173, 0.10);
}
.box_shadow-big {
box-shadow: 0px 0px 30px 0px rgba(56, 92, 173, 0.10), 10px 40px 80px 0px rgba(56, 92, 173, 0.20);
}
.box_shadow-dark {
box-shadow: 10px 40px 80px 0px rgba(0, 32, 92, 0.60);
}
.p--0 { padding:0px !important; }
.p-0 { padding:0px; }
.pt-0 { padding-top:0px; }
.pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; }
.pr-0 { padding-right:0px; }
.m-0 { margin:0px; }
.mt-0 { margin-top:0px; }
.mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; }
.mr-0 { margin-right:0px; }
.mt--0 { margin-top:-0px; }
.mb--0 { margin-bottom:-0px; }
.max--0 { max-width:0%; }
.mt---0 { margin-top:-0%; }
.mb---0 { margin-bottom:-0%; }
.p--5 { padding:5px !important; }
.p-5 { padding:5px; }
.pt-5 { padding-top:5px; }
.pb-5 { padding-bottom:5px; }
.pl-5 { padding-left:5px; }
.pr-5 { padding-right:5px; }
.m-5 { margin:5px; }
.mt-5 { margin-top:5px; }
.mb-5 { margin-bottom:5px; }
.ml-5 { margin-left:5px; }
.mr-5 { margin-right:5px; }
.mt--5 { margin-top:-5px; }
.mb--5 { margin-bottom:-5px; }
.max--5 { max-width:5%; }
.mt---5 { margin-top:-5%; }
.mb---5 { margin-bottom:-5%; }
.p--10 { padding:10px !important; }
.p-10 { padding:10px; }
.pt-10 { padding-top:10px; }
.pb-10 { padding-bottom:10px; }
.pl-10 { padding-left:10px; }
.pr-10 { padding-right:10px; }
.m-10 { margin:10px; }
.mt-10 { margin-top:10px; }
.mb-10 { margin-bottom:10px; }
.ml-10 { margin-left:10px; }
.mr-10 { margin-right:10px; }
.mt--10 { margin-top:-10px; }
.mb--10 { margin-bottom:-10px; }
.max--10 { max-width:10%; }
.mt---10 { margin-top:-10%; }
.mb---10 { margin-bottom:-10%; }
.p--15 { padding:15px !important; }
.p-15 { padding:15px; }
.pt-15 { padding-top:15px; }
.pb-15 { padding-bottom:15px; }
.pl-15 { padding-left:15px; }
.pr-15 { padding-right:15px; }
.m-15 { margin:15px; }
.mt-15 { margin-top:15px; }
.mb-15 { margin-bottom:15px; }
.ml-15 { margin-left:15px; }
.mr-15 { margin-right:15px; }
.mt--15 { margin-top:-15px; }
.mb--15 { margin-bottom:-15px; }
.max--15 { max-width:15%; }
.mt---15 { margin-top:-15%; }
.mb---15 { margin-bottom:-15%; }
.p--20 { padding:20px !important; }
.p-20 { padding:20px; }
.pt-20 { padding-top:20px; }
.pb-20 { padding-bottom:20px; }
.pl-20 { padding-left:20px; }
.pr-20 { padding-right:20px; }
.m-20 { margin:20px; }
.mt-20 { margin-top:20px; }
.mb-20 { margin-bottom:20px; }
.ml-20 { margin-left:20px; }
.mr-20 { margin-right:20px; }
.mt--20 { margin-top:-20px; }
.mb--20 { margin-bottom:-20px; }
.max--20 { max-width:20%; }
.mt---20 { margin-top:-20%; }
.mb---20 { margin-bottom:-20%; }
.p--25 { padding:25px !important; }
.p-25 { padding:25px; }
.pt-25 { padding-top:25px; }
.pb-25 { padding-bottom:25px; }
.pl-25 { padding-left:25px; }
.pr-25 { padding-right:25px; }
.m-25 { margin:25px; }
.mt-25 { margin-top:25px; }
.mb-25 { margin-bottom:25px; }
.ml-25 { margin-left:25px; }
.mr-25 { margin-right:25px; }
.mt--25 { margin-top:-25px; }
.mb--25 { margin-bottom:-25px; }
.max--25 { max-width:25%; }
.mt---25 { margin-top:-25%; }
.mb---25 { margin-bottom:-25%; }
.p--30 { padding:30px !important; }
.p-30 { padding:30px; }
.pt-30 { padding-top:30px; }
.pb-30 { padding-bottom:30px; }
.pl-30 { padding-left:30px; }
.pr-30 { padding-right:30px; }
.m-30 { margin:30px; }
.mt-30 { margin-top:30px; }
.mb-30 { margin-bottom:30px; }
.ml-30 { margin-left:30px; }
.mr-30 { margin-right:30px; }
.mt--30 { margin-top:-30px; }
.mb--30 { margin-bottom:-30px; }
.max--30 { max-width:30%; }
.mt---30 { margin-top:-30%; }
.mb---30 { margin-bottom:-30%; }
.p--35 { padding:35px !important; }
.p-35 { padding:35px; }
.pt-35 { padding-top:35px; }
.pb-35 { padding-bottom:35px; }
.pl-35 { padding-left:35px; }
.pr-35 { padding-right:35px; }
.m-35 { margin:35px; }
.mt-35 { margin-top:35px; }
.mb-35 { margin-bottom:35px; }
.ml-35 { margin-left:35px; }
.mr-35 { margin-right:35px; }
.mt--35 { margin-top:-35px; }
.mb--35 { margin-bottom:-35px; }
.max--35 { max-width:35%; }
.mt---35 { margin-top:-35%; }
.mb---35 { margin-bottom:-35%; }
.p--40 { padding:40px !important; }
.p-40 { padding:40px; }
.pt-40 { padding-top:40px; }
.pb-40 { padding-bottom:40px; }
.pl-40 { padding-left:40px; }
.pr-40 { padding-right:40px; }
.m-40 { margin:40px; }
.mt-40 { margin-top:40px; }
.mb-40 { margin-bottom:40px; }
.ml-40 { margin-left:40px; }
.mr-40 { margin-right:40px; }
.mt--40 { margin-top:-40px; }
.mb--40 { margin-bottom:-40px; }
.max--40 { max-width:40%; }
.mt---40 { margin-top:-40%; }
.mb---40 { margin-bottom:-40%; }
.p--45 { padding:45px !important; }
.p-45 { padding:45px; }
.pt-45 { padding-top:45px; }
.pb-45 { padding-bottom:45px; }
.pl-45 { padding-left:45px; }
.pr-45 { padding-right:45px; }
.m-45 { margin:45px; }
.mt-45 { margin-top:45px; }
.mb-45 { margin-bottom:45px; }
.ml-45 { margin-left:45px; }
.mr-45 { margin-right:45px; }
.mt--45 { margin-top:-45px; }
.mb--45 { margin-bottom:-45px; }
.max--45 { max-width:45%; }
.mt---45 { margin-top:-45%; }
.mb---45 { margin-bottom:-45%; }
.p--50 { padding:50px !important; }
.p-50 { padding:50px; }
.pt-50 { padding-top:50px; }
.pb-50 { padding-bottom:50px; }
.pl-50 { padding-left:50px; }
.pr-50 { padding-right:50px; }
.m-50 { margin:50px; }
.mt-50 { margin-top:50px; }
.mb-50 { margin-bottom:50px; }
.ml-50 { margin-left:50px; }
.mr-50 { margin-right:50px; }
.mt--50 { margin-top:-50px; }
.mb--50 { margin-bottom:-50px; }
.max--50 { max-width:50%; }
.mt---50 { margin-top:-50%; }
.mb---50 { margin-bottom:-50%; }
.p--55 { padding:55px !important; }
.p-55 { padding:55px; }
.pt-55 { padding-top:55px; }
.pb-55 { padding-bottom:55px; }
.pl-55 { padding-left:55px; }
.pr-55 { padding-right:55px; }
.m-55 { margin:55px; }
.mt-55 { margin-top:55px; }
.mb-55 { margin-bottom:55px; }
.ml-55 { margin-left:55px; }
.mr-55 { margin-right:55px; }
.mt--55 { margin-top:-55px; }
.mb--55 { margin-bottom:-55px; }
.max--55 { max-width:55%; }
.mt---55 { margin-top:-55%; }
.mb---55 { margin-bottom:-55%; }
.p--60 { padding:60px !important; }
.p-60 { padding:60px; }
.pt-60 { padding-top:60px; }
.pb-60 { padding-bottom:60px; }
.pl-60 { padding-left:60px; }
.pr-60 { padding-right:60px; }
.m-60 { margin:60px; }
.mt-60 { margin-top:60px; }
.mb-60 { margin-bottom:60px; }
.ml-60 { margin-left:60px; }
.mr-60 { margin-right:60px; }
.mt--60 { margin-top:-60px; }
.mb--60 { margin-bottom:-60px; }
.max--60 { max-width:60%; }
.mt---60 { margin-top:-60%; }
.mb---60 { margin-bottom:-60%; }
.p--65 { padding:65px !important; }
.p-65 { padding:65px; }
.pt-65 { padding-top:65px; }
.pb-65 { padding-bottom:65px; }
.pl-65 { padding-left:65px; }
.pr-65 { padding-right:65px; }
.m-65 { margin:65px; }
.mt-65 { margin-top:65px; }
.mb-65 { margin-bottom:65px; }
.ml-65 { margin-left:65px; }
.mr-65 { margin-right:65px; }
.mt--65 { margin-top:-65px; }
.mb--65 { margin-bottom:-65px; }
.max--65 { max-width:65%; }
.mt---65 { margin-top:-65%; }
.mb---65 { margin-bottom:-65%; }
.p--70 { padding:70px !important; }
.p-70 { padding:70px; }
.pt-70 { padding-top:70px; }
.pb-70 { padding-bottom:70px; }
.pl-70 { padding-left:70px; }
.pr-70 { padding-right:70px; }
.m-70 { margin:70px; }
.mt-70 { margin-top:70px; }
.mb-70 { margin-bottom:70px; }
.ml-70 { margin-left:70px; }
.mr-70 { margin-right:70px; }
.mt--70 { margin-top:-70px; }
.mb--70 { margin-bottom:-70px; }
.max--70 { max-width:70%; }
.mt---70 { margin-top:-70%; }
.mb---70 { margin-bottom:-70%; }
.p--75 { padding:75px !important; }
.p-75 { padding:75px; }
.pt-75 { padding-top:75px; }
.pb-75 { padding-bottom:75px; }
.pl-75 { padding-left:75px; }
.pr-75 { padding-right:75px; }
.m-75 { margin:75px; }
.mt-75 { margin-top:75px; }
.mb-75 { margin-bottom:75px; }
.ml-75 { margin-left:75px; }
.mr-75 { margin-right:75px; }
.mt--75 { margin-top:-75px; }
.mb--75 { margin-bottom:-75px; }
.max--75 { max-width:75%; }
.mt---75 { margin-top:-75%; }
.mb---75 { margin-bottom:-75%; }
.p--80 { padding:80px !important; }
.p-80 { padding:80px; }
.pt-80 { padding-top:80px; }
.pb-80 { padding-bottom:80px; }
.pl-80 { padding-left:80px; }
.pr-80 { padding-right:80px; }
.m-80 { margin:80px; }
.mt-80 { margin-top:80px; }
.mb-80 { margin-bottom:80px; }
.ml-80 { margin-left:80px; }
.mr-80 { margin-right:80px; }
.mt--80 { margin-top:-80px; }
.mb--80 { margin-bottom:-80px; }
.max--80 { max-width:80%; }
.mt---80 { margin-top:-80%; }
.mb---80 { margin-bottom:-80%; }
.p--85 { padding:85px !important; }
.p-85 { padding:85px; }
.pt-85 { padding-top:85px; }
.pb-85 { padding-bottom:85px; }
.pl-85 { padding-left:85px; }
.pr-85 { padding-right:85px; }
.m-85 { margin:85px; }
.mt-85 { margin-top:85px; }
.mb-85 { margin-bottom:85px; }
.ml-85 { margin-left:85px; }
.mr-85 { margin-right:85px; }
.mt--85 { margin-top:-85px; }
.mb--85 { margin-bottom:-85px; }
.max--85 { max-width:85%; }
.mt---85 { margin-top:-85%; }
.mb---85 { margin-bottom:-85%; }
.p--90 { padding:90px !important; }
.p-90 { padding:90px; }
.pt-90 { padding-top:90px; }
.pb-90 { padding-bottom:90px; }
.pl-90 { padding-left:90px; }
.pr-90 { padding-right:90px; }
.m-90 { margin:90px; }
.mt-90 { margin-top:90px; }
.mb-90 { margin-bottom:90px; }
.ml-90 { margin-left:90px; }
.mr-90 { margin-right:90px; }
.mt--90 { margin-top:-90px; }
.mb--90 { margin-bottom:-90px; }
.max--90 { max-width:90%; }
.mt---90 { margin-top:-90%; }
.mb---90 { margin-bottom:-90%; }
.p--95 { padding:95px !important; }
.p-95 { padding:95px; }
.pt-95 { padding-top:95px; }
.pb-95 { padding-bottom:95px; }
.pl-95 { padding-left:95px; }
.pr-95 { padding-right:95px; }
.m-95 { margin:95px; }
.mt-95 { margin-top:95px; }
.mb-95 { margin-bottom:95px; }
.ml-95 { margin-left:95px; }
.mr-95 { margin-right:95px; }
.mt--95 { margin-top:-95px; }
.mb--95 { margin-bottom:-95px; }
.max--95 { max-width:95%; }
.mt---95 { margin-top:-95%; }
.mb---95 { margin-bottom:-95%; }
.p--100 { padding:100px !important; }
.p-100 { padding:100px; }
.pt-100 { padding-top:100px; }
.pb-100 { padding-bottom:100px; }
.pl-100 { padding-left:100px; }
.pr-100 { padding-right:100px; }
.m-100 { margin:100px; }
.mt-100 { margin-top:100px; }
.mb-100 { margin-bottom:100px; }
.ml-100 { margin-left:100px; }
.mr-100 { margin-right:100px; }
.mt--100 { margin-top:-100px; }
.mb--100 { margin-bottom:-100px; }
.max--100 { max-width:100%; }
.mt---100 { margin-top:-100%; }
.mb---100 { margin-bottom:-100%; }
.p--105 { padding:105px !important; }
.p-105 { padding:105px; }
.pt-105 { padding-top:105px; }
.pb-105 { padding-bottom:105px; }
.pl-105 { padding-left:105px; }
.pr-105 { padding-right:105px; }
.m-105 { margin:105px; }
.mt-105 { margin-top:105px; }
.mb-105 { margin-bottom:105px; }
.ml-105 { margin-left:105px; }
.mr-105 { margin-right:105px; }
.mt--105 { margin-top:-105px; }
.mb--105 { margin-bottom:-105px; }
.p--110 { padding:110px !important; }
.p-110 { padding:110px; }
.pt-110 { padding-top:110px; }
.pb-110 { padding-bottom:110px; }
.pl-110 { padding-left:110px; }
.pr-110 { padding-right:110px; }
.m-110 { margin:110px; }
.mt-110 { margin-top:110px; }
.mb-110 { margin-bottom:110px; }
.ml-110 { margin-left:110px; }
.mr-110 { margin-right:110px; }
.mt--110 { margin-top:-110px; }
.mb--110 { margin-bottom:-110px; }
.p--115 { padding:115px !important; }
.p-115 { padding:115px; }
.pt-115 { padding-top:115px; }
.pb-115 { padding-bottom:115px; }
.pl-115 { padding-left:115px; }
.pr-115 { padding-right:115px; }
.m-115 { margin:115px; }
.mt-115 { margin-top:115px; }
.mb-115 { margin-bottom:115px; }
.ml-115 { margin-left:115px; }
.mr-115 { margin-right:115px; }
.mt--115 { margin-top:-115px; }
.mb--115 { margin-bottom:-115px; }
.p--120 { padding:120px !important; }
.p-120 { padding:120px; }
.pt-120 { padding-top:120px; }
.pb-120 { padding-bottom:120px; }
.pl-120 { padding-left:120px; }
.pr-120 { padding-right:120px; }
.m-120 { margin:120px; }
.mt-120 { margin-top:120px; }
.mb-120 { margin-bottom:120px; }
.ml-120 { margin-left:120px; }
.mr-120 { margin-right:120px; }
.mt--120 { margin-top:-120px; }
.mb--120 { margin-bottom:-120px; }
.p--125 { padding:125px !important; }
.p-125 { padding:125px; }
.pt-125 { padding-top:125px; }
.pb-125 { padding-bottom:125px; }
.pl-125 { padding-left:125px; }
.pr-125 { padding-right:125px; }
.m-125 { margin:125px; }
.mt-125 { margin-top:125px; }
.mb-125 { margin-bottom:125px; }
.ml-125 { margin-left:125px; }
.mr-125 { margin-right:125px; }
.mt--125 { margin-top:-125px; }
.mb--125 { margin-bottom:-125px; }
.p--130 { padding:130px !important; }
.p-130 { padding:130px; }
.pt-130 { padding-top:130px; }
.pb-130 { padding-bottom:130px; }
.pl-130 { padding-left:130px; }
.pr-130 { padding-right:130px; }
.m-130 { margin:130px; }
.mt-130 { margin-top:130px; }
.mb-130 { margin-bottom:130px; }
.ml-130 { margin-left:130px; }
.mr-130 { margin-right:130px; }
.mt--130 { margin-top:-130px; }
.mb--130 { margin-bottom:-130px; }
.p--135 { padding:135px !important; }
.p-135 { padding:135px; }
.pt-135 { padding-top:135px; }
.pb-135 { padding-bottom:135px; }
.pl-135 { padding-left:135px; }
.pr-135 { padding-right:135px; }
.m-135 { margin:135px; }
.mt-135 { margin-top:135px; }
.mb-135 { margin-bottom:135px; }
.ml-135 { margin-left:135px; }
.mr-135 { margin-right:135px; }
.mt--135 { margin-top:-135px; }
.mb--135 { margin-bottom:-135px; }
.p--140 { padding:140px !important; }
.p-140 { padding:140px; }
.pt-140 { padding-top:140px; }
.pb-140 { padding-bottom:140px; }
.pl-140 { padding-left:140px; }
.pr-140 { padding-right:140px; }
.m-140 { margin:140px; }
.mt-140 { margin-top:140px; }
.mb-140 { margin-bottom:140px; }
.ml-140 { margin-left:140px; }
.mr-140 { margin-right:140px; }
.mt--140 { margin-top:-140px; }
.mb--140 { margin-bottom:-140px; }
.p--145 { padding:145px !important; }
.p-145 { padding:145px; }
.pt-145 { padding-top:145px; }
.pb-145 { padding-bottom:145px; }
.pl-145 { padding-left:145px; }
.pr-145 { padding-right:145px; }
.m-145 { margin:145px; }
.mt-145 { margin-top:145px; }
.mb-145 { margin-bottom:145px; }
.ml-145 { margin-left:145px; }
.mr-145 { margin-right:145px; }
.mt--145 { margin-top:-145px; }
.mb--145 { margin-bottom:-145px; }
.p--150 { padding:150px !important; }
.p-150 { padding:150px; }
.pt-150 { padding-top:150px; }
.pb-150 { padding-bottom:150px; }
.pl-150 { padding-left:150px; }
.pr-150 { padding-right:150px; }
.m-150 { margin:150px; }
.mt-150 { margin-top:150px; }
.mb-150 { margin-bottom:150px; }
.ml-150 { margin-left:150px; }
.mr-150 { margin-right:150px; }
.mt--150 { margin-top:-150px; }
.mb--150 { margin-bottom:-150px; }
.round-corner-0 div[class*="background-color"] { border-radius: 0px; }
.round-corner-5 div[class*="background-color"] { border-radius: 5px; }
.round-corner-10 div[class*="background-color"] { border-radius: 10px; }
.round-corner-15 div[class*="background-color"] { border-radius: 15px; }
.round-corner-20 div[class*="background-color"] { border-radius: 20px; }
.round-corner-25 div[class*="background-color"] { border-radius: 25px; }
.round-corner-30 div[class*="background-color"] { border-radius: 30px; }
.round-corner-35 div[class*="background-color"] { border-radius: 35px; }
.round-corner-40 div[class*="background-color"] { border-radius: 40px; }
.round-corner-45 div[class*="background-color"] { border-radius: 45px; }
.round-corner-50 div[class*="background-color"] { border-radius: 50px; }
.round-image-0 .widget-type-linked_image img { border-radius: 0px; }
.round-image-5 .widget-type-linked_image img { border-radius: 5px; }
.round-image-10 .widget-type-linked_image img { border-radius: 10px; }
.round-image-15 .widget-type-linked_image img { border-radius: 15px; }
.round-image-20 .widget-type-linked_image img { border-radius: 20px; }
.round-image-25 .widget-type-linked_image img { border-radius: 25px; }
.round-image-30 .widget-type-linked_image img { border-radius: 30px; }
.round-image-35 .widget-type-linked_image img { border-radius: 35px; }
.round-image-40 .widget-type-linked_image img { border-radius: 40px; }
.round-image-45 .widget-type-linked_image img { border-radius: 45px; }
.round-image-50 .widget-type-linked_image img { border-radius: 50px; }
.z-0 { z-index: 0; }
.z-1 { z-index: 1; }
.z-2 { z-index: 2; }
.z-3 { z-index: 3; }
.z-4 { z-index: 4; }
.z-5 { z-index: 5; }
.z-6 { z-index: 6; }
.z-7 { z-index: 7; }
.z-8 { z-index: 8; }
.z-9 { z-index: 9; }
.z-10 { z-index: 10; }
.z-11 { z-index: 11; }
.z-12 { z-index: 12; }
.z-13 { z-index: 13; }
.z-14 { z-index: 14; }
.z-15 { z-index: 15; }
.z-16 { z-index: 16; }
.z-17 { z-index: 17; }
.z-18 { z-index: 18; }
.z-19 { z-index: 19; }
.z-20 { z-index: 20; }
.z-21 { z-index: 21; }
.z-22 { z-index: 22; }
.z-23 { z-index: 23; }
.z-24 { z-index: 24; }
.z-25 { z-index: 25; }
.z-26 { z-index: 26; }
.z-27 { z-index: 27; }
.z-28 { z-index: 28; }
.z-29 { z-index: 29; }
.z-30 { z-index: 30; }
.z-31 { z-index: 31; }
.z-32 { z-index: 32; }
.z-33 { z-index: 33; }
.z-34 { z-index: 34; }
.z-35 { z-index: 35; }
.z-36 { z-index: 36; }
.z-37 { z-index: 37; }
.z-38 { z-index: 38; }
.z-39 { z-index: 39; }
.z-40 { z-index: 40; }
.z-41 { z-index: 41; }
.z-42 { z-index: 42; }
.z-43 { z-index: 43; }
.z-44 { z-index: 44; }
.z-45 { z-index: 45; }
.z-46 { z-index: 46; }
.z-47 { z-index: 47; }
.z-48 { z-index: 48; }
.z-49 { z-index: 49; }
.z-50 { z-index: 50; }
.z-51 { z-index: 51; }
.z-52 { z-index: 52; }
.z-53 { z-index: 53; }
.z-54 { z-index: 54; }
.z-55 { z-index: 55; }
.z-56 { z-index: 56; }
.z-57 { z-index: 57; }
.z-58 { z-index: 58; }
.z-59 { z-index: 59; }
.z-60 { z-index: 60; }
.z-61 { z-index: 61; }
.z-62 { z-index: 62; }
.z-63 { z-index: 63; }
.z-64 { z-index: 64; }
.z-65 { z-index: 65; }
.z-66 { z-index: 66; }
.z-67 { z-index: 67; }
.z-68 { z-index: 68; }
.z-69 { z-index: 69; }
.z-70 { z-index: 70; }
.z-71 { z-index: 71; }
.z-72 { z-index: 72; }
.z-73 { z-index: 73; }
.z-74 { z-index: 74; }
.z-75 { z-index: 75; }
.z-76 { z-index: 76; }
.z-77 { z-index: 77; }
.z-78 { z-index: 78; }
.z-79 { z-index: 79; }
.z-80 { z-index: 80; }
.z-81 { z-index: 81; }
.z-82 { z-index: 82; }
.z-83 { z-index: 83; }
.z-84 { z-index: 84; }
.z-85 { z-index: 85; }
.z-86 { z-index: 86; }
.z-87 { z-index: 87; }
.z-88 { z-index: 88; }
.z-89 { z-index: 89; }
.z-90 { z-index: 90; }
.z-91 { z-index: 91; }
.z-92 { z-index: 92; }
.z-93 { z-index: 93; }
.z-94 { z-index: 94; }
.z-95 { z-index: 95; }
.z-96 { z-index: 96; }
.z-97 { z-index: 97; }
.z-98 { z-index: 98; }
.z-99 { z-index: 99; }
.rel { position: relative; }
/* Utilities */
img {
max-width: 100%;
height: auto;
}
a,
a.button {
transition: all 0.3s;
}
a.cover {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.d-grid {
display: grid;
}
.d-flex {
display: flex;
}
.d-block {
display: block;
}
.d-none {
display: none;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-content-start {
justify-content: flex-start;
}
.justify-content-center {
justify-content: center;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.justify-content-end {
justify-content: flex-end;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.text-center {
text-align: center;
}
.w-100 {
width: 100%;
}
.position-fixed {
position: fixed !important;
}
@media screen and (max-width: 767px) {
.flex-phone {
display: flex;
}
.flex-row-phone {
flex-direction: row;
}
.flex-row-reverse-phone {
flex-direction: row-reverse;
}
.flex-col-phone {
flex-direction: column;
}
.flex-col-reverse-phone {
flex-direction: column-reverse;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.flex-row-tablet {
flex-direction: row;
}
.flex-row-reverse-tablet {
flex-direction: row-reverse;
}
.flex-col-tablet {
flex-direction: column;
}
.flex-col-reverse-tablet {
flex-direction: column-reverse;
}
}
/* = box shadows -------------------- */
.shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
/* For content that needs to be visually hidden but stay visible for screenreaders */
/* stylelint-disable declaration-no-important */
.show-for-sr {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
.show-for-sr--mobile {
position: absolute !important;
overflow: hidden !important;
height: 1px !important;
width: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
}
}
/* stylelint-enable declaration-no-important */
/* Libraries */
/**
* Swiper 11.1.8
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: July 26, 2024
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}