@charset "UTF-8";
@font-face {
font-family: "Telegraf";
src: local("Telegraf"), url("../otf/pptelegraf-regular.otf") format("opentype") tech(color-COLRv1); }
@font-face {
font-family: "Telegraf bold";
src: local("Telegraf bold"), url("../otf/pptelegraf-ultrabold.otf") format("opentype") tech(color-COLRv1); }
@font-face {
font-family: "Telegraf light";
src: local("Telegraf light"), url("../otf/pptelegraf-ultralight.otf") format("opentype") tech(color-COLRv1); }
/** Media query **/
/* (min-width: 1680px) */
/* (min-width: 2500px) */
/* (min-width: 1280px) */
/* (min-width: 1280px), (max-width: 1679px) */
/* (max-width: 1279px) */
/* (min-width: 1400px) */
/* (max-width: 1399px) */
/* (min-width: 992px) */
/* (min-width: 992px), (max-width: 1279px) */
/* (min-width: 992px), (max-height: 950px) */
/* (max-width: 991px) */
/* (min-width: 1025px) */
/* (min-width: 1025px), (max-width: 1279px) */
/* (max-width: 1024px) */
/* (min-width: 768px) */
/* (min-width: 768px), (max-width: 991px) */
/* (max-width: 767px) */
/* (min-width: 576px) */
/* (min-width: 576px), (max-width: 767px) */
/* (max-width: 575px) */
/* (max-width: 575px) */
.intro-block .row {
width: calc(100% + 16px);
margin-left: -8px; }
@media (min-width: 1280px) {
.intro-block .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.intro-block__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-inline: 8px; }
@media (min-width: 992px) {
.intro-block__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 1280px) {
.intro-block__content {
padding-inline: 12px; } }
.intro-block__action {
position: relative;
z-index: 2; }
@media (min-width: 992px) {
.intro-block__action {
text-align: right; } }
@media (max-width: 991px) {
.intro-block__action {
margin-top: 40px; } }
.intro-block .eyebrow {
-webkit-margin-after: 20px;
margin-block-end: 20px;
display: inline-block; }
@media (min-width: 992px) {
.intro-block p:not(:first-child) {
-webkit-margin-before: 20px;
margin-block-start: 20px; } }
@media (max-width: 991px) {
.intro-block p {
-webkit-margin-before: 16px;
margin-block-start: 16px; } }
.intro-block p + .intro-block__action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
text-align: left; }
@media (min-width: 1680px) {
.intro-block p + .intro-block__action {
margin-top: 60px; } }
.intro-block h2 + p {
-webkit-margin-before: 20px;
margin-block-start: 20px; }
.intro-block h2 + .intro-block__action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
text-align: left; }
@media (min-width: 1680px) {
.intro-block h2 + .intro-block__action {
margin-top: 60px; } }
@media (min-width: 992px) {
.intro-block.with-eyebrow .intro-block__content:nth-child(2) > p:first-child {
margin-top: 40px; } }
@media (min-width: 992px) {
.intro-block.with-eyebrow .intro-block__content:nth-child(2) > .intro-block__action {
margin-top: 40px; } }
.bg-white .intro-block h2, .bg-white .intro-block p, .bg-white .intro-block .eyebrow {
color: #000000; }
.content-with-icon-card {
background: rgba(22, 52, 152, 0.4);
padding: 30px 50px;
position: relative;
min-height: 220px;
height: 100%; }
@media (min-width: 1680px) {
.content-with-icon-card {
padding: 60px; } }
@media (max-width: 1024px) {
.content-with-icon-card {
padding: 30px; } }
@media (min-width: 992px) and (max-height: 950px) {
.content-with-icon-card {
padding: 40px 50px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.content-with-icon-card {
padding: 40px 50px; } }
.content-with-icon-card > a {
position: absolute;
inset: 0;
width: 100%;
height: 100%; }
.content-with-icon-card > a::after {
display: none; }
.content-with-icon-card > a:hover + .row .content-with-icon-card__action a {
text-decoration: underline; }
.content-with-icon-card > a:hover + .row .content-with-icon-card__action a::after {
margin-left: 12px; }
.content-with-icon-card__icon {
width: 40px;
height: 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 40px;
margin-right: 20px; }
.content-with-icon-card__icon img {
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
height: 100%;
width: 100%; }
.content-with-icon-card__content {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.content-with-icon-card__content li a:hover,
.content-with-icon-card__content p a:hover {
text-decoration: underline; }
.content-with-icon-card h4,
.content-with-icon-card h3 {
margin-bottom: 10px; }
@media (min-width: 992px) {
.content-with-icon-card h4,
.content-with-icon-card h3 {
margin-bottom: 15px; } }
@media (min-width: 1680px) {
.content-with-icon-card h4,
.content-with-icon-card h3 {
margin-bottom: 30px; } }
.content-with-icon-card p + p {
margin-top: 15px; }
.content-with-icon-card__action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.content-with-icon-card__action {
margin-top: 60px; } }
.content-with-icon-card p {
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 400; }
.content-with-icon-card.bg-dark-cornflower {
background: #163498; }
.content-card {
height: 100%;
position: relative;
-webkit-box-shadow: 0px 20px 70px 0px rgba(30, 87, 247, 0.1), 0 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 20px 70px 0px rgba(30, 87, 247, 0.1), 0 4px 4px 0px rgba(0, 0, 0, 0.25);
background-image: -webkit-linear-gradient(155deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), -webkit-linear-gradient(335deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
background-image: -o-linear-gradient(155deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), -o-linear-gradient(335deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
background-image: linear-gradient(295deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), linear-gradient(115deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
-webkit-backdrop-filter: blur(5.5px);
backdrop-filter: blur(5.5px);
border: 1px solid rgba(22, 52, 152, 0.2);
padding: 40px 30px;
min-height: 225px; }
@media (max-width: 1279px) {
.content-card {
padding: 30px;
min-height: 177px; } }
@media (min-width: 1680px) {
.content-card {
padding: 50px; } }
.content-card h4 {
font-size: 28px;
font-family: "Rubik", sans-serif;
font-weight: 600;
padding-bottom: 10px; }
@media (min-width: 1680px) {
.content-card h4 {
padding-bottom: 20px; } }
.content-card p {
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%; }
@media (min-width: 1680px) {
.content-card p {
font-size: 20px; } }
.content-card__icon {
width: 40px;
height: 40px;
margin-bottom: 20px; }
.content-card__icon img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.content-card__action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.content-card__action {
margin-top: 60px; } }
.content-card.bg-dark-cornflower {
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0; }
.content-card.bg-color {
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
background: rgba(22, 52, 152, 0.4); }
.event-card {
position: relative;
padding: 40px;
background-color: #0E111E; }
@media (min-width: 1280px) {
.event-card {
padding: 50px; } }
@media (min-width: 1680px) {
.event-card {
padding: 60px; } }
.event-card::before {
width: 100%;
left: 0; }
.event-card .tag {
margin-bottom: 15px; }
.event-card h4 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.event-card h4 + .tag {
margin-top: 15px; }
.event-card p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 15px;
font-size: 16px;
line-height: 150%; }
@media (min-width: 1680px) {
.event-card p {
font-size: 20px; } }
.event-card__content {
padding-bottom: 58px; }
@media (min-width: 1280px) {
.event-card__content {
padding-bottom: 68px; } }
@media (min-width: 1680px) {
.event-card__content {
padding-bottom: 78px; } }
.event-card__logo {
margin-bottom: 25px;
max-width: 140px;
height: 44px; }
.event-card__logo img {
height: 100%;
width: auto;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
.event-card__action {
position: absolute;
bottom: 40px; }
@media (min-width: 1280px) {
.event-card__action {
bottom: 50px; } }
@media (min-width: 1680px) {
.event-card__action {
bottom: 60px; } }
.event-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.event-card:hover .link-pink {
text-decoration: underline; }
.event-card:hover .link-pink::after {
margin-left: 12px; }
.primary-card {
position: relative;
height: 100%;
border-radius: 12px;
border: 1px solid rgba(176, 214, 206, 0.6); }
.primary-card:hover .link-external-white-arrow {
text-decoration: underline; }
.primary-card:hover .link-external-white-arrow:after {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.primary-card:hover .link-pink {
text-decoration: underline; }
.primary-card:hover .link-pink:after {
margin-left: 12px; }
.primary-card:hover img {
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.primary-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0;
margin: 0 !important; }
.primary-card__img {
height: 306px;
overflow: hidden; }
@media (min-width: 992px) and (max-width: 1279px) {
.primary-card__img {
height: 254px; } }
@media (min-width: 768px) and (max-width: 991px) {
.primary-card__img {
height: 220px; } }
@media (max-width: 767px) {
.primary-card__img {
height: 208px; } }
.primary-card__img img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
@media (max-width: 991px) {
.primary-card__img img {
-o-object-position: top;
object-position: top; } }
.primary-card__content {
border: solid 1px rgba(30, 87, 247, 0.5);
padding: 53px 50px 117px 40px;
position: relative;
background-color: #0E111E;
height: calc(100% - 306px); }
@media (min-width: 1280px) and (max-width: 1679px) {
.primary-card__content {
padding: 40px 60px 85px 40px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.primary-card__content {
padding: 40px 30px 65px;
height: calc(100% - 254px); } }
@media (min-width: 768px) and (max-width: 991px) {
.primary-card__content {
padding: 30px 30px 65px;
height: calc(100% - 220px); } }
@media (max-width: 767px) {
.primary-card__content {
height: auto;
padding: 31px 20px 65px; } }
.primary-card h5,
.primary-card p {
font-family: "Rubik", sans-serif; }
.primary-card p {
font-weight: 100;
font-size: 16px;
line-height: 1.3;
margin-top: 11px;
margin-bottom: 10px; }
.primary-card .tag {
margin-bottom: 15px; }
.primary-card .author p {
text-transform: capitalize;
font-weight: normal; }
@media (min-width: 1280px) {
.primary-card .author p {
margin-bottom: 15px;
font-size: 16px; } }
@media (max-width: 1279px) {
.primary-card .author p {
font-size: 15px; } }
.primary-card .link-pink,
.primary-card .link-external-white-arrow,
.primary-card .link-external-pink {
position: absolute;
margin-right: 34px;
bottom: 40px;
z-index: 1; }
@media (min-width: 992px) and (max-width: 1279px) {
.primary-card .link-pink,
.primary-card .link-external-white-arrow,
.primary-card .link-external-pink {
bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.primary-card .link-pink,
.primary-card .link-external-white-arrow,
.primary-card .link-external-pink {
bottom: 30px; } }
@media (max-width: 767px) {
.primary-card .link-pink,
.primary-card .link-external-white-arrow,
.primary-card .link-external-pink {
bottom: 25px; } }
.primary-card--with-logo {
border: 1px solid #163498; }
.primary-card--with-logo .primary-card__img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.primary-card--with-logo .primary-card__img img {
width: auto;
height: auto;
max-width: 240px;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
margin: 0 auto;
display: block; }
@media (max-width: 767px) {
.primary-card--with-logo .primary-card__img img {
max-width: 200px; } }
.pagination__items,
.pagination ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.pagination__item,
.pagination li {
margin-inline: 6px;
margin-top: 0; }
.pagination__item.list,
.pagination li.list {
margin-inline: 0; }
.pagination__item.list a,
.pagination li.list a {
border: none; }
.pagination__item::before,
.pagination li::before {
display: none; }
@media (max-width: 575px) {
.pagination__item,
.pagination li {
margin-inline: 5px; } }
.pagination__item a,
.pagination__item span,
.pagination li a,
.pagination li span {
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #0E111E;
border: 1px solid #0E111E;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
@media (max-width: 575px) {
.pagination__item a,
.pagination__item span,
.pagination li a,
.pagination li span {
width: 32px;
height: 32px; } }
.pagination__item a:hover,
.pagination__item span:hover,
.pagination li a:hover,
.pagination li span:hover {
color: #ffffff;
background-color: #0E111E; }
.pagination__item.dots:hover a,
.pagination li.dots:hover a {
background-color: transparent;
color: #000000; }
.pagination__item.dots a,
.pagination li.dots a {
border: 0;
pointer-events: none; }
.pagination__item.disabled a,
.pagination__item.disabled span,
.pagination li.disabled a,
.pagination li.disabled span {
color: #6e7078;
background-color: #e6e7e8;
border-color: #e6e7e8;
pointer-events: none; }
.pagination__item.disabled .prev::after,
.pagination li.disabled .prev::after {
background: url(../arrow-left-warm-grey.html) no-repeat center;
background-size: contain; }
.pagination__item.disabled .next::after,
.pagination li.disabled .next::after {
background: url(../arrow-right-warm-grey.html) no-repeat center;
background-size: contain; }
@media (max-width: 575px) {
.pagination__item.pagination--next-btn,
.pagination li.pagination--next-btn {
margin-left: 10px; } }
.pagination__item.pagination--next-btn a,
.pagination__item.pagination--next-btn span,
.pagination li.pagination--next-btn a,
.pagination li.pagination--next-btn span {
width: 7px !important;
height: 14px !important;
border: 0 !important;
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;
transition: -webkit-transform 0.3s ease-in-out !important;
-o-transition: -o-transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out !important; }
.pagination__item.pagination--next-btn a:hover,
.pagination__item.pagination--next-btn span:hover,
.pagination li.pagination--next-btn a:hover,
.pagination li.pagination--next-btn span:hover {
background-color: #ffffff !important;
-webkit-transform: translate(5px) !important;
-o-transform: translate(5px) !important;
transform: translate(5px) !important; }
@media (max-width: 575px) {
.pagination__item.pagination--prev-btn,
.pagination li.pagination--prev-btn {
margin-right: 10px; } }
.pagination__item.pagination--prev-btn a,
.pagination__item.pagination--prev-btn span,
.pagination li.pagination--prev-btn a,
.pagination li.pagination--prev-btn span {
width: 7px !important;
height: 14px !important;
border: 0 !important;
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;
transition: -webkit-transform 0.3s ease-in-out !important;
-o-transition: -o-transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out !important; }
.pagination__item.pagination--prev-btn a:hover,
.pagination__item.pagination--prev-btn span:hover,
.pagination li.pagination--prev-btn a:hover,
.pagination li.pagination--prev-btn span:hover {
background-color: #ffffff !important;
-webkit-transform: translate(-4px) !important;
-o-transform: translate(-4px) !important;
transform: translate(-4px) !important; }
@media (max-width: 575px) {
.pagination--prev-btn {
margin-right: 10px; } }
.pagination--prev-btn a {
position: relative; }
.pagination--prev-btn a::after {
content: "";
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/left-arrow-corbeau.svg) no-repeat center;
background-size: contain;
right: 2px; }
.pagination--next-btn a {
position: relative; }
.pagination--next-btn a::after {
content: "";
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
right: -12px; }
.pagination .isActive a,
.pagination .isActive span {
color: #ffffff !important;
background-color: #0E111E !important;
border-color: #0E111E !important; }
#pagination-container {
margin-top: 20px; }
@media (min-width: 992px) {
#pagination-container {
margin-top: 25px; } }
@media (min-width: 1280px) {
#pagination-container {
margin-top: 40px; } }
@media (min-width: 1680px) {
#pagination-container {
margin-top: 45px; } }
#pagination-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#pagination-container li {
margin-inline: 6px;
margin-top: 0; }
@media (max-width: 575px) {
#pagination-container li {
margin-inline: 5px; } }
#pagination-container li:before {
display: none; }
#pagination-container li.disabled {
opacity: 0; }
#pagination-container li.active span {
display: block;
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #ffffff;
border: 1px solid #0E111E;
background-color: #0E111E;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
@media (max-width: 575px) {
#pagination-container li.active span {
width: 32px;
height: 32px; } }
#pagination-container li a {
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #0E111E;
border: 1px solid #0E111E;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
#pagination-container li a:hover {
background-color: #0E111E;
color: #ffffff; }
@media (max-width: 575px) {
#pagination-container li a {
width: 32px;
height: 32px; } }
#pagination-container li a.next {
border: 0;
position: relative;
font-size: 0;
background-color: transparent !important; }
#pagination-container li a.next::after {
content: "";
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
left: 7px; }
#pagination-container li a.prev {
border: 0;
position: relative;
font-size: 0;
background-color: transparent !important; }
#pagination-container li a.prev::after {
content: "";
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/left-arrow-corbeau.svg) no-repeat center;
background-size: contain;
right: 7px; }
.pagination-v2__items,
.pagination-v2 ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.pagination-v2__item,
.pagination-v2 li {
margin-inline: 6px;
margin-top: 0; }
.pagination-v2__item.list,
.pagination-v2 li.list {
margin-inline: 0; }
.pagination-v2__item.list a,
.pagination-v2 li.list a {
border: none; }
.pagination-v2__item::before,
.pagination-v2 li::before {
display: none; }
@media (max-width: 575px) {
.pagination-v2__item,
.pagination-v2 li {
margin-inline: 5px; } }
.pagination-v2__item a,
.pagination-v2__item span,
.pagination-v2 li a,
.pagination-v2 li span {
text-align: center;
/* Body small lite */
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 24px */
width: 54px;
height: 54px;
color: #e6e7e8;
border-radius: 54px;
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
@media (max-width: 575px) {
.pagination-v2__item a,
.pagination-v2__item span,
.pagination-v2 li a,
.pagination-v2 li span {
width: 32px;
height: 32px; } }
.pagination-v2__item a:hover,
.pagination-v2__item span:hover,
.pagination-v2 li a:hover,
.pagination-v2 li span:hover {
color: #ffffff;
border-radius: 54px;
background: rgba(226, 226, 226, 0.22);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
.pagination-v2__item.dots:hover a,
.pagination-v2 li.dots:hover a {
background-color: transparent;
color: #000000; }
.pagination-v2__item.dots a,
.pagination-v2 li.dots a {
border: 0;
pointer-events: none; }
.pagination-v2__item.disabled a,
.pagination-v2__item.disabled span,
.pagination-v2 li.disabled a,
.pagination-v2 li.disabled span {
color: #6e7078;
background-color: #e6e7e8;
border-color: #e6e7e8;
pointer-events: none; }
.pagination-v2__item.disabled .prev::after,
.pagination-v2 li.disabled .prev::after {
background: url(../arrow-left-warm-grey.html) no-repeat center;
background-size: contain; }
.pagination-v2__item.disabled .next::after,
.pagination-v2 li.disabled .next::after {
background: url(../arrow-right-warm-grey.html) no-repeat center;
background-size: contain; }
@media (max-width: 575px) {
.pagination-v2__item.--next-btn,
.pagination-v2 li.--next-btn {
margin-left: 10px; } }
.pagination-v2__item.--next-btn a,
.pagination-v2__item.--next-btn span,
.pagination-v2 li.--next-btn a,
.pagination-v2 li.--next-btn span {
/* width: 7px !important;
height: 14px !important; */
border: 0 !important;
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;
transition: -webkit-transform 0.3s ease-in-out !important;
-o-transition: -o-transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out !important; }
.pagination-v2__item.--next-btn a:hover,
.pagination-v2__item.--next-btn span:hover,
.pagination-v2 li.--next-btn a:hover,
.pagination-v2 li.--next-btn span:hover {
background-color: rgba(226, 226, 226, 0.22) !important;
-webkit-transform: translate(5px) !important;
-o-transform: translate(5px) !important;
transform: translate(5px) !important; }
@media (max-width: 575px) {
.pagination-v2__item.--prev-btn,
.pagination-v2 li.--prev-btn {
margin-right: 10px; } }
.pagination-v2__item.--prev-btn a,
.pagination-v2__item.--prev-btn span,
.pagination-v2 li.--prev-btn a,
.pagination-v2 li.--prev-btn span {
/* width: 7px !important;
height: 14px !important; */
border: 0 !important;
-webkit-transition: -webkit-transform 0.3s ease-in-out !important;
transition: -webkit-transform 0.3s ease-in-out !important;
-o-transition: -o-transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out !important;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out !important; }
.pagination-v2__item.--prev-btn a:hover,
.pagination-v2__item.--prev-btn span:hover,
.pagination-v2 li.--prev-btn a:hover,
.pagination-v2 li.--prev-btn span:hover {
background-color: rgba(226, 226, 226, 0.22) !important;
-webkit-transform: translate(-4px) !important;
-o-transform: translate(-4px) !important;
transform: translate(-4px) !important; }
@media (max-width: 575px) {
.pagination-v2--prev-btn {
margin-right: 10px; } }
.pagination-v2--prev-btn a {
position: relative; }
.pagination-v2--prev-btn a::after {
content: '';
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/left-arrow-corbeau.svg) no-repeat center;
background-size: contain;
-webkit-filter: invert(1);
filter: invert(1); }
.pagination-v2--next-btn a {
position: relative; }
.pagination-v2--next-btn a::after {
content: '';
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
-webkit-filter: invert(1);
filter: invert(1); }
.pagination-v2 .isActive a,
.pagination-v2 .isActive span {
/* color: $white !important;
background-color: $corbeau !important;
border-color: $corbeau !important; */
border-radius: 54px;
background: rgba(226, 226, 226, 0.22);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
color: #e6e7e8;
text-align: center;
/* Body small lite */
font-family: "Rubik", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 24px */ }
#pagination-container {
margin-top: 20px; }
@media (min-width: 992px) {
#pagination-container {
margin-top: 25px; } }
@media (min-width: 1280px) {
#pagination-container {
margin-top: 40px; } }
@media (min-width: 1680px) {
#pagination-container {
margin-top: 45px; } }
#pagination-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#pagination-container li {
margin-inline: 6px;
margin-top: 0; }
@media (max-width: 575px) {
#pagination-container li {
margin-inline: 5px; } }
#pagination-container li:before {
display: none; }
#pagination-container li.disabled {
opacity: 0; }
#pagination-container li.active span {
display: block;
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #ffffff;
background-color: #0E111E;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
@media (max-width: 575px) {
#pagination-container li.active span {
width: 32px;
height: 32px; } }
#pagination-container li a {
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #0E111E;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; }
#pagination-container li a:hover {
background-color: #0E111E;
color: #ffffff; }
@media (max-width: 575px) {
#pagination-container li a {
width: 32px;
height: 32px; } }
#pagination-container li a.next {
border: 0;
position: relative;
font-size: 0;
background-color: transparent !important; }
#pagination-container li a.next::after {
content: '';
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
left: 7px; }
#pagination-container li a.prev {
border: 0;
position: relative;
font-size: 0;
background-color: transparent !important; }
#pagination-container li a.prev::after {
content: '';
position: absolute;
width: 12px;
height: 16px;
background: url(../svg/left-arrow-corbeau.svg) no-repeat center;
background-size: contain;
right: 7px; }
.resource-template-default .vertical-slider-with-content.bg-white a {
color: #ff0092; }
.resource-template-default .vertical-slider-with-content.bg-white a span {
color: #ff0092; }
.tech-partnerFilterNew .pagination-v2 {
margin-top: 40px; }
.tech-partnerFilterNew .resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.tech-partnerFilterNew .resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.tech-partnerFilterNew .resource-grid__item {
margin-top: 30px; } }
@media (min-width: 2500px) {
.tech-partnerFilterNew .resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%; } }
.tech-partnerFilterNew .resource-grid__item.hide {
display: none; }
.tech-partnerFilterNew .resource-grid__filter {
border: 1px solid rgba(176, 214, 206, 0.6);
max-width: 90%;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-radius: 12px; }
.tech-partnerFilterNew .resource-grid__filter-header {
padding: 15px 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#0e111e), color-stop(46.5%, #151b3a), to(#0e111e));
background: -webkit-linear-gradient(top, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
background: -o-linear-gradient(top, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
background: linear-gradient(180deg, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5); }
.tech-partnerFilterNew .resource-grid__filter-header h5 {
overflow: hidden;
color: #ffffff;
text-overflow: ellipsis;
font-family: "Rubik", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 120%;
/* 33.6px */ }
.tech-partnerFilterNew .resource-grid__filter-search {
padding: 30px 20px 15px 20px;
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar input[type='search'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
padding: 5px 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #fff; }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar input[type='search']::-webkit-input-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar input[type='search']::-moz-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar input[type='search']::-ms-input-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar input[type='search']::placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.tech-partnerFilterNew .resource-grid__filter-search .search-bar__button {
top: 30%;
right: 3%; }
.tech-partnerFilterNew .resource-grid__filter-row {
padding: 15px 20px;
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; }
.tech-partnerFilterNew .resource-grid__filter-row h5 {
margin-bottom: 15px; }
@media (max-width: 991px) {
.tech-partnerFilterNew .resource-grid__filter {
max-width: 100%; } }
.tech-partnerFilterNew .resource-grid__filter-item {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important; }
.tech-partnerFilterNew .resource-grid__filter .checkbox-filter {
margin-top: 0; }
.tech-partnerFilterNew .resource-grid__filter .checkbox-filter .checkmark {
width: 20px;
height: 20px;
background-color: #d9d9d9;
border: 2px solid #0E111E;
margin-right: 15px;
display: inline-block;
position: relative;
border-radius: 4px; }
.tech-partnerFilterNew .resource-grid__filter .checkbox-filter .checkmark::after {
content: '';
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 11px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: none; }
.tech-partnerFilterNew .result-content__column-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
@media (max-width: 991px) {
.tech-partnerFilterNew .result-content__column-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px; } }
.tech-partnerFilterNew .result-content__left-content {
width: 35%; }
@media (min-width: 992px) and (max-width: 1279px) {
.tech-partnerFilterNew .result-content__left-content {
width: 35%; } }
@media (max-width: 991px) {
.tech-partnerFilterNew .result-content__left-content {
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.tech-partnerFilterNew .result-content__left-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; } }
.tech-partnerFilterNew .result-content__left-content .checkbox-item {
margin-bottom: 14px;
overflow: hidden;
color: #ffffff;
/* Body medium */
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 27px */ }
.tech-partnerFilterNew .result-content__left-content .checkbox-item .custom-checkbox {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.tech-partnerFilterNew .result-content__left-content .checkbox-item input[type='checkbox'] {
display: none; }
.tech-partnerFilterNew .result-content__left-content .checkbox-item input[type='checkbox']:checked + .checkmark {
background-color: #ff0092;
border-color: #0E111E; }
.tech-partnerFilterNew .result-content__left-content .checkbox-item input[type='checkbox']:checked + .checkmark::after {
display: block; }
.tech-partnerFilterNew .result-content__right-content {
width: 65%; }
@media (min-width: 992px) and (max-width: 1279px) {
.tech-partnerFilterNew .result-content__right-content {
width: 65%;
padding-right: 40px; } }
@media (max-width: 991px) {
.tech-partnerFilterNew .result-content__right-content {
width: 100%;
padding-right: 0; } }
.tech-partnerFilterNew .technology-partner-card {
position: relative;
/* padding: 15px 20px 30px;
background-color: $corbeau; */
/* &.theme-v2 { */
border: 1px solid rgba(176, 214, 206, 0.6);
border-radius: 12px;
padding: 30px;
position: relative;
background: rgba(255, 255, 255, 0.05);
/* -webkit-box-shadow: -58px 4px 50px 0px;
box-shadow: -58px 4px 50px 0px; */
/* } */ }
.tech-partnerFilterNew .technology-partner-card::before {
width: 100%;
left: 0; }
.tech-partnerFilterNew .technology-partner-card__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.tech-partnerFilterNew .technology-partner-card .tag {
padding-bottom: 10px;
font-size: 18px;
border-bottom: 1px solid #ff0092; }
.tech-partnerFilterNew .technology-partner-card h3 {
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
overflow: unset !important;
font-size: 32px; }
.tech-partnerFilterNew .technology-partner-card h3 + .tag {
margin-top: 10px; }
@media (min-width: 1680px) {
.tech-partnerFilterNew .technology-partner-card h3 {
font-size: 32px; } }
.tech-partnerFilterNew .technology-partner-card p {
color: #ffffff;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 15px;
font-size: 16px;
line-height: normal; }
.tech-partnerFilterNew .technology-partner-card__logo {
margin-bottom: 20px;
max-width: 140px;
height: 44px; }
.tech-partnerFilterNew .technology-partner-card__logo img {
height: 100%;
width: auto;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
.tech-partnerFilterNew .technology-partner-card__body-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
gap: 10px; }
.tech-partnerFilterNew .technology-partner-card__body-action div:last-child {
margin-top: auto;
z-index: 1; }
.tech-partnerFilterNew .technology-partner-card__body-action div > a {
/* background: $white;
border-radius: 100px;
padding: 10px 30px;
font-size: 14px;
color: $corbeau;
display: block;
font-weight: 400;
font-family: $font-family-gabarito; */ }
.tech-partnerFilterNew .technology-partner-card__action {
position: absolute;
bottom: 40px; }
@media (min-width: 1280px) {
.tech-partnerFilterNew .technology-partner-card__action {
bottom: 50px; } }
@media (min-width: 1680px) {
.tech-partnerFilterNew .technology-partner-card__action {
bottom: 60px; } }
.tech-partnerFilterNew .technology-partner-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.tech-partnerFilterNew .technology-partner-card:hover .link-pink {
text-decoration: underline; }
.tech-partnerFilterNew .technology-partner-card:hover .link-pink::after {
margin-left: 12px; }
.accordion .intro-block {
margin-bottom: 75px; }
.accordion .intro-block__content {
max-width: 100%;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.accordion .intro-block .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.accordion .accordion-item {
padding: 20px 40px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
margin-bottom: 31px; }
.accordion .accordion-item:last-child {
margin-bottom: 0; }
.accordion .accordion-item.show {
border: 1px solid rgba(176, 214, 206, 0.6); }
.accordion .accordion-item.show .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
left: 0;
background: #ff0092; }
.accordion .accordion-item.show .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
left: 0;
background: #ff0092; }
.accordion .heading-wrapper {
cursor: pointer;
width: 95%; }
.accordion .content-wrap {
padding: 15px 0 0;
position: relative; }
.accordion .btn-wrapper {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.accordion .btn-wrapper {
margin-top: 60px; } }
.accordion .accordion-body {
display: none; }
.accordion .accordion-body .custom {
-ms-flex-preferred-size: 33.3% !important;
flex-basis: 33.3% !important; }
@media (max-width: 767px) {
.accordion .accordion-body .custom-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.accordion .row {
position: relative;
width: 100%; }
.accordion .icon-outer {
top: 0px;
display: inline-block;
position: absolute;
height: 28px;
right: 0px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion .icon-outer {
top: -2px;
width: 26px;
height: 26px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion .icon-outer {
top: -4px;
width: 25px;
height: 25px; } }
@media (max-width: 767px) {
.accordion .icon-outer {
width: 24px;
height: 24px;
right: -10px; } }
.accordion .icon-outer:before, .accordion .icon-outer:after {
content: '';
position: absolute;
top: 15px;
left: -10px;
width: 20px;
height: 5px;
background: #ffffff;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transition: left 0.3s ease, -webkit-transform 0.2s ease;
transition: left 0.3s ease, -webkit-transform 0.2s ease;
-o-transition: left 0.3s ease, -o-transform 0.2s ease;
transition: transform 0.2s ease, left 0.3s ease;
transition: transform 0.2s ease, left 0.3s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
/* Animación al cambiar */ }
.accordion .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
left: 0; }
.accordion .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(0);
-o-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
left: 0; }
.accordion.bg-white h4,
.accordion.bg-white p {
color: #ffffff; }
.accordion-simple {
overflow: visible; }
.accordion-simple::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: url("../svg/accordion-simple-background.svg") no-repeat;
background-size: cover;
top: 0;
left: 0;
z-index: 1; }
.accordion-simple .intro-block {
margin-bottom: 50px;
text-align: center; }
.accordion-simple .intro-block .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.accordion-simple .intro-block h2 {
font-weight: 400;
line-height: 100%;
text-transform: capitalize; }
.accordion-simple .accordion-item {
border-radius: 20px 0px 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px 40px;
margin-bottom: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-simple .accordion-item {
padding: 30px 70px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-simple .accordion-item {
padding: 30px 40px;
margin-bottom: 25px; } }
@media (max-width: 767px) {
.accordion-simple .accordion-item {
padding: 20px 30px;
margin-bottom: 20px; } }
.accordion-simple .accordion-item:last-child {
margin-bottom: 0; }
.accordion-simple .accordion-item.show {
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
z-index: 3;
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.accordion-simple .accordion-item.show .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
left: 0; }
.accordion-simple .accordion-item.show .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
left: 0; }
.accordion-simple .accordion-header {
position: relative;
z-index: 3; }
.accordion-simple .heading-wrapper {
cursor: pointer;
width: 100%; }
.accordion-simple .heading-wrapper h4 {
font-family: "Rubik", sans-serif;
font-weight: 400;
max-width: calc(100% - 64px);
width: 100%;
color: #e6e7e8; }
@media (min-width: 1280px) {
.accordion-simple .heading-wrapper h4 {
font-size: 24px; } }
.accordion-simple .content-wrap {
position: relative;
color: #e6e7e8; }
@media (min-width: 1400px) {
.accordion-simple .content-wrap .row {
padding-right: 110px; } }
.accordion-simple p {
margin-top: 20px;
line-height: 150%; }
.accordion-simple .btn-wrapper {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.accordion-simple .btn-wrapper {
margin-top: 60px; } }
.accordion-simple .accordion-body {
display: none; }
.accordion-simple .row {
position: relative;
width: 100%; }
.accordion-simple .icon-outer {
top: 0px;
display: inline-block;
position: absolute;
width: 28px;
height: 28px;
right: 0px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-simple .icon-outer {
top: -2px;
width: 26px;
height: 26px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-simple .icon-outer {
top: -4px;
width: 25px;
height: 25px; } }
@media (max-width: 767px) {
.accordion-simple .icon-outer {
width: 24px;
height: 24px;
right: -10px; } }
.accordion-simple .icon-outer:before, .accordion-simple .icon-outer:after {
content: '';
position: absolute;
top: 15px;
left: -10px;
width: 30px;
height: 2px;
background: #ffffff;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transition: left 0.3s ease, -webkit-transform 0.2s ease;
transition: left 0.3s ease, -webkit-transform 0.2s ease;
-o-transition: left 0.3s ease, -o-transform 0.2s ease;
transition: transform 0.2s ease, left 0.3s ease;
transition: transform 0.2s ease, left 0.3s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
/* Animación al cambiar */ }
.accordion-simple .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
left: 0; }
.accordion-simple .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(0);
-o-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
left: 0; }
.accordion-simple.bg-white h4,
.accordion-simple.bg-white p {
color: #ffffff; }
.service-plans {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* Mostrar contenido al seleccionar */
/* Estilo de pestaña activa */
/* Contenedor de etiquetas */ }
.service-plans::after {
content: '';
position: absolute;
background-repeat: no-repeat;
background-size: cover !important;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
background-position: center;
background: url("../svg/packages-background.svg"); }
.service-plans .accordion-points-list::after {
display: none; }
.service-plans .accordion-points-list .heading-wrapper h3 {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; }
.service-plans::before {
content: '';
position: absolute;
background-repeat: no-repeat;
background-size: cover !important;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background-position: center;
background: url("../svg/table-background.svg"); }
.service-plans input[type='radio'] {
display: none; }
.service-plans label {
padding: 20px;
width: 100%;
cursor: pointer;
border-radius: 10px 10px 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.05)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
@media (min-width: 768px) {
.service-plans label {
width: 22%; } }
.service-plans .service-plans-header label:hover {
background: #ff0092;
-webkit-box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.service-plans .tab-content {
visibility: hidden;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 0 0 5px 5px; }
.service-plans #tab1:checked ~ .content1,
.service-plans #tab2:checked ~ .content2,
.service-plans #tab3:checked ~ .content3 {
visibility: visible;
position: relative;
opacity: 1; }
.service-plans #tab1:checked ~ .service-plans-header .labels label[for='tab1'],
.service-plans #tab2:checked ~ .service-plans-header .labels label[for='tab2'],
.service-plans #tab3:checked ~ .service-plans-header .labels label[for='tab3'] {
border-radius: 10px 10px 0px 0px;
background: #ff0092;
-webkit-box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: 58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.service-plans .service-plans-header {
position: relative;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 17, 30, 0)), to(#151b3a));
background: -webkit-linear-gradient(top, rgba(14, 17, 30, 0) 0%, #151b3a 100%);
background: -o-linear-gradient(top, rgba(14, 17, 30, 0) 0%, #151b3a 100%);
background: linear-gradient(180deg, rgba(14, 17, 30, 0) 0%, #151b3a 100%); }
.service-plans .service-plans-header > div {
z-index: 5; }
.service-plans .service-plans-header .labels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
color: #fff;
text-align: center;
font-family: "Rubik", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 120%;
/* 24px */
text-transform: uppercase; }
@media (min-width: 576px) {
.service-plans .service-plans-header .labels {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1680px) {
.service-plans .service-plans-header .labels {
margin-top: 60px; } }
.service-plans .packages {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px; }
.service-plans .packages__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: -150px;
width: 100%;
z-index: 1;
opacity: 0.4; }
@media (max-width: 767px) {
.service-plans .packages__background img {
display: none; }
.service-plans .packages__background::after {
content: '';
position: absolute;
border-radius: 328px;
opacity: 0.6;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px); } }
.service-plans .packages__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%; }
.service-plans .packages__background::before {
top: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #0e111e), to(rgba(14, 17, 30, 0)));
background: -webkit-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: -o-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: linear-gradient(to bottom, #0e111e 33%, rgba(14, 17, 30, 0)); }
.service-plans .packages__background::after {
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#0e111e), to(rgba(14, 17, 30, 0)));
background-image: -webkit-linear-gradient(bottom, #0e111e, rgba(14, 17, 30, 0));
background-image: -o-linear-gradient(bottom, #0e111e, rgba(14, 17, 30, 0));
background-image: linear-gradient(to top, #0e111e, rgba(14, 17, 30, 0)); }
.service-plans .packages__card {
position: relative;
z-index: 2;
width: auto;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
@media (min-width: 576px) {
.service-plans .packages__card {
width: 100%; } }
.service-plans .packages__card-header {
background: -webkit-linear-gradient(315deg, #163489 0%, #0e111e 100%);
background: -o-linear-gradient(315deg, #163489 0%, #0e111e 100%);
background: linear-gradient(135deg, #163489 0%, #0e111e 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 10px 10px 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2); }
.service-plans .packages__card-header.request-demo {
height: 100%;
border-radius: 10px;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset; }
.service-plans .packages__card-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
padding: 20px; }
.service-plans .packages__card-divider {
position: relative;
width: 100%; }
.service-plans .packages__card-divider::after {
content: '';
left: 0;
bottom: 0;
background: -webkit-gradient(linear, right top, left top, from(rgba(106, 116, 163, 0)), to(#6a74a3));
background: -webkit-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: -o-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: linear-gradient(-90deg, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
position: absolute;
width: 100%;
height: 1px; }
.service-plans .packages__card-numbers {
color: #2bf9eb;
margin-bottom: 10px; }
.service-plans .packages__card-numbers span {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.service-plans .packages__card-eyebrow {
color: #86888e;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: 2.1px;
text-transform: uppercase; }
.service-plans .packages__card-eyebrow.footerinfo, .service-plans .packages__card-eyebrow.body {
margin-bottom: 10px; }
.service-plans .packages__card-eyebrow.title {
color: #ffffff;
font-weight: 700; }
.service-plans .packages__card-eyebrow.subtitle {
color: #86888e;
line-height: 150%; }
.service-plans .packages__card-footerinfo {
color: #ffffff;
font-style: normal;
font-family: "Rubik", sans-serif; }
.service-plans .packages__card-footerinfo-title {
font-size: 24px;
font-weight: 400;
line-height: 120%; }
.service-plans .packages__card-footerinfo-subtitle {
line-height: 150%; }
.service-plans .packages__btn-wrap {
margin-top: auto; }
.service-plans .packages__btn-wrap a {
width: 100%; }
.service-plans .disclaimer {
padding-block: 30px; }
.service-plans .disclaimer p {
font-size: 14px;
color: #ffffff; }
.service-plans .compare-table {
padding-top: 60px;
padding-bottom: 80px; }
.service-plans .compare-table .custom-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%; }
.service-plans .compare-table .table-header,
.service-plans .compare-table .table-subheader,
.service-plans .compare-table .table-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; }
.service-plans .compare-table .table-header {
border-radius: 20px 20px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f4f4f4;
color: #ffffff;
font-family: "Rubik", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
background: -webkit-linear-gradient(315deg, #163489 0%, #0E111E 100%);
background: -o-linear-gradient(315deg, #163489 0%, #0E111E 100%);
background: linear-gradient(135deg, #163489 0%, #0E111E 100%); }
.service-plans .compare-table .table-header .header-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
padding: 20px; }
.service-plans .compare-table .table-header .header-item:first-child {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2; }
.service-plans .compare-table .table-subheader {
color: white;
font-family: "Gabarito", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 120%;
border-bottom: 2px solid #6a74a3;
padding: 40px 20px 20px; }
.service-plans .compare-table .table-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px; }
.service-plans .compare-table .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(106, 116, 163, 0.4); }
.service-plans .compare-table .cell {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
border-left: 1px solid rgba(106, 116, 163, 0.4);
color: #ffffff;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.service-plans .compare-table .cell:first-child {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
border-left: none; }
.service-plans .compare-table .check,
.service-plans .compare-table .not-available {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.service-plans .compare-table .check span,
.service-plans .compare-table .not-available span {
color: #b6b7bb; }
.service-plans .compare-table .check img {
width: 20px; }
.compare-table-information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.compare-table-information::after {
content: '';
position: absolute;
background-repeat: no-repeat;
background-size: cover !important;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 1;
background-position: center;
background: url("../svg/packages-background.svg"); }
.compare-table-information .is-hidden {
display: none !important; }
.compare-table-information .table-wrapper {
padding-top: 60px;
padding-bottom: 80px;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.compare-table-information .table-wrapper .custom-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
/* min-width: 576px;
@include phablet-up {
width: 100%;
} */ }
.compare-table-information .table-wrapper .table-header,
.compare-table-information .table-wrapper .table-subheader,
.compare-table-information .table-wrapper .table-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; }
.compare-table-information .table-wrapper .table-header {
border-radius: 20px 20px 0px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f4f4f4;
color: #ffffff;
font-family: "Rubik", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
background: -webkit-linear-gradient(315deg, #163489 0%, #0E111E 100%);
background: -o-linear-gradient(315deg, #163489 0%, #0E111E 100%);
background: linear-gradient(135deg, #163489 0%, #0E111E 100%); }
.compare-table-information .table-wrapper .table-header .header-item {
/* &:first-child {
flex: 2;
} */
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
padding: 20px; }
.compare-table-information .table-wrapper .table-subheader {
color: white;
font-family: "Gabarito", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 120%;
border-bottom: 2px solid #6a74a3;
padding: 40px 20px 20px; }
.compare-table-information .table-wrapper .table-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px; }
.compare-table-information .table-wrapper .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid rgba(106, 116, 163, 0.4); }
.compare-table-information .table-wrapper .cell {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 20px;
border-left: 1px solid rgba(106, 116, 163, 0.4);
color: #ffffff;
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; }
.compare-table-information .table-wrapper .cell:first-child {
border-left: none; }
.compare-table-information .table-wrapper .check,
.compare-table-information .table-wrapper .not-available {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.compare-table-information .table-wrapper .check span,
.compare-table-information .table-wrapper .not-available span {
color: #b6b7bb; }
.compare-table-information .table-wrapper .check img {
width: 20px; }
.service-cloud-animation .g-service {
cursor: pointer; }
.service-cloud-animation .row {
position: relative;
border-radius: 10px;
background: #161926;
overflow: hidden; }
.service-cloud-animation .row #eHKIj1CdNhk1 {
position: relative;
z-index: 2; }
.service-cloud-animation.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: -10%;
right: -5%;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg); }
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
left: 30%;
left: 30%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.service-cloud-animation.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 8%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
left: -5%; }
@media (max-width: 767px) {
.service-cloud-animation.bg-gradient .bg-gradient__background {
display: none; } }
.service-cloud-animation.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.service-cloud-animation__title {
margin-bottom: 10px; }
.service-cloud-animation__btn-wrap {
margin-top: 20px; }
.service-cloud-animation .modal-close {
text-align: right; }
.service-cloud-animation .modal-close img {
cursor: pointer;
width: 15px; }
.service-cloud-animation .modal {
display: none;
position: fixed;
z-index: 4;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4); }
.service-cloud-animation .modal-content {
border-top: 5px solid #ff0092;
background-color: #191c2c;
margin: 15% auto;
padding: 30px;
width: 25%; }
.accordion-points-list {
overflow: visible; }
.accordion-points-list::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: url("../svg/accordion-simple-background.svg") no-repeat;
background-size: contain;
top: 0;
left: 0;
z-index: 1; }
.accordion-points-list .intro-block {
display: none;
margin-bottom: 50px;
text-align: center; }
.accordion-points-list .intro-block .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.accordion-points-list .intro-block h2 {
font-weight: 400;
line-height: 100%; }
.accordion-points-list .accordion-item {
border-radius: 20px 0px 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding: 20px 40px;
margin-bottom: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-points-list .accordion-item {
padding: 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-points-list .accordion-item {
padding: 30px 40px;
margin-bottom: 25px; } }
@media (max-width: 767px) {
.accordion-points-list .accordion-item {
padding: 20px 30px;
margin-bottom: 20px; } }
.accordion-points-list .accordion-item:last-child {
margin-bottom: 0; }
.accordion-points-list .accordion-item.show {
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
z-index: 3;
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.accordion-points-list .accordion-item.show .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
left: 0; }
.accordion-points-list .accordion-item.show .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
left: 0; }
.accordion-points-list .accordion-item.show .accordion-header {
color: #e6e7e8; }
.accordion-points-list .accordion-header {
position: relative;
z-index: 3; }
.accordion-points-list .heading-wrapper {
cursor: pointer;
width: 100%; }
.accordion-points-list .heading-wrapper h4 {
font-family: "Rubik", sans-serif;
font-weight: 400;
max-width: calc(100% - 64px);
width: 100%; }
@media (min-width: 1280px) {
.accordion-points-list .heading-wrapper h4 {
font-size: 24px; } }
.accordion-points-list .content-wrap {
position: relative; }
@media (min-width: 1400px) {
.accordion-points-list .content-wrap .row {
padding-right: 110px; } }
.accordion-points-list p {
margin-top: 20px;
line-height: 150%; }
.accordion-points-list .btn-wrapper {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.accordion-points-list .btn-wrapper {
margin-top: 60px; } }
.accordion-points-list .accordion-body {
display: none; }
.accordion-points-list .row {
position: relative;
width: 100%; }
.accordion-points-list .icon-outer {
top: 0px;
display: inline-block;
position: absolute;
width: 28px;
height: 28px;
right: 0px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-points-list .icon-outer {
top: -2px;
width: 26px;
height: 26px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-points-list .icon-outer {
top: -4px;
width: 25px;
height: 25px; } }
@media (max-width: 767px) {
.accordion-points-list .icon-outer {
width: 24px;
height: 24px;
right: -10px; } }
.accordion-points-list .icon-outer:before, .accordion-points-list .icon-outer:after {
content: '';
position: absolute;
top: 15px;
left: -10px;
width: 30px;
height: 2px;
background: #ffffff;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transition: left 0.3s ease, -webkit-transform 0.2s ease;
transition: left 0.3s ease, -webkit-transform 0.2s ease;
-o-transition: left 0.3s ease, -o-transform 0.2s ease;
transition: transform 0.2s ease, left 0.3s ease;
transition: transform 0.2s ease, left 0.3s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
/* Animación al cambiar */ }
.accordion-points-list .icon-outer:before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-o-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
left: 0; }
.accordion-points-list .icon-outer:after {
-webkit-transform: translate(-50%, -50%) rotate(0);
-o-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
left: 0; }
.accordion-points-list.bg-white h4,
.accordion-points-list.bg-white p {
color: #ffffff; }
.accordion-points-list__point {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch; }
.accordion-points-list__point ul {
list-style-type: none;
/* Quitar las viñetas predeterminadas */
padding: 0;
margin: 0;
display: grid;
width: 100%;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
grid-template-columns: auto; }
@media (min-width: 768px) {
.accordion-points-list__point ul {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.accordion-points-list__point li {
position: relative;
/* Necesario para posicionar el pseudo-elemento */
padding-left: 30px;
/* Espacio para el icono */
padding-bottom: 10px; }
.accordion-points-list__point li::after {
content: '';
left: 0;
bottom: 0;
background: -webkit-gradient(linear, right top, left top, from(rgba(106, 116, 163, 0)), to(#6a74a3));
background: -webkit-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: -o-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: linear-gradient(-90deg, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
position: absolute;
width: 100%;
height: 1px; }
.accordion-points-list__point li::before {
content: '';
/* Requerido para pseudo-elementos */
position: absolute;
left: 0;
top: 2px;
width: 18px;
/* Tamaño del SVG */
height: 18px;
background: url("../svg/check.svg") no-repeat center center;
background-size: contain;
/* Escalar correctamente el SVG */ }
.accordion-img-tab .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.accordion-img-tab .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.accordion-img-tab .intro-block {
margin-bottom: 60px; } }
.accordion-img-tab .title {
font-size: 0;
position: relative; }
@media (min-width: 1400px) {
.accordion-img-tab .title {
width: 80%; } }
.accordion-img-tab .title:before {
content: '';
position: absolute;
left: -30px;
top: -2px;
width: 2px;
height: calc(100% + 4px);
background-color: rgba(255, 255, 255, 0.16);
-webkit-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out; }
@media (max-width: 767px) {
.accordion-img-tab .title:before {
left: -20px; } }
.accordion-img-tab .img-logo {
max-width: 40px;
max-height: 40px;
display: inline-block;
vertical-align: top;
margin-right: 20px; }
@media (max-width: 767px) {
.accordion-img-tab .img-logo {
margin-right: 15px; } }
.accordion-img-tab .img-logo img {
opacity: 0.3;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out; }
.accordion-img-tab .img-logo + h4 {
display: inline-block;
vertical-align: top;
width: calc(100% - 62px); }
.accordion-img-tab .row {
position: relative; }
.accordion-img-tab .container {
font-size: 0; }
.accordion-img-tab .acc-tab-wrapper {
width: 50%;
min-height: 460px;
display: inline-block;
vertical-align: top; }
@media (min-width: 1680px) {
.accordion-img-tab .acc-tab-wrapper {
padding-right: 20px; } }
@media (max-width: 991px) {
.accordion-img-tab .acc-tab-wrapper {
width: 100%;
float: none;
padding: 20px 0 0;
min-height: auto; } }
.accordion-img-tab .acc-content {
padding: 0px 30px 0px 30px;
border: solid 1px transparent;
background-color: transparent;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
@media (max-width: 767px) {
.accordion-img-tab .acc-content {
padding: 0 20px; } }
.accordion-img-tab .acc-content:not(:last-child) {
margin-bottom: 50px; }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-img-tab .acc-content:not(:last-child) {
margin-bottom: 30px; } }
@media (max-width: 991px) {
.accordion-img-tab .acc-content:not(:last-child) {
margin-bottom: 20px; } }
.accordion-img-tab .acc-content .img1 {
display: block; }
.accordion-img-tab .acc-content .img2 {
display: none; }
.accordion-img-tab .acc-content h4 {
cursor: pointer;
color: #ffffff;
font-family: "Rubik", sans-serif;
position: relative;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
.accordion-img-tab .acc-content p {
margin-top: 10px;
color: rgba(255, 255, 255, 0.83);
margin-bottom: 30px; }
.accordion-img-tab .acc-content:hover .title::before {
background-color: #ff0092; }
.accordion-img-tab .acc-content:hover h4 {
color: #ffffff; }
.accordion-img-tab .acc-content.active {
position: relative;
border: solid 1px #ffffff;
background-color: #262834;
padding-top: 30px; }
@media (min-width: 992px) {
.accordion-img-tab .acc-content.active {
border-left: 0; } }
@media (max-width: 767px) {
.accordion-img-tab .acc-content.active {
padding-top: 20px; } }
.accordion-img-tab .acc-content.active:before {
content: '';
background-color: #ff0092;
height: 2px;
width: 100%;
top: -2px;
left: 0;
position: absolute; }
@media (min-width: 992px) {
.accordion-img-tab .acc-content.active:before {
width: 2px;
height: 100%;
top: 0; } }
.accordion-img-tab .acc-content.active .img2 {
display: block; }
.accordion-img-tab .acc-content.active .img1 {
display: none; }
.accordion-img-tab .acc-content.active:after {
display: none; }
.accordion-img-tab .acc-content.active .title {
width: 100%; }
.accordion-img-tab .acc-content.active .title:before {
opacity: 0; }
.accordion-img-tab .acc-content.active h4 {
color: #ffffff; }
.accordion-img-tab .acc-content.active img {
opacity: 1; }
.accordion-img-tab .btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.accordion-img-tab .btn-wrap {
margin-top: 60px; } }
.accordion-img-tab .hidden-content {
display: none;
padding-bottom: 30px; }
@media (max-width: 767px) {
.accordion-img-tab .hidden-content {
padding-bottom: 20px; } }
.accordion-img-tab .img-outer {
position: relative;
width: 50%;
display: inline-block;
vertical-align: top;
padding-left: 32px; }
@media (max-width: 991px) {
.accordion-img-tab .img-outer {
position: relative;
margin: 0 auto 20px;
width: 100%;
padding: 0;
max-width: 80%;
display: none; } }
.accordion-img-tab .img-outer .img-box {
margin: 0;
opacity: 0;
visibility: hidden;
position: absolute; }
.accordion-img-tab .img-outer .img-box.active {
opacity: 1;
visibility: visible;
position: relative; }
.accordion-img-tab .img-box,
.accordion-img-tab .img-wrapper {
width: 100%;
height: 100%; }
@media (min-width: 768px) {
.accordion-img-tab .img-box,
.accordion-img-tab .img-wrapper {
max-width: 629px; } }
.accordion-img-tab .hidden-content .img-wrapper {
display: none; }
@media (max-width: 991px) {
.accordion-img-tab .hidden-content .img-wrapper {
display: block;
margin: 30px auto 0;
width: 100%;
padding: 0; } }
@media (max-width: 767px) {
.accordion-img-tab .hidden-content .img-wrapper {
margin-top: 20px; } }
.accordion-img-tab.bg-white {
background-color: #0E111E; }
.accordion-img-tab.bg-white .container > .row {
position: relative;
padding-left: 80px;
padding-block: 100px; }
@media (min-width: 1680px) {
.accordion-img-tab.bg-white .container > .row {
padding-block: 120px;
padding-left: 85px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-img-tab.bg-white .container > .row {
padding-block: 75px;
padding-left: 55px; } }
@media (min-width: 992px) and (max-height: 950px) {
.accordion-img-tab.bg-white .container > .row {
padding-block: 75px;
padding-left: 55px; } }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-img-tab.bg-white .container > .row {
padding-block: 50px;
padding-inline: 50px; } }
@media (max-width: 767px) {
.accordion-img-tab.bg-white .container > .row {
padding: 20px; } }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .container > .row {
width: calc(100% + 115px); } }
.accordion-img-tab.bg-white .container > .row:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 86.2%;
height: 100%;
background-color: #ffffff;
z-index: -1; }
@media (min-width: 1680px) {
.accordion-img-tab.bg-white .container > .row:before {
width: 80%; } }
@media (max-width: 1399px) {
.accordion-img-tab.bg-white .container > .row:before {
width: 95.2%; } }
@media (max-width: 991px) {
.accordion-img-tab.bg-white .container > .row:before {
width: 100%; } }
@media (max-width: 767px) {
.accordion-img-tab.bg-white .container > .row:before {
width: 100%; } }
.accordion-img-tab.bg-white .container > .row .active {
border: 0; }
.accordion-img-tab.bg-white .container > .row .active h4 {
opacity: 1;
color: #ffffff; }
.accordion-img-tab.bg-white h4 {
color: #0e111391; }
@media (min-width: 768px) and (max-width: 991px) {
.accordion-img-tab.bg-white .acc-content {
padding-right: 30px; } }
@media (max-width: 767px) {
.accordion-img-tab.bg-white .acc-content {
padding-right: 20px; } }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .acc-content {
padding-right: 25px; } }
.accordion-img-tab.bg-white .acc-content:hover h4 {
color: #0E111E; }
.accordion-img-tab.bg-white .acc-content:hover .img-logo img {
opacity: 1; }
@media (min-width: 992px) {
.accordion-img-tab.bg-white .acc-content.active {
padding-bottom: 30px; } }
.accordion-img-tab.bg-white .acc-content.active .img-logo img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .acc-tab-wrapper {
width: 43.9%;
padding-right: 61px; } }
@media (min-width: 992px) {
.accordion-img-tab.bg-white .hidden-content {
display: none !important; } }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .img-outer {
width: 56.1%;
padding-left: 0; } }
.accordion-img-tab.bg-white .img-outer .img-box {
margin-top: 30px; }
@media (min-width: 992px) {
.accordion-img-tab.bg-white .img-outer .img-box {
margin-top: 65px; } }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .img-outer .img-box {
max-width: 625px;
margin-top: 58px; } }
.accordion-img-tab.bg-white .title {
width: 100%; }
.accordion-img-tab.bg-white .title:before {
opacity: 0; }
.accordion-img-tab.bg-white .intro-block {
padding-right: 40px;
width: 86.2%; }
@media (min-width: 1680px) {
.accordion-img-tab.bg-white .intro-block {
width: 78%; } }
@media (max-width: 1399px) {
.accordion-img-tab.bg-white .intro-block {
width: 89.2%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-img-tab.bg-white .intro-block {
width: 90%;
padding-right: 0; } }
@media (max-width: 991px) {
.accordion-img-tab.bg-white .intro-block {
width: 100%;
padding: 0; } }
@media (max-width: 767px) {
.accordion-img-tab.bg-white .intro-block {
width: 100%; } }
.accordion-img-tab.bg-white .intro-block h2,
.accordion-img-tab.bg-white .intro-block p {
color: #0E111E; }
@media (min-width: 1400px) {
.accordion-img-tab.bg-white .intro-block .intro-content {
padding-left: 26px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-img-tab.bg-white .intro-block .intro-block__content:first-child {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
max-width: 48%;
padding-left: 0; } }
@media (min-width: 992px) and (max-width: 1279px) {
.accordion-img-tab.bg-white .intro-block .intro-block__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 52%;
flex: 0 0 52%;
max-width: 52%;
padding-left: 20px; } }
.banner-second-level {
position: relative;
min-height: 450px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 768px) {
.banner-second-level {
min-height: 500px; } }
@media (min-width: 1680px) {
.banner-second-level {
min-height: 750px; } }
@media (min-width: 992px) and (max-height: 950px) {
.banner-second-level {
min-height: 500px; } }
.banner-second-level .bg-img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%; }
.banner-second-level .bg-img::after {
content: "";
position: absolute;
background: -webkit-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: -o-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: linear-gradient(88deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2; }
@media (min-width: 992px) {
.banner-second-level .bg-img::after {
width: 60%; } }
.banner-second-level .bg-img img {
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:top right";
object-fit: cover;
-o-object-position: top right;
object-position: top right; }
.banner-second-level .bg-img .play-btn {
position: absolute;
top: 50%;
left: 70%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4; }
@media (max-width: 991px) {
.banner-second-level .bg-img .play-btn {
display: none; } }
.banner-second-level .video-wrap {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%; }
.banner-second-level .video-wrap::after {
content: "";
position: absolute;
background: -webkit-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: -o-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: linear-gradient(88deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2; }
@media (min-width: 992px) {
.banner-second-level .video-wrap::after {
width: 60%; } }
.banner-second-level .video-wrap video {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.banner-second-level .video-wrap video::-webkit-media-controls {
display: none !important; }
.banner-second-level .video-wrap .play-btn {
position: absolute;
top: 50%;
left: 70%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4; }
@media (max-width: 991px) {
.banner-second-level .video-wrap .play-btn {
display: none; } }
.banner-second-level .video__item {
width: 100%;
height: 100%; }
.banner-second-level .video__poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }
@media (min-width: 992px) and (max-height: 950px) {
.banner-second-level .video__poster {
background-position: 0 20% !important; } }
@media (max-width: 767px) {
.banner-second-level .video__poster {
background-position: 80% 0 !important; } }
.banner-second-level .video__poster.isHide {
opacity: 0;
visibility: hidden; }
.banner-second-level__content {
max-width: 650px;
width: 100%;
padding-top: 147px; }
@media (min-width: 1680px) {
.banner-second-level__content {
max-width: 840px;
padding-top: 50px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-second-level__content {
padding-top: 120px; } }
@media (min-width: 992px) and (max-height: 950px) {
.banner-second-level__content {
padding-top: 120px; } }
@media (max-width: 991px) {
.banner-second-level__content {
padding-top: 90px; } }
@media (max-width: 767px) {
.banner-second-level__content {
padding-top: 80px; } }
.banner-second-level__content .eyebrow {
color: #ff0092; }
.banner-second-level__content h5 {
margin-top: 20px;
max-width: 630px; }
@media (min-width: 1680px) {
.banner-second-level__content h5 {
max-width: 840px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-second-level__content h5 {
max-width: 580px; } }
.banner-second-level__content h5 > p {
font-size: 18px;
line-height: 150%;
font-weight: 400; }
.banner-second-level__content .play-btn {
display: none; }
@media (max-width: 991px) {
.banner-second-level__content .play-btn {
display: block;
margin-top: 30px; } }
.banner-second-level__action {
margin-top: 20px; }
@media (min-width: 1280px) {
.banner-second-level__action {
margin-top: 30px; } }
@media (min-width: 1680px) {
.banner-second-level__action {
margin-top: 40px; } }
.banner-second-level__action a {
margin-top: 20px; }
.banner-second-level__action a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.banner-second-level__action a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.banner-second-level__action a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.banner-second-level__action a:not(:last-child) {
margin-right: 45px; } }
.banner-second-level.with-img h1.h2, .banner-second-level.with-img h1, .banner-second-level.with-img p {
color: #ffffff; }
.banner-second-level__box {
background-color: #262834;
padding: 40px;
width: 400px;
display: grid;
text-align: center;
gap: 30px; }
.banner-second-level__box-icon img {
width: 60px; }
.banner-second-level .with-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin: 0 auto; }
@media (min-width: 768px) {
.banner-second-level .with-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1680px) {
.banner-second-level .with-box {
gap: 50px; } }
.banner-fourth-level {
position: relative;
min-height: 350px; }
@media (min-width: 1280px) {
.banner-fourth-level {
min-height: 500px; } }
@media (min-width: 992px) {
.banner-fourth-level {
min-height: 450px; } }
.banner-fourth-level .bg-img {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%; }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-fourth-level .breadcrumb {
margin-top: 20px; } }
.banner-fourth-level .breadcrumb ul {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.banner-fourth-level .breadcrumb ul li {
list-style: none;
padding-right: 35px; }
@media (max-width: 575px) {
.banner-fourth-level .breadcrumb ul li {
padding-right: 24px; } }
.banner-fourth-level .breadcrumb ul li:last-child {
pointer-events: none;
cursor: default;
color: #ff0092; }
.banner-fourth-level .breadcrumb ul li:last-child span {
border-bottom: 1px solid #ff0092; }
.banner-fourth-level .breadcrumb ul li:last-child a {
color: #ff0092; }
.banner-fourth-level .breadcrumb ul li::before {
display: none; }
.banner-fourth-level .breadcrumb ul li:last-child::after {
display: none; }
.banner-fourth-level .breadcrumb ul li a {
color: #ffffff;
cursor: pointer; }
.banner-fourth-level .breadcrumb ul li a span {
font-size: 14px;
font-weight: 700;
text-transform: uppercase; }
.banner-fourth-level__content {
width: 100%;
padding-top: 74px; }
@media (min-width: 992px) {
.banner-fourth-level__content {
max-width: 77%; } }
@media (min-width: 992px) and (max-height: 950px) {
.banner-fourth-level__content {
padding-top: 110px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-fourth-level__content {
max-width: 90%; } }
.banner-fourth-level h5,
.banner-fourth-level .h5 {
margin-top: 20px;
width: 100%; }
@media (min-width: 992px) {
.banner-fourth-level h5,
.banner-fourth-level .h5 {
margin-top: 25px; } }
@media (min-width: 1280px) {
.banner-fourth-level h5,
.banner-fourth-level .h5 {
margin-top: 40px; } }
@media (min-width: 1680px) {
.banner-fourth-level h5,
.banner-fourth-level .h5 {
margin-top: 45px; } }
@media (min-width: 992px) {
.banner-fourth-level h5,
.banner-fourth-level .h5 {
max-width: 77%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-fourth-level h5,
.banner-fourth-level .h5 {
max-width: 90%; } }
.banner-fourth-level.has-from .banner-fourth-level__content {
display: inline-block;
vertical-align: top;
width: 50%; }
@media (max-width: 991px) {
.banner-fourth-level.has-from .banner-fourth-level__content {
width: 100%; } }
.banner-fourth-level.has-from .banner-fourth-level__content h1 {
padding-right: 20px; }
.banner-fourth-level.has-from .form-wrap {
background-color: #ffffff;
padding: 30px;
display: inline-block;
vertical-align: top;
margin-top: 80px;
width: 49%; }
@media (max-width: 991px) {
.banner-fourth-level.has-from .form-wrap {
width: 100%;
margin-top: 30px; } }
.banner-fourth-level.has-from .form-wrap h3 {
color: #0E111E;
margin-bottom: 30px; }
.banner-fourth-level.v-align-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.banner-with-card {
min-height: 650px;
padding-top: 120px; }
@media (min-width: 1680px) {
.banner-with-card {
padding-top: 185px; } }
@media (min-width: 1400px) {
.banner-with-card {
padding-top: 130px; } }
@media (max-width: 1024px) {
.banner-with-card {
padding-top: 90px; } }
.banner-with-card__intro {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.banner-with-card__intro {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.banner-with-card__intro {
margin-bottom: 60px; } }
.banner-with-card__intro p {
margin-top: 10px;
max-width: 620px; }
.banner-with-card__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.banner-with-card__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.banner-with-card__items {
margin-top: -30px; } }
@media (min-width: 1025px) {
.banner-with-card__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.banner-with-card__items > * {
margin-top: 20px; }
@media (min-width: 768px) {
.banner-with-card__items > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.banner-with-card__items > * {
margin-top: 30px; } }
@media (min-width: 1025px) {
.banner-with-card__items > * {
padding-inline: 12px; } }
.banner-with-card .bg-gradient {
position: absolute;
inset: 0;
width: 100%;
background-color: #0E111E; }
.banner-with-card .bg-gradient .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
background: -webkit-linear-gradient(225deg, #163498 9.38%, #1e57f7 50.52%, #2bf9eb 92.62%);
background: -o-linear-gradient(225deg, #163498 9.38%, #1e57f7 50.52%, #2bf9eb 92.62%);
background: linear-gradient(225deg, #163498 9.38%, #1e57f7 50.52%, #2bf9eb 92.62%);
opacity: 0.2;
-webkit-filter: blur(82px);
filter: blur(82px); }
@media (min-width: 1680px) {
.banner-with-card .bg-gradient .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.banner-with-card .bg-gradient .circle-gradient {
width: 50%; } }
.banner-with-card .bg-gradient .circle-gradient--top-right {
top: -10%;
right: -5%;
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg); }
.banner-with-card .bg-gradient .circle-gradient--bottom-left {
bottom: 8%;
left: -5%; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
position: absolute; }
@media (min-width: 1680px) {
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--one {
bottom: 20%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--two {
bottom: 30%;
left: 20%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--three {
bottom: 35%;
background: #ff0092;
right: 15%;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 271.481px;
height: 231.325px;
border-radius: 271.481px; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--img {
top: 50%;
left: 30%;
-webkit-transform: translate(-30%, -25%) img;
-o-transform: translate(-30%, -25%) img;
transform: translate(-30%, -25%) img;
transform-width: 80%; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--four {
top: -30%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--five {
top: -30%;
left: 10%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--six {
top: -30%;
background: #ff0092;
right: 15%;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 271.481px;
height: 231.325px;
border-radius: 271.481px; }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background .circle-gradient--img2 {
top: -35%;
left: 30%;
-webkit-transform: translate(-30%, -25%) img;
-o-transform: translate(-30%, -25%) img;
transform: translate(-30%, -25%) img;
transform-width: 80%; }
@media (max-width: 767px) {
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background {
display: none; } }
.banner-with-card.theme-v2.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.banner-with-card .big-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.banner-with-card .big-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33%;
flex: 0 0 58.33%;
max-width: 58.33%; } }
.banner-with-card .big-card-wrap .card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.banner-with-card .side-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.banner-with-card .side-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%; } }
.banner-with-card.theme-v2 .big-card-wrap {
position: relative; }
.banner-with-card.theme-v2 .card {
position: unset;
border: 0; }
.banner-with-card.theme-v2 .card:hover .card__img img {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.banner-with-card.theme-v2 .card__img {
border-radius: 10px;
width: 85%; }
.banner-with-card.theme-v2 .card__content {
position: absolute;
z-index: 1;
width: 80%;
bottom: 0;
right: 10px;
border-radius: 10px 10px 0px 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 40px; }
.banner-with-card.theme-v2 .card__content .tag {
color: #ff0092;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.banner-with-card.theme-v2 .card__content h3 {
font-size: 32px;
font-weight: 400;
line-height: 120%;
font-family: "Rubik", sans-serif;
letter-spacing: normal; }
.banner-with-card.theme-v2 .card__content .btn-wrap {
margin-top: 15px; }
.banner-with-card.theme-v2 .card-with-img {
padding: 30px 40px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
margin-bottom: 23px; }
.banner-with-card.theme-v2 .card-with-img:not(:last-child) {
border-bottom: 0; }
.banner-with-card.theme-v2 .card-with-img:first-child {
padding-top: 30px; }
.banner-with-card.theme-v2 .card-with-img:last-child {
padding-bottom: 30px;
margin-bottom: 0; }
.banner-with-card.theme-v2 .card-with-img .tag {
color: #ff0092;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.banner-with-card.theme-v2 .card-with-img .btn-wrap {
margin-top: 15px; }
.banner-with-card.theme-v2 .card-with-img__content {
width: 100%; }
.banner-with-card.theme-v2 .card-with-img__content h4 {
font-size: 22px;
font-weight: 400;
line-height: 150%;
font-family: "Rubik", sans-serif;
letter-spacing: normal; }
.banner-with-card.theme-v2 .card-with-img__img {
display: none; }
.banner-with-card .card-with-img {
padding-block: 40px;
overflow: hidden;
position: relative; }
@media (max-width: 1399px) {
.banner-with-card .card-with-img {
padding-block: 20px; } }
@media (min-width: 1280px) {
.banner-with-card .card-with-img {
padding-block: 50px; } }
.banner-with-card .card-with-img:first-child {
padding-top: 0; }
.banner-with-card .card-with-img:last-child {
padding-bottom: 0; }
.banner-with-card .card-with-img:not(:last-child) {
border-bottom: 1px solid #ffffff; }
.banner-with-card .card-with-img .tag {
display: inline-block;
margin-bottom: 20px;
text-transform: uppercase; }
.banner-with-card .card-with-img__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
position: relative; }
.banner-with-card .card-with-img__items:hover .card-with-img__img img {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.banner-with-card .card-with-img__items:hover .card-with-img__content h4 {
color: #ff0092; }
@media (min-width: 768px) {
.banner-with-card .card-with-img__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 1025px) {
.banner-with-card .card-with-img__items {
width: calc(100% + 24px);
margin-left: -12px; } }
@media (max-width: 991px) {
.banner-with-card .card-with-img__items {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.banner-with-card .card-with-img__items > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.banner-with-card .card-with-img__items > * {
padding-inline: 8px; }
@media (min-width: 768px) {
.banner-with-card .card-with-img__items > * {
padding-inline: 8px; } }
@media (min-width: 1025px) {
.banner-with-card .card-with-img__items > * {
padding-inline: 12px; } }
.banner-with-card .card-with-img__content {
width: calc(100% - 160px); }
.banner-with-card .card-with-img__content h4 {
font-weight: normal;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
.banner-with-card .card-with-img__img {
overflow: hidden;
width: 160px;
height: 160px;
padding: 0; }
.banner-with-card .card-with-img__img img {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
height: 100%;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.banner-with-card .card {
border: 2px solid;
border-image-source: linear-gradient(26deg, #2bf9eb -2.35%, #1e57f7 45.92%, #ff0092 86.76%);
overflow: hidden;
border-image-slice: 1;
position: relative; }
.banner-with-card .card:hover .card__img img {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.banner-with-card .card:hover .card__content h3 {
color: #ff0092; }
.banner-with-card .card .tag {
margin-bottom: 20px;
display: inline-block;
text-transform: uppercase; }
@media (min-width: 992px) {
.banner-with-card .card .tag {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.banner-with-card .card .tag {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.banner-with-card .card .tag {
margin-bottom: 45px; } }
.banner-with-card .card__img {
overflow: hidden;
max-height: 350px; }
@media (min-width: 1680px) {
.banner-with-card .card__img {
max-height: 450px; } }
@media (min-width: 1280px) {
.banner-with-card .card__img {
max-height: 410px; } }
@media (min-width: 992px) {
.banner-with-card .card__img {
max-height: 468px; } }
.banner-with-card .card__img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.banner-with-card .card__content {
padding: 40px; }
@media (min-width: 1280px) {
.banner-with-card .card__content {
padding: 50px; } }
.banner-with-card .card__content h3 {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (min-width: 1680px) {
.banner-with-card .card__content h3 {
font-size: 40px; } }
.banner-with-card .empty-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.banner-with-card.bg-white .banner-with-card__intro h1 {
color: #0E111E; }
.banner-with-card.bg-white .banner-with-card__intro p {
color: #0E111E; }
.banner-with-card.bg-white .tag {
color: #0E111E; }
.banner-with-card.bg-white h4 {
color: #0E111E; }
.banner-with-card.bg-white h3 {
color: #0E111E; }
.banner-with-card.bg-white .bg-gradient {
background-color: unset; }
.banner-with-big-card {
min-height: 650px;
padding-top: 120px; }
@media (min-width: 1680px) {
.banner-with-big-card {
padding-top: 185px; } }
@media (min-width: 1400px) {
.banner-with-big-card {
padding-top: 130px; } }
@media (max-width: 1024px) {
.banner-with-big-card {
padding-top: 90px; } }
.banner-with-big-card__intro {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.banner-with-big-card__intro {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.banner-with-big-card__intro {
margin-bottom: 60px; } }
.banner-with-big-card__intro p {
margin-top: 10px;
max-width: 620px; }
.banner-with-big-card__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.banner-with-big-card__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.banner-with-big-card__items {
margin-top: -30px; } }
@media (min-width: 1025px) {
.banner-with-big-card__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.banner-with-big-card__items > * {
margin-top: 20px; }
@media (min-width: 768px) {
.banner-with-big-card__items > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.banner-with-big-card__items > * {
margin-top: 30px; } }
@media (min-width: 1025px) {
.banner-with-big-card__items > * {
padding-inline: 12px; } }
.banner-with-big-card.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
position: absolute; }
@media (min-width: 1680px) {
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--one {
bottom: 20%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--two {
bottom: 30%;
left: 20%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--three {
bottom: 35%;
background: #ff0092;
right: 15%;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 271.481px;
height: 231.325px;
border-radius: 271.481px; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--img {
top: 50%;
left: 30%;
-webkit-transform: translate(-30%, -25%) img;
-o-transform: translate(-30%, -25%) img;
transform: translate(-30%, -25%) img;
transform-width: 80%; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--four {
top: -30%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--five {
top: -30%;
left: 10%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--six {
top: -30%;
background: #ff0092;
right: 15%;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 271.481px;
height: 231.325px;
border-radius: 271.481px; }
.banner-with-big-card.bg-gradient .bg-gradient__background .circle-gradient--img2 {
top: -35%;
left: 30%;
-webkit-transform: translate(-30%, -25%) img;
-o-transform: translate(-30%, -25%) img;
transform: translate(-30%, -25%) img;
transform-width: 80%; }
@media (max-width: 767px) {
.banner-with-big-card.bg-gradient .bg-gradient__background {
display: none; } }
.banner-with-big-card.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.banner-with-big-card .big-card-wrap {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.banner-with-big-card .big-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33%;
flex: 0 0 58.33%;
max-width: 58.33%; } }
.banner-with-big-card .big-card-wrap .card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.banner-with-big-card .side-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.banner-with-big-card .side-card-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66666667%;
flex: 0 0 41.66666667%;
max-width: 41.66666667%; } }
.banner-with-big-card .card-with-img {
position: relative;
overflow: hidden;
padding: 15px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
/* @include container-down {
padding-block: 20px;
}
@include desktop-up {
padding-block: 50px;
} */ }
.banner-with-big-card .card-with-img:first-child {
border-radius: 10px 10px 0px 0px; }
.banner-with-big-card .card-with-img:last-child {
border-radius: 0px 0px 10px 10px; }
.banner-with-big-card .card-with-img .tag {
color: #ff0092;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 120%;
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px;
display: inline-block; }
.banner-with-big-card .card-with-img .btn-wrap {
margin-top: 10px; }
.banner-with-big-card .card-with-img__content {
width: calc(100% - 160px); }
.banner-with-big-card .card-with-img__content h4 {
font-size: 22px;
font-weight: 400;
line-height: 150%;
font-family: "Rubik", sans-serif;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: -webkit-box;
-webkit-line-clamp: 2;
/* Limita a 2 líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.banner-with-big-card .card-with-img__img {
width: 122px;
height: 122px;
overflow: hidden;
padding: 0;
background: white;
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.banner-with-big-card .card-with-img__img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
padding: 10px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.banner-with-big-card .card-with-img__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* width: calc(100% + 16px);
margin-left: -8px; */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
gap: 30px; }
.banner-with-big-card .card-with-img__items > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
@media (min-width: 1025px) {
.banner-with-big-card .card-with-img__items {
/* width: calc(100% + 24px);
margin-left: -12px;
> * {
padding-inline: 12px;
} */ } }
.banner-with-big-card .card {
overflow: hidden; }
.banner-with-big-card .card:hover .card__img img {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
.banner-with-big-card .card .tag {
margin-bottom: 20px;
display: inline-block;
text-transform: uppercase; }
@media (min-width: 992px) {
.banner-with-big-card .card .tag {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.banner-with-big-card .card .tag {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.banner-with-big-card .card .tag {
margin-bottom: 45px; } }
.banner-with-big-card .card__img {
border-radius: 10px;
width: 85%;
overflow: hidden;
max-height: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 1680px) {
.banner-with-big-card .card__img {
max-height: 450px; } }
@media (min-width: 1280px) {
.banner-with-big-card .card__img {
max-height: 410px; } }
@media (min-width: 992px) {
.banner-with-big-card .card__img {
max-height: 468px; } }
.banner-with-big-card .card__img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.banner-with-big-card .card__content {
position: absolute;
z-index: 1;
width: 80%;
bottom: 0;
right: 10px;
border-radius: 10px 10px 0px 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 40px; }
.banner-with-big-card .card__content .tag {
color: #ff0092;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 120%;
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.banner-with-big-card .card__content h3 {
font-size: 32px;
font-weight: 400;
line-height: 120%;
font-family: "Rubik", sans-serif;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
margin-bottom: 10px; }
@media (min-width: 1680px) {
.banner-with-big-card .card__content h3 {
font-size: 40px; } }
.banner-with-big-card .card__content .btn-wrap {
margin-top: 30px; }
.banner-with-big-card .empty-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.banner-with-big-card.bg-white .banner-with-card__intro h1 {
color: #0E111E; }
.banner-with-big-card.bg-white .banner-with-card__intro p {
color: #0E111E; }
.banner-with-big-card.bg-white .tag {
color: #0E111E; }
.banner-with-big-card.bg-white h4 {
color: #0E111E; }
.banner-with-big-card.bg-white h3 {
color: #0E111E; }
.banner-with-big-card.bg-white .bg-gradient {
background-color: unset; }
.tab-with-img.bg-white {
background-color: #0E111E; }
.tab-with-img.bg-white .tab-with-img__items {
position: relative;
padding-top: 100px;
padding-left: 70px;
padding-bottom: 100px; }
@media (min-width: 992px) and (max-width: 1279px) {
.tab-with-img.bg-white .tab-with-img__items {
padding: 70px 0px 70px 40px; } }
@media (max-width: 991px) {
.tab-with-img.bg-white .tab-with-img__items {
padding: 56px 30px; } }
@media (max-width: 767px) {
.tab-with-img.bg-white .tab-with-img__items {
padding: 30px 30px; } }
.tab-with-img.bg-white .tab-with-img__items:before {
content: '';
position: absolute;
left: 0px;
top: 0;
height: 100%;
width: 91.4%;
background-color: #ffffff;
z-index: -1; }
@media (min-width: 1680px) {
.tab-with-img.bg-white .tab-with-img__items:before {
width: 80%; } }
@media (max-width: 991px) {
.tab-with-img.bg-white .tab-with-img__items:before {
width: 100%; } }
.tab-with-img.bg-white h2,
.tab-with-img.bg-white p {
color: #0E111E; }
@media (max-width: 991px) {
.tab-with-img .content > h2 {
display: none; } }
.tab-with-img .content-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 8px; }
@media (min-width: 992px) {
.tab-with-img .content-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.tab-with-img .content-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 52%;
flex: 0 0 52%; } }
@media (min-width: 1025px) {
.tab-with-img .content-wrap {
padding: 0 12px; } }
.tab-with-img .content-wrap .content > h2 {
margin-bottom: 30px; }
@media (max-width: 991px) {
.tab-with-img .content-wrap .content > h2 {
margin-bottom: 10px; } }
.tab-with-img .content-wrap ul {
padding: 0; }
.tab-with-img .img-outer-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 8px;
margin-top: 40px; }
@media (max-width: 991px) {
.tab-with-img .img-outer-wrap {
margin: 40px auto 20px;
max-width: 80%;
width: 100%; } }
@media (max-width: 767px) {
.tab-with-img .img-outer-wrap {
max-width: 90%; } }
@media (min-width: 992px) {
.tab-with-img .img-outer-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
margin-top: 0; } }
@media (min-width: 992px) and (max-width: 1279px) {
.tab-with-img .img-outer-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%; } }
@media (min-width: 1025px) {
.tab-with-img .img-outer-wrap {
padding: 0 12px; } }
.tab-with-img__items {
min-height: 539px;
position: relative; }
@media (min-width: 992px) {
.tab-with-img__items > h2 {
display: none; } }
.tab-with-img__items > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; }
@media (max-width: 991px) {
.tab-with-img__items > .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset; } }
@media (min-width: 992px) {
.tab-with-img__items > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 1025px) {
.tab-with-img__items > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.tab-with-img .tab-wrap p {
margin-top: 20px; }
.tab-with-img .tab-wrap li:before {
display: none; }
.tab-with-img .tab-wrap .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.tab-with-img .tab-wrap .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.tab-with-img .tab-wrap .btn-wrap {
margin-top: 40px; } }
.tab-with-img .tab-wrap .btn-wrap a {
margin-top: 20px; }
.tab-with-img .tab-wrap .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.tab-with-img .tab-wrap .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.tab-with-img .tab-wrap .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.tab-with-img .tab-wrap .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.tab-with-img .tab-head a {
color: #0E111E;
opacity: 1;
font-size: inherit;
-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out; }
.tab-with-img .tab-head a:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: #ff0092;
bottom: -1px;
left: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.tab-with-img .tab-head ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.tab-with-img .tab-head ul li:not(:last-child) {
margin-right: 50px; }
.tab-with-img .tab-head li:not(.active) h4 a {
opacity: 0.2; }
.tab-with-img .tab-head li:not(.active) h4 a:after {
opacity: 0; }
.tab-with-img .tab-head li:not(.active):hover a {
color: #0E111E;
opacity: 1; }
.tab-with-img .tab-head li:not(.active):hover a:after {
opacity: 1; }
.tab-with-img .tab-body ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
@media (min-width: 768px) {
.tab-with-img .tab-body ul {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 1025px) {
.tab-with-img .tab-body ul {
width: calc(100% + 24px);
margin-left: -12px; } }
.tab-with-img .tab-body li {
margin-top: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 768px) {
.tab-with-img .tab-body li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 1025px) {
.tab-with-img .tab-body li {
padding: 0 12px; } }
.tab-with-img .tab-body li.full-width {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.tab-with-img .img-wrap:not(.active) {
display: none; }
.tab-with-img .tab-body:not(.active) {
display: none; }
.tab-with-img.bg-black .tab-head a {
color: #ffffff; }
.tab-with-img.bg-black .tab-head li:not(.active) h4 a {
opacity: .6; }
.tab-with-img.bg-black .tab-head li:not(.active):hover a {
color: #ffffff; }
.col-two-cards {
overflow: visible; }
.col-two-cards__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.col-two-cards__background {
display: none; } }
.col-two-cards__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.col-two-cards .container > .row {
width: 100%;
margin-left: 0;
margin-top: -20px; }
@media (min-width: 768px) {
.col-two-cards .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-two-cards .container > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.col-two-cards .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-two-cards .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-two-cards .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-two-cards .intro-block {
margin-bottom: 60px; } }
.col-two-cards .intro-block__content {
max-width: 100%;
text-align: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.col-two-cards .bg-img {
position: absolute;
inset: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(../webp/rain-background.webp) no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center; }
@media (max-width: 767px) {
.col-two-cards .bg-img {
display: none; } }
.col-two-cards .bg-img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.col-two-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 100%;
flex: 0 100%;
max-width: 100%;
margin-top: 20px; }
@media (min-width: 768px) {
.col-two-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 992px) {
.col-two-cards__item {
margin-top: 30px; } }
@media (min-width: 1280px) {
.col-two-cards__item {
padding: 0 12px; } }
.col-two-cards__item .content-with-icon-card {
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
@media (max-width: 575px) {
.col-two-cards__item .content-with-icon-card .row {
display: block; } }
@media (max-width: 575px) {
.col-two-cards__item .content-with-icon-card__content {
margin-top: 20px; } }
.col-two-cards__item .content-with-icon-card > a {
opacity: 0;
z-index: 1; }
.ua-safari .col-two-cards .bg-img {
background-attachment: unset; }
.col-two-grid__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.col-two-grid__background {
display: none; } }
.col-two-grid__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.col-two-grid.show-background .col-two-grid__background {
display: block !important; }
.col-two-grid.show-background .col-two-grid__background img {
height: auto; }
.col-two-grid.gradient-blue {
background: -webkit-gradient(linear, left top, left bottom, from(#151b3a), to(#0e111e));
background: -webkit-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: -o-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: linear-gradient(180deg, #151b3a 0%, #0e111e 100%); }
.col-two-grid.gradient-blue-top {
background: -webkit-gradient(linear, left top, left bottom, from(#0e111e), to(#151b3a));
background: -webkit-linear-gradient(top, #0e111e 0%, #151b3a 100%);
background: -o-linear-gradient(top, #0e111e 0%, #151b3a 100%);
background: linear-gradient(180deg, #0e111e 0%, #151b3a 100%); }
.col-two-grid.gradient-blue-bottom {
background: -webkit-gradient(linear, left top, left bottom, from(#151b3a), to(#0e111e));
background: -webkit-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: -o-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: linear-gradient(180deg, #151b3a 0%, #0e111e 100%); }
.col-two-grid#the-challenge .intro-block .row {
gap: 0; }
.col-two-grid#the-challenge .intro-block__content {
max-width: 100%;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
text-align: center; }
.col-two-grid#how-we-help .intro-block .row {
gap: 20px; }
.col-two-grid#how-we-help .col-two-grid__background {
display: none; }
.col-two-grid#how-we-help .intro-block__content {
max-width: 100%;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
text-align: center; }
.col-two-grid#how-we-help .col-two {
margin-top: 0;
gap: 0;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.4);
position: relative;
background: none; }
@media (min-width: 1025px) {
.col-two-grid#how-we-help .col-two:nth-child(1n) {
border-left: none; }
.col-two-grid#how-we-help .col-two:nth-child(3n) {
border-right: none; }
.col-two-grid#how-we-help .col-two:nth-child(-n + 3) {
border-top: none; }
.col-two-grid#how-we-help .col-two:nth-last-child(-n + 3) {
border-bottom: none; } }
.col-two-grid#how-we-help .container > .row {
gap: 0; }
.col-two-grid .container > .row {
width: 100%;
margin-left: 0;
margin-top: -20px; }
.col-two-grid .col-two {
margin-top: 20px; }
@media (max-width: 767px) {
.col-two-grid .col-two {
margin-top: 20px;
margin-bottom: 0; } }
.col-two-grid .col-two p {
margin-top: 20px;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%; }
@media (min-width: 1680px) {
.col-two-grid .col-two p {
font-size: 20px; } }
@media (min-width: 1400px) {
.col-two-grid .col-two:nth-child(odd) {
padding-left: 0px; } }
@media (min-width: 1400px) {
.col-two-grid .col-two:nth-child(even) {
padding-left: 18px; } }
.col-two-grid .logo {
max-width: 60px;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px; }
.col-two-grid .logo img {
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
height: 100%; }
.col-two-grid .content h3 {
line-height: 120%;
font-weight: 400; }
@media (min-width: 1400px) {
.col-two-grid .content {
max-width: 476px;
width: 100%; } }
.col-two-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-two-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-two-grid .intro-block {
margin-bottom: 60px; } }
.col-two-grid.three-column .row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px; }
.col-two-grid.three-column .col-two {
padding: 40px;
margin-top: 50px;
-ms-flex-preferred-size: 30.3%;
flex-basis: 30.3%;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-grid.three-column .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
@media (min-width: 576px) and (max-width: 767px) {
.col-two-grid.three-column .col-two {
-ms-flex-preferred-size: 80%;
flex-basis: 80%; } }
@media (max-width: 575px) {
.col-two-grid.three-column .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
@media (min-width: 1400px) {
.col-two-grid.three-column .col-two:nth-child(odd) {
padding: 40px; } }
@media (min-width: 1400px) {
.col-two-grid.three-column .col-two:nth-child(even) {
padding: 40px; } }
.col-two-intro .outer-wrap {
background-color: #262834;
padding: 100px 100px; }
@media (min-width: 1680px) {
.col-two-intro .outer-wrap {
padding: 120px 120px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.col-two-intro .outer-wrap {
padding: 75px 50px; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-intro .outer-wrap {
padding: 75px 40px; } }
@media (max-width: 767px) {
.col-two-intro .outer-wrap {
padding: 50px 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-intro .col-two {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 0; } }
.col-two-intro p {
margin-top: 20px; }
.col-two-intro .btn-wrap {
margin-top: 50px; }
@media (min-width: 1680px) {
.col-two-intro .btn-wrap {
margin-top: 60px; } }
@media (max-width: 1279px) {
.col-two-intro .btn-wrap {
margin-top: 40px; } }
.col-two-intro h4 {
font-weight: 700;
margin-top: 20px; }
.col-two-intro ul {
margin-top: 30px;
padding-left: 16px; }
@media (max-width: 767px) {
.col-two-intro ul {
margin-top: 20px; } }
.col-two-intro li {
margin-top: 20px;
line-height: 1.23; }
@media (min-width: 992px) and (max-width: 1279px) {
.col-two-intro li {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-intro li {
margin-top: 15px; } }
@media (max-width: 767px) {
.col-two-intro li {
margin-top: 10px; } }
.col-two-intro li:first-child {
margin-top: 0; }
@media (min-width: 1400px) {
.col-two-intro li {
font-size: 18px; } }
.col-two-intro li:before {
width: 5px;
height: 5px;
top: 8px; }
.col-two-intro h4 {
font-family: "Rubik", sans-serif; }
@media (min-width: 992px) {
.col-two-intro .col-two:first-child {
padding-left: 0;
padding-right: 40px; } }
@media (max-width: 767px) {
.col-two-intro .col-two {
padding: 0; } }
.comparison-table {
overflow: visible; }
.comparison-table .intro-block {
margin-bottom: 50px; }
.comparison-table .table-outer {
position: relative; }
.comparison-table img {
width: auto; }
.comparison-table .title {
cursor: pointer; }
.comparison-table .table-header {
position: sticky;
top: 0;
z-index: 59;
background-color: #ffffff;
position: -webkit-sticky; }
.comparison-table .content-row {
margin-top: 50px; }
@media (min-width: 1680px) {
.comparison-table .content-row {
margin-top: 60px; } }
@media (max-width: 1279px) {
.comparison-table .content-row {
margin-top: 40px; } }
@media (max-width: 767px) {
.comparison-table .content-row {
margin-top: 20px; } }
.comparison-table .content-row:first-child {
margin-top: 0; }
.comparison-table .content-row.hidden .icon-outer:before {
opacity: 1; }
@media (max-width: 1024px) {
.comparison-table .t-body .row {
border-bottom: solid 1px #000000; } }
.comparison-table .t-body .row:nth-child(odd) .col-four:nth-child(3) {
background-color: rgba(196, 198, 205, 0.21); }
.comparison-table .t-body .row:nth-child(even) {
background-color: rgba(230, 231, 232, 0.88); }
.comparison-table .t-body .row:nth-child(even) .col-four:nth-child(3) {
background-color: #b6bcce36; }
.comparison-table .t-body .row:last-child .col-four:nth-child(3) {
border-bottom: solid 1px #000000; }
@media (max-width: 1024px) {
.comparison-table .t-body .row:last-child .col-four:nth-child(3) {
border-bottom: 0; } }
.comparison-table .t-body .col-four {
padding: 20px 30px;
min-height: 85px; }
@media (max-width: 1024px) {
.comparison-table .t-body .col-four {
min-height: auto; } }
.comparison-table .t-body .col-four:first-child {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start; }
@media (max-width: 1024px) {
.comparison-table .t-body .col-four:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-bottom: solid 1px #000000;
border-right: 0; } }
.comparison-table .t-body p {
margin-top: 0; }
.comparison-table .btn-wrapper {
margin-top: 50px;
text-align: center; }
@media (min-width: 1680px) {
.comparison-table .btn-wrapper {
margin-top: 60px; } }
@media (max-width: 1279px) {
.comparison-table .btn-wrapper {
margin-top: 40px; } }
.comparison-table h3, .comparison-table h4, .comparison-table p, .comparison-table h6, .comparison-table h5 {
color: #000000; }
.comparison-table h4 {
font-family: "Rubik", sans-serif; }
.comparison-table .col-four {
border-right: solid 1px #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 30px 30px 30px;
width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%; }
.comparison-table .col-four:last-child {
border: 0; }
@media (max-width: 1024px) {
.comparison-table .col-four {
width: 33.33%;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%; } }
.comparison-table .table-header .col-four:first-child {
padding-left: 0;
padding-top: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start; }
@media (max-width: 1024px) {
.comparison-table .table-header .col-four:first-child {
display: none; } }
.comparison-table .table-header .col-four:nth-child(3) {
position: relative;
background-color: rgba(182, 183, 187, 0.28); }
.comparison-table .table-header .col-four:nth-child(3):before {
content: '';
position: absolute;
height: 6px;
width: 100%;
left: 0;
top: 0px;
background-image: -webkit-linear-gradient(323deg, #1e57f7 14%, #2BF9EB);
background-image: -o-linear-gradient(323deg, #1e57f7 14%, #2BF9EB);
background-image: linear-gradient(127deg, #1e57f7 14%, #2BF9EB); }
.comparison-table h3, .comparison-table h4 {
margin-top: 0; }
.comparison-table p {
margin-top: 8px; }
.comparison-table h6 {
font-weight: 700;
line-height: 1.25; }
.comparison-table .title {
background-color: #262834;
padding: 30px 70px 30px 30px;
position: relative; }
.comparison-table .title h4 {
color: #ffffff; }
.comparison-table .hpn {
display: block;
margin: auto;
width: 25px;
border-top: solid 2px #000000; }
.comparison-table .icon-outer {
top: 30px;
display: inline-block;
position: absolute;
border-radius: 50%;
border: solid 2px #ffffff;
width: 27px;
height: 27px;
right: 37px; }
@media (max-width: 991px) {
.comparison-table .icon-outer {
top: 27px;
width: 26px;
height: 26px; } }
.comparison-table .icon-outer:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 16px;
margin: auto;
height: 2px;
background: #ffffff; }
@media (min-width: 768px) and (max-width: 991px) {
.comparison-table .icon-outer:after {
width: 10px; } }
@media (max-width: 767px) {
.comparison-table .icon-outer:after {
width: 10px; } }
.comparison-table .icon-outer:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 2px;
margin: auto;
height: 16px;
background: #ffffff;
opacity: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.comparison-table .icon-outer:before {
height: 10px; } }
@media (max-width: 767px) {
.comparison-table .icon-outer:before {
height: 10px; } }
.comparison-table .tbody .col-four {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }
.scrolling-up .comparison-table .table-header {
top: 130px; }
@media (max-width: 1024px) {
.scrolling-up .comparison-table .table-header {
top: 80px; } }
.col-three-card {
position: relative; }
.col-three-card .bg-gradient {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
-webkit-filter: blur(150px);
filter: blur(150px); }
.col-three-card .bg-gradient::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
top: 0;
right: 0; }
.col-three-card .bg-gradient::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 82% 70%);
clip-path: ellipse(18% 30% at 82% 70%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.col-three-card .container > .row {
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.col-three-card .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-three-card .container > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.col-three-card .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-three-card .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-three-card .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-three-card .intro-block {
margin-bottom: 60px; } }
.col-three-card__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px; }
@media (min-width: 768px) {
.col-three-card__item {
padding: 0 8px; } }
@media (min-width: 992px) {
.col-three-card__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px; } }
@media (min-width: 1280px) {
.col-three-card__item {
padding: 0 12px; } }
.col-three-card .card {
height: 100%;
position: relative;
-webkit-box-shadow: 0px 20px 70px rgba(30, 87, 247, 0.1), 0 4px 4px rgba(0, 0, 0, 0.125);
box-shadow: 0px 20px 70px rgba(30, 87, 247, 0.1), 0 4px 4px rgba(0, 0, 0, 0.125);
background-image: -webkit-linear-gradient(155deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), -webkit-linear-gradient(335deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
background-image: -o-linear-gradient(155deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), -o-linear-gradient(335deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
background-image: linear-gradient(295deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125)), linear-gradient(115deg, rgba(22, 52, 152, 0), rgba(22, 52, 152, 0.125), rgba(22, 52, 152, 0));
-webkit-backdrop-filter: blur(5.5px);
backdrop-filter: blur(5.5px);
border: 1px solid rgba(22, 52, 152, 0.2);
padding: 40px 30px 61px 30px; }
@media (min-width: 1680px) {
.col-three-card .card {
padding: 50px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.col-three-card .card {
padding: 30px 33px 47px 30px;
border-radius: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-three-card .card {
padding: 30px 33px 47px 30px;
border-radius: 10px; } }
@media (max-width: 767px) {
.col-three-card .card {
margin-top: 20px;
padding: 30px 26px 47px 30px;
border-radius: 10px; } }
.col-three-card .card h4 {
padding-bottom: 10px; }
@media (min-width: 1680px) {
.col-three-card .card h4 {
padding-bottom: 20px; } }
.col-three-card .card p {
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal; }
@media (min-width: 1680px) {
.col-three-card .card p {
font-size: 20px; } }
.col-three-stats .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-three-stats .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-three-stats .intro-block {
margin-bottom: 60px; } }
.col-three-stats__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -20px;
width: calc(100% - 16px);
margin-left: -8px; }
@media (min-width: 992px) {
.col-three-stats__items {
margin-top: -30px; } }
@media (min-width: 1280px) {
.col-three-stats__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-three-stats .stats__content {
margin-top: 20px; }
@media (min-width: 992px) {
.col-three-stats .stats__content {
margin-top: 30px; } }
.col-three-stats .stats__content h2 span {
background: -webkit-linear-gradient(10deg, #1e57f7 30%, #2bf9eb 120%);
background: -o-linear-gradient(10deg, #1e57f7 30%, #2bf9eb 120%);
background: linear-gradient(80deg, #1e57f7 30%, #2bf9eb 120%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: inherit; }
.col-three-stats .stats__content > p {
font-size: 16px;
margin-top: 20px; }
@media (min-width: 1680px) {
.col-three-stats .stats__content > p {
font-size: 20px; } }
.col-three-stats .stats__content h4 {
max-width: 380px; }
@media (max-width: 575px) {
.col-three-stats .stats__content h4 {
max-width: 100%; } }
.col-three-stats .stats__action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.col-three-stats .stats__action {
margin-top: 60px; } }
.col-three-stats__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 8px; }
@media (min-width: 768px) and (max-width: 991px) {
.col-three-stats__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%; } }
@media (min-width: 576px) and (max-width: 767px) {
.col-three-stats__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.col-three-stats__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%; } }
@media (min-width: 1280px) {
.col-three-stats__item {
padding: 0 12px; } }
.col-three-stats .statistic {
margin-bottom: 20px; }
.col-three-stats.blue-green-gradient h2 span {
background: -webkit-linear-gradient(179.76deg, #2bf9eb -20.46%, #1e57f7 104.01%);
background: -o-linear-gradient(179.76deg, #2bf9eb -20.46%, #1e57f7 104.01%);
background: linear-gradient(270.24deg, #2bf9eb -20.46%, #1e57f7 104.01%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: inherit; }
.col-three-block .container > .row {
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.col-three-block .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-three-block .container > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.col-three-block .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-three-block .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-three-block .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-three-block .intro-block {
margin-bottom: 60px; } }
.col-three-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px; }
@media (min-width: 768px) {
.col-three-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 992px) {
.col-three-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px; } }
@media (min-width: 1280px) {
.col-three-block__item {
padding: 0 12px; } }
.col-three-block .card {
position: relative;
border: solid 1px rgba(30, 87, 247, 0.5);
border-top: 0;
padding: 30px;
height: 100%; }
.col-three-block .card:hover .link-pink {
text-decoration: underline; }
.col-three-block .card:hover .link-pink::after {
margin-left: 12px; }
.col-three-block .card:hover .tag {
background-color: #ffffff; }
.col-three-block .card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.col-three-block .card h4 {
margin-top: 25px; }
.col-three-block .card p {
margin-top: 15px;
margin-bottom: 40px; }
.col-three-block .card span {
display: block; }
.col-three-block .card .button-wrap {
position: absolute;
bottom: 30px; }
.col-three-block .card .tag {
text-transform: uppercase;
margin-bottom: 50px;
display: inline-block;
border-width: 1px;
border-style: solid;
position: relative;
padding: 14px 15px;
border-radius: 10px;
letter-spacing: 0.03em;
color: #0E111E;
background-color: #b6b7bb;
border-color: #b6b7bb;
-webkit-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in; }
@media (min-width: 1680px) {
.col-three-block .card .tag {
font-size: 16px; } }
.card-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.card-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.card-grid .intro-block {
margin-bottom: 60px; } }
@media (max-width: 767px) {
.card-grid .row {
display: block; } }
.card-grid .card-outer {
width: 42.6%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 992px) {
.card-grid .card-outer {
padding-left: 16px; } }
@media (min-width: 1280px) {
.card-grid .card-outer {
padding-left: 24px; } }
@media (max-width: 991px) {
.card-grid .card-outer {
width: 100%;
height: auto; } }
@media (max-width: 767px) {
.card-grid .card-outer {
display: block; } }
.card-grid .card-outer:first-child {
width: 57.4%;
padding-left: 0px; }
.card-grid .card-outer:first-child .link-pink {
margin: 0; }
@media (max-width: 991px) {
.card-grid .card-outer:first-child {
width: 100%;
height: auto;
padding-left: 0;
margin-bottom: 26px; } }
.card-grid .card-outer:first-child .card {
min-height: 630px;
height: 100%;
width: 100%;
margin: 0; }
@media (max-width: 991px) {
.card-grid .card-outer:first-child .card {
min-height: auto;
width: 100%;
margin: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.card-grid .card-outer:first-child .card {
width: 100%;
height: auto; } }
.card-grid .card-outer:first-child h4 {
font-size: 60px;
line-height: 1.1;
color: #ffffff;
font-family: "Gabarito", sans-serif;
letter-spacing: -0.01em;
margin-bottom: 16px; }
@media (min-width: 1680px) {
.card-grid .card-outer:first-child h4 {
font-size: 70px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.card-grid .card-outer:first-child h4 {
font-size: 48px; } }
@media (min-width: 992px) and (max-height: 950px) {
.card-grid .card-outer:first-child h4 {
font-size: 48px; } }
@media (max-width: 991px) {
.card-grid .card-outer:first-child h4 {
font-size: 36px; } }
@media (max-width: 767px) {
.card-grid .card-outer:first-child h4 {
letter-spacing: -1px;
padding-right: 10px; } }
.card-grid .card-outer:first-child h4 span {
background: -webkit-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: -o-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: linear-gradient(50deg, #1e57f7 0.94%, #ff0092 103.75%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
.card-grid .card {
position: relative;
border-top: 0;
border: solid 1px rgba(30, 87, 247, 0.5);
padding: 50px;
width: 100%;
height: calc(50% - 10px);
margin-top: 10px; }
@media (min-width: 768px) and (max-width: 991px) {
.card-grid .card {
width: calc(50% - 8px);
margin: 0 0 0 8px; } }
@media (max-width: 991px) {
.card-grid .card {
height: auto;
margin-top: 0px; } }
@media (max-width: 767px) {
.card-grid .card {
padding: 30px;
margin-top: 30px; } }
.card-grid .card:first-child {
margin-top: 0px;
margin-bottom: 10px; }
@media (min-width: 768px) and (max-width: 991px) {
.card-grid .card:first-child {
margin: 0 8px 0 0px;
min-height: 245px; } }
@media (max-width: 767px) {
.card-grid .card:first-child {
min-height: 245px; } }
.card-grid .card h2 {
margin-bottom: 16px; }
@media (max-width: 991px) {
.card-grid .card h2 {
font-size: 36px; } }
@media (max-width: 767px) {
.card-grid .card h2 {
letter-spacing: -1px;
padding-right: 10px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.card-grid .card h4 {
font-size: 20px; } }
@media (max-width: 991px) {
.card-grid .card h4 {
font-size: 20px; } }
.card-grid .card .btn-grey {
text-transform: uppercase;
margin-bottom: 20px;
margin-right: 20px; }
.card-grid .card .btn-grey:last-child {
margin-right: 0; }
@media (min-width: 992px) and (max-width: 1279px) {
.card-grid .card .btn-grey {
margin-bottom: 20px; } }
@media (max-width: 767px) {
.card-grid .card .btn-grey {
margin-right: 8px; } }
.card-grid .card .btn-wrapper {
font-size: 0;
margin-bottom: 30px; }
.card-grid .card p {
margin-bottom: 25px;
line-height: 1.43; }
@media (min-width: 1400px) {
.card-grid .card p {
max-width: 698px;
width: 100%;
padding-right: 63px;
width: 100%;
margin-bottom: 25px; } }
@media (min-width: 1680px) {
.card-grid .card p {
padding-right: 0;
max-width: 779px; } }
@media (max-width: 991px) {
.card-grid .card p {
max-width: 527px;
width: 100%;
margin-bottom: 20px; } }
@media (max-width: 767px) {
.card-grid .card p {
margin-bottom: 24px; } }
.card-grid .card .eyebrow {
margin-bottom: 10px; }
.card-grid .card .link-pink {
margin-top: 67px; }
@media (min-width: 992px) and (max-width: 1279px) {
.card-grid .card .link-pink {
margin-top: 47px; } }
@media (min-width: 768px) and (max-width: 991px) {
.card-grid .card .link-pink {
margin-top: 39px; } }
@media (max-width: 767px) {
.card-grid .card .link-pink {
margin-top: 39px; } }
.card-grid .tag {
text-transform: uppercase;
margin-bottom: 20px;
margin-right: 20px;
display: inline-block;
border-width: 1px;
border-style: solid;
position: relative;
padding: 14px 15px;
border-radius: 10px;
letter-spacing: 0.03em;
color: #0E111E;
background-color: #b6b7bb;
border-color: #b6b7bb;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.card-grid .tag:hover {
background-color: #262834;
color: #ffffff; }
@media (min-width: 1680px) {
.card-grid .tag {
font-size: 16px; } }
@media (max-width: 767px) {
.card-grid .tag {
margin-right: 18px; } }
.card-grid .tag > a.empty-link {
position: absolute;
inset: 0; }
.card-grid.bg-white .card-outer h4 {
color: #0E111E; }
.card-with-links {
overflow: unset; }
.card-with-links h2 {
margin-bottom: 50px; }
.card-with-links__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 60px; }
@media (max-width: 767px) {
.card-with-links__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0px; } }
.card-with-links__wrap {
width: 60%; }
@media (max-width: 1279px) {
.card-with-links__wrap {
width: 100%; } }
.card-with-links__info {
border: 1px solid #b6b7ba;
padding: 50px;
margin-bottom: 40px; }
@media (max-width: 1279px) {
.card-with-links__info {
padding: 50px 25px; } }
.card-with-links__intro {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ff0092; }
.card-with-links__intro h3 {
font-weight: 500; }
.card-with-links__content {
display: grid;
gap: 30px; }
.card-with-links__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.card-with-links__link img {
width: 25px;
height: 25px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }
.card-with-links__link img:hover {
-webkit-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px); }
.card-with-links__link:hover img {
-webkit-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px); }
.card-with-links__outer-wrap {
background: -webkit-linear-gradient(24deg, #0f111d 0%, #1e3383 100%);
background: -o-linear-gradient(24deg, #0f111d 0%, #1e3383 100%);
background: linear-gradient(66deg, #0f111d 0%, #1e3383 100%);
text-align: center;
color: #ffffff;
padding: 80px; }
@media (min-width: 1280px) {
.card-with-links__outer-wrap {
position: sticky;
top: 4rem;
z-index: 1; } }
@media (max-width: 1279px) {
.card-with-links__outer-wrap {
padding: 80px 40px; } }
.card-with-links__outer-wrap .outer-wrap__btn-wrap {
margin-top: 40px; }
.card-with-links__outer-wrap .outer-wrap__btn-wrap a {
border-radius: 15px; }
.card-with-links .breadcrumb {
margin-bottom: 40px;
margin-top: -40px; }
@media (min-width: 992px) and (max-height: 950px) {
.card-with-links .breadcrumb {
margin-bottom: 60px; } }
@media (min-width: 992px) {
.card-with-links .breadcrumb {
margin-bottom: 50px; } }
@media (min-width: 1025px) {
.card-with-links .breadcrumb {
margin-top: 0; } }
.card-with-links .breadcrumb ul {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.card-with-links .breadcrumb ul li {
list-style: none;
padding-right: 35px; }
.card-with-links .breadcrumb ul li:last-child {
pointer-events: none;
cursor: default;
color: #ff0092 !important;
width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: 700; }
.card-with-links .breadcrumb ul li:last-child a {
text-decoration: underline;
color: #ff0092; }
.card-with-links .breadcrumb ul li:last-child a::after {
-webkit-filter: invert(1);
filter: invert(1); }
@media (min-width: 1680px) {
.card-with-links .breadcrumb ul li:last-child {
width: 700px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.card-with-links .breadcrumb ul li:last-child {
width: 500px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.card-with-links .breadcrumb ul li:last-child {
width: 400px; } }
@media (min-width: 768px) and (max-width: 991px) {
.card-with-links .breadcrumb ul li:last-child {
width: 300px; } }
.card-with-links .breadcrumb ul li::before {
display: none; }
.card-with-links .breadcrumb ul li:last-child::after {
display: none; }
.card-with-links .breadcrumb ul li a {
color: #ffffff;
cursor: pointer; }
.card-with-links .breadcrumb ul li a span {
font-size: 18px;
font-weight: 700;
text-transform: capitalize; }
.col-two-img {
overflow: visible;
--video-bg-color: #0c0e12;
background: -webkit-linear-gradient(bottom, transparent, var(--video-bg-color) 75px, var(--video-bg-color) calc(100% - 75px), transparent);
background: -o-linear-gradient(bottom, transparent, var(--video-bg-color) 75px, var(--video-bg-color) calc(100% - 75px), transparent);
background: linear-gradient(0deg, transparent, var(--video-bg-color) 75px, var(--video-bg-color) calc(100% - 75px), transparent);
background-color: #0E111E; }
.col-two-img > .container {
position: relative; }
@media (min-width: 768px) {
.col-two-img > .container {
min-height: 180vh; } }
.col-two-img__items-wrapper {
width: 41.66666667%;
height: 100vh;
position: sticky;
top: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-img__items-wrapper {
width: 50%; } }
@media (max-width: 767px) {
.col-two-img__items-wrapper {
width: 100%;
height: unset; } }
.col-two-img__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: top 500ms ease-in-out;
-o-transition: top 500ms ease-in-out;
transition: top 500ms ease-in-out;
top: 0; }
.col-two-img__item.faded-out {
top: -25vh; }
.col-two-img__item.faded-out.down {
top: 25vh; }
@media (min-width: 768px) {
.col-two-img__item {
min-height: 100vh;
padding-block: 150px;
position: absolute;
top: 0; } }
@media (max-width: 767px) {
.col-two-img__item {
opacity: 1 !important;
display: block !important; } }
.col-two-img__item-content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.col-two-img__item-content h3 span {
background: -webkit-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: -o-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: linear-gradient(50deg, #1e57f7 0.94%, #ff0092 103.75%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text; }
.col-two-img__item-content p {
margin-top: 20px;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: normal; }
@media (min-width: 1680px) {
.col-two-img__item-content p {
font-size: 20px; } }
.col-two-img__item-action {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.col-two-img__item-action {
margin-top: 60px; } }
.col-two-img__item-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 768px) {
.col-two-img__item-img {
display: none; } }
@media (max-width: 767px) {
.col-two-img__item-img {
margin-top: 40px;
width: 100%; } }
.col-two-img__item-img-img {
width: 100%;
height: 100%; }
.col-two-img__item-img-img img {
width: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
@media (max-width: 767px) {
.col-two-img__item:not(:first-child) {
margin-top: 40px; } }
.col-two-img__background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: visible;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (max-width: 767px) {
.col-two-img__background {
display: none; } }
.col-two-img__background-video {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
height: 100%; }
@media (max-width: 767px) {
.col-two-img__background-video {
display: none; } }
.col-two-img__background-video video {
display: block;
height: 100vh;
-o-object-fit: contain;
font-family: "object-fit:contain;object-position:center";
object-fit: contain;
-o-object-position: center;
object-position: center;
position: sticky;
top: 0;
width: 100%; }
@media (max-width: 767px) {
.col-two-img__background-video video {
display: none; } }
.col-two-img.transparent {
background: transparent !important; }
.cta__outer-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 430px; }
.cta__outer-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url("../png/border.png");
background-repeat: no-repeat;
z-index: 2;
background-size: 62px 67px; }
@media (max-width: 1024px) {
.cta__outer-wrap::before {
background-size: 50px; } }
@media (max-width: 575px) {
.cta__outer-wrap::before {
display: none; } }
@media (max-width: 1279px) {
.cta__outer-wrap {
min-height: 300px; } }
.cta__outer-wrap .bg-img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1; }
.cta__text-wrap {
width: 100%;
border-radius: 20px;
padding: 83px 60px;
z-index: 1;
background: -webkit-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: -o-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.cta__text-wrap::before {
content: '';
position: absolute;
bottom: -19px;
left: 28%;
width: 332px;
height: 280px;
background-image: url("../svg/cta-vector.svg");
background-repeat: no-repeat;
z-index: 2; }
@media (min-width: 992px) and (max-width: 1279px) {
.cta__text-wrap {
padding: 66px 70px;
-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%); } }
@media (min-width: 768px) and (max-width: 991px) {
.cta__text-wrap {
padding: 50px 40px;
-webkit-clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%); } }
@media (min-width: 576px) and (max-width: 767px) {
.cta__text-wrap {
padding: 50px 40px;
-webkit-clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%); } }
@media (max-width: 575px) {
.cta__text-wrap {
padding: 30px;
-webkit-clip-path: none;
clip-path: none; } }
.cta__text-wrap h2 {
max-width: 575px;
text-transform: capitalize; }
@media (min-width: 1680px) {
.cta__text-wrap h2 {
max-width: 680px !important; } }
@media (min-width: 1280px) {
.cta__text-wrap h2 {
max-width: 560px; } }
@media (min-width: 992px) and (max-width: 1280px) {
.cta__text-wrap h2 {
max-width: 390px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta__text-wrap h2 {
max-width: 470px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta__text-wrap h2 {
max-width: 400px; } }
@media (max-width: 575px) {
.cta__text-wrap h2 {
max-width: 100%; } }
.cta__text-wrap h5 {
max-width: 480px;
-webkit-margin-before: 20px;
margin-block-start: 20px;
font-weight: 400; }
@media (min-width: 1680px) {
.cta__text-wrap h5 {
line-height: 1.2; } }
@media (min-width: 992px) and (max-width: 1279px) {
.cta__text-wrap h5 {
max-width: 365px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta__text-wrap h5 {
max-width: 350px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta__text-wrap h5 {
max-width: 290px; } }
@media (max-width: 575px) {
.cta__text-wrap h5 {
max-width: 100%; } }
.cta__img-wrap {
width: 28%;
background: #000000; }
.cta__btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.cta__btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.cta__btn-wrap {
margin-top: 40px; } }
.cta__btn-wrap a {
margin-top: 20px; }
.cta__btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.cta__btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.cta__btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.cta__btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.cta.bg-white .cta__text-wrap h2,
.cta.bg-white .cta__text-wrap h5 {
color: #ffffff; }
.cta.bg-white .cta__outer-wrap {
background-color: #0E111E; }
.cta.bg-white .cta__outer-wrap .bg-img {
z-index: 0; }
.cta-subscribe__outer-wrap {
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 430px; }
.cta-subscribe__outer-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url("../png/border.png");
background-repeat: no-repeat;
z-index: 2;
background-size: 62px 67px; }
@media (max-width: 1024px) {
.cta-subscribe__outer-wrap::before {
background-size: 50px; } }
@media (max-width: 575px) {
.cta-subscribe__outer-wrap::before {
display: none; } }
@media (max-width: 1279px) {
.cta-subscribe__outer-wrap {
min-height: 300px; } }
.cta-subscribe__outer-wrap .bg-img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1; }
.cta-subscribe__text-wrap {
width: 100%;
border-radius: 20px;
padding: 83px 60px;
z-index: 1;
background: -webkit-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: -o-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.cta-subscribe__text-wrap::before {
content: '';
position: absolute;
bottom: -19px;
left: 28%;
width: 332px;
height: 280px;
background-image: url("../svg/cta-vector.svg");
background-repeat: no-repeat;
z-index: 2; }
@media (min-width: 992px) and (max-width: 1279px) {
.cta-subscribe__text-wrap {
padding: 66px 70px;
-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%);
clip-path: polygon(0 0, 60% 0, 36% 100%, 0% 100%); } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__text-wrap {
padding: 50px 40px;
-webkit-clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 55% 100%, 0% 100%); } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__text-wrap {
padding: 50px 40px;
-webkit-clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 64% 100%, 0% 100%); } }
@media (max-width: 575px) {
.cta-subscribe__text-wrap {
padding: 30px;
-webkit-clip-path: none;
clip-path: none; } }
.cta-subscribe__text-wrap h2 {
max-width: 575px;
text-transform: capitalize; }
@media (min-width: 1680px) {
.cta-subscribe__text-wrap h2 {
max-width: 680px !important; } }
@media (min-width: 1280px) {
.cta-subscribe__text-wrap h2 {
max-width: 560px; } }
@media (min-width: 992px) and (max-width: 1280px) {
.cta-subscribe__text-wrap h2 {
max-width: 390px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__text-wrap h2 {
max-width: 470px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__text-wrap h2 {
max-width: 400px; } }
@media (max-width: 575px) {
.cta-subscribe__text-wrap h2 {
max-width: 100%; } }
.cta-subscribe__text-wrap h5 {
max-width: 480px;
-webkit-margin-before: 20px;
margin-block-start: 20px;
font-weight: 400; }
@media (min-width: 1680px) {
.cta-subscribe__text-wrap h5 {
line-height: 1.2; } }
@media (min-width: 992px) and (max-width: 1279px) {
.cta-subscribe__text-wrap h5 {
max-width: 365px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__text-wrap h5 {
max-width: 350px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__text-wrap h5 {
max-width: 290px; } }
@media (max-width: 575px) {
.cta-subscribe__text-wrap h5 {
max-width: 100%; } }
.cta-subscribe__img-wrap {
width: 28%;
background: #000000; }
.cta-subscribe__form-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.cta-subscribe__form-wrap label {
color: #000000;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%;
/* 21px */ }
.cta-subscribe__email-wrap {
position: relative;
max-width: 575px;
text-transform: capitalize;
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.cta-subscribe__email-wrap {
margin-top: 60px; } }
@media (min-width: 1280px) {
.cta-subscribe__email-wrap {
max-width: 430px; } }
@media (min-width: 992px) and (max-width: 1280px) {
.cta-subscribe__email-wrap {
max-width: 350px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__email-wrap {
max-width: 470px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__email-wrap {
max-width: 400px; } }
@media (max-width: 575px) {
.cta-subscribe__email-wrap {
max-width: 100%; } }
.cta-subscribe__email-wrap input {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 50px;
padding: 5px 5px 5px 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
background: #fff;
border: unset;
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%;
/* 25.6px */ }
.cta-subscribe__email-wrap input::-webkit-input-placeholder {
color: #0E111E;
opacity: 1; }
.cta-subscribe__email-wrap input::-moz-placeholder {
color: #0E111E;
opacity: 1; }
.cta-subscribe__email-wrap input::-ms-input-placeholder {
color: #0E111E;
opacity: 1; }
.cta-subscribe__email-wrap input::placeholder {
color: #0E111E;
opacity: 1; }
.cta-subscribe__email-wrap input:-ms-input-placeholder {
color: #0E111E; }
.cta-subscribe__email-wrap input::-ms-input-placeholder {
color: #0E111E; }
.cta-subscribe__btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.cta-subscribe__btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.cta-subscribe__btn-wrap {
margin-top: 40px; } }
.cta-subscribe__btn-wrap a {
margin-top: 20px; }
.cta-subscribe__btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.cta-subscribe__btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.cta-subscribe__btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.cta-subscribe__btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.cta-subscribe__submit {
position: absolute;
top: 5px;
right: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 8px;
background-color: #0E111E;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
z-index: 2;
cursor: pointer; }
.cta-subscribe__submit:hover:after {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cta-subscribe__submit:after {
content: '';
position: absolute;
display: inline-block;
vertical-align: middle;
width: 15px;
height: 12px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
-webkit-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-filter: invert(1);
filter: invert(1);
background: url("../svg/arrow-black.svg") no-repeat; }
.cta-subscribe__submit.aside.loading:after {
-webkit-filter: invert(1);
filter: invert(1); }
.cta-subscribe__submit.loading:after {
-webkit-filter: invert(0);
filter: invert(0); }
.cta-subscribe__error, .cta-subscribe__already, .cta-subscribe__success {
max-width: 480px;
color: #000000;
font-family: "Gabarito", sans-serif;
font-size: 18px;
font-style: normal; }
@media (min-width: 992px) and (max-width: 1279px) {
.cta-subscribe__error, .cta-subscribe__already, .cta-subscribe__success {
max-width: 365px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__error, .cta-subscribe__already, .cta-subscribe__success {
max-width: 350px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__error, .cta-subscribe__already, .cta-subscribe__success {
max-width: 290px; } }
@media (max-width: 575px) {
.cta-subscribe__error, .cta-subscribe__already, .cta-subscribe__success {
max-width: 100%; } }
.cta-subscribe__error-aside, .cta-subscribe__success-aside {
color: #ffffff;
font-family: "Gabarito", sans-serif;
font-size: 18px;
font-style: normal; }
.cta-subscribe #hubspot-submit-aside.loading {
cursor: not-allowed; }
.cta-subscribe #hubspot-submit-aside.loading::before {
content: '';
position: absolute;
right: 10px;
width: 15px;
height: 15px;
border: 2px solid #0E111E;
border-top-color: transparent;
border-radius: 50%;
-webkit-animation: spin 0.8s linear infinite;
-o-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.cta-subscribe #hubspot-submit.loading {
cursor: not-allowed; }
.cta-subscribe #hubspot-submit.loading::before {
content: '';
position: absolute;
right: 10px;
width: 15px;
height: 15px;
border: 2px solid white;
border-top-color: transparent;
border-radius: 50%;
-webkit-animation: spin 0.8s linear infinite;
-o-animation: spin 0.8s linear infinite;
animation: spin 0.8s linear infinite;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
@-webkit-keyframes spin {
from {
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg); }
to {
-webkit-transform: translateY(-50%) rotate(360deg);
transform: translateY(-50%) rotate(360deg); } }
@-o-keyframes spin {
from {
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg); }
to {
-o-transform: translateY(-50%) rotate(360deg);
transform: translateY(-50%) rotate(360deg); } }
@keyframes spin {
from {
-webkit-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg); }
to {
-webkit-transform: translateY(-50%) rotate(360deg);
-o-transform: translateY(-50%) rotate(360deg);
transform: translateY(-50%) rotate(360deg); } }
.cta-subscribe .checkmark {
width: 20px;
height: 20px;
background-color: #ffffff;
margin-right: 15px;
display: inline-block;
position: relative;
border-radius: 2px; }
.cta-subscribe .checkmark::after {
content: '';
position: absolute;
left: 7px;
top: 1px;
width: 5px;
height: 11px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: none; }
.cta-subscribe__checkbox-item {
margin-bottom: 14px;
overflow: hidden;
color: #ffffff;
/* Body medium */
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 27px */ }
@media (min-width: 1280px) {
.cta-subscribe__checkbox-item {
max-width: 430px; } }
@media (min-width: 992px) and (max-width: 1280px) {
.cta-subscribe__checkbox-item {
max-width: 350px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-subscribe__checkbox-item {
max-width: 470px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-subscribe__checkbox-item {
max-width: 400px; } }
@media (max-width: 575px) {
.cta-subscribe__checkbox-item {
max-width: 100%; } }
.cta-subscribe__checkbox-item .custom-checkbox {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
.cta-subscribe__checkbox-item .hidden-checkbox {
position: absolute;
opacity: 0;
pointer-events: none; }
.cta-subscribe__checkbox-item input[type='checkbox']:checked + .checkmark {
background-color: #0E111E;
border-color: #ff0092; }
.cta-subscribe__checkbox-item input[type='checkbox']:checked + .checkmark::after {
display: block; }
.cta-subscribe.bg-white .cta__text-wrap h2,
.cta-subscribe.bg-white .cta__text-wrap h5 {
color: #ffffff; }
.cta-subscribe.bg-white .cta__outer-wrap {
background-color: #0E111E; }
.cta-subscribe.bg-white .cta__outer-wrap .bg-img {
z-index: 0; }
.cta-shortcut__outer-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.cta-shortcut__outer-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url("../png/border.png");
background-repeat: no-repeat;
z-index: 2;
background-size: 62px 67px;
overflow: hidden; }
@media (max-width: 1024px) {
.cta-shortcut__outer-wrap::before {
background-size: 50px; } }
@media (max-width: 575px) {
.cta-shortcut__outer-wrap::before {
display: none; } }
@media (min-width: 768px) {
.cta-shortcut__outer-wrap {
min-height: 430px; } }
.cta-shortcut__outer-wrap .bg-img {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1; }
.cta-shortcut__outer-wrap .bg-img img {
border-radius: 20px; }
.cta-shortcut__text-wrap {
width: 100%;
border-radius: 20px;
padding: 60px 0 60px 60px;
z-index: 1;
background: -webkit-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: -o-linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
background: linear-gradient(225deg, #ff47b0 0%, #ff0092 100%);
-webkit-clip-path: polygon(0 0, 101% 0, 75% 100%, 0% 100%);
clip-path: polygon(0 0, 101% 0, 75% 100%, 0% 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.cta-shortcut__text-wrap .row {
gap: 40px; }
@media (min-width: 768px) {
.cta-shortcut__text-wrap {
gap: 120px; } }
.cta-shortcut__text-wrap::before {
content: '';
position: absolute;
bottom: -4%;
right: 10%;
width: 332px;
height: 280px;
background-image: url("../svg/cta-vector.svg");
background-repeat: no-repeat;
z-index: 2;
opacity: .5; }
@media (min-width: 768px) {
.cta-shortcut__text-wrap::before {
opacity: 1; } }
@media (min-width: 992px) and (max-width: 1279px) {
.cta-shortcut__text-wrap {
padding: 66px 70px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-shortcut__text-wrap {
padding: 50px 40px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-shortcut__text-wrap {
padding: 50px 40px; } }
@media (max-width: 575px) {
.cta-shortcut__text-wrap {
padding: 30px;
-webkit-clip-path: none;
clip-path: none; } }
.cta-shortcut__text-wrap h5 {
max-width: 480px;
-webkit-margin-before: 20px;
margin-block-start: 20px;
font-weight: 400; }
@media (min-width: 1680px) {
.cta-shortcut__text-wrap h5 {
line-height: 1.2; } }
@media (min-width: 992px) and (max-width: 1279px) {
.cta-shortcut__text-wrap h5 {
max-width: 365px; } }
@media (min-width: 768px) and (max-width: 991px) {
.cta-shortcut__text-wrap h5 {
max-width: 350px; } }
@media (min-width: 576px) and (max-width: 767px) {
.cta-shortcut__text-wrap h5 {
max-width: 290px; } }
@media (max-width: 575px) {
.cta-shortcut__text-wrap h5 {
max-width: 100%; } }
.cta-shortcut__text-wrap-inner {
width: 250px; }
.cta-shortcut__text-wrap-shortcuts {
display: grid;
grid-template-columns: 1fr;
row-gap: 30px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px; }
@media (min-width: 768px) {
.cta-shortcut__text-wrap-shortcuts {
grid-template-columns: repeat(2, 1fr); } }
.cta-shortcut .item {
width: 260px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px; }
.cta-shortcut .item__icon img {
width: 34px;
height: 34px; }
.cta-shortcut .item__icon__description {
font-size: 16px; }
.cta-shortcut .item__action {
margin-top: 10px; }
.points-list-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
overflow: visible;
/* position: relative;
z-index: 1; */ }
.points-list-card.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: -10%;
right: -5%;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg); }
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
left: 30%;
left: 30%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.points-list-card.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 8%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
left: -5%; }
@media (max-width: 767px) {
.points-list-card.bg-gradient .bg-gradient__background {
display: none; } }
.points-list-card.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
@media (min-width: 768px) {
.points-list-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.points-list-card__point {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0px;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.points-list-card__point h3 {
font-weight: 600; }
.points-list-card__point ul {
list-style-type: none;
padding: 0;
margin: 0; }
.points-list-card__point li {
position: relative;
padding-left: 30px;
padding-bottom: 10px; }
.points-list-card__point li:last-child::after {
display: none; }
.points-list-card__point li::after {
content: '';
left: 0;
bottom: 0;
background: -webkit-gradient(linear, right top, left top, from(rgba(106, 116, 163, 0)), to(#6a74a3));
background: -webkit-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: -o-linear-gradient(right, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
background: linear-gradient(-90deg, rgba(106, 116, 163, 0) 0%, #6a74a3 100%);
position: absolute;
width: 100%;
height: 1px; }
.points-list-card__point li::before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 18px;
height: 18px;
background: url("../svg/check.svg") no-repeat center center;
background-size: contain;
/* Escalar correctamente el SVG */ }
.cta-no-image .svg {
width: 100%;
height: 100%;
display: none; }
@media (min-width: 768px) {
.cta-no-image .svg {
display: block; } }
.cta-no-image__outer-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.cta-no-image__outer-wrap.mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
border-radius: 20px;
background: #ff0092;
padding: 30px; }
.cta-no-image__outer-wrap.mobile .cta-no-image__text-wrap {
text-align: center; }
.cta-no-image__outer-wrap.mobile .cta-no-image__text-wrap h2 {
font-size: 30px; }
@media (min-width: 768px) {
.cta-no-image__outer-wrap.mobile {
display: none; } }
.cta-no-image__text-wrap h2 {
font-size: 50px;
text-transform: capitalize; }
.cta-no-image__btn-wrap {
margin: 0; }
.featured-cards.theme-v2 .primary-card {
height: auto !important; }
.featured-cards.theme-v2 .primary-card p,
.featured-cards.theme-v2 .primary-card h5 {
display: -webkit-box;
-webkit-line-clamp: 3;
/* número de líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 10px; }
.featured-cards.theme-v2 .primary-card__content {
padding: 40px 60px 100px 40px;
position: relative;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.featured-cards.theme-v2 .primary-card__img {
height: 235px; }
.featured-cards.theme-v2.bg-lines .background-img__content {
display: block !important; }
.featured-cards.theme-v2.bg-lines .background-img__top {
position: absolute;
width: 35%;
z-index: 0;
top: -5%;
right: 0; }
.featured-cards.theme-v2.bg-lines .background-img__bottom {
position: absolute;
width: 20%;
z-index: 0;
bottom: -20%;
left: 0; }
.featured-cards p {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0; }
.featured-cards p.eyebrow {
color: #ff0092;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.featured-cards p.date {
color: #b6b7bb;
font-weight: 400;
line-height: 150%;
/* 21px */
text-transform: uppercase;
margin-bottom: 5px; }
.featured-cards p.author {
color: #fff;
font-weight: 700;
line-height: 150%;
/* 21px */
margin-bottom: 10px; }
.featured-cards .container > .row {
width: 100%;
margin-top: -20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 768px) {
.featured-cards .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.featured-cards .container > .row {
margin-top: -30px; } }
@media (min-width: 1025px) {
.featured-cards .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.featured-cards .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.featured-cards .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.featured-cards .intro-block {
margin-bottom: 60px; } }
.featured-cards .intro-block .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.featured-cards .intro-block__content {
max-width: unset;
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset; }
.featured-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px;
min-height: auto; }
@media (min-width: 768px) {
.featured-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px;
min-height: 474px; } }
@media (min-width: 992px) {
.featured-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px;
min-height: 500px; } }
@media (min-width: 992px) and (min-width: 768px) {
.featured-cards__item.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 24.333%;
flex: 0 0 24.333%;
max-width: 24.3333%;
margin-top: 30px;
min-height: 500px; } }
@media (min-width: 1025px) {
.featured-cards__item {
padding: 0 12px; } }
.featured-cards .feature-slider__arrows {
text-align: center;
-webkit-margin-before: 40px;
margin-block-start: 40px; }
@media (min-width: 992px) {
.featured-cards .feature-slider__arrows {
display: none; } }
.featured-cards .slick-list {
margin-left: -15px;
overflow: visible;
width: calc(100% + 30px); }
.featured-cards .primary-card {
position: relative;
overflow: hidden; }
@media (min-width: 992px) {
.featured-cards .primary-card {
height: 100% !important; } }
.featured-cards .primary-card .link-pink {
margin-right: 25px; }
.featured-cards .primary-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.featured-cards .feature-outer.slick-initialized {
width: 55%;
margin: 0 auto; } }
@media (min-width: 576px) and (max-width: 767px) {
.featured-cards .feature-outer.slick-initialized {
width: 60%;
margin: 0 auto; } }
@media (max-width: 575px) {
.featured-cards .feature-outer.slick-initialized {
width: 75%;
margin: 0 auto; } }
.featured-cards .feature-outer.slick-initialized .featured-cards__item {
padding: 0 8px;
margin: 0 auto; }
@media (max-width: 767px) {
.featured-cards .feature-outer.slick-initialized .primary-card__content {
height: calc(100% - 108px); } }
.featured-cards.bg-white .primary-card__content {
background-color: #0E111E; }
.featured-cards.bg-white .primary-card__content h4,
.featured-cards.bg-white .primary-card__content p {
color: #ffffff; }
.featured-cards-releases__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
@media (min-width: 768px) {
.featured-cards-releases__wrapper {
padding: 60px; } }
.featured-cards-releases p {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
/* Limita a 2 líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.featured-cards-releases p.eyebrow {
color: #ff0092;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 5px; }
.featured-cards-releases p.date {
color: #b6b7bb;
font-weight: 400;
line-height: 150%;
/* 21px */
text-transform: uppercase;
margin-bottom: 5px; }
.featured-cards-releases p.author {
color: #fff;
font-weight: 700;
line-height: 150%;
/* 21px */
margin-bottom: 10px; }
.featured-cards-releases .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.featured-cards-releases .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.featured-cards-releases .intro-block {
margin-bottom: 60px; } }
.featured-cards-releases__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
-ms-flex-item-align: stretch;
align-self: stretch;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 40px; }
.featured-cards-releases .background-img__content {
display: block !important; }
.featured-cards-releases .background-img__top {
position: absolute;
width: 35%;
z-index: 0;
top: 10%;
right: 0; }
.featured-cards-releases .background-img__bottom {
position: absolute;
width: 35%;
z-index: 0;
bottom: 0%;
left: 0; }
.featured-cards-releases.bg-white .primary-card__content {
background-color: #0E111E; }
.featured-cards-releases.bg-white .primary-card__content h4,
.featured-cards-releases.bg-white .primary-card__content p {
color: #ffffff; }
.featured-cards-news p.date {
color: #ff0092 !important;
font-weight: 700 !important;
line-height: 120% !important;
/* 16.8px */
letter-spacing: 4.2px !important; }
.featured-cards-news .primary-card__content {
padding: 40px 60px 100px 40px;
position: relative;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
z-index: 2; }
.featured-cards-news .primary-card__content h5 {
display: -webkit-box;
-webkit-line-clamp: 3;
/* Limita a 2 líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.featured-cards-news .primary-card__img {
height: 200px; }
.featured-cards-news .primary-card__img img {
padding: 20px;
background-color: #ffffff;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.featured-cards-news .background-img__content {
display: block !important; }
.featured-cards-news .background-img__top {
position: absolute;
width: 35%;
z-index: 0;
top: -5%;
right: 0; }
.featured-cards-news .background-img__bottom {
position: absolute;
width: 20%;
z-index: 0;
bottom: -20%;
left: 0; }
.featured-cards-news .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
.featured-cards-news .bg-gradient__background .circle-gradient {
display: inline-block;
position: absolute; }
@media (min-width: 1680px) {
.featured-cards-news .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.featured-cards-news .bg-gradient__background .circle-gradient {
width: 50%; } }
.featured-cards-news .bg-gradient__background .circle-gradient--one {
bottom: 0%;
left: 2%;
opacity: 0.2;
width: 1440px;
height: 693px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 1440px;
background: #1e57f7;
-webkit-filter: blur(100px);
filter: blur(100px); }
.featured-cards-news .bg-gradient__background .circle-gradient--two {
bottom: 0;
left: 30%;
width: 629.047px;
height: 302.729px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 629.047px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.1; }
.featured-cards-news .bg-gradient__background .circle-gradient--three {
right: 10%;
bottom: 6%;
width: 417.799px;
height: 201.066px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 417.799px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
opacity: 0.1; }
.featured-cards-news .bg-gradient__background .circle-gradient--four {
bottom: 6%;
left: 7%;
width: 377.897px;
height: 181.863px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 377.897px;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
opacity: 0.2; }
@media (max-width: 767px) {
.featured-cards-news .bg-gradient__background {
display: none; } }
.featured-cards-news .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.featured-cards-news p {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0; }
.featured-cards-news p.eyebrow {
color: #ff0092;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.featured-cards-news p.date {
color: #b6b7bb;
font-weight: 400;
line-height: 150%;
/* 21px */
text-transform: uppercase;
margin-bottom: 5px; }
.featured-cards-news p.author {
color: #fff;
font-weight: 700;
line-height: 150%;
/* 21px */
margin-bottom: 10px; }
.featured-cards-news .container > .row {
width: 100%;
margin-top: -20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 768px) {
.featured-cards-news .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.featured-cards-news .container > .row {
margin-top: -30px; } }
@media (min-width: 1025px) {
.featured-cards-news .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.featured-cards-news .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.featured-cards-news .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.featured-cards-news .intro-block {
margin-bottom: 60px; } }
.featured-cards-news__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px;
min-height: auto; }
@media (min-width: 768px) {
.featured-cards-news__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px;
min-height: 474px; } }
@media (min-width: 992px) {
.featured-cards-news__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px;
min-height: 500px; } }
@media (min-width: 1025px) {
.featured-cards-news__item {
padding: 0 12px; } }
.featured-cards-news .feature-slider__arrows {
text-align: center;
-webkit-margin-before: 40px;
margin-block-start: 40px; }
@media (min-width: 992px) {
.featured-cards-news .feature-slider__arrows {
display: none; } }
.featured-cards-news .slick-list {
margin-left: -15px;
overflow: visible;
width: calc(100% + 30px); }
.featured-cards-news .primary-card {
position: relative;
overflow: hidden;
height: auto; }
.featured-cards-news .primary-card .link-pink {
margin-right: 25px; }
.featured-cards-news .primary-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.featured-cards-news .feature-outer.slick-initialized {
width: 55%;
margin: 0 auto; } }
@media (min-width: 576px) and (max-width: 767px) {
.featured-cards-news .feature-outer.slick-initialized {
width: 60%;
margin: 0 auto; } }
@media (max-width: 575px) {
.featured-cards-news .feature-outer.slick-initialized {
width: 75%;
margin: 0 auto; } }
.featured-cards-news .feature-outer.slick-initialized .featured-cards-news__item {
padding: 0 8px;
margin: 0 auto; }
@media (max-width: 767px) {
.featured-cards-news .feature-outer.slick-initialized .primary-card__content {
height: calc(100% - 108px); } }
.featured-cards-news.bg-white .primary-card__content {
background-color: #0E111E; }
.featured-cards-news.bg-white .primary-card__content h4,
.featured-cards-news.bg-white .primary-card__content p {
color: #ffffff; }
.featured-customers {
min-height: 850px;
/* @media only screen and (max-width: 1600px) {
min-height: 850px;
} */
/* Mantén el estilo anterior */ }
.featured-customers .intro-block__content {
max-width: 100%;
margin: 0 auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 90px;
margin-top: 60px; }
.featured-customers .container-feat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
gap: 20px; }
@media (max-width: 1024px) {
.featured-customers .container-feat {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.featured-customers .figure {
cursor: pointer;
width: 160px;
height: 370px;
position: relative;
overflow: hidden;
-webkit-transform: skew(-25deg);
-o-transform: skew(-25deg);
transform: skew(-25deg);
background-color: lightgray;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media (max-width: 1024px) {
.featured-customers .figure {
width: 90px; } }
.featured-customers .figure::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* Dark filter */
z-index: 1; }
@media (min-width: 1025px) {
.featured-customers .figure:hover {
height: 500px;
z-index: 999; }
.featured-customers .figure:hover .image_background {
-webkit-transform: skew(43deg) translateX(-230px);
-o-transform: skew(43deg) translateX(-230px);
transform: skew(43deg) translateX(-230px); }
.featured-customers .figure:hover + .content {
opacity: 1;
height: 500px;
-webkit-transform: skew(-25deg) translateY(-50%) translateX(0);
-o-transform: skew(-25deg) translateY(-50%) translateX(0);
transform: skew(-25deg) translateY(-50%) translateX(0); } }
@media (min-width: 1025px) and (max-width: 1024px) {
.featured-customers .figure:hover + .content {
-webkit-transform: skew(-25deg) translateY(-50%) translateX(-10%);
-o-transform: skew(-25deg) translateY(-50%) translateX(-10%);
transform: skew(-25deg) translateY(-50%) translateX(-10%); } }
.featured-customers .figure .image_background {
width: unset;
max-width: unset;
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transform: skew(43deg) translateX(-175px);
-o-transform: skew(43deg) translateX(-175px);
transform: skew(43deg) translateX(-175px);
/* Aplicamos el skew inverso a la imagen */
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.featured-customers .figure .logo {
position: absolute;
top: 5%;
-webkit-transform: skewX(25deg);
-o-transform: skewX(25deg);
transform: skewX(25deg);
z-index: 9;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 70%;
margin: 0 auto; }
@media (max-width: 1024px) {
.featured-customers .figure .logo {
top: 5%; } }
.featured-customers .figure .logo img {
width: 100%;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
/* Animación suave de la altura */ }
.featured-customers .container-figure {
position: relative; }
.featured-customers .content {
position: absolute;
top: 50%;
left: 25%;
width: 400px;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: white;
opacity: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: skew(-25deg) translateY(-50%) translateX(0);
-o-transform: skew(-25deg) translateY(-50%) translateX(0);
transform: skew(-25deg) translateY(-50%) translateX(0);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
-o-transition: opacity 0.3s ease, visibility 0.3s ease, -o-transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }
@media (max-width: 1024px) {
.featured-customers .content {
opacity: 1;
left: 0;
width: 300px; } }
.featured-customers .content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* Dark filter */
z-index: 1; }
.featured-customers .content img {
width: unset;
max-width: unset;
height: 100%;
-webkit-transform: skew(25deg) translateX(-230px) translateY(-20px);
-o-transform: skew(25deg) translateX(-230px) translateY(-20px);
transform: skew(25deg) translateX(-230px) translateY(-20px);
position: absolute;
z-index: 0; }
@media (max-width: 1024px) {
.featured-customers .content img {
left: 40%; } }
.featured-customers .content-inner {
position: relative;
-webkit-transform: skew(25deg) translateY(50%) translateX(0);
-o-transform: skew(25deg) translateY(50%) translateX(0);
transform: skew(25deg) translateY(50%) translateX(0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: -50%;
z-index: 1; }
@media (max-width: 1024px) {
.featured-customers .content-inner {
left: -15px; } }
.featured-customers .content-inner h3 {
padding-right: 40px;
font-weight: normal; }
@media (max-width: 1024px) {
.featured-customers .content-inner h3 {
padding: 0;
font-size: 16px;
width: 120px; } }
@media (min-width: 1680px) {
.featured-customers .content-inner h3 {
font-size: 39px; } }
.featured-customers .content-inner .block__action {
margin-top: 30px; }
.featured-customers .content-inner .block__action .arrow-next-icon {
-ms-flex-item-align: start;
align-self: flex-start;
left: -30%;
bottom: 20%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px; }
.featured-customers .content-inner .block__action .arrow-next-icon i {
width: 25px;
height: 18px; }
.featured-customers .content-inner .block__action .arrow-next-icon:hover i {
margin-left: 5px; }
.featured-customers .container-figure.move {
-webkit-transform: translateX(450px);
-o-transform: translateX(450px);
transform: translateX(450px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
/* Ajusta el valor según sea necesario para el desplazamiento */ }
.featured-customers .container-figure.hovered .figure {
height: 500px;
z-index: 999; }
.featured-customers .container-figure.hovered .figure .image_background {
-webkit-transform: skew(43deg) translateX(-230px);
-o-transform: skew(43deg) translateX(-230px);
transform: skew(43deg) translateX(-230px); }
.featured-customers .container-figure.hovered .figure .logo {
/* img {
transform: skew(43deg) translateX(-70px);
width: 150%;
transition: width 0.5s ease;
} */ }
.featured-customers .container-figure.hovered .figure::before {
background: rgba(255, 0, 127, 0.7);
/* Cambiar el fondo a rosado con hover */ }
.featured-customers .container-figure.hovered .content {
opacity: 1;
height: 500px;
-webkit-transform: skew(-25deg) translateY(-50%) translateX(0);
-o-transform: skew(-25deg) translateY(-50%) translateX(0);
transform: skew(-25deg) translateY(-50%) translateX(0); }
.fonts-grid .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
margin-top: -20px; }
@media (min-width: 992px) {
.fonts-grid .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.fonts-grid .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.fonts-grid .row > * {
margin-top: 20px;
padding-inline: 8px; }
@media (min-width: 768px) {
.fonts-grid .row > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.fonts-grid .row > * {
margin-top: 40px; } }
@media (min-width: 1025px) {
.fonts-grid .row > * {
padding-inline: 12px; } }
.fonts-grid .row.border-top {
border-top: 2px solid #ff0092; }
.fonts-grid .row.padding-sm-bottom {
padding-bottom: 30px; }
@media (min-width: 992px) {
.fonts-grid .row.padding-sm-bottom {
padding-bottom: 40px; } }
.fonts-grid .row:nth-child(3) {
margin-top: 0; }
.fonts-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.fonts-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.fonts-grid .intro-block {
margin-bottom: 60px; } }
.fonts-grid .intro-block__action a {
margin-top: 20px; }
.fonts-grid .intro-block__action a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.fonts-grid .intro-block__action a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.fonts-grid .intro-block__action a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.fonts-grid .intro-block__action a:not(:last-child) {
margin-right: 45px; } }
@media (min-width: 992px) {
.fonts-grid .intro-block p:not(:first-child) {
margin-top: 20px; } }
@media (max-width: 991px) {
.fonts-grid .intro-block p {
-webkit-margin-before: 16px;
margin-block-start: 16px; } }
.fonts-grid .intro-block p + .intro-block__action {
margin-top: 20px;
text-align: left; }
@media (min-width: 1280px) {
.fonts-grid .intro-block p + .intro-block__action {
margin-top: 30px; } }
@media (min-width: 1680px) {
.fonts-grid .intro-block p + .intro-block__action {
margin-top: 40px; } }
.fonts-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.fonts-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.fonts-grid__item {
margin-top: 30px; } }
.fonts-grid .font-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 768px) {
.fonts-grid .font-item {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 1025px) {
.fonts-grid .font-item {
width: calc(100% + 24px);
margin-left: -12px; } }
.fonts-grid .font-item > * {
padding: 0 8px; }
@media (min-width: 768px) {
.fonts-grid .font-item > * {
padding: 0 8px; } }
@media (min-width: 1025px) {
.fonts-grid .font-item > * {
padding: 0 12px; } }
.fonts-grid .font-item__font {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.33333%; }
@media (min-width: 992px) {
.fonts-grid .font-item__font {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
.fonts-grid .font-item__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%; }
@media (min-width: 992px) {
.fonts-grid .font-item__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; } }
.fonts-grid .font-item__text h2 {
margin-bottom: 20px; }
@media (min-width: 992px) {
.fonts-grid .font-item__text h2 {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.fonts-grid .font-item__text h2 {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.fonts-grid .font-item__text h2 {
margin-bottom: 45px; } }
.fonts-grid .font-item__text h2 + h3 {
text-transform: uppercase; }
.fonts-grid .font-item__text h3 {
word-wrap: break-word; }
.fonts-grid .font-item__text h3:not(:last-child) {
margin-bottom: 15px; }
.fonts-grid .font-item.font-rubik-regular h2,
.fonts-grid .font-item.font-rubik-regular .h1,
.fonts-grid .font-item.font-rubik-regular h3 {
font-family: "Rubik", sans-serif;
font-weight: 400; }
.fonts-grid .font-item.font-rubik-medium h2,
.fonts-grid .font-item.font-rubik-medium .h1,
.fonts-grid .font-item.font-rubik-medium h3 {
font-family: "Rubik", sans-serif;
font-weight: 500; }
.fonts-grid .font-item.font-rubik-semibold h2,
.fonts-grid .font-item.font-rubik-semibold .h1,
.fonts-grid .font-item.font-rubik-semibold h3 {
font-family: "Rubik", sans-serif;
font-weight: 600; }
.fonts-grid .font-item.font-rubik-bold h2,
.fonts-grid .font-item.font-rubik-bold .h1,
.fonts-grid .font-item.font-rubik-bold h3 {
font-family: "Rubik", sans-serif;
font-weight: 700; }
.fonts-grid .font-item.font-gabarito-regular h2,
.fonts-grid .font-item.font-gabarito-regular .h1,
.fonts-grid .font-item.font-gabarito-regular h3 {
font-family: "Gabarito", sans-serif;
font-weight: 400; }
.fonts-grid .font-item.font-gabarito-medium h2,
.fonts-grid .font-item.font-gabarito-medium .h1,
.fonts-grid .font-item.font-gabarito-medium h3 {
font-family: "Gabarito", sans-serif;
font-weight: 500; }
.fonts-grid .font-item.font-gabarito-semibold h2,
.fonts-grid .font-item.font-gabarito-semibold .h1,
.fonts-grid .font-item.font-gabarito-semibold h3 {
font-family: "Gabarito", sans-serif;
font-weight: 600; }
.fonts-grid .font-item.font-gabarito-bold h2,
.fonts-grid .font-item.font-gabarito-bold .h1,
.fonts-grid .font-item.font-gabarito-bold h3 {
font-family: "Gabarito", sans-serif;
font-weight: 700; }
.hero-banner {
min-height: 750px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hero-banner > .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 992px) and (max-width: 1279px) {
.hero-banner {
min-height: 550px; } }
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner {
min-height: 472px; } }
@media (max-width: 767px) {
.hero-banner {
min-height: auto;
padding-top: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (min-width: 1680px) {
.hero-banner {
min-height: 990px; } }
@media (min-width: 576px) and (max-width: 767px) {
.hero-banner .lottie-animation-outer-wrap {
height: 430px; } }
@media (max-width: 575px) {
.hero-banner .lottie-animation-outer-wrap {
height: 350px; } }
.hero-banner .lottie-animation-wrap {
position: relative;
right: -10%;
top: -13%;
width: 580px;
height: 380px; }
.hero-banner .lottie-animation-wrap > div {
width: 100%; }
@media (min-width: 576px) {
.hero-banner .lottie-animation-wrap {
width: 700px;
height: 470px; } }
@media (min-width: 768px) {
.hero-banner .lottie-animation-wrap {
position: absolute;
right: -34%;
top: -18%;
max-width: 700px;
max-height: 600px;
width: 100%;
height: 100%; } }
@media (min-width: 1025px) {
.hero-banner .lottie-animation-wrap {
right: -39%;
top: -15%;
max-width: 900px; } }
@media (min-width: 1280px) {
.hero-banner .lottie-animation-wrap {
right: -42%;
top: -22%;
max-width: 1200px; } }
@media (min-width: 1400px) {
.hero-banner .lottie-animation-wrap {
top: -30%;
max-width: 1400px;
max-height: 970px; } }
@media (min-width: 1680px) {
.hero-banner .lottie-animation-wrap {
max-width: 1800px;
right: -29%;
top: -24%;
width: 80%; } }
.hero-banner__content {
max-width: 635px;
width: 100%;
padding-top: 0; }
.hero-banner__content p {
padding-top: 20px;
max-width: 530px; }
@media (max-width: 767px) {
.hero-banner__content p {
padding-top: 16px; } }
@media (min-width: 1680px) {
.hero-banner__content {
max-width: 775px;
padding-top: 0; } }
@media (min-width: 992px) and (max-width: 1279px) {
.hero-banner__content {
padding-top: 100px; } }
@media (min-width: 768px) and (max-width: 991px) {
.hero-banner__content {
padding-top: 90px;
max-width: 391px; } }
@media (max-width: 767px) {
.hero-banner__content {
padding-top: 30px; } }
.hero-banner__action {
margin-top: 20px; }
@media (min-width: 1280px) {
.hero-banner__action {
margin-top: 30px; } }
@media (min-width: 1680px) {
.hero-banner__action {
margin-top: 40px; } }
.hero-banner__action a {
margin-top: 20px; }
.hero-banner__action a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.hero-banner__action a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.hero-banner__action a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.hero-banner__action a:not(:last-child) {
margin-right: 45px; } }
.hero-banner .bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.hero-banner .bg-img:before {
content: "";
position: absolute;
background: -webkit-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 56.28%, rgba(14, 17, 19, 0.6) 73.61%, rgba(14, 17, 19, 0) 88.18%);
background: -o-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 56.28%, rgba(14, 17, 19, 0.6) 73.61%, rgba(14, 17, 19, 0) 88.18%);
background: linear-gradient(88deg, rgba(14, 17, 19, 0.9) 56.28%, rgba(14, 17, 19, 0.6) 73.61%, rgba(14, 17, 19, 0) 88.18%);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
@media (min-width: 992px) {
.hero-banner .bg-img:before {
width: 80%; } }
@media (max-width: 767px) {
.hero-banner.pricing-banner h1 {
margin-top: 80px; } }
.img-with-desc {
min-height: 432px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px); }
.img-with-desc.theme-v2.padding-2xl {
padding: 0 !important; }
.img-with-desc.theme-v2 .shape {
padding-block: 100px !important;
background: #163489;
-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 50% 100%);
clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 50% 100%);
position: absolute;
z-index: 2;
height: 100%;
width: 100%; }
.img-with-desc.theme-v2 .img-with-desc__bg-img {
z-index: 0; }
.img-with-desc.theme-v2 .bg-gradient__background {
display: block !important; }
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.2; }
@media (min-width: 1680px) {
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient {
width: 50%; } }
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient--top-right {
top: -20%;
right: 15%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
z-index: 20; }
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient--top-center {
top: -40%;
left: 30%;
left: 30%;
opacity: 0.5;
background: #1e57f7;
-webkit-filter: blur(100px);
filter: blur(100px); }
.img-with-desc.theme-v2 .bg-gradient__background .circle-gradient--bottom-left {
bottom: 8%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
left: -5%; }
@media (min-width: 992px) and (max-width: 1279px) {
.img-with-desc {
min-height: 359px; } }
@media (min-width: 768px) and (max-width: 991px) {
.img-with-desc {
min-height: 345px; } }
@media (max-width: 767px) {
.img-with-desc {
min-height: 300px; } }
.img-with-desc__bg-img {
position: absolute;
top: 0;
left: 0;
width: 45%;
height: calc(100% + 3px);
mix-blend-mode: lighten; }
@media (min-width: 1400px) {
.img-with-desc__bg-img {
width: 50%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.img-with-desc__bg-img {
width: 48%; } }
@media (min-width: 768px) and (max-width: 991px) {
.img-with-desc__bg-img {
width: 48%; } }
@media (max-width: 767px) {
.img-with-desc__bg-img {
display: none; } }
.img-with-desc__bg-img img {
-o-object-position: left;
object-position: left;
height: 100%; }
.img-with-desc__text-wrap {
max-width: 630px;
position: relative;
z-index: 1;
margin-left: auto; }
@media (min-width: 1680px) {
.img-with-desc__text-wrap {
max-width: 702px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.img-with-desc__text-wrap {
max-width: 470px; } }
@media (min-width: 768px) and (max-width: 991px) {
.img-with-desc__text-wrap {
max-width: 355px; } }
.img-with-desc__text-wrap p {
-webkit-margin-before: 20px;
margin-block-start: 20px; }
.img-with-desc__text-wrap h2 {
text-transform: capitalize; }
.img-with-desc__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.img-with-desc__btn-wrap {
margin-top: 60px; } }
.img-with-desc.gradient-blue {
background: -webkit-linear-gradient(226.48deg, #0e1113 -25.81%, #1e57f7 48.49%, #2bf9eb 118.72%);
background: -o-linear-gradient(226.48deg, #0e1113 -25.81%, #1e57f7 48.49%, #2bf9eb 118.72%);
background: linear-gradient(223.52deg, #0e1113 -25.81%, #1e57f7 48.49%, #2bf9eb 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px); }
.img-with-desc.reverse .img-with-desc__bg-img {
right: 0;
left: unset; }
.img-with-desc.reverse .img-with-desc__text-wrap {
margin-right: auto;
margin-left: 0; }
.img-with-desc.reverse.gradient-blue {
background: -webkit-linear-gradient(223.91deg, #163498 -8.63%, #1e57f7 58.37%, #2bf9eb 114.21%);
background: -o-linear-gradient(223.91deg, #163498 -8.63%, #1e57f7 58.37%, #2bf9eb 114.21%);
background: linear-gradient(226.09deg, #163498 -8.63%, #1e57f7 58.37%, #2bf9eb 114.21%);
-webkit-backdrop-filter: blur(95px);
backdrop-filter: blur(95px); }
.title-with-desc {
overflow: visible;
min-height: 432px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px);
padding-block: 80px; }
@media (min-width: 768px) {
.title-with-desc.padding-top-10 {
padding-top: 10rem !important; } }
.title-with-desc.bg-gradient::before, .title-with-desc.bg-gradient::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 2; }
.title-with-desc.bg-gradient::before {
top: 0;
height: 250px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #0e111e), to(rgba(14, 17, 30, 0)));
background: -webkit-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: -o-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: linear-gradient(to bottom, #0e111e 33%, rgba(14, 17, 30, 0)); }
.title-with-desc.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute; }
@media (min-width: 1680px) {
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: 10%;
right: 10%;
border-radius: 547px;
width: 250px;
height: 547px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
opacity: .5; }
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
top: 10%;
left: 35%;
border-radius: 697px;
width: 697px;
height: 697px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
opacity: .9;
-webkit-filter: blur(150px);
filter: blur(150px); }
.title-with-desc.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
top: -10%;
left: 10%;
border-radius: 697px;
width: 697px;
height: 697px;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
opacity: .5; }
@media (max-width: 767px) {
.title-with-desc.bg-gradient .bg-gradient__background {
display: none; } }
.title-with-desc.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.title-with-desc__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.title-with-desc__background {
display: none; } }
.title-with-desc__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.title-with-desc__background::before, .title-with-desc__background::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 1; }
.title-with-desc__background::before {
top: 0;
height: 250px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #0e111e), to(rgba(14, 17, 30, 0)));
background: -webkit-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: -o-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: linear-gradient(to bottom, #0e111e 33%, rgba(14, 17, 30, 0)); }
@media (min-width: 992px) and (max-width: 1279px) {
.title-with-desc {
min-height: 359px; } }
@media (min-width: 768px) and (max-width: 991px) {
.title-with-desc {
min-height: 345px; } }
@media (max-width: 767px) {
.title-with-desc {
min-height: 300px; } }
.title-with-desc__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.title-with-desc__btn-wrap {
margin-top: 60px; } }
.title-with-desc .row {
grid-template-columns: 1fr;
display: grid;
gap: 24px; }
@media (min-width: 768px) {
.title-with-desc .row {
grid-template-columns: 58% 42%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end; } }
.title-with-desc__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 26px; }
.title-with-desc__line img {
width: 16px; }
.title-with-desc__text {
line-height: 150%; }
.title-with-desc__content {
padding-inline: 12px; }
.title-with-desc__content p {
line-height: 150%; }
.title-with-desc__content p small {
font-size: 14px;
text-transform: uppercase;
color: #ff0092;
font-weight: 700;
letter-spacing: 4.2px; }
.header-information {
overflow: visible; }
.header-information.width-desktop .container {
max-width: 1280px; }
.header-information .container {
position: relative; }
.header-information.no-eyebrow-img .header-information__line img {
display: none; }
.header-information.content-lg .header-information__content {
max-width: 1068px; }
.header-information.content-xl .header-information__content {
max-width: 1140px; }
.header-information.content-xl .header-information__content p {
margin-bottom: 30px; }
.header-information.bg-circle-gradient .bg-circle-gradient__background {
display: block !important;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.header-information.bg-circle-gradient .bg-circle-gradient__background .circle-gradient {
display: inline-block;
max-width: 922px;
max-height: 570px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.5; }
.header-information.bg-circle-gradient .bg-circle-gradient__background .circle-gradient--top-center {
top: -30%;
left: 20%;
background: #1e57f7;
-webkit-filter: blur(100px);
filter: blur(100px); }
@media (max-width: 767px) {
.header-information.bg-circle-gradient .bg-circle-gradient__background {
display: none; } }
.header-information.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 2; }
.header-information.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
position: absolute;
opacity: 0.1; }
@media (min-width: 1680px) {
.header-information.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.header-information.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.header-information.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 0%;
left: 0%;
border-radius: 1814.026px;
background: #1e57f7;
width: 1814.026px;
height: 873px;
-webkit-filter: blur(100px);
filter: blur(100px); }
.header-information.bg-gradient .bg-gradient__background .circle-gradient--two {
bottom: -45%;
right: 10%;
border-radius: 792.435px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
width: 792.435px;
height: 381.359px;
-ms-flex-negative: 0;
flex-shrink: 0; }
.header-information.bg-gradient .bg-gradient__background .circle-gradient--three {
top: 20%;
background: #ff0092;
left: 0%;
border-radius: 476.052px;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 476.052px;
height: 229.1px; }
.header-information.bg-gradient .bg-gradient__background .circle-gradient--four {
top: 20%;
right: 10%;
width: 526.319px;
height: 253.291px;
border-radius: 526.319px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
@media (max-width: 767px) {
.header-information.bg-gradient .bg-gradient__background {
display: none; } }
.header-information.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.header-information.bottom-gradient::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 1; }
.header-information.bottom-gradient::after {
bottom: 0;
height: 80px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#151b3a), to(rgba(21, 27, 58, 0)));
background-image: -webkit-linear-gradient(bottom, #151b3a, rgba(21, 27, 58, 0));
background-image: -o-linear-gradient(bottom, #151b3a, rgba(21, 27, 58, 0));
background-image: linear-gradient(to top, #151b3a, rgba(21, 27, 58, 0)); }
.header-information.top-gradient::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 1; }
.header-information.top-gradient::before {
top: 0;
height: 80px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#151b3a), to(rgba(21, 27, 58, 0)));
background-image: -webkit-linear-gradient(top, #151b3a, rgba(21, 27, 58, 0));
background-image: -o-linear-gradient(top, #151b3a, rgba(21, 27, 58, 0));
background-image: linear-gradient(to bottom, #151b3a, rgba(21, 27, 58, 0)); }
.header-information.gradient-blue {
background: -webkit-gradient(linear, right top, left top, color-stop(-25.81%, #151b3a), color-stop(48.49%, #151b3a), color-stop(118.72%, #0e111e));
background: -webkit-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: -o-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: linear-gradient(270deg, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px); }
.header-information__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 10px; }
.header-information__line .no-eyebrow-img {
display: none; }
.header-information__line img {
width: 16px; }
.header-information__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.header-information__btn-wrap {
margin-top: 60px; } }
.header-information__content {
text-align: center;
max-width: 750px; }
.header-information__content h2 {
font-size: 35px;
margin-bottom: 20px;
text-transform: capitalize;
font-weight: 400; }
@media (min-width: 768px) {
.header-information__content h2 {
font-size: 35px; } }
@media (min-width: 1025px) {
.header-information__content h2 {
font-size: 50px; } }
.header-information__content p {
line-height: 150%;
font-size: 18px; }
.header-information__content p small {
font-size: 14px;
text-transform: uppercase;
color: #ff0092;
font-weight: 700;
letter-spacing: 4.2px; }
.header-information.no-acf .header-information__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
margin-block: 40px;
max-width: unset; }
.header-information.no-acf .header-information__content h2 {
margin-bottom: 0; }
.market-challenges {
overflow: visible; }
.market-challenges.pricing-page .card-content {
min-height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.market-challenges__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.market-challenges__background {
display: none; } }
.market-challenges__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.market-challenges .container {
position: relative; }
.market-challenges__text {
line-height: 150%; }
.market-challenges__cards .card-content {
padding: 40px;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.market-challenges__cards .card-content img {
width: 100px;
margin-bottom: 40px; }
.market-challenges__cards .card-content h3 {
font-size: 28px;
font-family: "Rubik", sans-serif;
font-weight: 600;
margin-bottom: 20px; }
.market-challenges__cards .card-content small {
line-height: 150%; }
.market-challenges__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
margin-bottom: 40px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.market-challenges__btn-wrap {
text-align: center; } }
@media (min-width: 1680px) {
.market-challenges__btn-wrap {
margin-top: 60px; } }
@media (min-width: 1280px) {
.market-challenges__btn-wrap {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.market-challenges__btn-wrap {
margin-bottom: 60px; } }
.market-challenges__btn-wrap-item {
margin-top: auto;
padding-top: 30px; }
.market-challenges .swiper-slide {
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto; }
.market-challenges .swiper-scrollbar {
background-color: #175D81; }
.market-challenges .swiper-scrollbar-drag {
background: #ff0092; }
.market-challenges .swiper-scrollbar__wrap {
padding-block: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.market-challenges .swiper-scrollbar__wrap {
display: none; } }
.market-challenges .swiper-horizontal > .swiper-scrollbar,
.market-challenges .swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
left: 0;
right: 0;
width: 100%;
position: relative;
margin-block: 12px; }
.market-challenges .swiper-scrollbar-indicator {
color: #e6e7e8;
white-space: nowrap; }
.market-challenges .swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.banner-stats {
overflow: visible;
background-color: unset; }
.banner-stats .bg-gradient {
content: '';
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
filter: blur(150px);
-webkit-filter: blur(150px); }
.banner-stats .bg-gradient::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
right: 0;
top: 0; }
.banner-stats .bg-gradient::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 50% 100%);
clip-path: ellipse(18% 30% at 50% 100%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.banner-stats .container {
position: relative; }
.banner-stats .container video {
width: 100%;
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.banner-stats .container .only-mobile {
position: relative; }
.banner-stats .container .only-mobile video {
height: 200px; }
.banner-stats .container .only-mobile img {
border-radius: 8px; }
@media (min-width: 768px) {
.banner-stats .container .only-mobile {
display: none; } }
.banner-stats .container svg {
width: 100%;
display: none; }
@media (min-width: 768px) {
.banner-stats .container svg {
display: block; } }
.banner-stats .container svg p {
font-size: 16px; }
.banner-stats__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
margin-top: 30px; }
@media (min-width: 768px) {
.banner-stats__content.mobile {
display: none; } }
@media (min-width: 768px) {
.banner-stats__content {
position: absolute;
right: 80px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
bottom: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.banner-stats__content .item-wrap.desktop {
display: none;
border-right: 1px solid #ccc;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 135px;
flex: 0 0 135px;
margin-right: 15px;
min-width: 140px; }
@media (min-width: 768px) {
.banner-stats__content .item-wrap.desktop {
display: block; } }
.banner-stats__content .item-wrap.desktop.no-border {
border-right: none; }
.banner-stats__content .item-wrap .stats__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.banner-stats__content .item-wrap .stats__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: 15px; } }
.banner-stats__content .item-wrap .stats__content .statistic {
font-size: 30px;
margin-left: 10px;
border-left: 1px solid;
padding-left: 15px; }
@media (min-width: 768px) {
.banner-stats__content .item-wrap .stats__content .statistic {
font-size: 40px;
padding-left: 0;
margin-left: 0;
border-left: 0; } }
.banner-stats__content .item-wrap .stats__content p {
font-size: 16px;
line-height: 150%; }
.banner-stats .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
color: white;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
cursor: pointer;
z-index: 10; }
.banner-stats .lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1000; }
.banner-stats .lightbox-content {
position: relative;
width: 80%;
max-width: 800px; }
.banner-stats #lightbox-video {
width: 100%;
height: auto;
background: black; }
.banner-stats .close-button {
position: absolute;
top: -20px;
right: -20px;
background: white;
color: black;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 18px;
cursor: pointer; }
.visionaries {
overflow: visible; }
.visionaries .bg-gradient {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
-webkit-filter: blur(150px);
filter: blur(150px);
/* &::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(
to left,
rgba($dark-cornflower, 0.2),
rgba($dark-blue, 0.2),
rgba($dark-robins, 0.2)
);
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
right: 0;
top: 0;
}
*/ }
.visionaries .bg-gradient::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 50% 100%);
clip-path: ellipse(18% 30% at 50% 100%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.visionaries .container {
position: relative; }
.visionaries__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-block: 80px; }
.visionaries__header h2 {
font-weight: 400; }
@media (max-width: 767px) {
.visionaries__header {
padding-block: 30px; } }
.visionaries__text {
line-height: 150%; }
.visionaries__cards .card-content {
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
background: -webkit-linear-gradient(10deg, #0e111e 22%, #171c2e 100%);
background: -o-linear-gradient(10deg, #0e111e 22%, #171c2e 100%);
background: linear-gradient(80deg, #0e111e 22%, #171c2e 100%);
-webkit-filter: drop-shadow(-58px 4px 50px rgba(0, 0, 0, 0.5));
filter: drop-shadow(-58px 4px 50px rgba(0, 0, 0, 0.5)); }
@media (min-width: 1280px) {
.visionaries__cards .card-content {
border: 0; } }
@media (min-width: 1280px) {
.visionaries__cards .card-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.visionaries__cards .card-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: var(--background-url-visionaries);
background-repeat: no-repeat;
background-size: cover; }
.visionaries__cards .card-content::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url("../png/border.png");
background-repeat: no-repeat;
z-index: 2;
background-size: 70px; } }
.visionaries__cards .card-content__wrapper {
padding: 20px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__wrapper {
padding: 40px 40px 55px;
width: 80%;
position: relative;
margin: 42px;
border-radius: 20px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); } }
@media (min-width: 1280px) {
.visionaries__cards .card-content__banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 20px;
min-height: 500px; } }
@media (max-width: 1279px) {
.visionaries__cards .card-content__banner > h4,
.visionaries__cards .card-content__banner > div {
display: none; } }
@media (min-width: 1280px) {
.visionaries__cards .card-content__header {
display: none; } }
.visionaries__cards .card-content__icon {
max-width: 131px;
margin-bottom: 20px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__icon {
position: relative;
margin-top: auto; }
.visionaries__cards .card-content__icon img {
max-width: 115px; } }
.visionaries__cards .card-content__image {
display: block !important; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__image {
display: none !important; } }
.visionaries__cards .card-content h4 {
margin-bottom: 15px;
line-height: 150%;
font-size: "Rubik", sans-serif;
font-weight: 600;
line-height: 120%; }
@media (min-width: 1280px) {
.visionaries__cards .card-content h4 {
position: relative;
font-size: 28px;
font-weight: 400;
margin-bottom: 0;
padding-right: 40px; } }
.visionaries__cards .card-content__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__body {
gap: 30px;
height: 100%; } }
.visionaries__cards .card-content__description p {
line-height: 150%; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__description p {
font-size: 22px; } }
.visionaries__cards .card-content__user {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px; }
.visionaries__cards .card-content__user p {
font-size: 16px; }
.visionaries__cards .card-content__user p:first-child {
font-weight: 700; }
.visionaries__cards .card-content__user p:last-child {
color: #b6b7bb; }
.visionaries__cards .card-content__stats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__stats {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
margin-top: auto; } }
.visionaries__cards .card-content__stats span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #ff0092; }
.visionaries__cards .card-content__stats .item-wrap {
position: relative;
padding-left: 13px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__stats .item-wrap:not(:first-child) {
padding-left: 20px; } }
.visionaries__cards .card-content__stats .item-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 3px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
pointer-events: none; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__stats .item-wrap:first-child::before {
content: none; } }
.visionaries__cards .card-content__stats .stats__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__stats .stats__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.visionaries__cards .card-content__stats .stats__content .statistic {
font-size: 30px; }
.visionaries__cards .card-content__stats .stats__content .statistic p {
font-size: 16px; }
@media (min-width: 1280px) {
.visionaries__cards .card-content__stats .stats__content .statistic {
font-size: 60px; } }
.visionaries .card_content__btn-wrap {
margin-top: 20px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.visionaries .card_content__btn-wrap.is-hidden-desktop {
display: none; } }
@media (max-width: 767px) {
.visionaries .card_content__btn-wrap.is-hidden-mobile {
display: none; } }
@media (min-width: 992px) {
.visionaries .card_content__btn-wrap {
margin-top: 25px; } }
@media (min-width: 1280px) {
.visionaries .card_content__btn-wrap {
margin-top: 40px; } }
@media (min-width: 1680px) {
.visionaries .card_content__btn-wrap {
margin-top: 45px; } }
@media (min-width: 992px) {
.visionaries .card_content__btn-wrap {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.visionaries .card_content__btn-wrap {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.visionaries .card_content__btn-wrap {
margin-bottom: 45px; } }
.visionaries .swiper-slide {
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: auto; }
.visionaries .swiper-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
margin-top: 20px; }
.visionaries .toggles {
background-color: #0e111e;
padding: 15px;
margin-top: 40px !important;
border-radius: 200px;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: none;
position: relative;
z-index: 1; }
@media (min-width: 1280px) {
.visionaries .toggles {
display: block; } }
.visionaries .goto-slide {
padding: 8px 16px;
border: none;
min-width: 180px;
height: 55px;
background-color: transparent;
color: white;
cursor: pointer;
border-radius: 4px;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
border-radius: 100px; }
.visionaries .goto-slide img {
width: auto;
opacity: 0.7;
height: 25px; }
.visionaries .goto-slide.active {
background-color: rgba(226, 226, 226, 0.27);
color: #fff;
font-weight: bold; }
.visionaries .goto-slide.active img {
opacity: 1; }
.visionaries .goto-slide:hover {
background-color: rgba(226, 226, 226, 0.27); }
.visionaries .swiper-visionaries-footer {
background-color: #0e111e;
width: 335px;
padding: 15px; }
.visionaries .swiper-visionaries-footer.mySwiperThumbs {
border-radius: 200px; }
.visionaries .swiper-visionaries-footer.mySwiperThumbs .swiper-slide {
background-color: #e2e2e2;
border-radius: 100px; }
.visionaries .swiper-visionaries-footer.mySwiperThumbs .swiper-slide.active {
border: 2px solid #007bff;
/* Borde destacado */
background-color: rgba(0, 123, 255, 0.1);
/* Fondo tipo chip */
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
/* Efecto de zoom */ }
.visionaries .swiper-visionaries-footer.mySwiperThumbs .swiper-slide img {
width: 60px; }
.visionaries .swiper-scrollbar {
background-color: #175D81; }
.visionaries .swiper-scrollbar-drag {
background: #ff0092; }
.visionaries .swiper-scrollbar__wrap {
padding-block: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.visionaries .swiper-scrollbar__wrap {
display: none; } }
.visionaries .swiper-horizontal > .swiper-scrollbar,
.visionaries .swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
left: 0;
right: 0;
width: 100%;
position: relative;
margin-block: 12px; }
.visionaries .swiper-scrollbar-indicator {
color: #e6e7e8;
white-space: nowrap; }
.feature-resources-home__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
@media (max-width: 767px) {
.feature-resources-home__background img {
display: none; }
.feature-resources-home__background::after {
content: '';
position: absolute;
border-radius: 328px;
opacity: 0.6;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px); } }
.feature-resources-home__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%; }
.feature-resources-home__background::before, .feature-resources-home__background::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 1; }
.feature-resources-home__background::before {
top: 0;
height: 480px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #0e111e), to(rgba(14, 17, 30, 0)));
background: -webkit-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: -o-linear-gradient(top, #0e111e 33%, rgba(14, 17, 30, 0));
background: linear-gradient(to bottom, #0e111e 33%, rgba(14, 17, 30, 0)); }
.feature-resources-home__background::after {
bottom: 0;
height: 420px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#0e111e), to(rgba(14, 17, 30, 0)));
background-image: -webkit-linear-gradient(bottom, #0e111e, rgba(14, 17, 30, 0));
background-image: -o-linear-gradient(bottom, #0e111e, rgba(14, 17, 30, 0));
background-image: linear-gradient(to top, #0e111e, rgba(14, 17, 30, 0)); }
.feature-resources-home__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-block: 80px; }
.feature-resources-home__header h2 {
font-weight: 400; }
@media (max-width: 767px) {
.feature-resources-home__header {
padding-block: 30px; } }
.feature-resources-home__card {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 40px;
z-index: 1;
min-height: 302px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; }
.feature-resources-home__card.different {
margin-left: 70px; }
@media (max-width: 991px) {
.feature-resources-home__card.different {
margin-left: 0px; } }
@media (max-width: 991px) {
.feature-resources-home__card {
min-height: auto;
padding: 20px; } }
.feature-resources-home__image img {
border-radius: 10px; }
@media (max-width: 767px) {
.feature-resources-home__image {
display: none; } }
.feature-resources-home__image img {
position: absolute;
max-width: 90%; }
@media (min-width: 1680px) {
.feature-resources-home__image img {
max-width: 75%; } }
.feature-resources-home__eyebrow {
margin-bottom: 15px; }
.feature-resources-home__eyebrow small {
font-size: 14px;
letter-spacing: 4.2px;
text-transform: uppercase;
color: #ff0092;
font-weight: 700; }
@media (max-width: 767px) {
.feature-resources-home__eyebrow small {
font-size: 12px; } }
.feature-resources-home__title {
margin-bottom: 10px;
font-family: "Rubik", sans-serif;
font-weight: 400;
line-height: 120%;
font-size: 32px; }
@media (max-width: 767px) {
.feature-resources-home__title {
font-size: 23px; } }
.feature-resources-home__btn-wrap {
margin-top: auto; }
@media (max-width: 767px) {
.feature-resources-home__btn-wrap.is-hidden-mobile {
display: none; } }
@media (min-width: 768px) {
.feature-resources-home__btn-wrap {
padding-top: 15px; }
.feature-resources-home__btn-wrap.is-hidden-desktop {
display: none; } }
.feature-resources-home__description {
min-height: 65px;
font-size: 16px;
line-height: 150%; }
.feature-resources-home__description p {
font-size: unset; }
@media (max-width: 767px) {
.feature-resources-home__description {
display: none; } }
.feature-resources-home__container {
display: grid;
grid-template-columns: 1fr 540px;
grid-template-rows: auto;
gap: 40px; }
@media (max-width: 991px) {
.feature-resources-home__container {
grid-template-columns: 1fr;
gap: 15px; } }
.feature-resources-home .data {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 40px;
position: relative; }
@media (max-width: 991px) {
.feature-resources-home .data {
grid-template-rows: 1fr; } }
.feature-resources-home .rows {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 40px; }
@media (max-width: 767px) {
.feature-resources-home .rows {
gap: 15px; } }
@media (max-width: 767px) {
.feature-resources-home .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.awarded-excellent .container {
position: relative;
margin-bottom: 80px; }
.awarded-excellent .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* Permitir que los elementos se envuelvan */
gap: 16px;
/* Espacio entre elementos */
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/* Espaciado entre elementos */ }
.awarded-excellent__card {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
overflow: hidden;
width: 100%;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative; }
@media (min-width: 576px) {
.awarded-excellent__card {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 16px);
flex: 1 1 calc(50% - 16px); } }
@media (min-width: 768px) {
.awarded-excellent__card {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(33.333% - 16px);
flex: 1 1 calc(33.333% - 16px);
/* Ocupa un tercio del contenedor menos el gap */ } }
.awarded-excellent__card img {
position: relative;
z-index: 2;
width: 145px; }
.awarded-excellent__card::before {
content: '';
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(rgba(14, 17, 30, 0)), color-stop(24.7%, #0E111E));
background: -webkit-linear-gradient(left, rgba(14, 17, 30, 0) 0%, #0E111E 24.7%);
background: -o-linear-gradient(left, rgba(14, 17, 30, 0) 0%, #0E111E 24.7%);
background: linear-gradient(90deg, rgba(14, 17, 30, 0) 0%, #0E111E 24.7%);
background: url("../png/awared-background.png");
background-repeat: no-repeat;
background-size: cover;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1; }
.awarded-excellent__card-content {
position: relative;
z-index: 2;
padding-right: 30px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.awarded-excellent__card-content h4 {
font-size: 22px;
font-family: "Rubik", sans-serif;
font-weight: 400;
line-height: 150%; }
.insights .intro-block__content {
max-width: 100%;
margin: 0 auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 60px;
text-align: center; }
.insights .intro-block__content h1 span {
font-size: inherit;
color: #ff0092; }
.insights .intro-block__content p {
font-size: 29px; }
.insights .content-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
padding: 40px 7px 32px 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.insights .content-outer {
padding: 49px 7px 60px 40px; } }
@media (max-width: 767px) {
.insights .content-outer {
padding: 30px 30px 10px;
display: block; } }
.insights .content-outer .insights-content_intro {
max-width: 600px; }
.insights .content-outer .insights-content_intro h1 {
font-size: 57px; }
.insights .content-outer .insights-content_intro .insights-content_items ul li {
color: #0E111E;
font-size: 20px; }
.insights .content-outer .insights-content_intro .insights-content_items ul li::before {
background-color: #ff0092; }
.insights .content-outer .insights-content_intro .insights-block__action {
margin-top: 30px; }
.insights .content-outer .insights-content_intro .insights-block__action .arrow-next-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px; }
.insights .content-outer .insights-content_intro .insights-block__action .arrow-next-icon i {
width: 25px;
height: 18px; }
.insights .content-outer .insights-content_intro .insights-block__action .arrow-next-icon:hover i svg .cls-1 {
stroke: #ff0092; }
.insights .content-outer .insights-content_intro .insights-block__action .arrow-next-icon:hover i svg .cls-2 {
fill: #ff0092; }
@media (min-width: 1280px) {
.insights .content-outer .insights-content_intro {
position: sticky;
top: 4rem;
z-index: 1; } }
.insights .content-outer .insights-content_reviews {
margin: 0 auto; }
@media (max-width: 767px) {
.insights .content-outer .insights-content_reviews {
margin-top: 2rem; } }
.insights .content-outer .insights-content_reviews #myReviewWidget {
-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*.gartner-pi-link {
border: 0 !important;
background: $gray;
} */ }
@media (max-width: 767px) {
.insights .content-outer .insights-content_reviews #myReviewWidget [id^='gartner-pi-widget'] {
width: 100%; } }
.insights .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
padding-left: 30px; }
@media (min-width: 1400px) {
.insights .content {
padding-left: 66px;
padding-right: 6px; } }
@media (min-width: 768px) and (max-width: 991px) {
.insights .content {
width: 100%;
margin-top: 30px; } }
@media (max-width: 767px) {
.insights .content {
padding: 10px 0px 30px;
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.insights .content {
display: block; } }
.insights h3 {
width: 20%; }
@media (max-width: 991px) {
.insights h3 {
width: 100%; } }
.insights .col-three {
padding: 0 67px 0 0;
width: 33.33%; }
@media (min-width: 1400px) {
.insights .col-three {
padding-right: 82px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.insights .col-three {
padding-right: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.insights .col-three {
padding-right: 30px; } }
@media (max-width: 991px) {
.insights .col-three {
padding-left: 0; } }
@media (max-width: 767px) {
.insights .col-three {
margin-top: 20px;
padding: 0;
padding-right: 20px; } }
@media (min-width: 576px) and (max-width: 767px) {
.insights .col-three {
width: 50%; } }
@media (max-width: 575px) {
.insights .col-three {
width: 100%;
padding-right: 0; } }
@media (min-width: 1400px) {
.insights .col-three:last-child {
padding-left: 31px;
padding-right: 44px; } }
.insights .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.insights .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.insights .intro-block {
margin-bottom: 60px; } }
.insights-customer_section .resource-grid__item .resource-card {
padding: 35px 20px;
background-color: #173489;
position: relative; }
.insights-customer_section .resource-grid__item .resource-card .resource-icon {
position: absolute;
top: 20px;
right: 20px; }
.insights-customer_section .resource-grid__item .resource-card .resource-icon img {
width: 30px; }
.insights-customer_section .resource-grid__item .logo__img {
padding-block: 10px;
min-height: 70px; }
.insights-customer_section .resource-grid__item .logo__img img {
width: auto;
-webkit-filter: invert(100%) contrast(40%) brightness(300%);
filter: invert(100%) contrast(40%) brightness(300%);
height: 30px; }
.insights-customer_section .resource-grid__item .customer-card__content {
display: grid;
gap: 2rem;
min-height: 220px; }
@media (min-width: 576px) {
.insights-customer_section .resource-grid__item .customer-card__content {
min-height: 290px; } }
@media (min-width: 768px) {
.insights-customer_section .resource-grid__item .customer-card__content {
min-height: 230px; } }
@media (min-width: 1025px) {
.insights-customer_section .resource-grid__item .customer-card__content {
min-height: 320px; } }
@media (min-width: 1280px) {
.insights-customer_section .resource-grid__item .customer-card__content {
min-height: 270px; } }
.insights-customer_section .resource-grid__item .customer-card__content h4 {
font-weight: 500; }
.insights-customer_section .resource-grid__item .customer-card__content p {
font-size: 16px; }
.insights-customer_section .resource-grid__item .customer-card__content a {
-ms-flex-item-align: end;
align-self: end; }
.customer-demo-banner .cta__text-wrap h2 span {
color: #0E111E; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon i {
width: 25px;
height: 18px; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon i svg .cls-1 {
stroke: #0E111E; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon i svg .cls-2 {
fill: #0E111E; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon:hover i svg .cls-1 {
stroke: #ffffff; }
.customer-demo-banner .cta__btn-wrap .arrow-next-icon:hover i svg .cls-2 {
fill: #ffffff; }
.resource-industry-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.resource-industry-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 768px) {
.resource-industry-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.intro-with-img .row {
position: relative; }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-with-img .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
@media (min-width: 768px) and (max-width: 991px) {
.intro-with-img .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media (max-width: 767px) {
.intro-with-img .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
.intro-with-img__bg-img {
position: absolute;
right: 0;
max-width: 1220px;
max-height: 656px;
z-index: 1; }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-with-img__bg-img {
max-width: 760px;
max-height: 536px;
right: -52px; } }
@media (min-width: 992px) and (max-width: 1080px) {
.intro-with-img__bg-img {
max-width: 650px; } }
@media (min-width: 768px) and (max-width: 991px) {
.intro-with-img__bg-img {
position: relative; } }
@media (max-width: 767px) {
.intro-with-img__bg-img {
position: relative; } }
@media (min-width: 992px) {
.intro-with-img__bg-img {
width: 60%; } }
.intro-with-img__bg-img img {
-o-object-position: left;
object-position: left;
height: 100%; }
.intro-with-img__text-wrap {
max-width: 545px;
position: relative;
z-index: 1; }
@media (min-width: 1680px) {
.intro-with-img__text-wrap {
max-width: 637px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-with-img__text-wrap {
max-width: 440px; } }
@media (min-width: 768px) and (max-width: 991px) {
.intro-with-img__text-wrap {
max-width: 100%; } }
@media (max-width: 767px) {
.intro-with-img__text-wrap {
max-width: 100%; } }
.intro-with-img__text-wrap p {
margin-top: 20px; }
.intro-with-img .eyebrow {
margin-bottom: 10px; }
.intro-with-img__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.intro-with-img__btn-wrap {
margin-top: 60px; } }
.intro-img-with-cards {
position: relative;
overflow: visible; }
.intro-img-with-cards .bg-gradient {
opacity: 0.63;
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
z-index: 0;
-webkit-filter: blur(150px);
filter: blur(150px); }
.intro-img-with-cards .bg-gradient::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
right: 0; }
.intro-img-with-cards .bg-gradient::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 82% 70%);
clip-path: ellipse(18% 30% at 82% 70%);
bottom: 0;
left: 0;
right: 0; }
.intro-img-with-cards .intro-with-img,
.intro-img-with-cards .col-three-card {
z-index: 1; }
.intro-img-with-cards .col-three-card {
margin-top: 155px; }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-with-cards .col-three-card {
margin-top: 90px; } }
@media (min-width: 992px) and (max-height: 950px) {
.intro-img-with-cards .col-three-card {
margin-top: 80px; } }
@media (max-width: 991px) {
.intro-img-with-cards .col-three-card {
margin-top: 0; } }
@media (min-width: 1680px) {
.intro-img-with-cards .col-three-card {
margin-top: 180px; } }
.intro-img-four-grid .reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (min-width: 1680px) {
.intro-img-four-grid .reverse .img-outer {
padding-right: 0px;
padding-left: 80px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.intro-img-four-grid .reverse .img-outer {
padding: 0 0px 0 124px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-four-grid .reverse .img-outer {
padding: 0 0px 0 50px; } }
.intro-img-four-grid .reverse .img-wrap {
margin-left: 0; }
@media (min-width: 1280px) and (max-width: 1679px) {
.intro-img-four-grid .reverse .img-wrap {
width: calc(100% + 193px);
margin-right: -193px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-four-grid .reverse .img-wrap {
width: calc(100% + 80px);
margin-right: -80px; } }
.intro-img-four-grid p {
margin-top: 20px; }
@media (min-width: 1280px) {
.intro-img-four-grid p {
padding-right: 14px; } }
.intro-img-four-grid__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: -8px;
width: calc(100% + 16px); }
@media (min-width: 1280px) {
.intro-img-four-grid__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.intro-img-four-grid__items > * {
padding: 0 8px; }
@media (min-width: 1280px) {
.intro-img-four-grid__items > * {
padding: 0 12px; } }
.intro-img-four-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.intro-img-four-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.intro-img-four-grid .intro-block {
margin-bottom: 60px; } }
.intro-img-four-grid .img-outer {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@media (min-width: 1680px) {
.intro-img-four-grid .img-outer {
padding-right: 80px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.intro-img-four-grid .img-outer {
padding: 0 124px 0 0; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-four-grid .img-outer {
padding: 0 50px 0 0; } }
@media (max-width: 991px) {
.intro-img-four-grid .img-outer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.intro-img-four-grid .img-wrap {
width: calc(100% + 193px);
margin-left: -193px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-four-grid .img-wrap {
width: calc(100% + 80px);
margin-left: -80px; } }
.intro-img-four-grid .content-grid {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
@media (max-width: 991px) {
.intro-img-four-grid .content-grid {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.intro-img-four-grid .content-grid h2 {
margin-bottom: 20px;
text-transform: capitalize; }
.intro-img-four-grid .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.intro-img-four-grid .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.intro-img-four-grid .btn-wrap {
margin-top: 40px; } }
.intro-img-four-grid .btn-wrap a {
margin-top: 20px; }
.intro-img-four-grid .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.intro-img-four-grid .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.intro-img-four-grid .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.intro-img-four-grid .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.intro-img-four-grid .icon-with-content > .row {
margin-left: -8px;
margin-top: -40px; }
@media (min-width: 576px) {
.intro-img-four-grid .icon-with-content > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.intro-img-four-grid .icon-with-content > .row {
margin-left: -12px;
margin-top: -50px; } }
@media (min-width: 1680px) {
.intro-img-four-grid .icon-with-content > .row {
margin-top: -60px; } }
.intro-img-four-grid .icon-with-content > .row > * {
padding: 0 8px; }
@media (min-width: 1280px) {
.intro-img-four-grid .icon-with-content > .row > * {
padding: 0 12px; } }
.intro-img-four-grid .icon-with-content .icon-wrap {
max-width: 47px;
width: 100%;
margin-bottom: 20px; }
@media (min-width: 1680px) {
.intro-img-four-grid .icon-with-content .icon-wrap {
margin-bottom: 45px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.intro-img-four-grid .icon-with-content .icon-wrap {
margin-bottom: 40px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-img-four-grid .icon-with-content .icon-wrap {
margin-bottom: 25px; } }
.intro-img-four-grid .icon-with-content__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 40px; }
@media (min-width: 576px) {
.intro-img-four-grid .icon-with-content__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 1280px) {
.intro-img-four-grid .icon-with-content__item {
margin-top: 50px; } }
@media (min-width: 1680px) {
.intro-img-four-grid .icon-with-content__item {
margin-top: 60px; } }
.intro-img-four-grid .icon-with-content__item h6 {
font-weight: 700; }
.intro-img-four-grid .icon-with-content__item p {
margin-top: 20px; }
@media (max-width: 767px) {
.intro-img-four-grid .icon-with-content__item p {
margin-top: 15px; } }
@media (max-width: 575px) {
.intro-img-four-grid .icon-with-content__item p {
margin-top: 10px; } }
.logo-slider {
max-width: 100%;
margin: 0 auto; }
@media (min-width: 2500px) {
.logo-slider {
max-width: 2500px; } }
.logo-slider .slick-track {
-webkit-transition: -webkit-transform 4000ms linear 0s !important;
transition: -webkit-transform 4000ms linear 0s !important;
-o-transition: -o-transform 4000ms linear 0s !important;
transition: transform 4000ms linear 0s !important;
transition: transform 4000ms linear 0s, -webkit-transform 4000ms linear 0s, -o-transform 4000ms linear 0s !important; }
.logo-slider .container > .row {
width: calc(100% + 16px);
margin-left: -8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 1025px) {
.logo-slider .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.logo-slider .container > .row > * {
padding-inline: 8px; }
@media (min-width: 768px) {
.logo-slider .container > .row > * {
padding-inline: 8px; } }
@media (min-width: 1025px) {
.logo-slider .container > .row > * {
padding-inline: 12px; } }
.logo-slider__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
@media (max-width: 767px) {
.logo-slider__title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 40px; } }
.logo-slider__items-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666667%;
flex: 0 0 66.6666667%;
max-width: 66.6666667%;
position: relative; }
.logo-slider__items-wrap.only-logos {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative; }
.logo-slider__items-wrap.only-logos::after {
display: none; }
.logo-slider__items-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 80px;
background: -webkit-gradient(linear, left top, right top, color-stop(1%, #0e1113), color-stop(47%, rgba(14, 17, 19, 0.85)), color-stop(95%, rgba(14, 17, 19, 0)));
background: -webkit-linear-gradient(left, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
background: -o-linear-gradient(left, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
background: linear-gradient(90deg, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
z-index: 1; }
@media (max-width: 575px) {
.logo-slider__items-wrap::after {
width: 50px; } }
.logo-slider__items-wrap::before {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 80px;
background: -webkit-gradient(linear, right top, left top, color-stop(1%, #0e1113), color-stop(47%, rgba(14, 17, 19, 0.85)), color-stop(95%, rgba(14, 17, 19, 0)));
background: -webkit-linear-gradient(right, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
background: -o-linear-gradient(right, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
background: linear-gradient(270deg, #0e1113 1%, rgba(14, 17, 19, 0.85) 47%, rgba(14, 17, 19, 0) 95%);
z-index: 1; }
@media (max-width: 575px) {
.logo-slider__items-wrap::before {
width: 50px; } }
@media (max-width: 767px) {
.logo-slider__items-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.logo-slider .logo-wrap {
max-width: 168px;
height: 50px;
margin: 0 40px; }
.logo-slider .logo-wrap.only-logos {
max-width: 250px;
height: 120px;
margin: 21px 15px;
background: #191c2c;
padding: 30px 43px;
border-radius: 8px; }
@media (max-width: 767px) {
.logo-slider .logo-wrap {
margin: 0 20px; } }
.logo-slider .logo-wrap img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.logo-slider .intro-block {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.logo-slider .intro-block {
margin-top: 60px; } }
.logo-slider .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-style: preserve-3d; }
.logo-slider.theme-v2 {
text-align: center; }
.logo-slider.theme-v2 .container {
padding: unset;
max-width: unset; }
.logo-slider.theme-v2 .container > .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px; }
.logo-slider.theme-v2 .container > .row > * {
width: 100%;
padding: 0;
max-width: unset; }
@media (min-width: 768px) {
.logo-slider.theme-v2 .container > .row {
gap: 60px; } }
.logo-slider.theme-v2 .logo-wrap {
max-width: 250px;
height: 120px;
margin: 21px 15px;
border-radius: 8px;
background: #ffffff;
padding: 10px 40px; }
.logo-slider.theme-v2 .logo-wrap.only-logos {
background: #ffffff;
padding: 0; }
.logo-slider.theme-v2__items-wrap {
width: 100% !important; }
.logo-slider.theme-v2 .logo-slider__title {
margin-bottom: 0; }
.ua-safari .logo-slider .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.two-col-with-logo__action a {
padding-right: 30px; }
.hero-banner .hero-banner__action a {
border-radius: 15px;
padding-right: 30px; }
.submenu-branding {
padding: 0;
border-bottom: 1px solid #0E111E; }
.submenu-branding .sticky-nav__item {
color: #0E111E; }
.submenu-branding .sticky-nav__wrapper.stuck {
background-color: #ffffff; }
#media-kit_logo p {
text-align: center;
margin-top: 2rem; }
#media-kit_logo .two-col-with-logo__logos {
margin-right: 0; }
#color-grid .type-color-primary,
#color-grid .type-color-grey {
margin-bottom: 1rem; }
#color-grid .type-color-grey {
margin-top: 2rem; }
#color-grid .col-with-color-grid__item {
-ms-flex-preferred-size: 16.6%;
flex-basis: 16.6%; }
@media (max-width: 1024px) {
#color-grid .col-with-color-grid__item {
-ms-flex-preferred-size: 24.6%;
flex-basis: 24.6%; } }
@media (max-width: 575px) {
#color-grid .col-with-color-grid__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
#color-grid .color-box {
padding: 1.3rem; }
#color-grid .color-box .eyebrow {
font-size: 22px;
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0; }
#color-grid .color-box p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3px;
margin-top: 1.5rem;
font-weight: bold;
font-size: 16px; }
#color-grid .color-box p span {
font-weight: normal; }
#color-grid .color-box.bg-cloud, #color-grid .color-box.bg-white {
border: 1px solid #0E111E; }
#fonts-grid .font-item__text h4 {
margin-bottom: 1.5rem;
margin-top: 0.8rem; }
#fonts-grid .fonts-grid__item:nth-child(1) {
margin-bottom: 4.5rem; }
#fonts-grid .fonts-grid__item:nth-child(1), #fonts-grid .fonts-grid__item:nth-child(3) {
margin-top: 1rem; }
#fonts-grid .fonts-grid__item:nth-child(2), #fonts-grid .fonts-grid__item:nth-child(4) {
margin-top: 0; }
#fonts-grid .fonts-grid__item:nth-child(2) .font-item, #fonts-grid .fonts-grid__item:nth-child(4) .font-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#downloads .title_container {
padding: 3rem 3rem 2rem 2rem;
border-top-left-radius: 15px;
border-top-right-radius: 15px; }
#downloads .item-download-content {
border: 2px solid #e6e7e8;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 2rem; }
#downloads .item-download-content .item_dowmload {
margin-bottom: 2rem;
display: grid;
grid-template-columns: auto 1fr;
gap: 0.5rem; }
#downloads .item-download-content .item_dowmload img {
width: 60%;
padding-top: 0.2rem; }
#downloads .item-download-content .two-col-with-logo__action {
margin-top: 0; }
#downloads .item-download-content .two-col-with-logo__action a {
margin-top: 0; }
#downloads .col-three-stats__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
#downloads .stats__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/* Asegura que los elementos se distribuyan con espacio entre ellos */ }
#downloads .title_container {
-ms-flex-negative: 0;
flex-shrink: 0; }
#downloads .item-download-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
/* Distribuye el contenido dentro de este contenedor */ }
#downloads .two-col-with-logo__action {
margin-top: auto;
text-align: center;
/* Opcional: agrega padding/margin si es necesario */ }
.download-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* padding-bottom: 9px;
padding-top: 14px; */ }
.download-icon:hover svg .cls-1 {
stroke: #ff0092; }
.download-icon:hover svg .cls-2 {
fill: #ff0092; }
.download-icon svg {
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 20px; }
.download-icon svg .cls-1 {
fill: none;
stroke: #e5e6e7;
stroke-miterlimit: 10;
stroke-width: 2px; }
.download-icon svg .cls-2 {
fill: #e5e6e7;
stroke-width: 0px; }
.logo-content-with-form {
position: relative; }
.logo-content-with-form .row {
display: block;
font-size: 0; }
@media (min-width: 992px) {
.logo-content-with-form .row .col-two {
width: 50%;
display: inline-block;
vertical-align: top; } }
@media (min-width: 1680px) {
.logo-content-with-form .row .col-two {
vertical-align: middle; } }
.logo-content-with-form .col-two {
border: solid 2px #ff0092;
padding: 0; }
.logo-content-with-form .col-two:first-child {
border: 0; }
.logo-content-with-form .col-two:first-child > div {
background-color: white; }
@media (min-width: 1280px) and (max-width: 1679px) {
.logo-content-with-form .col-two:first-child > div {
padding: 50px 30px 50px 50px;
margin-top: 100px; } }
@media (min-width: 1400px) {
.logo-content-with-form .col-two:first-child > div {
padding: 60px 30px 60px 60px;
margin-top: 130px; } }
@media (min-width: 1680px) {
.logo-content-with-form .col-two:first-child > div {
margin-top: 0; } }
@media (min-width: 992px) and (max-width: 1279px) {
.logo-content-with-form .col-two:first-child > div {
margin-top: 75px;
padding: 50px 30px 50px 50px; } }
@media (max-width: 991px) {
.logo-content-with-form .col-two:first-child > div {
padding: 40px 30px 40px 30px; } }
.logo-content-with-form .col-two:first-child > div h2, .logo-content-with-form .col-two:first-child > div p {
color: #000000; }
@media (min-width: 1400px) {
.logo-content-with-form .col-two:first-child > div h2 {
max-width: 500px; } }
.logo-content-with-form .col-two:first-child > div p {
margin-top: 20px; }
@media (min-width: 1400px) {
.logo-content-with-form .col-two:first-child > div p {
padding-right: 30px; } }
.logo-content-with-form .logo-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0;
margin-top: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 1400px) {
.logo-content-with-form .logo-grid {
padding-left: 10px;
padding-right: 3px; } }
@media (max-width: 991px) {
.logo-content-with-form .logo-grid {
margin-top: 35px;
max-width: 600px;
width: 100%;
margin: 0 auto; } }
.logo-content-with-form .logo-wrap {
margin-right: 5px;
margin-top: 5px;
display: inline-block;
vertical-align: middle; }
@media (max-width: 575px) {
.logo-content-with-form .logo-wrap {
width: calc(50% - 5px); } }
.logo-content-with-form .logo-wrap:last-child {
margin-right: 0; }
.logo-content-with-form .logo-wrap img {
max-width: 128px; }
.logo-content-with-form .heading-form {
background-color: #ff0092;
padding: 20px 95px; }
@media (min-width: 992px) and (max-width: 1279px) {
.logo-content-with-form .heading-form {
padding: 20px 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
.logo-content-with-form .heading-form {
padding: 20px 30px; } }
@media (max-width: 767px) {
.logo-content-with-form .heading-form {
padding: 20px 30px; } }
.logo-content-with-form .form-outer {
background-color: #ffffff;
padding: 70px 75px 50px 95px; }
@media (min-width: 992px) and (max-width: 1279px) {
.logo-content-with-form .form-outer {
padding: 55px 40px 40px 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
.logo-content-with-form .form-outer {
padding: 50px 30px 40px 30px; } }
@media (max-width: 767px) {
.logo-content-with-form .form-outer {
padding: 50px 30px 40px 30px; } }
.logo-content-with-form h4 {
font-family: "Rubik", sans-serif;
font-weight: 500; }
.sticky-nav {
overflow: visible; }
.sticky-nav__wrapper {
width: 100%;
min-height: 52px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.02);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
-webkit-transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out; }
@media (min-width: 1025px) {
.sticky-nav__wrapper {
padding: 20px 0; } }
.sticky-nav__wrapper.stuck {
position: fixed;
z-index: 40;
top: 132px;
background-color: #0E111E;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
-webkit-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out; }
@media (min-width: 2500px) {
.sticky-nav__wrapper.stuck {
max-width: 2500px;
width: 100%;
margin: 0 auto; } }
@media (max-width: 1024px) {
.sticky-nav__wrapper.stuck {
top: 79px; } }
.sticky-nav ul {
padding-left: 0;
font-size: 0; }
.sticky-nav ul li {
white-space: nowrap; }
.sticky-nav ul li::before {
display: none; }
@media (max-width: 1025px) {
.sticky-nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
@media (max-width: 1024px) {
.sticky-nav__inner-wrap {
padding: 20px 0;
overflow-x: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: hidden; }
.sticky-nav__inner-wrap::-webkit-scrollbar {
background-color: transparent;
height: 0; } }
.sticky-nav__item {
display: inline-block;
vertical-align: top;
margin-top: 0;
font-weight: 400;
position: relative; }
@media (max-width: 1024px) {
.sticky-nav__item {
position: relative; } }
.sticky-nav__item:not(:last-child) {
margin-right: 66px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.sticky-nav__item:not(:last-child) {
margin-right: 40px; } }
@media (max-width: 1024px) {
.sticky-nav__item:not(:last-child) {
margin-right: 35px; } }
.sticky-nav__item a {
font-size: inherit;
color: inherit;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.sticky-nav__item a::after {
content: '';
position: absolute;
bottom: -91%;
left: 0;
height: 3px;
width: 0;
background-color: #ff0092;
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out; }
@media (min-width: 1025px) and (max-width: 1279px) {
.sticky-nav__item a::after {
bottom: -104%; } }
@media (max-width: 1024px) {
.sticky-nav__item a::after {
bottom: -50%; } }
@media (min-width: 1025px) {
.sticky-nav__item a:hover {
color: #ff0092; } }
.sticky-nav__item a.active {
color: #ff0092; }
.sticky-nav__item a.active::after {
width: 100%; }
.scrolling-down .sticky-nav__wrapper.stuck {
top: 0; }
.stats-with-img {
overflow: unset; }
.stats-with-img .intro-block {
margin-bottom: 50px; }
@media (min-width: 768px) {
.stats-with-img .intro-block {
margin-bottom: 60px; } }
@media (min-width: 1280px) {
.stats-with-img .intro-block {
margin-bottom: 75px; } }
.stats-with-img__animation-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative; }
.stats-with-img__animation-wrap::before {
content: "";
position: absolute;
top: -75%;
left: 46%;
height: 660px;
width: 550px;
background: url(../png/glow-grid-n.png) no-repeat center;
background-size: contain;
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1; }
@media (min-width: 768px) {
.stats-with-img__animation-wrap::before {
top: -70%;
left: 48%;
height: 850px;
width: 900px; } }
@media (min-width: 1025px) {
.stats-with-img__animation-wrap::before {
top: -75%;
left: -58%;
height: 850px;
width: 900px;
-webkit-transform: unset;
-o-transform: unset;
transform: unset; } }
@media (min-width: 1280px) {
.stats-with-img__animation-wrap::before {
top: -55%;
left: -60%;
height: 1000px;
width: 1050px; } }
@media (min-width: 1680px) {
.stats-with-img__animation-wrap::before {
width: 1200px;
height: 1230px;
top: -53%;
left: -45%; } }
@media (min-width: 576px) {
.stats-with-img__animation-wrap {
margin-bottom: 70px; } }
@media (min-width: 1025px) {
.stats-with-img__animation-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 0; } }
.stats-with-img__animation {
max-width: 630px;
height: 260px; }
@media (min-width: 768px) {
.stats-with-img__animation {
height: 360px; } }
@media (min-width: 1280px) {
.stats-with-img__animation {
height: 400px; } }
@media (min-width: 1680px) {
.stats-with-img__animation {
height: 555px; } }
@media (max-width: 1024px) {
.stats-with-img__animation {
margin-inline: auto; } }
.stats-with-img__animation img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
@media (min-width: 1025px) {
.stats-with-img__animation img {
-o-object-position: left;
object-position: left; } }
.stats-with-img__items-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 1025px) {
.stats-with-img__items-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
display: block; } }
@media (min-width: 992px) and (max-width: 1279px) {
.stats-with-img__items-wrap {
padding-left: 30px; } }
.stats-with-img__item {
margin-top: 30px;
padding: 0 8px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; }
@media (min-width: 576px) {
.stats-with-img__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
@media (min-width: 1025px) {
.stats-with-img__item {
max-width: 520px;
margin-left: auto;
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
@media (min-width: 1680px) {
.stats-with-img__item {
max-width: 650px; } }
@media (min-width: 1025px) {
.stats-with-img__item:not(:first-child) {
margin-top: 40px; } }
@media (min-width: 1280px) {
.stats-with-img__item:not(:first-child) {
margin-top: 75px; } }
.stats-with-img__item .statistic {
margin-bottom: 10px; }
.stats-with-img__item h4 {
font-weight: 400; }
.stats-with-content h4 {
margin-bottom: 10px; }
.stats-with-content h6 {
font-weight: 500;
margin-bottom: 10px; }
.stats-with-content .content-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: solid 1px #ffffff;
padding: 40px 7px 32px 20px; }
@media (min-width: 1280px) {
.stats-with-content .content-outer {
padding: 71px 7px 76px 64px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.stats-with-content .content-outer {
padding: 49px 7px 60px 40px; } }
@media (max-width: 767px) {
.stats-with-content .content-outer {
padding: 30px 30px 10px;
display: block; } }
.stats-with-content .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
padding-left: 30px; }
@media (min-width: 1400px) {
.stats-with-content .content {
padding-left: 66px;
padding-right: 6px; } }
@media (min-width: 768px) and (max-width: 991px) {
.stats-with-content .content {
width: 100%;
margin-top: 30px; } }
@media (max-width: 767px) {
.stats-with-content .content {
padding: 10px 0px 30px;
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.stats-with-content .content {
display: block; } }
.stats-with-content h3 {
width: 20%; }
@media (max-width: 991px) {
.stats-with-content h3 {
width: 100%; } }
.stats-with-content p {
font-size: 16px; }
.stats-with-content .statistic {
margin-bottom: 20px; }
.stats-with-content .col-three {
padding: 0 67px 0 0;
width: 33.33%; }
@media (min-width: 1400px) {
.stats-with-content .col-three {
padding-right: 82px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.stats-with-content .col-three {
padding-right: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.stats-with-content .col-three {
padding-right: 30px; } }
@media (max-width: 991px) {
.stats-with-content .col-three {
padding-left: 0; } }
@media (max-width: 767px) {
.stats-with-content .col-three {
margin-top: 20px;
padding: 0;
padding-right: 20px; } }
@media (min-width: 576px) and (max-width: 767px) {
.stats-with-content .col-three {
width: 50%; } }
@media (max-width: 575px) {
.stats-with-content .col-three {
width: 100%;
padding-right: 0; } }
@media (min-width: 1400px) {
.stats-with-content .col-three:last-child {
padding-left: 31px;
padding-right: 44px; } }
.stats-with-content span {
background: -webkit-linear-gradient(82deg, #2bf9eb -17.35%, #104fff 59.92%, #c022bd9c 82.76%);
background: -o-linear-gradient(82deg, #2bf9eb -17.35%, #104fff 59.92%, #c022bd9c 82.76%);
background: linear-gradient(8deg, #2bf9eb -17.35%, #104fff 59.92%, #c022bd9c 82.76%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
font-size: inherit; }
.stats-with-content .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.stats-with-content .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.stats-with-content .intro-block {
margin-bottom: 60px; } }
.stats-with-content .stats__action {
margin-top: 40px; }
@media (min-width: 1280px) {
.stats-with-content .stats__action {
margin-top: 50px; } }
.hero-banner.gradient-customer-stories h1 {
font-size: 63px; }
.hero-banner .arrow-next-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 10px; }
.hero-banner .arrow-next-icon i {
width: 25px;
height: 18px; }
.hero-banner .arrow-next-icon:hover i svg .cls-1 {
stroke: #ff0092; }
.hero-banner .arrow-next-icon:hover i svg .cls-2 {
fill: #ff0092; }
.stats-with-intro {
overflow: unset;
background-color: #0e111e; }
.stats-with-intro h1 {
margin-bottom: 20px; }
.stats-with-intro .content-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 40px 7px 32px 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.stats-with-intro .content-outer {
padding: 49px 7px 60px 40px; } }
@media (max-width: 767px) {
.stats-with-intro .content-outer {
padding: 30px 30px 10px;
display: block; } }
.stats-with-intro .content-outer .stats-content_intro {
max-width: 635px; }
@media (min-width: 1280px) {
.stats-with-intro .content-outer .stats-content_intro {
position: sticky;
top: 4rem;
z-index: 1; } }
.stats-with-intro .content-outer .stats-content_statistic {
margin: 0 auto;
display: grid;
gap: 3rem; }
.stats-with-intro .content-outer .stats-content_statistic h4 {
color: #ffffff; }
.stats-with-intro .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 80%;
padding-left: 30px; }
@media (min-width: 1400px) {
.stats-with-intro .content {
padding-left: 66px;
padding-right: 6px; } }
@media (min-width: 768px) and (max-width: 991px) {
.stats-with-intro .content {
width: 100%;
margin-top: 30px; } }
@media (max-width: 767px) {
.stats-with-intro .content {
padding: 10px 0px 30px;
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.stats-with-intro .content {
display: block; } }
.stats-with-intro h3 {
width: 20%; }
@media (max-width: 991px) {
.stats-with-intro h3 {
width: 100%; } }
.stats-with-intro .statistic {
margin-bottom: 20px; }
.stats-with-intro .col-three {
padding: 0 67px 0 0;
width: 33.33%; }
@media (min-width: 1400px) {
.stats-with-intro .col-three {
padding-right: 82px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.stats-with-intro .col-three {
padding-right: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.stats-with-intro .col-three {
padding-right: 30px; } }
@media (max-width: 991px) {
.stats-with-intro .col-three {
padding-left: 0; } }
@media (max-width: 767px) {
.stats-with-intro .col-three {
margin-top: 20px;
padding: 0;
padding-right: 20px; } }
@media (min-width: 576px) and (max-width: 767px) {
.stats-with-intro .col-three {
width: 50%; } }
@media (max-width: 575px) {
.stats-with-intro .col-three {
width: 100%;
padding-right: 0; } }
@media (min-width: 1400px) {
.stats-with-intro .col-three:last-child {
padding-left: 31px;
padding-right: 44px; } }
.stats-with-intro span {
/* background: linear-gradient(60deg, #ff0092 0%, #1e57f7 87.76%);
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text; */
color: #ff0092;
font-size: 115px; }
.stats-with-intro .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.stats-with-intro .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.stats-with-intro .intro-block {
margin-bottom: 60px; } }
.timeline-cards > .row {
margin-left: 0;
margin-top: -20px; }
.timeline-cards .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.timeline-cards .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.timeline-cards .intro-block {
margin-bottom: 60px; } }
.timeline-cards .col-four-card {
position: relative; }
.timeline-cards .col-four-card .row {
width: calc(100% + 30px);
margin-left: -15px;
position: relative; }
@media (min-width: 1680px) {
.timeline-cards .col-four-card .row {
width: calc(100% + 24px);
margin-left: -12px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.timeline-cards .col-four-card .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 768px) and (max-width: 991px) {
.timeline-cards .col-four-card .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (max-width: 767px) {
.timeline-cards .col-four-card .row {
width: 100%;
margin-left: 0; } }
@media (max-width: 991px) {
.timeline-cards .col-four-card .row {
margin-top: 0; } }
.timeline-cards .col-four-card .row:before {
content: '';
position: absolute;
left: 0;
top: 211px;
right: 0;
width: calc(100% - 30px);
margin: 0 auto;
height: 1px;
background-color: #ffffff; }
@media (max-width: 991px) {
.timeline-cards .col-four-card .row:before {
opacity: 0; } }
.timeline-cards .col-four-card .card {
position: relative;
margin: 30px 15px 0;
width: calc(25% - 30px); }
@media (min-width: 1680px) {
.timeline-cards .col-four-card .card {
margin: 30px 12px 0;
width: calc(25% - 24px); } }
@media (min-width: 992px) and (max-width: 1279px) {
.timeline-cards .col-four-card .card {
margin: 30px 8px 0;
width: calc(25% - 16px);
border-radius: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.timeline-cards .col-four-card .card {
margin: 30px 8px 0;
width: calc(50% - 16px);
border-radius: 10px; } }
@media (max-width: 767px) {
.timeline-cards .col-four-card .card {
width: 100%;
margin-top: 20px;
padding: 5px 0px 25px 0px;
border-radius: 10px; } }
.timeline-cards .col-four-card .card .content-wrap {
background-color: rgba(19, 38, 104, 0.7);
padding: 27px 28px 31px 25px;
border-top: solid 1px #ffffff;
height: calc(100% - 197px); }
@media (min-width: 992px) and (max-width: 1279px) {
.timeline-cards .col-four-card .card .content-wrap {
padding: 30px 15px 20px 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.timeline-cards .col-four-card .card .content-wrap {
padding: 30px 33px 47px 30px; } }
@media (max-width: 767px) {
.timeline-cards .col-four-card .card .content-wrap {
padding: 30px 26px 47px 30px; } }
.timeline-cards .col-four-card .card h4 {
font-family: "Rubik", sans-serif;
padding-bottom: 19px;
margin-top: 2px; }
@media (min-width: 1680px) {
.timeline-cards .col-four-card .card h4 {
padding-bottom: 20px; } }
.timeline-cards .col-four-card .card .link-white {
margin-top: 20px; }
.timeline-cards .col-four-card .img-box {
width: 136px;
height: 136px;
border: solid 1px #ffffff;
border-radius: 50%;
margin: 0 auto;
position: relative;
margin-bottom: 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.timeline-cards .col-four-card .img-box:after {
content: '';
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -75px;
width: 1px;
height: 75px;
background: #ffffff; }
.timeline-cards .col-four-card .img-box .img-wrap {
display: block;
width: 100%;
height: 100%;
max-width: 60px;
max-height: 60px; }
.two-col-content-with-img {
overflow: visible;
position: relative;
z-index: 1; }
.two-col-content-with-img.gradient-blue {
background: -webkit-gradient(linear, right top, left top, color-stop(-25.81%, #151b3a), color-stop(48.49%, #151b3a), color-stop(118.72%, #0e111e));
background: -webkit-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: -o-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: linear-gradient(270deg, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* Para alinear los elementos internos */ }
.two-col-content-with-img.bg-gradient .bg-gradient__background {
display: block !important;
opacity: 0.5;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: -10%;
right: -5%;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg); }
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
left: 30%;
left: 30%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.two-col-content-with-img.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 8%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
left: -5%; }
@media (max-width: 767px) {
.two-col-content-with-img.bg-gradient .bg-gradient__background {
display: none; } }
.two-col-content-with-img.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.two-col-content-with-img.card-gradient-template .row {
position: relative;
padding: 30px; }
@media (min-width: 1280px) {
.two-col-content-with-img.card-gradient-template .row {
padding: 0 30px; } }
.two-col-content-with-img.card-gradient-template .row:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-image: url("../svg/gradient-bg.svg");
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom; }
@media (min-width: 1280px) {
.two-col-content-with-img.card-gradient-template .row:before {
background-size: cover; } }
.two-col-content-with-img.card-gradient-template .content {
position: relative;
z-index: 2; }
.two-col-content-with-img.card-gradient-template .content .container-outer {
display: none; }
.two-col-content-with-img.card-gradient-template .content p {
font-weight: 400;
font-size: 32px;
line-height: 120%; }
.two-col-content-with-img.card-template.gradient-blue-top {
background: -webkit-gradient(linear, left top, left bottom, from(#0e111e), to(#151b3a));
background: -webkit-linear-gradient(top, #0e111e 0%, #151b3a 100%);
background: -o-linear-gradient(top, #0e111e 0%, #151b3a 100%);
background: linear-gradient(180deg, #0e111e 0%, #151b3a 100%); }
.two-col-content-with-img.card-template.gradient-blue-bottom {
background: -webkit-gradient(linear, left top, left bottom, from(#151b3a), to(#0e111e));
background: -webkit-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: -o-linear-gradient(top, #151b3a 0%, #0e111e 100%);
background: linear-gradient(180deg, #151b3a 0%, #0e111e 100%); }
.two-col-content-with-img.card-template h2 {
font-size: 40px; }
.two-col-content-with-img.card-template .row {
border-radius: 20px;
border: 1px solid #fff;
padding: 20px;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
@media (min-width: 1025px) {
.two-col-content-with-img.card-template .row {
padding: 40px 60px 40px 40px; } }
.two-col-content-with-img .container > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-img strong {
color: #ffffff; }
.two-col-content-with-img .quote-block blockquote {
padding-top: 40px;
font-weight: 700;
font-size: 18px; }
@media (max-width: 575px) {
.two-col-content-with-img .quote-block blockquote {
font-size: 16px; } }
.two-col-content-with-img .quote-block .address-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px; }
.two-col-content-with-img .quote-block .address-wrap .img-wrap {
width: 84px;
height: 42px; }
.two-col-content-with-img .quote-block .address-wrap .img-wrap img {
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
height: 100%; }
.two-col-content-with-img .quote-block .address-wrap .intro {
width: calc(100% - 84px);
padding-left: 20px; }
.two-col-content-with-img .quote-block .address-wrap .intro span {
color: #0E111E; }
.two-col-content-with-img p {
padding-top: 12px;
font-size: 16px;
line-height: 150%; }
.two-col-content-with-img strong {
color: #ffffff;
font-size: 22px;
font-weight: 400; }
@media (max-width: 1279px) {
.two-col-content-with-img strong {
font-size: 20px; } }
.two-col-content-with-img h2 {
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 400; }
@media (min-width: 1400px) {
.two-col-content-with-img .img-outer {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%; } }
@media (max-width: 991px) {
.two-col-content-with-img .col-two {
padding: 0 30px; } }
@media (min-width: 1400px) {
.two-col-content-with-img .img-outer + .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
.two-col-content-with-img .img-inner {
max-width: 547px;
margin: 0 auto;
text-align: center; }
.two-col-content-with-img .img-inner img {
width: auto; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img .img-inner {
margin-bottom: 30px; } }
@media (max-width: 767px) {
.two-col-content-with-img .img-inner {
margin-bottom: 20px; } }
.two-col-content-with-img .row .inner-content {
font-size: 0; }
.two-col-content-with-img .logo {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top; }
.two-col-content-with-img .logo img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.two-col-content-with-img span.logo + .wrap {
width: calc(100% - 40px);
vertical-align: top;
display: inline-block; }
.two-col-content-with-img .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.two-col-content-with-img .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.two-col-content-with-img .btn-wrap {
margin-top: 40px; } }
.two-col-content-with-img .btn-wrap a {
margin-top: 20px; }
.two-col-content-with-img .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.two-col-content-with-img .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-img .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-img .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.two-col-content-with-img .container-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 40px;
margin-top: 20px; }
@media (min-width: 992px) {
.two-col-content-with-img .container-outer {
margin-top: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-img .container-outer {
margin-top: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-img .container-outer {
margin-top: 45px; } }
.two-col-content-with-img .container-outer .content-outer {
border-left: 1px solid #fff;
padding-left: 15px; }
.two-col-content-with-img .container-outer .content-outer .inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
gap: 10px; }
.two-col-content-with-img .container-outer .content-outer:first-child {
padding-right: 40px; }
.two-col-content-with-img .container-outer .content-outer.column {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 8px);
flex: 1 1 calc(50% - 8px); }
.two-col-content-with-img .container-outer .content-outer.fullwidth {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.two-col-content-with-img .lottie-animation-wrap {
width: 100%;
max-width: 403px;
max-height: 560px;
margin-inline: auto; }
@media (max-width: 991px) {
.two-col-content-with-img .lottie-animation-wrap {
margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img .lottie-animation-wrap {
min-height: 330px; } }
@media (min-width: 576px) and (max-width: 767px) {
.two-col-content-with-img .lottie-animation-wrap {
min-height: 230px; } }
@media (max-width: 575px) {
.two-col-content-with-img .lottie-animation-wrap {
min-height: 170px; } }
@media (min-width: 1680px) {
.two-col-content-with-img .lottie-animation-wrap {
max-width: 460px;
max-height: 600px; } }
.two-col-content-with-img .lottie-animation-wrap > div {
width: 100%; }
.two-col-content-with-img.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (min-width: 1400px) {
.two-col-content-with-img.reverse .img-outer {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-img.reverse .img-outer .img-inner {
margin: 44px auto; } }
.two-col-content-with-img.reverse .img-outer + .col-two {
padding-left: 0px; }
@media (min-width: 1400px) {
.two-col-content-with-img.reverse .img-outer + .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
@media (min-width: 1400px) {
.two-col-content-with-img.reverse .img-inner {
max-width: 572px;
width: 100%; } }
.two-col-content-with-img.bg-white {
background-color: #0E111E; }
.two-col-content-with-img.bg-white.reverse > .container .row {
padding-left: 30px;
padding-right: 30px; }
@media (max-width: 991px) {
.two-col-content-with-img.bg-white.reverse > .container .row {
padding-left: 0px;
padding-right: 0px; } }
@media (max-width: 991px) {
.two-col-content-with-img.bg-white.reverse > .container .row .img-outer + .col-two {
padding-left: 30px !important; } }
.two-col-content-with-img.bg-white > .container .row {
background-color: #ffffff; }
.two-col-content-with-img.bg-white h2,
.two-col-content-with-img.bg-white strong,
.two-col-content-with-img.bg-white p {
color: #0E111E; }
.two-col-content-with-img.bg-white .row {
padding: 102px 0 96px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img.bg-white .row {
padding: 50px 0; } }
@media (max-width: 767px) {
.two-col-content-with-img.bg-white .row {
padding: 30px 0; } }
.two-col-content-with-img.bg-white .quote-block {
border-top: 1px solid black; }
.two-col-content-with-img.bg-white .quote-block blockquote {
color: #0E111E; }
.two-col-content-with-img.bg-white .lottie-animation-wrap {
max-width: 575px; }
@media (min-width: 1680px) {
.two-col-content-with-img.bg-white .lottie-animation-wrap {
max-width: 630px;
max-height: 600px; } }
.two-col-content-with-img.bg-corbeau .quote-block .intro span {
color: #ffffff !important; }
.two-col-content-with-img.bg-corbeau .quote-block .address-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-img.block-quote p {
margin-bottom: 40px; }
@media (min-width: 992px) and (max-width: 1279px) {
.two-col-content-with-img.block-quote p {
margin-bottom: 25px; } }
@media (max-width: 991px) {
.two-col-content-with-img.block-quote p {
margin-bottom: 20px; } }
.two-col-content-with-img.block-quote p + .quote-block blockquote {
padding-top: 0; }
.two-col-content-with-img.block-quote .content {
padding-right: 30px;
max-width: 100%; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img.block-quote .content {
padding-right: 0; } }
@media (max-width: 767px) {
.two-col-content-with-img.block-quote .content {
padding-right: 0; } }
.two-col-content-with-img.block-quote .content h2 {
text-transform: capitalize; }
.bg-black + .two-col-content-with-img.bg-white {
background-color: #000000; }
.bg-black + .two-col-content-with-img.bg-white > .container .row {
background-color: #ffffff; }
.two-col-content-with-list-img {
overflow: visible;
position: relative;
z-index: 1; }
.two-col-content-with-list-img ul {
padding-left: 20px;
padding-bottom: 20px; }
.two-col-content-with-list-img ul li {
padding-left: 10px; }
.two-col-content-with-list-img ul li::before {
content: '';
display: inline-block;
width: 16px;
/* Ajusta el tamaño del icono */
height: 16px;
/* Ajusta el tamaño del icono */
background-image: url("../svg/circle.svg");
background-size: contain;
background-repeat: no-repeat; }
.two-col-content-with-list-img.gradient-blue {
background: -webkit-gradient(linear, right top, left top, color-stop(-25.81%, #151b3a), color-stop(48.49%, #151b3a), color-stop(118.72%, #0e111e));
background: -webkit-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: -o-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: linear-gradient(270deg, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* Para alinear los elementos internos */ }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: 0%;
right: -20%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px); }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
right: 20%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 25%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
right: 38%;
width: 296px; }
@media (max-width: 767px) {
.two-col-content-with-list-img.bg-gradient .bg-gradient__background {
display: none; } }
.two-col-content-with-list-img.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.two-col-content-with-list-img .container > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-list-img strong {
color: #ffffff; }
.two-col-content-with-list-img p {
padding-top: 12px;
font-size: 16px;
line-height: 150%; }
.two-col-content-with-list-img strong {
color: #ffffff;
font-size: 22px;
font-weight: 400; }
@media (max-width: 1279px) {
.two-col-content-with-list-img strong {
font-size: 20px; } }
.two-col-content-with-list-img h2 {
text-transform: capitalize;
margin-bottom: 20px;
font-weight: 400; }
@media (min-width: 1400px) {
.two-col-content-with-list-img .img-outer {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-list-img .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%; } }
@media (max-width: 991px) {
.two-col-content-with-list-img .col-two {
padding: 0 30px; } }
@media (min-width: 1400px) {
.two-col-content-with-list-img .img-outer + .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
.two-col-content-with-list-img .img-inner {
max-width: 547px;
margin: 0 auto;
text-align: center; }
.two-col-content-with-list-img .img-inner img {
width: auto; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-list-img .img-inner {
margin-bottom: 30px; } }
@media (max-width: 767px) {
.two-col-content-with-list-img .img-inner {
margin-bottom: 20px; } }
.two-col-content-with-list-img .row .inner-content {
font-size: 0; }
.two-col-content-with-list-img .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.two-col-content-with-list-img .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.two-col-content-with-list-img .btn-wrap {
margin-top: 40px; } }
.two-col-content-with-list-img .btn-wrap a {
margin-top: 20px; }
.two-col-content-with-list-img .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.two-col-content-with-list-img .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-list-img .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-list-img .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.two-col-content-with-list-img .container-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 40px;
margin-top: 20px; }
@media (min-width: 992px) {
.two-col-content-with-list-img .container-outer {
margin-top: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-list-img .container-outer {
margin-top: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-list-img .container-outer {
margin-top: 45px; } }
.two-col-content-with-list-img .container-outer .content-outer {
border-left: 1px solid #fff;
padding-left: 15px; }
.two-col-content-with-list-img .container-outer .content-outer .inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
gap: 10px; }
.two-col-content-with-list-img .container-outer .content-outer:first-child {
padding-right: 40px; }
.two-col-content-with-list-img .container-outer .content-outer.column {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 8px);
flex: 1 1 calc(50% - 8px); }
.two-col-content-with-list-img .container-outer .content-outer.fullwidth {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.two-col-content-with-list-img.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (min-width: 1400px) {
.two-col-content-with-list-img.reverse .img-outer {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-list-img.reverse .img-outer .img-inner {
margin: 44px auto; } }
.two-col-content-with-list-img.reverse .img-outer + .col-two {
padding-left: 0px; }
@media (min-width: 1400px) {
.two-col-content-with-list-img.reverse .img-outer + .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%; } }
@media (min-width: 1400px) {
.two-col-content-with-list-img.reverse .img-inner {
max-width: 572px;
width: 100%; } }
.two-col-content-with-img-card {
overflow: visible; }
.two-col-content-with-img-card.gradient-blue .container .row {
background: -webkit-gradient(linear, right top, left top, color-stop(-25.81%, #4e7dff), color-stop(48.49%, #1e56f3), color-stop(118.72%, #16348a));
background: -webkit-linear-gradient(right, #4e7dff -25.81%, #1e56f3 48.49%, #16348a 118.72%);
background: -o-linear-gradient(right, #4e7dff -25.81%, #1e56f3 48.49%, #16348a 118.72%);
background: linear-gradient(270deg, #4e7dff -25.81%, #1e56f3 48.49%, #16348a 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* Para alinear los elementos internos */ }
.two-col-content-with-img-card .container > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-img-card strong {
color: #ffffff; }
.two-col-content-with-img-card p {
padding-top: 12px; }
.two-col-content-with-img-card strong {
color: #ffffff;
font-size: 22px; }
@media (max-width: 1279px) {
.two-col-content-with-img-card strong {
font-size: 20px; } }
.two-col-content-with-img-card h2 {
text-transform: capitalize;
margin-bottom: 20px; }
@media (min-width: 1400px) {
.two-col-content-with-img-card .img-outer {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
width: 40%; } }
.two-col-content-with-img-card .col-two {
padding: 40px;
height: auto; }
@media (min-width: 768px) {
.two-col-content-with-img-card .col-two {
min-height: 350px; } }
.two-col-content-with-img-card .col-two .content {
position: relative; }
.two-col-content-with-img-card .col-two .content .eyebrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-family: "Rubik", sans-serif;
letter-spacing: 4.2px; }
.two-col-content-with-img-card .col-two .content .eyebrow img {
width: 12px; }
.two-col-content-with-img-card .col-two .content::after {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 70px;
height: 100%;
background-image: url("../png/corner-right-top.png");
background-repeat: no-repeat;
z-index: 2;
background-size: 70px; }
@media (max-width: 1024px) {
.two-col-content-with-img-card .col-two .content::after {
background-size: 50px; } }
@media (max-width: 575px) {
.two-col-content-with-img-card .col-two .content::after {
display: none; } }
.two-col-content-with-img-card .col-two .content h3 {
font-family: "Rubik", sans-serif;
line-height: 120%; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img-card .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%; } }
@media (max-width: 991px) {
.two-col-content-with-img-card .col-two {
padding: 30px; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card .img-outer + .col-two {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
width: 60%; } }
.two-col-content-with-img-card .img-inner {
top: 0px;
left: 0px;
max-width: 530px;
-webkit-transform: translate(-3%, -20%);
-o-transform: translate(-3%, -20%);
transform: translate(-3%, -20%);
margin: 0 auto;
text-align: center; }
@media (min-width: 768px) {
.two-col-content-with-img-card .img-inner {
position: absolute; } }
.two-col-content-with-img-card .img-inner img {
width: auto; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img-card .img-inner {
margin-bottom: 30px; } }
@media (max-width: 767px) {
.two-col-content-with-img-card .img-inner {
margin-bottom: 20px; } }
.two-col-content-with-img-card .row .inner-content {
font-size: 0; }
.two-col-content-with-img-card .logo {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: top; }
.two-col-content-with-img-card .logo img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.two-col-content-with-img-card span.logo + .wrap {
width: calc(100% - 40px);
padding-left: 16px;
vertical-align: top;
display: inline-block; }
@media (min-width: 768px) {
.two-col-content-with-img-card span.logo + .wrap {
padding-right: 86px; } }
.two-col-content-with-img-card .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.two-col-content-with-img-card .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.two-col-content-with-img-card .btn-wrap {
margin-top: 40px; } }
.two-col-content-with-img-card .btn-wrap a {
margin-top: 20px; }
.two-col-content-with-img-card .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.two-col-content-with-img-card .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-img-card .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-img-card .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.two-col-content-with-img-card .content-outer:not(:first-child) {
margin-top: 20px; }
.two-col-content-with-img-card .lottie-animation-wrap {
width: 100%;
max-width: 403px;
max-height: 560px;
margin-inline: auto; }
@media (max-width: 991px) {
.two-col-content-with-img-card .lottie-animation-wrap {
margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img-card .lottie-animation-wrap {
min-height: 330px; } }
@media (min-width: 576px) and (max-width: 767px) {
.two-col-content-with-img-card .lottie-animation-wrap {
min-height: 230px; } }
@media (max-width: 575px) {
.two-col-content-with-img-card .lottie-animation-wrap {
min-height: 170px; } }
@media (min-width: 1680px) {
.two-col-content-with-img-card .lottie-animation-wrap {
max-width: 460px;
max-height: 600px; } }
.two-col-content-with-img-card .lottie-animation-wrap > div {
width: 100%; }
.two-col-content-with-img-card.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (min-width: 1400px) {
.two-col-content-with-img-card.reverse .img-outer {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
width: 40%;
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.reverse .img-outer .img-inner {
margin: 44px auto; } }
.two-col-content-with-img-card.reverse .img-outer + .col-two {
padding-left: 0px; }
@media (min-width: 1400px) {
.two-col-content-with-img-card.reverse .img-outer + .col-two {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
width: 60%; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.reverse .img-inner {
max-width: 572px;
width: 100%; } }
.two-col-content-with-img-card.bg-white {
background-color: #0E111E; }
.two-col-content-with-img-card.bg-white.reverse > .container .row {
padding-left: 30px;
padding-right: 30px; }
@media (max-width: 991px) {
.two-col-content-with-img-card.bg-white.reverse > .container .row {
padding-left: 0px;
padding-right: 0px; } }
@media (max-width: 991px) {
.two-col-content-with-img-card.bg-white.reverse > .container .row .img-outer + .col-two {
padding-left: 30px !important; } }
.two-col-content-with-img-card.bg-white > .container .row {
background-color: #ffffff; }
.two-col-content-with-img-card.bg-white h2,
.two-col-content-with-img-card.bg-white strong,
.two-col-content-with-img-card.bg-white p {
color: #0E111E; }
.two-col-content-with-img-card.bg-white .row {
padding: 102px 0 96px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img-card.bg-white .row {
padding: 50px 0; } }
@media (max-width: 767px) {
.two-col-content-with-img-card.bg-white .row {
padding: 30px 0; } }
.two-col-content-with-img-card.bg-white .quote-block {
border-top: 1px solid black; }
.two-col-content-with-img-card.bg-white .quote-block blockquote {
color: #0E111E; }
.two-col-content-with-img-card.bg-white .lottie-animation-wrap {
max-width: 575px; }
@media (min-width: 1680px) {
.two-col-content-with-img-card.bg-white .lottie-animation-wrap {
max-width: 630px;
max-height: 600px; } }
.two-col-content-with-img-card.bg-corbeau .quote-block .intro span {
color: #ffffff !important; }
.two-col-content-with-img-card.bg-corbeau .quote-block .address-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-img-card.block-quote p {
margin-bottom: 40px; }
@media (min-width: 992px) and (max-width: 1279px) {
.two-col-content-with-img-card.block-quote p {
margin-bottom: 25px; } }
@media (max-width: 991px) {
.two-col-content-with-img-card.block-quote p {
margin-bottom: 20px; } }
.two-col-content-with-img-card.block-quote p + .quote-block blockquote {
padding-top: 0; }
.two-col-content-with-img-card.block-quote .content {
padding-right: 30px;
max-width: 100%; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-img-card.block-quote .content {
padding-right: 0; } }
@media (max-width: 767px) {
.two-col-content-with-img-card.block-quote .content {
padding-right: 0; } }
.two-col-content-with-img-card.block-quote .content h2 {
text-transform: capitalize; }
.two-col-content-with-img-card.blog-style .row {
border-radius: 20px;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.two-col-content-with-img-card.blog-style .eyebrow {
color: #ff0092; }
.two-col-content-with-img-card.blog-style .eyebrow img {
display: none; }
.two-col-content-with-img-card.blog-style .col-two {
min-height: 350px; }
@media (min-width: 1025px) {
.two-col-content-with-img-card.blog-style .col-two {
height: 514px; } }
.two-col-content-with-img-card.blog-style .col-two .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; }
.two-col-content-with-img-card.blog-style .col-two .content::after {
display: none; }
.two-col-content-with-img-card.blog-style .text__date {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0;
color: #b6b7bb;
font-weight: 400;
line-height: 150%;
/* 21px */
text-transform: uppercase;
margin-bottom: 5px;
padding: 0; }
.two-col-content-with-img-card.blog-style .text__author {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0;
color: #fff;
font-weight: 700;
line-height: 150%;
/* 21px */
margin-bottom: 10px;
padding: 0; }
.two-col-content-with-img-card.blog-style .img-outer {
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
@media (min-width: 1025px) {
.two-col-content-with-img-card.blog-style .img-outer {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0px; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style .img-outer {
-ms-flex-preferred-size: 54%;
flex-basis: 54%;
width: 54%;
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style .img-outer .img-inner {
margin: 44px auto; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style .img-outer + .col-two {
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
width: 46%; } }
.two-col-content-with-img-card.blog-style .btn-wrap {
margin-top: auto; }
.two-col-content-with-img-card.blog-style.bg-lines .background-img__content {
display: block !important; }
.two-col-content-with-img-card.blog-style.bg-lines .background-img__top {
position: absolute;
width: 35%;
z-index: 0;
top: -20%;
right: 0; }
.two-col-content-with-img-card.blog-style.bg-lines .background-img__bottom {
position: absolute;
width: 20%;
z-index: 0;
bottom: -50%;
left: 0; }
.two-col-content-with-img-card.blog-style.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.two-col-content-with-img-card.blog-style.reverse .img-outer {
border-top-left-radius: 20px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 20px; }
@media (min-width: 1025px) {
.two-col-content-with-img-card.blog-style.reverse .img-outer {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style.reverse .img-outer {
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style.reverse .img-outer .img-inner {
margin: 44px auto; } }
.two-col-content-with-img-card.blog-style.reverse .img-outer + .col-two {
padding-left: 40px; }
@media (min-width: 1400px) {
.two-col-content-with-img-card.blog-style.reverse .img-inner {
width: 100%; } }
.bg-black + .two-col-content-with-img.bg-white {
background-color: #000000; }
.bg-black + .two-col-content-with-img.bg-white > .container .row {
background-color: #ffffff; }
.two-col-content-with-webinar-schedule {
overflow: visible;
/* p {
padding-top: 12px;
font-size: 16px;
line-height: 150%;
} */ }
.two-col-content-with-webinar-schedule.no-padding-block {
padding-block: 0;
padding-top: 12px; }
.two-col-content-with-webinar-schedule .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .col-two {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
padding: 0 35px 0 0; } }
.two-col-content-with-webinar-schedule__schedule-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule__schedule-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 50px; } }
.two-col-content-with-webinar-schedule__schedule-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.two-col-content-with-webinar-schedule__schedule-item p {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px; }
.two-col-content-with-webinar-schedule__schedule-item img {
width: 30px; }
.two-col-content-with-webinar-schedule__dates {
padding-top: 33px;
padding-bottom: 7px;
display: grid;
grid-template-columns: 1fr;
gap: 18px;
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px; }
@media (min-width: 576px) {
.two-col-content-with-webinar-schedule__dates {
grid-template-columns: 1fr 1fr;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px; } }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule__dates {
grid-template-columns: 1fr 1fr;
-webkit-column-gap: 45px;
-moz-column-gap: 45px;
column-gap: 45px; } }
.two-col-content-with-webinar-schedule__dates .webinar-btn {
border-radius: 6px;
background: #b6b7bb;
color: #6a6d7b;
-webkit-font-feature-settings: 'liga' off, 'clig' off;
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%;
/* 16.8px */
text-transform: uppercase;
padding: 9px 19px 6px 23px;
cursor: pointer;
text-align: center; }
.two-col-content-with-webinar-schedule__dates .webinar-btn.webinar-btn-selected, .two-col-content-with-webinar-schedule__dates .webinar-btn:hover {
color: #b6b7bb;
background: #565861; }
.two-col-content-with-webinar-schedule h5 {
margin-bottom: 11px; }
.two-col-content-with-webinar-schedule ul li {
margin-top: 0; }
.two-col-content-with-webinar-schedule.gradient-blue {
background: -webkit-gradient(linear, right top, left top, color-stop(-25.81%, #151b3a), color-stop(48.49%, #151b3a), color-stop(118.72%, #0e111e));
background: -webkit-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: -o-linear-gradient(right, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
background: linear-gradient(270deg, #151b3a -25.81%, #151b3a 48.49%, #0e111e 118.72%);
-webkit-backdrop-filter: blur(190px);
backdrop-filter: blur(190px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/* Para alinear los elementos internos */ }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient--top-right {
top: 0%;
right: -20%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px); }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
right: 20%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 25%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
right: 38%;
width: 296px; }
@media (max-width: 767px) {
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background {
display: none; } }
.two-col-content-with-webinar-schedule.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.two-col-content-with-webinar-schedule .container > .row {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
gap: 15px; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .container > .row {
gap: 0px; } }
.two-col-content-with-webinar-schedule strong {
color: #ffffff; }
.two-col-content-with-webinar-schedule strong {
color: #ffffff;
font-size: 22px;
font-weight: 400; }
@media (max-width: 1279px) {
.two-col-content-with-webinar-schedule strong {
font-size: 20px; } }
.two-col-content-with-webinar-schedule .img-outer {
border-radius: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 40px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
overflow: hidden; }
.two-col-content-with-webinar-schedule .img-outer::before, .two-col-content-with-webinar-schedule .img-outer::after {
content: '';
position: absolute;
top: 0;
width: 1px;
/* El borde tiene 1px de grosor */
height: 100%;
/* Se extiende a lo largo de la altura */
background: rgba(255, 255, 255, 0.2);
/* Color inicial del borde */ }
.two-col-content-with-webinar-schedule .img-outer::before {
left: 0;
/* Borde izquierdo */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
/* Desvanecimiento hacia abajo */ }
.two-col-content-with-webinar-schedule .img-outer::after {
right: 0;
/* Borde derecho */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
/* Desvanecimiento hacia abajo */ }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .img-outer {
padding: 40px;
max-width: 600px;
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
width: 65%; } }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-webinar-schedule .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%; } }
@media (min-width: 1400px) {
.two-col-content-with-webinar-schedule .img-outer + .col-two {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
width: 65%; } }
.two-col-content-with-webinar-schedule .img-inner {
max-width: 547px;
margin: 0 auto;
text-align: center; }
.two-col-content-with-webinar-schedule .img-inner img {
width: auto; }
@media (min-width: 768px) and (max-width: 991px) {
.two-col-content-with-webinar-schedule .img-inner {
margin-bottom: 30px; } }
@media (max-width: 767px) {
.two-col-content-with-webinar-schedule .img-inner {
margin-bottom: 20px; } }
.two-col-content-with-webinar-schedule .row .content {
border-radius: 12px;
border: 1px solid rgba(176, 214, 206, 0.6);
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
padding: 20px; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .row .content {
padding: 20px 40px; } }
.two-col-content-with-webinar-schedule .btn-wrap a {
margin-top: 20px; }
.two-col-content-with-webinar-schedule .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-webinar-schedule .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-webinar-schedule .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
.two-col-content-with-webinar-schedule .container-outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 40px;
margin-top: 20px; }
@media (min-width: 992px) {
.two-col-content-with-webinar-schedule .container-outer {
margin-top: 25px; } }
@media (min-width: 1280px) {
.two-col-content-with-webinar-schedule .container-outer {
margin-top: 40px; } }
@media (min-width: 1680px) {
.two-col-content-with-webinar-schedule .container-outer {
margin-top: 45px; } }
.two-col-content-with-webinar-schedule .container-outer .content-outer {
border-left: 1px solid #fff;
padding-left: 15px; }
.two-col-content-with-webinar-schedule .container-outer .content-outer .inner-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
gap: 10px; }
.two-col-content-with-webinar-schedule .container-outer .content-outer:first-child {
padding-right: 40px; }
.two-col-content-with-webinar-schedule .container-outer .content-outer.column {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 8px);
flex: 1 1 calc(50% - 8px); }
.two-col-content-with-webinar-schedule .container-outer .content-outer.fullwidth {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%; }
.two-col-content-with-webinar-schedule.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (min-width: 1400px) {
.two-col-content-with-webinar-schedule.reverse .img-outer {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
width: 65%;
padding-left: 0; } }
@media (min-width: 1400px) {
.two-col-content-with-webinar-schedule.reverse .img-outer .img-inner {
margin: 44px auto; } }
.two-col-content-with-webinar-schedule.reverse .img-outer + .col-two {
padding-left: 0px; }
@media (min-width: 1400px) {
.two-col-content-with-webinar-schedule.reverse .img-outer + .col-two {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
width: 65%; } }
@media (min-width: 1400px) {
.two-col-content-with-webinar-schedule.reverse .img-inner {
max-width: 572px;
width: 100%; } }
.two-col-content-with-webinar-schedule .modal-close {
text-align: right; }
.two-col-content-with-webinar-schedule .modal-close img {
cursor: pointer;
width: 15px; }
.two-col-content-with-webinar-schedule .modal {
display: none;
position: fixed;
z-index: 4;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4); }
.two-col-content-with-webinar-schedule .modal-content {
border-top: 5px solid #ff0092;
background-color: #191c2c;
margin: 10% auto;
padding: 30px;
width: 80%;
z-index: 2; }
.two-col-content-with-webinar-schedule .modal-header {
margin-bottom: 20px; }
.two-col-content-with-webinar-schedule .modal-body {
max-height: 70vh;
overflow: auto; }
.quote-slider__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
display: none; }
@media (max-width: 767px) {
.quote-slider__background {
display: none; } }
.quote-slider__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%; }
.quote-slider__background::before, .quote-slider__background::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100px;
left: 0;
right: 0;
z-index: 1; }
.quote-slider__background::before {
top: 0;
height: 480px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #0E111E), to(rgba(14, 17, 30, 0)));
background: -webkit-linear-gradient(top, #0E111E 33%, rgba(14, 17, 30, 0));
background: -o-linear-gradient(top, #0E111E 33%, rgba(14, 17, 30, 0));
background: linear-gradient(to bottom, #0E111E 33%, rgba(14, 17, 30, 0)); }
.quote-slider__background::after {
bottom: 0;
height: 420px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#0E111E), to(rgba(14, 17, 30, 0)));
background-image: -webkit-linear-gradient(bottom, #0E111E, rgba(14, 17, 30, 0));
background-image: -o-linear-gradient(bottom, #0E111E, rgba(14, 17, 30, 0));
background-image: linear-gradient(to top, #0E111E, rgba(14, 17, 30, 0)); }
.quote-slider .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.quote-slider .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.quote-slider .intro-block {
margin-bottom: 60px; } }
.quote-slider__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 767px) {
.quote-slider__items {
display: block; } }
.quote-slider .slick-list {
margin-left: -15px;
overflow: visible;
width: calc(100% + 30px); }
.quote-slider__item {
margin: 0 15px;
padding-top: 30px;
width: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
/*
@include laptop-up {
padding: 55px;
}
@include desktop-up {
padding: 75px;
}
@include widescreen {
padding: 85px;
}
@media (max-width: 375px) {
padding: 30px;
} */ }
.quote-slider__item > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.quote-slider .slick-slide {
background-color: transparent;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out; }
.quote-slider .slick-slide .row {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out; }
.quote-slider .slick-slide.slick-active .row, .quote-slider .slick-slide.slick-current .row {
opacity: 1;
visibility: visible; }
.quote-slider__item-content {
min-height: 430px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 436px;
border-radius: 20px;
background: #131830;
-webkit-box-shadow: 32px 32px 39.4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 32px 32px 39.4px 0px rgba(0, 0, 0, 0.5);
overflow: hidden; }
.quote-slider__item-content::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
right: 0;
z-index: 1;
bottom: 0;
background: url("../svg/slider-background.svg");
background-size: cover;
background-position: center; }
@media (min-width: 768px) and (max-width: 991px) {
.quote-slider__item-content {
-ms-flex-preferred-size: 45%;
flex-basis: 45%; } }
@media (max-width: 767px) {
.quote-slider__item-content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
height: unset; } }
.quote-slider__item-content h2 {
color: #1e57f7;
margin-bottom: 20px; }
.quote-slider__item-content h4 {
font-weight: 400; }
.quote-slider__item-content p {
margin-top: 10px;
font-family: "Rubik", sans-serif;
font-weight: 300;
color: #e6e7e8;
/* @include widescreen {
font-size: 20px;
} */ }
.quote-slider__item-action {
margin-top: 20px; }
@media (min-width: 768px) {
.quote-slider__item-action {
margin-top: 30px; } }
@media (min-width: 1680px) {
.quote-slider__item-action {
margin-top: 40px; } }
.quote-slider__item-action > a {
margin-top: 20px; }
.quote-slider__item-action > a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.quote-slider__item-action > a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.quote-slider__item-action > a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.quote-slider__item-action > a:not(:last-child) {
margin-right: 45px; } }
.quote-slider__item-quote {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
padding-left: 50px;
padding-right: 50px; }
.quote-slider__item-quote blockquote {
font-size: 28px;
line-height: 120%; }
@media (min-width: 768px) {
.quote-slider__item-quote {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
@media (min-width: 992px) {
.quote-slider__item-quote {
padding: 90px 0px 90px 100px; } }
@media (min-width: 768px) and (max-width: 991px) {
.quote-slider__item-quote {
padding-right: 0;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px; } }
@media (max-width: 767px) {
.quote-slider__item-quote {
border-left: 0;
border-top: 1px solid #ffffff;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 40px;
max-width: 100%;
padding-top: 40px;
padding-right: 0;
padding-left: 0; }
.quote-slider__item-quote > p {
margin-top: 20px; } }
.quote-slider__item-quote > p {
font-family: "Rubik", sans-serif;
font-size: 16px;
line-height: 150%; }
.quote-slider__item-quote > p span:first-child {
font-weight: 700;
color: #ffffff;
display: block; }
.quote-slider__item-quote > p span:last-child {
font-weight: 400;
color: #b6b7bb; }
@media (min-width: 768px) {
.quote-slider__item-quote > p {
margin-top: 50px; } }
@media (min-width: 1680px) {
.quote-slider__item-quote > p {
font-size: 20px; } }
.quote-slider__item-logo {
max-width: 100%;
height: 55px;
margin: 85px 73px;
position: relative;
z-index: 2; }
@media (min-width: 768px) {
.quote-slider__item-logo {
height: 44px; } }
@media (min-width: 992px) {
.quote-slider__item-logo {
height: 46px; } }
@media (min-width: 1280px) {
.quote-slider__item-logo {
height: 65px; } }
@media (min-width: 1680px) {
.quote-slider__item-logo {
height: 80px; } }
.quote-slider__item-logo img {
-o-object-fit: contain;
font-family: "object-fit:contain;object-position:center";
object-fit: contain;
height: 100%;
-o-object-position: center;
object-position: center; }
.quote-slider__item-body {
position: relative;
z-index: 2;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 20px; }
.quote-slider__item-img {
margin-bottom: 40px;
width: 184px;
height: 184px; }
@media (min-width: 1280px) {
.quote-slider__item-img {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.quote-slider__item-img {
margin-bottom: 60px; } }
.quote-slider__item-img img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.quote-slider__arrows {
display: none;
text-align: center;
margin-top: 40px; }
.quote-slider .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.quote-slider .slick-slide {
height: inherit !important; }
.quote-slider__items {
opacity: 0; }
.quote-slider .slick-slider .slick-slide {
height: auto; }
.video-block.theme-v2 .intro-block .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 10px; }
.video-block.theme-v2 .intro-block .row .intro-block__action {
text-align: center; }
.video-block__item {
width: 100%;
height: 722px;
position: relative; }
@media (min-width: 992px) and (max-width: 1279px) {
.video-block__item {
height: 582px; } }
@media (min-width: 768px) and (max-width: 991px) {
.video-block__item {
height: 385px; } }
@media (min-width: 576px) and (max-width: 767px) {
.video-block__item {
height: 385px; } }
@media (max-width: 575px) {
.video-block__item {
height: 201px;
width: calc(100% + 32px);
-webkit-margin-start: -16px;
margin-inline-start: -16px; } }
.video-block__item iframe {
width: 100%;
height: 100%;
border: 0; }
.video-block__poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }
.video-block__poster.isHide {
opacity: 0;
visibility: hidden; }
.video-block video {
width: 100%;
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.video-block .play-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3; }
.promo-block .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.promo-block__item {
padding: 50px 80px;
background-color: #1e57f7; }
@media (max-width: 1399px) {
.promo-block__item {
padding: 40px; } }
.promo-block__logo {
width: 180px;
height: 61px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.promo-block__logo {
margin-right: 30px;
margin-bottom: 0; } }
@media (min-width: 992px) {
.promo-block__logo {
width: 260px;
margin-right: 50px; } }
@media (min-width: 1280px) {
.promo-block__logo {
margin-right: 100px; } }
.promo-block__logo img {
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
height: 100%; }
.promo-block__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media (min-width: 768px) {
.promo-block__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0; } }
.promo-block__content h4 {
margin-bottom: 30px; }
.video-overlay {
opacity: 0;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.video-overlay.active {
opacity: 1;
z-index: 9999;
visibility: visible; }
.video-overlay .video-wrap {
position: relative;
max-width: 840px;
margin: 0 auto; }
.video-overlay .video-wrap .closeVideo {
position: absolute;
width: 15px;
height: 15px;
background: none;
outline: none;
cursor: pointer;
right: 20px;
top: -26px;
border: none; }
@media (min-width: 992px) {
.video-overlay .video-wrap .closeVideo {
right: -30px; } }
.video-overlay .video-container {
max-width: 840px;
margin: 0 auto;
height: 740px;
position: relative;
padding: 0 20px; }
@media (max-width: 991px) {
.video-overlay .video-container {
height: 500px; } }
.video-overlay .video-container > iframe {
width: 100%;
z-index: 5;
border: none;
margin: 3px 0 0 0px;
height: 100%; }
.video-with-card {
overflow: visible; }
.video-with-card > .container {
z-index: 5; }
.video-with-card .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.video-with-card .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.video-with-card .intro-block {
margin-bottom: 60px; } }
.video-with-card .col-three-card {
padding-top: 75px; }
@media (min-width: 1680px) {
.video-with-card .col-three-card {
padding-top: 90px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.video-with-card .col-three-card {
padding-top: 45px; } }
@media (min-width: 768px) and (max-width: 991px) {
.video-with-card .col-three-card {
padding-top: 45px; } }
@media (max-width: 767px) {
.video-with-card .col-three-card {
padding-top: 35px; } }
.video-with-card .col-three-card .bg-gradient {
z-index: 4; }
.video-with-card .bg-gradient {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 5;
-webkit-filter: blur(150px);
filter: blur(150px); }
.video-with-card .bg-gradient::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
right: 0;
top: 0; }
.video-with-card .bg-gradient::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 82% 70%);
clip-path: ellipse(18% 30% at 82% 70%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.ua-firefox .video-with-card .bg-gradient::before {
-webkit-clip-path: ellipse(18% 21.02% at 81.69% 79.26%);
clip-path: ellipse(18% 21.02% at 81.69% 79.26%); }
.awards-block .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.awards-block .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.awards-block .intro-block {
margin-bottom: 60px; } }
.awards-block .container > .row {
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.awards-block .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.awards-block .container > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.awards-block .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.awards-block .logo-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 40px;
max-width: 250px;
max-height: 155px; }
.awards-block .logo-wrap img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
@media (max-width: 767px) {
.awards-block .logo-wrap {
max-height: 100%;
max-width: 180px; } }
.awards-block .card {
border-left: 2px solid #ffffff;
height: 100%;
padding: 25px 21px 0; }
.awards-block h3 {
background: var(--Gradients-Text-Gradient, linear-gradient(26deg, #2bf9eb -2.35%, #1e57f7 45.92%, #ff0092 86.76%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 20px;
line-height: 0.90;
padding-bottom: 4px; }
.awards-block p {
max-width: 302px; }
.awards-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px; }
@media (min-width: 768px) {
.awards-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 992px) {
.awards-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px; } }
@media (min-width: 1280px) {
.awards-block__item {
padding: 0 12px; } }
.intro-with-infographic:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-blend-mode: screen;
mix-blend-mode: screen; }
.intro-with-infographic .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.intro-with-infographic .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.intro-with-infographic .intro-block {
margin-bottom: 60px; } }
.intro-with-infographic .bg-img {
margin: auto; }
.infographic {
background-blend-mode: screen;
mix-blend-mode: screen; }
.infographic__wrap {
max-width: 589px;
max-height: 589px;
margin: 0 auto;
aspect-ratio: 1/1;
position: relative; }
@media (max-width: 1279px) {
.infographic__wrap {
max-width: 450px;
max-height: 450px; } }
.infographic__img img {
height: 100%; }
.infographic__lottie-wrap {
height: 100%;
width: 100%; }
.infographic__lottie-wrap > div {
height: 100%;
width: 100%; }
.infographic__content-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.infographic__content .circle {
cursor: pointer;
position: absolute;
border: 1px solid #fff;
width: 34px;
height: 34px;
border-radius: 50%;
right: 13%;
top: 20%;
background: -webkit-radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
background: -o-radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
background: radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
z-index: 5; }
@media (max-width: 575px) {
.infographic__content .circle {
top: 19%; } }
.infographic__content .circle::after {
content: "";
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-animation: circle 3s linear infinite;
-o-animation: circle 3s linear infinite;
animation: circle 3s linear infinite;
-webkit-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused; }
@media (min-width: 992px) {
.infographic__content .circle {
-webkit-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7); }
.infographic__content .circle::after {
-webkit-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
opacity: 1; } }
.infographic__content .hover-content {
max-width: 237px;
position: absolute;
right: -36%;
top: 18%;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out; }
@media (min-width: 992px) {
.infographic__content .hover-content {
opacity: 1; } }
@media (min-width: 992px) and (max-width: 1279px) {
.infographic__content .hover-content {
right: -51%; } }
.infographic__content-2 .circle {
top: unset;
right: 14%;
bottom: 35%; }
@media (max-width: 575px) {
.infographic__content-2 .circle {
right: 13%;
bottom: 34.5%; } }
.infographic__content-2 .hover-content {
top: unset;
right: -33%;
bottom: 32%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographic__content-2 .hover-content {
right: -48%;
bottom: 29%; } }
.infographic__content-3 .circle {
top: unset;
right: 56%;
bottom: 16%; }
@media (max-width: 575px) {
.infographic__content-3 .circle {
right: 53%;
bottom: 15%; } }
.infographic__content-3 .hover-content {
top: unset;
right: unset;
left: -3%;
bottom: 11%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographic__content-3 .hover-content {
left: -20%;
bottom: 8%; } }
.infographic__content-4 .circle {
right: unset;
left: 5%;
top: 25%; }
@media (max-width: 575px) {
.infographic__content-4 .circle {
left: 4%;
top: 24%; } }
.infographic__content-4 .hover-content {
right: unset;
left: -36%;
top: 23%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographic__content-4 .hover-content {
left: -51%;
top: 24%; } }
.infographic__content.active .circle {
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }
.infographic__content.active .circle::after {
-webkit-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
opacity: 1; }
.infographic__description {
max-width: 480px;
margin: 0 auto; }
.infographic__description p {
text-align: center; }
@-webkit-keyframes circle {
0% {
-webkit-transform: rotate(0deg) translate(-17px) rotate(0deg);
transform: rotate(0deg) translate(-17px) rotate(0deg); }
100% {
-webkit-transform: rotate(360deg) translate(-17px) rotate(-360deg);
transform: rotate(360deg) translate(-17px) rotate(-360deg); } }
@-o-keyframes circle {
0% {
-o-transform: rotate(0deg) translate(-17px) rotate(0deg);
transform: rotate(0deg) translate(-17px) rotate(0deg); }
100% {
-o-transform: rotate(360deg) translate(-17px) rotate(-360deg);
transform: rotate(360deg) translate(-17px) rotate(-360deg); } }
@keyframes circle {
0% {
-webkit-transform: rotate(0deg) translate(-17px) rotate(0deg);
-o-transform: rotate(0deg) translate(-17px) rotate(0deg);
transform: rotate(0deg) translate(-17px) rotate(0deg); }
100% {
-webkit-transform: rotate(360deg) translate(-17px) rotate(-360deg);
-o-transform: rotate(360deg) translate(-17px) rotate(-360deg);
transform: rotate(360deg) translate(-17px) rotate(-360deg); } }
@media (min-width: 992px) {
.intro-with-two-card .container > .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.intro-with-two-card .intro-block {
width: 34%; }
@media (max-width: 991px) {
.intro-with-two-card .intro-block {
width: 100%;
margin-bottom: 40px; } }
.intro-with-two-card .feature-grid {
width: 100%; }
@media (min-width: 992px) {
.intro-with-two-card .feature-grid {
width: 66%; } }
.intro-with-two-card .feature-grid .row {
width: 100%;
margin-top: -20px; }
@media (min-width: 1500px) {
.intro-with-two-card .feature-grid .row {
padding-left: 70px;
margin-right: -96px;
position: relative;
width: calc(100% + 96px); } }
@media (min-width: 1680px) {
.intro-with-two-card .feature-grid .row {
margin-right: -69px;
width: calc(100% + 69px); } }
@media (max-width: 1279px) {
.intro-with-two-card .feature-grid .row {
margin-right: 0;
padding-left: 0px; } }
@media (min-width: 992px) {
.intro-with-two-card .feature-grid .row {
margin-top: -30px; } }
.intro-with-two-card .feature-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.intro-with-two-card .feature-grid .slider__arrows {
display: none;
text-align: center;
margin-top: 40px;
width: 100%; }
@media (min-width: 1500px) {
.intro-with-two-card .feature-grid .slider__arrows {
padding-left: 70px;
margin-right: -96px;
position: relative;
width: calc(100% + 96px); } }
@media (min-width: 1680px) {
.intro-with-two-card .feature-grid .slider__arrows {
margin-right: -69px;
width: calc(100% + 69px); } }
@media (max-width: 1279px) {
.intro-with-two-card .feature-grid .slider__arrows {
margin-right: 0;
padding-left: 0px; } }
@media (min-width: 992px) {
.intro-with-two-card .featured-cards__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 50%;
max-width: 50%;
margin-top: 30px;
min-height: 489px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.intro-with-two-card .featured-cards__item {
min-height: 350px; } }
@media (min-width: 768px) and (max-width: 991px) {
.intro-with-two-card .featured-cards__item {
min-height: 350px; } }
.intro-with-two-card .featured-cards__item .primary-card {
position: relative; }
.intro-with-two-card .featured-cards__item .primary-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.intro-with-two-card .slick-initialized + .slider__arrows {
display: block; }
.col-three-grid {
overflow: visible; }
.col-three-grid .container > .row {
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.col-three-grid .container > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-three-grid .container > .row {
margin-top: -30px; } }
@media (min-width: 1280px) {
.col-three-grid .container > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-three-grid.no-title .intro-block {
display: none; }
.col-three-grid .bg-gradient {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
-webkit-filter: blur(150px);
filter: blur(150px); }
.col-three-grid .bg-gradient::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
clip-path: ellipse(25% 300px at 25% calc(100% - 300px));
bottom: 0;
left: 0;
right: 0;
top: 0; }
.col-three-grid .bg-gradient::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 82% 70%);
clip-path: ellipse(18% 30% at 82% 70%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.col-three-grid .bg-dark-cornflower h4,
.col-three-grid .bg-dark-cornflower p {
color: #ffffff; }
.col-three-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-three-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-three-grid .intro-block {
margin-bottom: 60px; } }
.col-three-grid.bg-corbeau .content-card p, .col-three-grid.bg-black .content-card p {
color: #ffffff; }
.col-three-grid.bg-white .content-card p {
color: #ffffff; }
.col-with-color-grid {
color: #ffffff; }
.col-with-color-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-with-color-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-with-color-grid .intro-block {
margin-bottom: 60px; } }
.col-with-color-grid__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.col-with-color-grid__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-with-color-grid__items {
margin-top: -30px; } }
@media (min-width: 1025px) {
.col-with-color-grid__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-with-color-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px;
min-height: auto; }
@media (min-width: 768px) {
.col-with-color-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 992px) {
.col-with-color-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.3333%;
margin-top: 30px; } }
@media (min-width: 1025px) {
.col-with-color-grid__item {
padding: 0 12px; } }
.col-with-color-grid .col-two-with-cube {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px; }
@media (min-width: 1025px) {
.col-with-color-grid .col-two-with-cube {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-with-color-grid .col-two-with-cube > * {
padding: 0 8px; }
@media (min-width: 768px) {
.col-with-color-grid .col-two-with-cube > * {
padding: 0 8px; } }
@media (min-width: 1025px) {
.col-with-color-grid .col-two-with-cube > * {
padding: 0 12px; } }
.col-with-color-grid .col-two-with-cube__item .color-box {
width: 120px;
height: 120px;
display: block; }
@media (min-width: 992px) {
.col-with-color-grid .col-two-with-cube__item .color-box {
width: 150px;
height: 150px; } }
@media (min-width: 1280px) {
.col-with-color-grid .col-two-with-cube__item .color-box {
width: 190px;
height: 190px; } }
@media (min-width: 1680px) {
.col-with-color-grid .col-two-with-cube__item .color-box {
width: 210px;
height: 210px; } }
.col-with-color-grid .col-two-with-cube__item .color-box.bg-corbeau {
border: 1px solid #ffffff; }
.col-with-color-grid .col-two-with-cube__content {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.col-with-color-grid .col-two-with-cube__content h4 {
margin-bottom: 20px; }
@media (min-width: 992px) {
.col-with-color-grid .col-two-with-cube__content h4 {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.col-with-color-grid .col-two-with-cube__content h4 {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.col-with-color-grid .col-two-with-cube__content h4 {
margin-bottom: 45px; } }
.col-with-color-grid .col-two-with-cube__content p {
margin-top: 20px; }
@media (min-width: 576px) and (max-width: 767px) {
.col-with-color-grid.with-col-four .col-with-color-grid__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 576px) {
.col-with-color-grid.with-col-four .col-with-color-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 0 8px; } }
@media (min-width: 992px) {
.col-with-color-grid.with-col-four .col-with-color-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
margin-top: 30px; } }
@media (min-width: 1025px) {
.col-with-color-grid.with-col-four .col-with-color-grid__item {
padding: 0 12px; } }
.col-with-color-grid.with-col-four .col-two-with-cube .color-box {
width: 80px;
height: 80px; }
.content-with-img-grid.theme-v2 .row {
padding: 40px 60px 40px 40px;
border-radius: 20px;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.content-with-img-grid.theme-v2 .row h2 {
font-size: 40px;
line-height: 120%; }
.content-with-img-grid.theme-v2 .row:before {
display: none; }
.content-with-img-grid.theme-v2 .row .content.col-two {
padding-right: 85px; }
.content-with-img-grid.theme-v2 .row .img-outer.col-two img {
border-radius: 20px; }
.content-with-img-grid.theme-v2 .row .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 60px; }
.content-with-img-grid.theme-v2 .row .wrapper .content-wrap {
margin-top: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 20px;
padding: 0px 40px 40px 40px; }
.content-with-img-grid.theme-v2 .row .wrapper .content-wrap .inner-content {
padding-left: 0; }
.content-with-img-grid.theme-v2 .row .wrapper .content-wrap .inner-content p {
max-width: 100%; }
.content-with-img-grid.bg-white {
background-color: #0E111E; }
.content-with-img-grid.bg-white .row {
position: relative;
padding-top: 100px;
padding-left: 70px;
padding-bottom: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 991px) {
.content-with-img-grid.bg-white .row {
padding: 30px 0; } }
.content-with-img-grid.bg-white .row:before {
content: '';
position: absolute;
left: 0px;
top: 0;
height: 100%;
width: 80%;
background-color: #ffffff;
z-index: -1; }
@media (max-width: 991px) {
.content-with-img-grid.bg-white .row:before {
width: 100%; } }
.content-with-img-grid.bg-white .row h2,
.content-with-img-grid.bg-white .row p,
.content-with-img-grid.bg-white .row li,
.content-with-img-grid.bg-white .row h3,
.content-with-img-grid.bg-white .row h5,
.content-with-img-grid.bg-white .row h4 {
color: #0E111E; }
.content-with-img-grid.bg-white .row ul li:before {
background-color: #0E111E; }
.content-with-img-grid .content h2 {
margin-bottom: 20px;
max-width: 525px; }
@media (min-width: 1680px) {
.content-with-img-grid .content h2 {
max-width: 100%; } }
.content-with-img-grid .content p {
max-width: 525px; }
@media (min-width: 1680px) {
.content-with-img-grid .content p {
max-width: 100%; } }
@media (max-width: 991px) {
.content-with-img-grid .content {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.content-with-img-grid .content .btn-wrap {
margin-top: 20px; }
@media (min-width: 1280px) {
.content-with-img-grid .content .btn-wrap {
margin-top: 30px; } }
@media (min-width: 1680px) {
.content-with-img-grid .content .btn-wrap {
margin-top: 40px; } }
.content-with-img-grid .content .btn-wrap a {
margin-top: 20px; }
.content-with-img-grid .content .btn-wrap a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.content-with-img-grid .content .btn-wrap a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.content-with-img-grid .content .btn-wrap a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.content-with-img-grid .content .btn-wrap a:not(:last-child) {
margin-right: 45px; } }
@media (max-width: 991px) {
.content-with-img-grid .img-outer {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 30px; } }
.content-with-img-grid .icon {
width: 40px;
height: 40px; }
.content-with-img-grid .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.content-with-img-grid .content-wrap:not(:first-child) {
margin-top: 20px; }
@media (min-width: 992px) {
.content-with-img-grid .content-wrap:not(:first-child) {
margin-top: 25px; } }
@media (min-width: 1280px) {
.content-with-img-grid .content-wrap:not(:first-child) {
margin-top: 40px; } }
@media (min-width: 1680px) {
.content-with-img-grid .content-wrap:not(:first-child) {
margin-top: 45px; } }
.content-with-img-grid .inner-content {
padding-left: 20px;
width: calc(100% - 40px); }
.content-with-img-grid .inner-content h4 {
max-width: 378px;
margin-bottom: 20px; }
.content-with-img-grid .inner-content p {
max-width: 444px; }
@media (min-width: 1680px) {
.content-with-img-grid .inner-content p {
max-width: 100%; } }
.content-with-img-grid .wrapper {
margin-top: 20px; }
.content-with-img-grid ul,
.content-with-img-grid ol {
padding-left: 15px; }
.content-with-img-grid.reverse .row {
padding-left: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.content-with-img-grid.reverse .row::before {
right: 0;
left: unset; }
.content-with-img-grid.reverse .col-two {
padding: 0 15px 0 0; }
@media (max-width: 991px) {
.content-with-img-grid.reverse .col-two {
padding: 0 15px; } }
.content-with-img-grid.reverse .content {
padding: 0 25px 0 55px; }
@media (max-width: 991px) {
.content-with-img-grid.reverse .content {
padding: 0 25px 0 25px; } }
.head-four-grid-white .row {
background-color: #ffffff;
padding-top: 50px;
padding-bottom: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 1024px) {
.head-four-grid-white .row {
padding-bottom: 50px;
padding-left: 15px; } }
@media (max-width: 1024px) {
.head-four-grid-white .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.head-four-grid-white h2,
.head-four-grid-white p,
.head-four-grid-white h3 {
color: #0E111E; }
.head-four-grid-white .btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.head-four-grid-white .btn-wrap {
margin-top: 60px; } }
.head-four-grid-white .icon-wrap {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.head-four-grid-white .text-wrap {
padding-left: 63px;
padding-top: 50px; }
@media (max-width: 1024px) {
.head-four-grid-white .text-wrap {
padding: 0; } }
.head-four-grid-white .four-grid-wrap .row {
padding: 0; }
.head-four-grid-white .four-grid-wrap .col-two {
margin-top: 50px; }
@media (max-width: 1024px) {
.head-four-grid-white .four-grid-wrap .col-two {
margin-top: 40px; } }
.head-four-grid-white .four-grid-wrap .contnet-wrap {
max-width: 246px; }
@media (min-width: 1680px) {
.head-four-grid-white .four-grid-wrap .contnet-wrap {
max-width: 300px; } }
@media (max-width: 1024px) {
.head-four-grid-white .four-grid-wrap .contnet-wrap {
max-width: 280px; } }
@media (max-width: 575px) {
.head-four-grid-white .four-grid-wrap .contnet-wrap {
max-width: 100%; } }
.head-four-grid-white .four-grid-wrap .contnet-wrap h3 {
margin-top: 20px; }
.head-four-grid-white .four-grid-wrap .contnet-wrap p {
margin-top: 20px; }
.head-four-grid-white .four-grid-wrap .contnet-wrap a {
margin-top: 40px; }
@media (max-width: 1024px) {
.head-four-grid-white .four-grid-wrap .col-two {
-ms-flex-preferred-size: 50%;
flex-basis: 50%; } }
@media (max-width: 575px) {
.head-four-grid-white .four-grid-wrap .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; } }
.two-col-grid .btn-wrap {
margin-top: 20px; }
@media (min-width: 992px) {
.two-col-grid .btn-wrap {
margin-top: 25px; } }
@media (min-width: 1280px) {
.two-col-grid .btn-wrap {
margin-top: 40px; } }
@media (min-width: 1680px) {
.two-col-grid .btn-wrap {
margin-top: 45px; } }
.two-col-grid .btn-wrap a {
margin-top: 15px; }
.two-col-grid .btn-wrap .link-black:first-child {
margin-right: 40px; }
@media (max-width: 575px) {
.two-col-grid .btn-wrap .link-black:first-child {
width: 100%; } }
.two-col-grid .btn-wrap .link-pink:first-child {
margin-right: 40px; }
@media (max-width: 575px) {
.two-col-grid .btn-wrap .link-pink:first-child {
width: 100%; } }
@media (max-width: 991px) {
.two-col-grid .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; } }
@media (min-width: 1680px) {
.two-col-grid .content {
max-width: 100%; } }
@media (max-width: 991px) {
.two-col-grid .content {
margin-top: 30px;
max-width: 100%; } }
.two-col-grid .content h2 {
margin-bottom: 20px; }
.two-col-grid .content ul {
padding-left: 16px; }
.two-col-grid .content ul li {
font-size: 18px;
font-weight: 400;
line-height: 1.2; }
.two-col-grid .content ul li::before {
left: -14px;
top: 8px; }
.two-col-grid .img-inner {
position: relative;
max-width: 629px;
height: 538px;
overflow: hidden;
margin: auto; }
.two-col-grid .img-inner img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
@media (min-width: 1680px) {
.two-col-grid .img-inner {
max-width: 100%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.two-col-grid .img-inner {
height: 400px; } }
@media (max-width: 991px) {
.two-col-grid .img-inner {
max-width: 100%; } }
@media (max-width: 575px) {
.two-col-grid .img-inner {
height: 350px; } }
.two-col-grid .img-inner .wrapper {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-color: #262834;
width: 100%;
height: 147px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 575px) {
.two-col-grid .img-inner .wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 0;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
.two-col-grid .img-inner .wrapper .col-three {
-ms-flex-preferred-size: 60%;
flex-basis: 60%; }
.two-col-grid .img-inner .wrapper .col-three:first-of-type {
-ms-flex-preferred-size: 40%;
flex-basis: 40%; }
.two-col-grid .img-inner .wrapper .icon {
max-width: 118px;
max-height: 56px;
overflow: hidden;
margin: auto; }
@media (max-width: 575px) {
.two-col-grid .img-inner .wrapper .icon {
max-width: 50px; } }
.two-col-grid .img-inner .wrapper h3 {
background: -webkit-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: -o-linear-gradient(40deg, #1e57f7 0.94%, #ff0092 103.75%);
background: linear-gradient(50deg, #1e57f7 0.94%, #ff0092 103.75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: auto; }
@media (max-width: 575px) {
.two-col-grid .img-inner .wrapper h3 {
max-width: 100%;
padding-top: 10px; } }
@media (min-width: 1680px) {
.two-col-grid .img-inner .wrapper h3 {
font-size: 40px; } }
.two-col-grid .img-inner .wrapper p {
font-size: 16px;
line-height: 1.3;
padding-right: 40px;
padding-top: 10px;
margin: auto; }
@media (max-width: 575px) {
.two-col-grid .img-inner .wrapper p {
max-width: 100%;
padding-right: 0;
padding-top: 4; } }
.two-col-grid.top-layer .wrapper {
top: 0; }
.two-col-grid.bg-white {
background-color: #0E111E; }
.two-col-grid.bg-white .row {
position: relative;
padding-top: 100px;
padding-bottom: 100px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 992px) and (max-width: 1279px) {
.two-col-grid.bg-white .row {
padding-left: 0; } }
@media (max-width: 991px) {
.two-col-grid.bg-white .row {
padding: 30px 15px !important; } }
.two-col-grid.bg-white .row:before {
content: "";
position: absolute;
left: 0px;
top: 0;
height: 100%;
width: 85%;
background-color: #ffffff;
z-index: -1; }
@media (min-width: 992px) {
.two-col-grid.bg-white .row:before {
left: 15px; } }
@media (max-width: 991px) {
.two-col-grid.bg-white .row:before {
width: 100%; } }
.two-col-grid.bg-white h2,
.two-col-grid.bg-white p,
.two-col-grid.bg-white li {
color: #0E111E; }
.two-col-grid.bg-white h2:before,
.two-col-grid.bg-white p:before,
.two-col-grid.bg-white li:before {
background-color: #0E111E; }
.two-col-grid.bg-white .img-inner {
position: relative; }
@media (max-width: 991px) {
.two-col-grid.bg-white .img-inner {
margin-top: 30px; } }
.two-col-grid.bg-white .wrapper p {
color: #ffffff; }
.two-col-grid.bg-white .content {
padding-left: 70px; }
@media (max-width: 1399px) {
.two-col-grid.bg-white .content {
padding-left: 40px; } }
@media (max-width: 991px) {
.two-col-grid.bg-white .content {
padding-left: 0 !important; } }
.two-col-grid.reverse .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media (max-width: 991px) {
.two-col-grid.reverse .img-inner {
margin-top: 0; } }
.two-col-with-logo .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -20px; }
@media (min-width: 992px) {
.two-col-with-logo .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.two-col-with-logo .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.two-col-with-logo .row > * {
margin-top: 20px;
padding-inline: 8px; }
@media (min-width: 768px) {
.two-col-with-logo .row > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.two-col-with-logo .row > * {
margin-top: 40px; } }
@media (min-width: 1025px) {
.two-col-with-logo .row > * {
padding-inline: 12px; } }
.two-col-with-logo__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 768px) {
.two-col-with-logo__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.two-col-with-logo__item {
margin-top: 30px; } }
.two-col-with-logo__action {
margin-top: 20px; }
@media (min-width: 1280px) {
.two-col-with-logo__action {
margin-top: 30px; } }
@media (min-width: 1680px) {
.two-col-with-logo__action {
margin-top: 40px; } }
.two-col-with-logo__action a {
margin-top: 20px; }
.two-col-with-logo__action a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.two-col-with-logo__action a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.two-col-with-logo__action a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.two-col-with-logo__action a:not(:last-child) {
margin-right: 45px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.two-col-with-logo__logos {
margin-right: -60px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.two-col-with-logo__logos {
margin-right: -193px; } }
.two-col-with-logo .text-wrap h2 {
margin-bottom: 20px; }
.two-col-with-logo .logo-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 30px !important;
padding-right: 30px !important; }
.two-col-with-logo .logo-box img {
width: 185px;
height: 88px;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.two-col-img-with-content {
color: #ffffff; }
.two-col-img-with-content .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.two-col-img-with-content .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.two-col-img-with-content .intro-block {
margin-bottom: 60px; } }
.two-col-img-with-content .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -20px; }
@media (min-width: 992px) {
.two-col-img-with-content .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.two-col-img-with-content .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.two-col-img-with-content .row > * {
margin-top: 20px;
padding-inline: 8px; }
@media (min-width: 768px) {
.two-col-img-with-content .row > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.two-col-img-with-content .row > * {
margin-top: 40px; } }
@media (min-width: 1025px) {
.two-col-img-with-content .row > * {
padding-inline: 12px; } }
.two-col-img-with-content__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 768px) {
.two-col-img-with-content__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.two-col-img-with-content__item {
margin-top: 30px; } }
.two-col-img-with-content__img {
max-width: 520px;
max-height: 410px; }
.two-col-img-with-content__img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.two-col-img-with-content__text h3:not(:first-child) {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.two-col-img-with-content__text h3:not(:first-child) {
margin-top: 60px; } }
.two-col-img-with-content__text p {
margin-top: 30px; }
.vertical-slider-with-content {
overflow: visible; }
@media (min-width: 2500px) {
.vertical-slider-with-content .grey-bg {
background-color: #e6e7e8;
position: absolute;
height: 100%;
width: 30%;
z-index: 1;
left: 0;
top: 0; } }
.vertical-slider-with-content .row {
position: relative;
width: 100%; }
.vertical-slider-with-content aside {
padding-top: 100px;
position: relative;
padding-right: 30px;
background-color: transparent;
border-right: solid 1px #000000;
-webkit-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out; }
.vertical-slider-with-content aside:before {
position: absolute;
content: "";
width: 100vw;
height: 100%;
background-color: #e6e7e8;
right: 0;
top: 0;
z-index: -1; }
@media (min-width: 2500px) {
.vertical-slider-with-content aside:before {
display: none; } }
@media (max-width: 767px) {
.vertical-slider-with-content aside:before {
width: calc(100% + 32px);
left: -16px;
right: auto; } }
@media (min-width: 768px) {
.vertical-slider-with-content aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; } }
@media (min-width: 1280px) {
.vertical-slider-with-content aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 17%;
flex: 0 0 17%;
max-width: 17%; } }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content aside {
padding-top: 90px; } }
@media (min-width: 992px) and (max-height: 950px) {
.vertical-slider-with-content aside {
padding-top: 80px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content aside {
padding-top: 90px;
padding-right: 20px; } }
@media (max-width: 767px) {
.vertical-slider-with-content aside {
padding: 30px 0;
border-right: 0;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: sticky;
top: 79px;
z-index: 1; } }
.vertical-slider-with-content aside h4 {
font-family: "Rubik", sans-serif;
margin-bottom: 20px; }
@media (max-width: 767px) {
.vertical-slider-with-content aside .wrapper {
border-bottom: solid 1px #ff0092; } }
.vertical-slider-with-content .sticky {
position: sticky;
position: -webkit-sticky !important;
top: 105px;
-webkit-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out; }
@media (min-width: 1025px) {
.vertical-slider-with-content .sticky {
top: 172px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content .sticky {
top: 177px; } }
@media (max-width: 767px) {
.vertical-slider-with-content .sticky {
position: relative;
top: unset; } }
.vertical-slider-with-content .content-block {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0; }
@media (min-width: 2500px) {
.vertical-slider-with-content .content-block {
background-color: #ffffff; } }
.vertical-slider-with-content__list {
position: relative; }
.vertical-slider-with-content__list ul {
padding-left: 0;
padding-top: 0px; }
@media (max-width: 767px) {
.vertical-slider-with-content__list ul {
padding: 10px 0 10px 0;
border-left: 0;
max-width: calc(100% - 50px);
margin-inline: auto; } }
.vertical-slider-with-content__list li,
.vertical-slider-with-content__list p {
font-family: "Gabarito", sans-serif;
font-size: 14px;
color: #b6b7bb !important;
font-weight: 700;
letter-spacing: 0.051em;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
text-transform: uppercase; }
@media (max-width: 767px) {
.vertical-slider-with-content__list li,
.vertical-slider-with-content__list p {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden; } }
.vertical-slider-with-content__list li:before,
.vertical-slider-with-content__list p:before {
display: none; }
.vertical-slider-with-content__list li {
padding: 15px 0 15px 10px;
margin-top: 0; }
@media (min-width: 768px) {
.vertical-slider-with-content__list li {
border-left: 5px solid transparent; } }
@media (max-width: 767px) {
.vertical-slider-with-content__list li {
text-align: center;
padding: 15px 10px 15px 10px; } }
.vertical-slider-with-content__list li p {
cursor: pointer; }
.vertical-slider-with-content__list li p:hover {
color: #ff0092 !important; }
@media (min-width: 768px) {
.vertical-slider-with-content__list li.active, .vertical-slider-with-content__list li.slick-active {
background-color: rgba(255, 0, 146, 0.05);
border-color: #ff0092; } }
.vertical-slider-with-content__list li.active p, .vertical-slider-with-content__list li.slick-active p {
color: #0E111E !important; }
@media (min-width: 768px) {
.vertical-slider-with-content__list li.sub-item {
padding-left: 20px; } }
.vertical-slider-with-content__content {
color: #000000; }
@media (min-width: 768px) {
.vertical-slider-with-content__content {
padding-left: 40px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content {
padding-left: 110px; } }
.vertical-slider-with-content__content:first-child h1:first-child {
margin-top: 0; }
.vertical-slider-with-content__content:first-child h2:first-child {
margin-top: 0; }
.vertical-slider-with-content__content:first-child h3:first-child {
margin-top: 0;
padding-top: 0; }
.vertical-slider-with-content__content:first-child h4:first-child {
margin-top: 0; }
.vertical-slider-with-content__content:first-child h5:first-child {
margin-top: 0; }
.vertical-slider-with-content__content:first-child h6:first-child {
margin-top: 0; }
.vertical-slider-with-content__content a {
color: #b6b7bb;
font-size: 14px; }
.vertical-slider-with-content__content li.active a {
color: #ff0092; }
.vertical-slider-with-content__content .alert {
margin-top: 20px;
border: solid 1px #000000;
border-radius: 2px; }
@media (min-width: 992px) {
.vertical-slider-with-content__content .alert {
margin-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content .alert {
margin-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content .alert {
margin-top: 45px; } }
.vertical-slider-with-content__content .alert .alert-icon {
background-color: #ff0092;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 6px 13px 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: solid 1px #000000; }
.vertical-slider-with-content__content .alert .alert-icon p {
margin-top: 0;
margin-left: 10px;
color: #ffffff; }
.vertical-slider-with-content__content .alert .alert-icon img {
width: 15px;
height: 15px;
margin-top: 0; }
.vertical-slider-with-content__content .alert .alert-icon + p {
margin-top: 0;
padding: 30px; }
@media (min-width: 768px) {
.vertical-slider-with-content__content .alert .alert-icon + p {
padding: 30px 50px; } }
.vertical-slider-with-content__content img + p {
margin-top: 20px; }
@media (min-width: 992px) {
.vertical-slider-with-content__content img + p {
margin-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content img + p {
margin-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content img + p {
margin-top: 45px; } }
.vertical-slider-with-content__content .alert + p {
margin-top: 20px; }
@media (min-width: 992px) {
.vertical-slider-with-content__content .alert + p {
margin-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content .alert + p {
margin-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content .alert + p {
margin-top: 45px; } }
.vertical-slider-with-content__content h3 + .alert + h4 {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content h3 + .alert + h4 {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content h3 + .alert + h4 {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content h3 + .alert + h4 {
margin-top: 10px; } }
.vertical-slider-with-content__content h2 {
margin-top: 20px; }
@media (min-width: 992px) {
.vertical-slider-with-content__content h2 {
margin-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content h2 {
margin-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content h2 {
margin-top: 45px; } }
.vertical-slider-with-content__content h3 {
padding-top: 20px; }
@media (min-width: 992px) {
.vertical-slider-with-content__content h3 {
padding-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content h3 {
padding-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content h3 {
padding-top: 45px; } }
.vertical-slider-with-content__content h3 + .alert {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content h3 + .alert {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content h3 + .alert {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content h3 + .alert {
margin-top: 10px; } }
.vertical-slider-with-content__content h5 {
margin-top: 20px; }
.vertical-slider-with-content__content p {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content p {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content p {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content p {
margin-top: 10px; } }
.vertical-slider-with-content__content p img {
margin-bottom: 20px; }
.vertical-slider-with-content__content ul,
.vertical-slider-with-content__content ol {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content ul,
.vertical-slider-with-content__content ol {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content ul,
.vertical-slider-with-content__content ol {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content ul,
.vertical-slider-with-content__content ol {
margin-top: 10px; } }
.vertical-slider-with-content__content h4 {
margin-top: 20px;
font-weight: 400; }
@media (min-width: 992px) {
.vertical-slider-with-content__content h4 {
margin-top: 25px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content h4 {
margin-top: 40px; } }
@media (min-width: 1680px) {
.vertical-slider-with-content__content h4 {
margin-top: 45px; } }
@media (min-width: 1280px) {
.vertical-slider-with-content__content h4 {
max-width: 72%; } }
.vertical-slider-with-content__content h4 + p + ol {
margin-top: 0; }
.vertical-slider-with-content__content h4 + p + ol li {
list-style: lower-alpha; }
.vertical-slider-with-content__content h4 + p {
margin-top: 10px; }
.vertical-slider-with-content__content h4 + ol li {
list-style: lower-alpha; }
.vertical-slider-with-content__content h6 + ol li {
list-style: lower-alpha; }
.vertical-slider-with-content__content li,
.vertical-slider-with-content__content a {
font-size: 18px;
margin-top: 0;
line-height: 1.2; }
@media (min-width: 1680px) {
.vertical-slider-with-content__content li,
.vertical-slider-with-content__content a {
font-size: 22px; } }
@media (min-width: 992px) and (max-height: 950px) {
.vertical-slider-with-content__content li,
.vertical-slider-with-content__content a {
font-size: 18px; } }
@media (max-width: 1279px) {
.vertical-slider-with-content__content li,
.vertical-slider-with-content__content a {
font-size: 15px; } }
.vertical-slider-with-content__content li:before,
.vertical-slider-with-content__content a:before {
top: 9px; }
.vertical-slider-with-content__content h4 + img + h4 {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content h4 + img + h4 {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content h4 + img + h4 {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content h4 + img + h4 {
margin-top: 10px; } }
.vertical-slider-with-content__content img {
margin-top: 20px;
width: auto; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content img {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content img {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content img {
margin-top: 10px; } }
.vertical-slider-with-content__content h6 {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content h6 {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content h6 {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content h6 {
margin-top: 10px; } }
.vertical-slider-with-content__content h6 img {
margin-bottom: 20px; }
.vertical-slider-with-content__content h6 + p {
margin-top: 10px; }
.vertical-slider-with-content__content h6 + p + .alert {
margin-top: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.vertical-slider-with-content__content h6 + p + .alert {
margin-top: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.vertical-slider-with-content__content h6 + p + .alert {
margin-top: 15px; } }
@media (max-width: 767px) {
.vertical-slider-with-content__content h6 + p + .alert {
margin-top: 10px; } }
.vertical-slider-with-content__content table {
border-collapse: collapse;
color: #000000;
margin-top: 20px; }
.vertical-slider-with-content__content table td {
border: 1px solid #0E111E;
padding: 8px; }
.vertical-slider-with-content__content table td a {
color: #ff0092;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.vertical-slider-with-content__content table td a span {
color: #ff0092; }
.vertical-slider-with-content__content video {
width: 100%;
height: 100%;
margin-top: 20px;
margin-bottom: 20px;
max-width: 425px;
min-height: 239px; }
.vertical-slider-with-content__content iframe {
width: 100%;
height: 100%;
margin-top: 20px;
margin-bottom: 20px;
max-width: 425px;
min-height: 268px;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.vertical-slider-with-content__content blockquote {
margin: 20px 0; }
.vertical-slider-with-content__content blockquote {
position: relative;
background-color: #0E111E;
padding: 63px 130px 60px 102px;
margin-top: 20px;
background-image: url("../png/gradient-black.png");
background-size: cover;
margin-bottom: 20px; }
@media (max-width: 991px) {
.vertical-slider-with-content__content blockquote {
padding: 45px; } }
.vertical-slider-with-content__content blockquote h5 {
color: #ffffff !important;
padding-bottom: 40px;
border-bottom: 1px solid #ffffff;
font-weight: 500;
line-height: 28px;
margin-bottom: 20px;
z-index: 1;
position: relative; }
.vertical-slider-with-content__content blockquote p:first-child {
margin-top: 0; }
.vertical-slider-with-content__content blockquote p:not(:first-child) {
margin-top: 20px; }
.vertical-slider-with-content__content blockquote h5:not(:first-child) {
margin-top: 20px; }
.vertical-slider-with-content__content blockquote * {
color: #ffffff; }
.vertical-slider-with-content__content blockquote span {
color: #ffffff !important;
font-size: 16px;
display: inherit;
font-weight: 100; }
@media (max-width: 1279px) {
.vertical-slider-with-content__content blockquote span {
font-size: 15px; } }
.vertical-slider-with-content__content .alignright {
float: right;
display: inline;
margin-left: 20px;
margin-bottom: 20px; }
.vertical-slider-with-content__content .alignleft {
float: left;
display: inline;
margin-right: 20px;
margin-bottom: 20px; }
.vertical-slider-with-content__content .aligncenter {
margin: 0 auto;
text-align: center; }
.vertical-slider-with-content .two-col-img > .row {
width: calc(100% + 16px);
margin-left: -8px; }
@media (min-width: 768px) {
.vertical-slider-with-content .two-col-img > .row {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 1025px) {
.vertical-slider-with-content .two-col-img > .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.vertical-slider-with-content .two-col-img > .row > * {
padding-inline: 8px; }
@media (min-width: 768px) {
.vertical-slider-with-content .two-col-img > .row > * {
padding-inline: 8px; } }
@media (min-width: 1025px) {
.vertical-slider-with-content .two-col-img > .row > * {
padding-inline: 12px; } }
.vertical-slider-with-content .two-col-img__content {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.vertical-slider-with-content .two-col-img__content h3:first-child {
padding-top: 0; }
.vertical-slider-with-content .two-col-img__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.vertical-slider-with-content .two-col-img__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.666667%; } }
@media (max-width: 991px) {
.vertical-slider-with-content .two-col-img__img {
text-align: center; } }
@media (min-width: 992px) {
.vertical-slider-with-content .two-col-img__img img:first-child {
margin-top: 0; } }
.vertical-slider-with-content .slick-arrow {
cursor: pointer;
position: absolute;
top: 50%;
width: 22px;
height: 22px;
font-size: 0;
outline: none;
border: 0;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-indent: 999px;
background-color: transparent;
z-index: 1; }
.vertical-slider-with-content .slick-arrow.slick-prev {
background: url(../svg/black-arrow-prev.svg) no-repeat;
background-position: center;
background-size: 100%;
left: -28px; }
.vertical-slider-with-content .slick-arrow.slick-next {
background: url(../svg/arrow-next-black.svg) no-repeat;
background-position: center;
background-size: 100%;
right: -28px; }
.vertical-slider-with-content .slick-arrow.slick-disabled {
opacity: 0.5;
pointer-events: none; }
.vertical-slider-with-content.bg-white {
background-color: #ffffff; }
.vertical-slider-with-content.bg-white h1,
.vertical-slider-with-content.bg-white h2,
.vertical-slider-with-content.bg-white h3,
.vertical-slider-with-content.bg-white h4,
.vertical-slider-with-content.bg-white h5,
.vertical-slider-with-content.bg-white h6,
.vertical-slider-with-content.bg-white li,
.vertical-slider-with-content.bg-white a,
.vertical-slider-with-content.bg-white p {
color: #000000; }
.vertical-slider-with-content.bg-white blockquote > * {
color: #ffffff; }
.vertical-slider-with-content.bg-white li:before {
background-color: #000000; }
.vertical-slider-with-content.bg-white a:hover {
color: #ff0092; }
.scrolling-down .vertical-slider-with-content .sticky {
position: sticky;
position: -webkit-sticky !important;
top: 40px; }
@media (min-width: 1680px) {
.scrolling-down .vertical-slider-with-content .sticky {
top: 40px; } }
@media (max-width: 767px) {
.scrolling-down .vertical-slider-with-content aside {
top: 0; } }
.tab-content-white.bg-cloud {
background: #e6e7e8; }
.tab-content-white.bg-cloud .tab-item.active::after {
background: #e6e7e8; }
.tab-content-white .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.tab-content-white .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.tab-content-white .intro-block {
margin-bottom: 60px; } }
.tab-content-white .intro-block h2,
.tab-content-white .intro-block p,
.tab-content-white .intro-block .eyebrow {
color: #0E111E; }
.tab-content-white h4,
.tab-content-white p {
color: #0E111E; }
.tab-content-white .tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 1025px) {
.tab-content-white .mobile-tab {
display: none; } }
.tab-content-white .mobile-tab .show .item {
opacity: 1; }
.tab-content-white .mobile-tab .item {
margin-top: 20px;
cursor: pointer;
opacity: 0.15; }
.tab-content-white .mobile-tab .item p {
margin-top: 10px; }
.tab-content-white .mobile-tab .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-white .mobile-tab .content {
display: none;
padding: 20px;
border: 2px solid;
border-image-source: linear-gradient(90deg, #2bf9eb 0%, #1e57f7 100%);
border-image-slice: 1;
margin-top: 20px; }
.tab-content-white .mobile-tab .content p {
margin-top: 20px; }
.tab-content-white .tab-item {
margin-bottom: 50px;
opacity: 40%;
padding-right: 10px; }
.tab-content-white .tab-item:last-child {
margin-bottom: 0; }
.tab-content-white .tab-item .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-white .tab-item p {
margin-top: 10px; }
.tab-content-white .tab-item .mobile-content {
padding: 30px;
margin-top: 30px;
min-height: auto;
border: 2px solid;
border-image-source: linear-gradient(90deg, #2bf9eb 0%, #1e57f7 100%);
border-image-slice: 1; }
@media (min-width: 1025px) {
.tab-content-white .tab-item .mobile-content {
display: none; } }
@media (max-width: 1024px) {
.tab-content-white .tab-item .mobile-content {
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } }
@media (max-width: 1024px) {
.tab-content-white .tab-item .mobile-content .content {
max-width: 629px;
margin: 0 auto;
width: 0;
height: 0;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
overflow: hidden; } }
.tab-content-white .tab-item.active {
opacity: 1;
border: 2px solid;
border-image-source: linear-gradient(90deg, #1e57f7 0%, #2bf9eb 100%);
border-image-slice: 1;
margin-right: -2px;
position: relative;
z-index: 1;
padding: 30px 0 30px 20px;
position: relative; }
@media (max-width: 1024px) {
.tab-content-white .tab-item.active .mobile-content {
opacity: 1;
visibility: visible;
position: relative; }
.tab-content-white .tab-item.active .content {
width: auto;
height: auto;
position: relative;
opacity: 1;
visibility: visible; } }
.tab-content-white .tab-item.active:after {
content: "";
position: absolute;
width: 6px;
height: 100%;
background-color: #ffffff;
right: -3px;
top: 0; }
@media (max-width: 1024px) {
.tab-content-white .tab-item.active:after {
display: none; } }
@media (max-width: 1024px) {
.tab-content-white .tab-item.active {
margin-right: 0;
border: 0;
padding: 0; } }
.tab-content-white .tab-content {
display: none; }
.tab-content-white .tab-content p {
max-width: 629px;
margin: 40px auto 0; }
.tab-content-white .tab-content .img-wrap {
max-width: 629px;
max-height: 325px;
margin: auto; }
.tab-content-white .tab-content-wrap {
border: 2px solid;
border-image-source: linear-gradient(90deg, #2bf9eb 0%, #1e57f7 100%);
border-image-slice: 1;
-ms-flex-preferred-size: calc(100% - 440px);
flex-basis: calc(100% - 440px);
padding: 106px 108px 106px 108px;
min-height: 500px; }
@media (min-width: 1680px) {
.tab-content-white .tab-content-wrap {
padding: 154.4px 60px 156px 60px;
min-height: 758px; } }
@media (max-width: 1450px) and (min-width: 1400px) {
.tab-content-white .tab-content-wrap {
padding: 106px 60px 106px 60px; } }
@media (max-width: 1399px) and (min-width: 1280px) {
.tab-content-white .tab-content-wrap {
padding: 150px 60px 150px 60px; } }
@media (max-width: 1210px) and (min-width: 1200px) {
.tab-content-white .tab-content-wrap {
padding: 72px 60px 72px 60px; } }
@media (max-width: 1090px) and (min-width: 1080px) {
.tab-content-white .tab-content-wrap {
padding: 94px 60px 94px 60px; } }
@media (max-width: 1024px) {
.tab-content-white .tab-content-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 30px;
margin-top: 30px;
min-height: auto;
display: none; } }
.tab-content-white .tab-item-wrap {
-ms-flex-preferred-size: 440px;
flex-basis: 440px;
padding-right: 0; }
@media (max-width: 1024px) {
.tab-content-white .tab-item-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; } }
.tab-content-image {
overflow: visible; }
.tab-content-image.bg-image-right .bg-image__background {
display: block !important; }
@media (max-width: 1024px) {
.tab-content-image.bg-image-right .bg-image__background {
display: none !important; } }
.tab-content-image.bg-image-right .bg-image__background:before {
content: '';
display: block;
position: absolute;
top: -25%;
right: 0;
background-position: right top;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("../svg/glass.svg"); }
.tab-content-image.bg-image-left .bg-image__background {
display: block !important; }
@media (max-width: 1024px) {
.tab-content-image.bg-image-left .bg-image__background {
display: none !important; } }
.tab-content-image.bg-image-left .bg-image__background:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background-position: left center;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("../svg/glass-left.svg"); }
.tab-content-image.bg-gradient .bg-gradient__background {
display: block !important;
opacity: 0.5;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
.tab-content-image.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
max-width: 611px;
max-height: 500px;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2;
/* &--top-right {
top: -10%;
right: -5%;
background: #2bf9eb;
filter: blur(150px);
transform: rotate(-10.214deg);
} */ }
@media (min-width: 1680px) {
.tab-content-image.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.tab-content-image.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.tab-content-image.bg-gradient .bg-gradient__background .circle-gradient--bottom-center {
bottom: -40%;
left: 30%;
left: 30%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-transform: rotate(-10.214deg);
-o-transform: rotate(-10.214deg);
transform: rotate(-10.214deg);
-webkit-filter: blur(100px);
filter: blur(100px); }
.tab-content-image.bg-gradient .bg-gradient__background .circle-gradient--bottom-left {
bottom: 0%;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
left: -5%; }
@media (max-width: 767px) {
.tab-content-image.bg-gradient .bg-gradient__background {
display: none; } }
.tab-content-image.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.tab-content-image.bg-cloud {
background: #e6e7e8; }
.tab-content-image.bg-cloud .tab-item.active::after {
background: #e6e7e8; }
.tab-content-image.reverse .tab-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.tab-content-image.reverse .tab-container .tab-content .img-wrap {
margin-left: 0;
margin-right: 70px; }
.tab-content-image.reverse .tab-container .tab-content .information-wrap {
padding-left: 0px;
padding-right: 80px; }
.tab-content-image__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px; }
.tab-content-image__header-title {
margin-bottom: 15px; }
.tab-content-image__header-body p {
font-size: 16px; }
.tab-content-image .tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media (min-width: 1025px) {
.tab-content-image .mobile-tab {
display: none; } }
.tab-content-image .mobile-tab .show .item {
opacity: 1; }
.tab-content-image .mobile-tab .item {
margin-top: 20px;
cursor: pointer;
opacity: 0.15; }
.tab-content-image .mobile-tab .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-image .mobile-tab .content {
display: none;
padding: 20px;
border: 2px solid;
/* border-image-source: linear-gradient(
90deg,
rgba(43, 249, 235, 1) 0%,
rgba(30, 87, 247, 1) 100%
); */
border-image-slice: 1;
margin-top: 20px; }
.tab-content-image .mobile-tab .content p {
margin-top: 20px; }
.tab-content-image .tab-item a div {
border-left: 1px solid rgba(86, 88, 97, 0.26); }
.tab-content-image .tab-item p {
opacity: 0;
display: none; }
.tab-content-image .tab-item h5,
.tab-content-image .tab-item p {
color: #ffffff;
padding-left: 20px; }
.tab-content-image .tab-item:last-child {
margin-bottom: 0; }
.tab-content-image .tab-item .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-image .tab-item .mobile-content {
padding: 30px;
margin-top: 30px;
min-height: auto;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.07);
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px); }
@media (min-width: 1025px) {
.tab-content-image .tab-item .mobile-content {
display: none; } }
@media (max-width: 1024px) {
.tab-content-image .tab-item .mobile-content {
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } }
.tab-content-image .tab-item .mobile-content .content p {
color: #ffffff;
margin: 16px auto 30px; }
.tab-content-image .tab-item .mobile-content .content p:first-child {
margin-top: 0; }
@media (max-width: 1024px) {
.tab-content-image .tab-item .mobile-content .content {
max-width: 629px;
margin: 0 auto;
width: 0;
height: 0;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
overflow: hidden; } }
.tab-content-image .tab-item.active {
opacity: 1;
/* border-image-source: linear-gradient(
90deg,
rgba(30, 87, 247, 1) 0%,
rgba(43, 249, 235, 1) 100%
); */
border-image-slice: 1;
margin-right: -2px;
position: relative;
z-index: 1;
position: relative;
/* &:after {
content: '';
position: absolute;
width: 6px;
height: 100%;
background-color: $white;
right: -3px;
top: 0;
@include notebook-down {
display: none;
}
} */ }
.tab-content-image .tab-item.active h5 {
padding-bottom: 20px; }
.tab-content-image .tab-item.active h5:before {
content: '';
position: absolute;
width: 1px;
left: 0;
top: 0;
height: 58px;
background: -webkit-linear-gradient(315deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%);
background: -o-linear-gradient(315deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%);
background: linear-gradient(135deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%); }
.tab-content-image .tab-item.active p {
opacity: 1;
display: block;
font-size: 16px;
color: #86888e; }
@media (max-width: 1024px) {
.tab-content-image .tab-item.active .mobile-content {
opacity: 1;
visibility: visible;
position: relative; }
.tab-content-image .tab-item.active .content {
width: auto;
height: auto;
position: relative;
opacity: 1;
visibility: visible; } }
@media (max-width: 1024px) {
.tab-content-image .tab-item.active {
margin-right: 0;
border: 0;
padding: 0; } }
.tab-content-image .tab-content {
display: none; }
.tab-content-image .tab-content p {
margin: 16px auto 30px; }
.tab-content-image .tab-content p:first-child {
margin-top: 0; }
.tab-content-image .tab-content .img-wrap {
max-width: 780px;
max-height: 492px;
overflow: hidden;
margin: auto;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.07);
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px);
margin-left: 85px; }
.tab-content-image .tab-content .information-wrap {
padding-left: 80px; }
.tab-content-image .tab-content-wrap {
/*border: 2px solid;
border-image-source: linear-gradient(
90deg,
rgba(43, 249, 235, 1) 0%,
rgba(30, 87, 247, 1) 100%
); */
border-image-slice: 1;
-ms-flex-preferred-size: calc(100% - 440px);
flex-basis: calc(100% - 440px);
min-height: 500px; }
@media (max-width: 1024px) {
.tab-content-image .tab-content-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 30px;
margin-top: 30px;
min-height: auto;
display: none; } }
.tab-content-image .tab-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
-ms-flex-preferred-size: 440px;
flex-basis: 440px;
padding-right: 0; }
@media (max-width: 1024px) {
.tab-content-image .tab-item-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; } }
.tab-content-image-history {
overflow: visible; }
.tab-content-image-history.bg-image-right .bg-image__background {
display: block !important; }
@media (max-width: 1024px) {
.tab-content-image-history.bg-image-right .bg-image__background {
display: none !important; } }
.tab-content-image-history.bg-image-right .bg-image__background:before {
content: '';
display: block;
position: absolute;
top: -25%;
right: 0;
background-position: right top;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("../svg/glass.svg"); }
.tab-content-image-history.bg-image-left .bg-image__background {
display: block !important; }
@media (max-width: 1024px) {
.tab-content-image-history.bg-image-left .bg-image__background {
display: none !important; } }
.tab-content-image-history.bg-image-left .bg-image__background:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background-position: left center;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-image: url("../svg/glass-left.svg"); }
.tab-content-image-history.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1; }
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.2; }
@media (min-width: 1680px) {
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 0%;
left: 0%;
border-radius: 1440px;
opacity: 0.2;
background: #1e57f7;
-webkit-filter: blur(100px);
filter: blur(100px);
width: 1440px;
height: 693px; }
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 10%;
right: 25%;
border-radius: 629.047px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
width: 629.047px;
height: 302.729px;
opacity: 0.1; }
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient--three {
top: 0%;
background: #2bf9eb;
right: 12%;
border-radius: 417.799px;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 417.799px;
height: 201.066px;
opacity: .1; }
.tab-content-image-history.bg-gradient .bg-gradient__background .circle-gradient--four {
top: 10%;
left: 5%;
width: 377.897px;
height: 181.863px;
opacity: 0.2;
border-radius: 377.897px;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px); }
@media (max-width: 767px) {
.tab-content-image-history.bg-gradient .bg-gradient__background {
display: none; } }
.tab-content-image-history.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.tab-content-image-history.bg-cloud {
background: #e6e7e8; }
.tab-content-image-history.bg-cloud .tab-item.active::after {
background: #e6e7e8; }
.tab-content-image-history .year {
color: #2bf9eb;
/* tag 1 */
font-style: normal;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase; }
.tab-content-image-history .year.small {
font-size: 14px;
font-family: "Rubik", sans-serif;
font-weight: 700; }
.tab-content-image-history .year.large {
font-size: 22px;
font-family: "Rubik", sans-serif;
font-weight: 400;
opacity: 0.5; }
.tab-content-image-history.reverse .tab-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.tab-content-image-history.reverse .tab-container .tab-content__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
overflow: hidden; }
.tab-content-image-history .tab-container .tab-content__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
overflow: hidden; }
.tab-content-image-history__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0px; }
.tab-content-image-history__header-title {
margin-bottom: 15px; }
.tab-content-image-history__header-body p {
font-size: 16px; }
.tab-content-image-history .tab-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media (min-width: 1025px) {
.tab-content-image-history .mobile-tab {
display: none; } }
.tab-content-image-history .mobile-tab .show .item {
opacity: 1; }
.tab-content-image-history .mobile-tab .item {
margin-top: 20px;
cursor: pointer;
opacity: 0.15; }
.tab-content-image-history .mobile-tab .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-image-history .mobile-tab .content {
display: none;
padding: 20px;
border: 2px solid;
/* border-image-source: linear-gradient(
90deg,
rgba(43, 249, 235, 1) 0%,
rgba(30, 87, 247, 1) 100%
); */
border-image-slice: 1;
margin-top: 20px; }
.tab-content-image-history .mobile-tab .content p {
margin-top: 20px; }
.tab-content-image-history .tab-item {
border-left: 1px solid rgba(86, 88, 97, 0.8) !important;
padding: 20px 0px 20px 30px; }
.tab-content-image-history .tab-item p {
opacity: 0;
display: none; }
.tab-content-image-history .tab-item h5,
.tab-content-image-history .tab-item p {
color: #ffffff;
padding-left: 0; }
@media (min-width: 768px) {
.tab-content-image-history .tab-item h5,
.tab-content-image-history .tab-item p {
padding-left: 20px; } }
.tab-content-image-history .tab-item:first-child {
border-left: 1px solid rgba(86, 88, 97, 0.5); }
.tab-content-image-history .tab-item:last-child {
margin-bottom: 0;
border-left: 1px solid rgba(86, 88, 97, 0.5); }
.tab-content-image-history .tab-item .icon-wrap {
height: 23px;
width: 23px;
margin-bottom: 10px; }
.tab-content-image-history .tab-item .mobile-content {
padding: 20px;
margin-top: 30px;
min-height: auto;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.07);
-webkit-backdrop-filter: blur(13px);
backdrop-filter: blur(13px); }
@media (min-width: 1025px) {
.tab-content-image-history .tab-item .mobile-content {
display: none; } }
@media (max-width: 1024px) {
.tab-content-image-history .tab-item .mobile-content {
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } }
.tab-content-image-history .tab-item .mobile-content .content p {
color: #ffffff;
padding-left: 0;
margin: 0 16px 30px auto; }
.tab-content-image-history .tab-item .mobile-content .content p:first-child {
margin-top: 0; }
@media (max-width: 1024px) {
.tab-content-image-history .tab-item .mobile-content .content {
max-width: 629px;
margin: 0 auto;
width: 0;
height: 0;
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
overflow: hidden; } }
.tab-content-image-history .tab-item .mobile-content .content .information-content {
margin-top: 20px; }
.tab-content-image-history .tab-item .mobile-content .content .information-content .logo-wrap {
margin-bottom: 10px; }
.tab-content-image-history .tab-item .mobile-content .logo-wrap img {
width: 50px;
height: 24px; }
.tab-content-image-history .tab-item .mobile-content h5 {
padding-left: 0 !important; }
.tab-content-image-history .tab-item .mobile-content h5:before {
display: none; }
.tab-content-image-history .tab-item.active {
opacity: 1;
border-image-slice: 1;
margin-right: -2px;
position: relative;
z-index: 1;
position: relative; }
.tab-content-image-history .tab-item.active .year.large {
font-size: 40px;
font-family: 'Gabarito', sans-serif;
font-weight: 400;
color: #2bf9eb;
opacity: 1; }
.tab-content-image-history .tab-item.active h5 {
padding-bottom: 20px;
padding-left: 20px; }
.tab-content-image-history .tab-item.active h5:before {
content: '';
position: absolute;
width: 5px;
left: 0;
top: 0;
height: 58px;
background: #2bf9eb;
margin-top: 20px; }
.tab-content-image-history .tab-item.active p {
opacity: 1;
display: block;
font-size: 16px;
color: #86888e;
padding-left: 20px; }
@media (max-width: 1024px) {
.tab-content-image-history .tab-item.active .mobile-content {
opacity: 1;
visibility: visible;
position: relative; }
.tab-content-image-history .tab-item.active .content {
width: auto;
height: auto;
position: relative;
opacity: 1;
visibility: visible; } }
@media (max-width: 1024px) {
.tab-content-image-history .tab-item.active {
margin-right: 0;
border: 0;
padding: 0; } }
.tab-content-image-history .tab-content {
display: none; }
.tab-content-image-history .tab-content p {
margin: 16px auto 30px; }
.tab-content-image-history .tab-content p:first-child {
margin-top: 0; }
.tab-content-image-history .tab-content .img-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.tab-content-image-history .tab-content .logo-wrap img {
width: 50px;
height: 24px; }
.tab-content-image-history .tab-content .information-wrap {
padding-left: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-block: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.tab-content-image-history .tab-content .information-wrap .information-content {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px; }
.tab-content-image-history .tab-content .information-wrap .information-content h5 {
line-height: 120%; }
.tab-content-image-history .tab-content .information-wrap .information-content p {
margin: 0;
color: #e6e7e8; }
.tab-content-image-history .tab-content-wrap {
border-image-slice: 1;
-ms-flex-preferred-size: calc(100% - 460px);
flex-basis: calc(100% - 460px);
min-height: 500px; }
@media (max-width: 1024px) {
.tab-content-image-history .tab-content-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 30px;
margin-top: 30px;
min-height: auto;
display: none; } }
.tab-content-image-history .tab-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
-ms-flex-preferred-size: 460px;
flex-basis: 460px;
padding-left: 45px; }
@media (max-width: 1024px) {
.tab-content-image-history .tab-item-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0; } }
.banner-404 .text-wrap {
padding: 120px 0; }
@media (max-width: 991px) {
.banner-404 .text-wrap {
padding: 80px 0; } }
.banner-404 .text-wrap h1 {
padding-bottom: 20px; }
.col-two-promo-block .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-two-promo-block .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-two-promo-block .intro-block {
margin-bottom: 60px; } }
.col-two-promo-block__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-top: -20px; }
@media (min-width: 768px) {
.col-two-promo-block__items {
width: calc(100% + 16px);
margin-left: -8px; } }
@media (min-width: 992px) {
.col-two-promo-block__items {
margin-top: -30px; } }
@media (min-width: 1025px) {
.col-two-promo-block__items {
width: calc(100% + 24px);
margin-left: -12px; } }
.col-two-promo-block__items > * {
margin-top: 20px; }
@media (min-width: 768px) {
.col-two-promo-block__items > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.col-two-promo-block__items > * {
margin-top: 30px; } }
@media (min-width: 1025px) {
.col-two-promo-block__items > * {
padding-inline: 12px; } }
.col-two-promo-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 992px) {
.col-two-promo-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
.col-two-promo-block .img-two-col-card {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background-color: #262834;
overflow: hidden;
min-height: 240px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 2px solid #ffffff; }
.col-two-promo-block .img-two-col-card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.col-two-promo-block .img-two-col-card:hover {
-webkit-box-shadow: 0px 8px 16px 0px #FF009240;
box-shadow: 0px 8px 16px 0px #FF009240;
border: 2px solid #FF0092; }
.col-two-promo-block .img-two-col-card:hover .img-two-col-card__img img {
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2); }
@media (min-width: 1025px) and (max-width: 1279px) {
.col-two-promo-block .img-two-col-card {
min-height: unset; } }
@media (max-width: 1024px) {
.col-two-promo-block .img-two-col-card {
margin-top: 20px; } }
@media (max-width: 575px) {
.col-two-promo-block .img-two-col-card {
display: block; } }
.col-two-promo-block .img-two-col-card__img {
max-width: 218px;
width: 100%;
height: 240px;
overflow: hidden; }
@media (min-width: 1025px) and (max-width: 1279px) {
.col-two-promo-block .img-two-col-card__img {
max-width: 180px; } }
@media (max-width: 575px) {
.col-two-promo-block .img-two-col-card__img {
max-width: 100%;
height: 205px; } }
.col-two-promo-block .img-two-col-card__img img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.col-two-promo-block .img-two-col-card__content {
max-width: calc(100% - 218px);
width: 100%;
padding-left: 40px;
padding-right: 12px;
position: relative; }
@media (min-width: 1025px) and (max-width: 1279px) {
.col-two-promo-block .img-two-col-card__content {
max-width: calc(100% - 180px);
padding-left: 30px; } }
@media (max-width: 575px) {
.col-two-promo-block .img-two-col-card__content {
max-width: 100%;
padding: 30px; } }
.col-two-promo-block .img-two-col-card__content h3 {
color: #ffffff; }
.col-two-promo-block .img-two-col-card__content p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #ffffff;
margin-top: 20px; }
.col-two-promo-block.bg-white .intro-block h2,
.col-two-promo-block.bg-white .intro-block p {
color: #0E111E; }
.banner-third-level {
position: relative;
min-height: 450px;
padding-top: 120px; }
@media (min-width: 768px) {
.banner-third-level {
min-height: 575px; } }
@media (min-width: 768px) and (max-width: 991px) {
.banner-third-level {
padding-top: 100px; } }
.banner-third-level::before {
content: "";
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(#0e1113), color-stop(69.22%, #0e1113), color-stop(76.65%, rgba(14, 17, 19, 0.9)), color-stop(82.81%, rgba(14, 17, 19, 0.6783)), to(rgba(14, 17, 19, 0)));
background: -webkit-linear-gradient(left, #0e1113 0%, #0e1113 69.22%, rgba(14, 17, 19, 0.9) 76.65%, rgba(14, 17, 19, 0.6783) 82.81%, rgba(14, 17, 19, 0) 100%);
background: -o-linear-gradient(left, #0e1113 0%, #0e1113 69.22%, rgba(14, 17, 19, 0.9) 76.65%, rgba(14, 17, 19, 0.6783) 82.81%, rgba(14, 17, 19, 0) 100%);
background: linear-gradient(90deg, #0e1113 0%, #0e1113 69.22%, rgba(14, 17, 19, 0.9) 76.65%, rgba(14, 17, 19, 0.6783) 82.81%, rgba(14, 17, 19, 0) 100%);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
@media (min-width: 992px) {
.banner-third-level::before {
width: 69%; } }
.banner-third-level .bg-img {
position: absolute;
right: 0;
width: 55%;
top: 0;
height: 100%; }
.banner-third-level .bg-img img {
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.banner-third-level .bg-img .play-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4; }
@media (max-width: 991px) {
.banner-third-level .bg-img .play-btn {
display: none; } }
.banner-third-level .event-menu {
margin-bottom: 20px;
margin-top: 20px; }
@media (min-width: 992px) {
.banner-third-level .event-menu {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.banner-third-level .event-menu {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.banner-third-level .event-menu {
margin-bottom: 45px; } }
.banner-third-level .event-menu h4 {
font-family: "Rubik", sans-serif; }
.banner-third-level .counter {
margin-bottom: 20px;
max-width: 467px;
background: #262834;
border: 1px solid #ff0092;
padding: 20px 2px; }
@media (min-width: 992px) {
.banner-third-level .counter {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.banner-third-level .counter {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.banner-third-level .counter {
margin-bottom: 45px; } }
@media (max-width: 575px) {
.banner-third-level .counter {
padding: 20px; } }
.banner-third-level .counter ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0; }
.banner-third-level .counter ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
margin-top: 0; }
.banner-third-level .counter ul li::before {
display: none; }
.banner-third-level .counter ul li:last-child::after {
display: none; }
.banner-third-level .counter ul li::after {
content: "";
position: absolute;
width: 1px;
background: #ffffff;
height: 42px;
top: 50%;
right: 0;
-webkit-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%); }
@media (min-width: 1680px) {
.banner-third-level .counter ul li::after {
right: 0px;
height: 50px;
top: calc(50% - 24px);
-webkit-transform: none;
-o-transform: none;
transform: none; } }
@media (max-width: 480px) {
.banner-third-level .counter ul li::after {
right: 0px; } }
.banner-third-level .counter ul li span {
display: block;
padding-top: 8px; }
.banner-third-level .counter + h1 {
margin-top: 0; }
.banner-third-level__content {
width: 100%; }
@media (min-width: 768px) {
.banner-third-level__content {
max-width: 58.3333%; } }
.banner-third-level__content .logo-wrap {
max-width: 131px;
margin-bottom: 20px;
margin-top: 20px; }
.banner-third-level__content h1 {
margin-bottom: 20px;
text-transform: capitalize; }
@media (min-width: 992px) {
.banner-third-level__content h1 {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.banner-third-level__content h1 {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.banner-third-level__content h1 {
margin-bottom: 45px; } }
.banner-third-level__content > h4 {
font-family: "Rubik", sans-serif;
font-weight: 400; }
.banner-third-level__content .play-btn {
display: none; }
@media (max-width: 991px) {
.banner-third-level__content .play-btn {
display: block;
margin-top: 30px; } }
.banner-third-level__content h5 {
padding-top: 30px; }
.banner-third-level__action {
margin-top: 20px; }
.banner-third-level__action a {
margin-top: 20px; }
.banner-third-level__action a:not(:last-child) {
margin-right: 20px; }
@media (min-width: 992px) {
.banner-third-level__action a:not(:last-child) {
margin-right: 25px; } }
@media (min-width: 1280px) {
.banner-third-level__action a:not(:last-child) {
margin-right: 40px; } }
@media (min-width: 1680px) {
.banner-third-level__action a:not(:last-child) {
margin-right: 45px; } }
.banner-third-level .breadcrumb {
margin-bottom: 40px;
margin-top: -40px; }
@media (min-width: 992px) and (max-height: 950px) {
.banner-third-level .breadcrumb {
margin-bottom: 60px; } }
@media (min-width: 992px) {
.banner-third-level .breadcrumb {
margin-bottom: 50px; } }
@media (min-width: 1025px) {
.banner-third-level .breadcrumb {
margin-top: 0; } }
@media (min-width: 1280px) {
.banner-third-level .breadcrumb {
margin-bottom: 70px; } }
@media (min-width: 1680px) {
.banner-third-level .breadcrumb {
margin-bottom: 75px; } }
.banner-third-level .breadcrumb ul {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.banner-third-level .breadcrumb ul li {
list-style: none;
padding-right: 35px; }
.banner-third-level .breadcrumb ul li:last-child {
pointer-events: none;
cursor: default;
color: #ff0092;
width: 200px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.banner-third-level .breadcrumb ul li:last-child a {
text-decoration: underline;
color: #ff0092; }
@media (min-width: 1680px) {
.banner-third-level .breadcrumb ul li:last-child {
width: 700px; } }
@media (min-width: 1280px) and (max-width: 1679px) {
.banner-third-level .breadcrumb ul li:last-child {
width: 500px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-third-level .breadcrumb ul li:last-child {
width: 400px; } }
@media (min-width: 768px) and (max-width: 991px) {
.banner-third-level .breadcrumb ul li:last-child {
width: 300px; } }
.banner-third-level .breadcrumb ul li::before {
display: none; }
.banner-third-level .breadcrumb ul li:last-child::after {
display: none; }
.banner-third-level .breadcrumb ul li a {
color: #ffffff;
cursor: pointer; }
.banner-third-level .breadcrumb ul li a span {
font-size: 14px;
font-weight: 700;
text-transform: uppercase; }
.banner-third-level .video-wrap {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%; }
.banner-third-level .video-wrap::after {
content: "";
position: absolute;
background: -webkit-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: -o-linear-gradient(2deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
background: linear-gradient(88deg, rgba(14, 17, 19, 0.9) 36.28%, rgba(14, 17, 19, 0.6) 69.61%, rgba(14, 17, 19, 0) 99.18%);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2; }
@media (min-width: 992px) {
.banner-third-level .video-wrap::after {
width: 60%; } }
.banner-third-level .video-wrap video {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.banner-third-level .video-wrap video::-webkit-media-controls {
display: none !important; }
.banner-third-level .video-wrap .play-btn {
position: absolute;
top: 50%;
left: 70%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 4; }
@media (max-width: 991px) {
.banner-third-level .video-wrap .play-btn {
display: none; } }
.banner-third-level .video__item {
width: 100%;
height: 100%; }
.banner-third-level .video__poster {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; }
@media (min-width: 992px) and (max-height: 950px) {
.banner-third-level .video__poster {
background-position: 0 20% !important; } }
@media (max-width: 767px) {
.banner-third-level .video__poster {
background-position: 80% 0 !important; } }
.banner-third-level .video__poster.isHide {
opacity: 0;
visibility: hidden; }
@media (min-width: 992px) {
.banner-third-level.with-form .banner-third-level__content {
width: 50%;
max-width: 630px;
padding-right: 10px; } }
@media (max-width: 767px) {
.banner-third-level.with-form {
min-height: 400px; } }
@media (min-width: 1400px) {
.banner-third-level.with-form h1 {
margin-top: 80px; } }
.banner-third-level.with-form h1.h2 {
font-size: 98px;
line-height: 0.99;
color: #ffffff;
font-family: "Gabarito", sans-serif;
letter-spacing: -0.01em;
font-weight: 700; }
@media (min-width: 1680px) {
.banner-third-level.with-form h1.h2 {
font-size: 100px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.banner-third-level.with-form h1.h2 {
font-size: 79px; } }
@media (min-width: 992px) and (max-height: 950px) {
.banner-third-level.with-form h1.h2 {
font-size: 79px; } }
@media (min-width: 768px) and (max-width: 991px) {
.banner-third-level.with-form h1.h2 {
font-size: 70px; } }
@media (max-width: 767px) {
.banner-third-level.with-form h1.h2 {
font-size: 56px; } }
.banner-third-level.has-from .banner-third-level__content {
display: inline-block;
vertical-align: top; }
@media (max-width: 1279px) {
.banner-third-level.has-from .banner-third-level__content {
display: inline; } }
.banner-third-level.has-from .banner-third-level__content h1 {
padding-right: 20px; }
.banner-third-level.has-from .form-wrap {
background-color: #ffffff;
padding: 30px;
display: inline-block;
vertical-align: top;
max-width: 40%;
width: 100%; }
@media (max-width: 1279px) {
.banner-third-level.has-from .form-wrap {
width: 100%;
max-width: 60%; } }
@media (max-width: 767px) {
.banner-third-level.has-from .form-wrap {
max-width: 100%; } }
.banner-third-level.has-from .form-wrap h3 {
color: #0E111E;
margin-bottom: 30px; }
.banner-third-level.v-aligned-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.banner-third-level.v-aligned-center h1 {
margin-bottom: 0; }
.banner-third-level.bg-white h1.h2, .banner-third-level.bg-white h1 {
color: #0E111E; }
.banner-third-level.with-img h1.h2, .banner-third-level.with-img h1, .banner-third-level.with-img p {
color: #ffffff; }
.detail-content {
overflow: visible; }
@media (max-width: 767px) {
.detail-content__intro {
padding-top: 30px; } }
.detail-content__intro img {
width: auto; }
.detail-content__column-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
@media (max-width: 991px) {
.detail-content__column-wrapper {
display: inline; } }
.detail-content__left-content {
width: 75%;
padding-right: 120px; }
@media (min-width: 992px) and (max-width: 1279px) {
.detail-content__left-content {
width: 60%;
padding-right: 40px; } }
@media (max-width: 991px) {
.detail-content__left-content {
width: 100%;
padding-right: 0; } }
.detail-content__left-content h1 {
padding-bottom: 20px;
padding-top: 40px; }
.detail-content__left-content h1:first-child {
padding-top: 0; }
.detail-content__left-content h2 {
padding-bottom: 20px;
padding-top: 40px; }
.detail-content__left-content h2:first-child {
padding-top: 0; }
.detail-content__left-content a:hover {
text-decoration: underline; }
.detail-content__left-content table + p,
.detail-content__left-content table + ul,
.detail-content__left-content table + ol {
margin-top: 20px; }
.detail-content__left-content h4 + ol,
.detail-content__left-content h4 + ul {
margin-top: 20px; }
.detail-content__left-content ol + p,
.detail-content__left-content ul + p {
margin-top: 20px; }
.detail-content__left-content li > ol,
.detail-content__left-content li > ul {
margin-top: 20px; }
.detail-content__left-content p + table {
margin-top: 0; }
.detail-content__left-content li a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit; }
.detail-content__left-content h3 {
padding-bottom: 20px;
padding-top: 40px; }
.detail-content__left-content h3:first-child {
padding-top: 0; }
.detail-content__left-content h4 {
padding-top: 40px; }
.detail-content__left-content h4:first-child {
padding-top: 0; }
.detail-content__left-content h4 + p {
margin-top: 20px; }
.detail-content__left-content h5 {
font-weight: 500;
padding-bottom: 20px;
padding-top: 40px; }
.detail-content__left-content h5:first-child {
padding-top: 0; }
.detail-content__left-content h6 {
margin-top: 20px; }
.detail-content__left-content h6 + p,
.detail-content__left-content h6 + ol,
.detail-content__left-content h6 + ul {
margin-top: 20px; }
.detail-content__left-content ul {
max-width: 804px; }
@media (max-width: 991px) {
.detail-content__left-content ul {
max-width: 100%; } }
.detail-content__left-content li {
font-size: 18px;
font-weight: 400;
margin-top: 0;
line-height: 21.6px; }
.detail-content__left-content li::before {
width: 4px;
height: 4px; }
@media (min-width: 1680px) {
.detail-content__left-content li {
font-size: 22px;
line-height: 1.2; } }
@media (min-width: 992px) and (max-height: 950px) {
.detail-content__left-content li {
font-size: 18px; } }
@media (max-width: 1279px) {
.detail-content__left-content li {
font-size: 15px; } }
.detail-content__left-content p {
max-width: 804px;
padding-bottom: 20px;
line-height: 21.6px; }
@media (max-width: 991px) {
.detail-content__left-content p {
max-width: 100%; } }
@media (min-width: 1680px) {
.detail-content__left-content p {
line-height: 1.2;
max-width: 100%; } }
.detail-content__left-content p a:hover {
text-decoration: underline; }
.detail-content__left-content p sup {
padding-right: 5px; }
.detail-content__left-content img {
margin-top: 20px; }
.detail-content__left-content .icon-wrap {
display: none; }
@media (max-width: 767px) {
.detail-content__left-content .icon-wrap {
display: block; } }
@media (max-width: 767px) {
.detail-content__left-content .icon-wrap h6 {
padding-top: 0 !important; } }
.detail-content__left-content .location-wrap {
display: none; }
@media (max-width: 767px) {
.detail-content__left-content .location-wrap {
display: block; } }
.detail-content__left-content .key-wrap {
display: none; }
@media (max-width: 767px) {
.detail-content__left-content .key-wrap {
display: block; } }
.detail-content__right-content {
width: 25%;
padding-left: 25px; }
@media (min-width: 992px) and (max-width: 1279px) {
.detail-content__right-content {
width: 40%; } }
@media (max-width: 991px) {
.detail-content__right-content {
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.detail-content__right-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; } }
@media (min-width: 992px) {
.detail-content__right-content .related-content {
height: 100%; } }
.detail-content__right-content .related-content h6 {
font-weight: 700;
padding-top: 20px; }
.detail-content__right-content .related-content .cards {
width: 100%;
position: relative;
max-width: 300px;
min-height: 220px;
margin-top: 20px; }
@media (min-width: 992px) {
.detail-content__right-content .related-content .cards {
max-width: 100%; } }
@media (min-width: 1680px) {
.detail-content__right-content .related-content .cards {
min-height: 300px; } }
.detail-content__right-content .related-content .cards:hover .link-white {
text-decoration: underline; }
.detail-content__right-content .related-content .cards:hover .link-white::after {
margin-left: 12px; }
@media (max-width: 575px) {
.detail-content__right-content .related-content .cards .link-white::after {
margin-bottom: 1px; } }
@media (max-width: 575px) {
.detail-content__right-content .related-content .cards {
max-width: 100%; } }
.detail-content__right-content .related-content .cards > a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0; }
.detail-content__right-content .related-content .cards .bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.detail-content__right-content .related-content .cards .bg-img::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0E111E;
background-size: contain;
opacity: 0.5; }
.detail-content__right-content .related-content .cards .tag {
text-transform: uppercase;
margin-bottom: 50px;
display: inline-block;
border-width: 1px;
border-style: solid;
position: relative;
padding: 14px 15px;
border-radius: 10px;
letter-spacing: 0.03em;
color: #0E111E;
background-color: #b6b7bb;
border-color: #b6b7bb;
-webkit-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
top: 33px;
left: 16px;
z-index: 2;
cursor: pointer; }
.detail-content__right-content .related-content .cards .tag > a {
color: #262834; }
.detail-content__right-content .related-content .cards .tag:hover {
background-color: #262834;
color: #ffffff; }
.detail-content__right-content .related-content .cards .tag:hover > a {
color: #ffffff; }
@media (min-width: 1680px) {
.detail-content__right-content .related-content .cards .tag {
font-size: 16px; } }
.detail-content__right-content .related-content .cards .btn-wrap {
position: absolute;
bottom: 17px;
left: 20px;
right: 20px; }
.detail-content__right-content .related-content .cards .btn-wrap > a {
font-weight: 400;
text-transform: uppercase;
z-index: 2;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.detail-content__right-content .related-content .cards .btn-wrap > a::after {
right: 0; }
@media (max-width: 1399px) {
.detail-content__right-content .related-content .cards .btn-wrap > a {
font-size: 14px; } }
@media (min-width: 1680px) {
.detail-content__right-content .related-content .cards .btn-wrap > a {
font-size: 18px; } }
.detail-content__right-content .related-content .cards.sign-up {
border-radius: 10px;
background-color: #262834;
overflow: hidden;
padding: 25px 15px;
text-align: center; }
@media (min-width: 992px) {
.detail-content__right-content .related-content .cards.sign-up {
position: sticky;
position: -webkit-sticky !important;
top: 40px;
-webkit-transition: top 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out;
transition: top 0.4s ease-in-out; } }
.detail-content__right-content .related-content .cards.sign-up .bg-img {
opacity: 0.2; }
.detail-content__right-content .related-content .cards.sign-up .bg-img::after {
background-image: -webkit-linear-gradient(249deg, var(#175D81) 0%, var(#00314d) 100%);
background-image: -o-linear-gradient(249deg, var(#175D81) 0%, var(#00314d) 100%);
background-image: linear-gradient(201deg, var(#175D81) 0%, var(#00314d) 100%); }
.detail-content__right-content .related-content .cards.sign-up h5 {
color: #ffffff;
border-bottom: 2px solid #ffffff;
position: relative;
z-index: 2;
padding-bottom: 15px; }
.detail-content__right-content .related-content .cards.sign-up p {
color: #ffffff;
position: relative;
z-index: 2;
padding-top: 20px;
font-size: 16px;
font-weight: 100; }
.detail-content__right-content .related-content .cards.sign-up .btn-wrap {
bottom: auto;
left: auto;
position: relative;
padding-top: 30px;
right: 0; }
.detail-content__right-content .related-content .cards.sign-up .btn-wrap > a {
display: inline-block;
padding: 15px 20px; }
.detail-content__right-content .icon-wrap {
display: visible; }
@media (max-width: 767px) {
.detail-content__right-content .icon-wrap {
display: none; } }
.detail-content__right-content .location-wrap {
display: visible; }
@media (max-width: 767px) {
.detail-content__right-content .location-wrap {
display: none; } }
.detail-content__right-content .key-wrap {
display: visible; }
@media (max-width: 767px) {
.detail-content__right-content .key-wrap {
display: none; } }
.detail-content blockquote {
position: relative;
background-color: #0E111E;
padding: 63px 130px 60px 102px;
margin-top: 20px;
background-image: url("../png/gradient-black.png");
background-size: cover;
margin-bottom: 20px; }
@media (max-width: 991px) {
.detail-content blockquote {
padding: 45px; } }
.detail-content blockquote h5 {
color: #ffffff !important;
padding-bottom: 40px;
border-bottom: 1px solid #ffffff;
font-weight: 500;
line-height: 28px;
margin-bottom: 20px;
z-index: 1;
position: relative; }
.detail-content blockquote p:not(:first-child) {
margin-top: 20px; }
.detail-content blockquote h5:not(:first-child) {
margin-top: 20px; }
.detail-content blockquote * {
color: #ffffff; }
.detail-content blockquote span {
color: #ffffff !important;
font-size: 16px;
display: inherit;
font-weight: 100; }
@media (max-width: 1279px) {
.detail-content blockquote span {
font-size: 15px; } }
.detail-content .icon-wrap h6 {
font-weight: 700; }
@media (max-width: 767px) {
.detail-content .icon-wrap h6 {
padding-top: 25px; } }
.detail-content .icon-wrap .social-icon {
padding-top: 20px;
padding-bottom: 25px;
border-bottom: 1px solid #0E111E; }
.detail-content .icon-wrap .social-icon a {
height: 25px;
width: 25px;
margin-right: 15px;
display: inline-block;
border-radius: 0; }
.detail-content .icon-wrap .social-icon a svg circle,
.detail-content .icon-wrap .social-icon a svg path {
-webkit-transition: fill 0.3s ease-in;
-o-transition: fill 0.3s ease-in;
transition: fill 0.3s ease-in; }
.detail-content .icon-wrap .social-icon a svg:hover circle {
fill: #ff0092; }
.detail-content .icon-wrap .social-icon a svg:hover g path {
fill: #ff0092; }
.detail-content .icon-wrap .social-icon a:last-child svg:hover path {
fill: #ff0092; }
.detail-content .icon-wrap .social-icon .linkedin:hover Svg path {
fill: #ff0092; }
.detail-content .icon-wrap .social-icon .youtube:hover Svg path:first-of-type {
fill: #ff0092; }
.detail-content .location-wrap {
border-bottom: 1px solid #0E111E; }
.detail-content .location-wrap > p {
padding-bottom: 20px; }
.detail-content .location-wrap h6 {
padding-top: 20px;
font-weight: 700; }
.detail-content .location-wrap h6:last-child {
padding-top: 1px; }
.detail-content .location-wrap > a {
font-size: 18px;
margin-top: 20px;
color: #0E111E;
border-bottom: 1px solid #0E111E;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.detail-content .location-wrap > a:hover {
color: #ff0092;
border-bottom: 1px solid #ff0092; }
.detail-content .key-wrap {
padding-bottom: 20px;
border-bottom: 1px solid #0E111E; }
.detail-content .key-wrap h6 {
font-weight: 700;
padding-top: 20px; }
.detail-content .key-wrap > a {
font-size: 18px;
margin-top: 20px;
color: #0E111E;
border-bottom: 1px solid #0E111E;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.detail-content .key-wrap > a:hover {
color: #ff0092;
border-bottom: 1px solid #ff0092; }
.detail-content table {
border-collapse: collapse;
color: #000000;
margin-top: 20px;
max-width: 100%;
width: 100%; }
.detail-content table th {
padding: 8px; }
.detail-content table td {
border: 1px solid #0E111E;
padding: 8px; }
.detail-content table td a {
color: #ff0092;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.detail-content table td a span {
color: #ff0092; }
.detail-content .alignright {
float: right;
display: inline;
margin-left: 20px;
margin-bottom: 20px; }
.detail-content .alignleft {
float: left;
display: inline;
margin-right: 20px;
margin-bottom: 20px; }
.detail-content .aligncenter {
margin: 0 auto;
text-align: center; }
.detail-content.bg-white h1 {
color: #0E111E; }
.detail-content.bg-white h2 {
color: #0E111E; }
.detail-content.bg-white h3 {
color: #0E111E; }
.detail-content.bg-white h4 {
color: #0E111E; }
.detail-content.bg-white h5 {
color: #0E111E; }
.detail-content.bg-white h6 {
color: #0E111E; }
.detail-content.bg-white span {
color: #0E111E; }
.detail-content.bg-white p {
color: #0E111E; }
.detail-content.bg-white li {
color: #0E111E; }
.detail-content.bg-white li::before {
background-color: #0E111E; }
.detail-content.bg-white blockquote * {
color: #ffffff; }
.detail-content .btn-wrapper {
margin-top: 15px;
margin-bottom: 30px; }
.detail-content .btn-wrapper .tag {
position: relative;
text-transform: uppercase;
margin-top: 8px;
margin-right: 6px;
display: inline-block;
border-width: 1px;
border-style: solid;
padding: 14px 15px;
border-radius: 10px;
letter-spacing: 0.03em;
color: #0E111E;
background-color: #b6b7bb;
border-color: #b6b7bb;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
z-index: 2;
cursor: pointer; }
.detail-content .btn-wrapper .tag > a {
color: #262834;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0; }
.detail-content .btn-wrapper .tag:hover {
background-color: #262834;
color: #ffffff; }
.detail-content .btn-wrapper .tag:hover > a {
color: #ffffff; }
@media (min-width: 1680px) {
.detail-content .btn-wrapper .tag {
font-size: 16px; } }
@media (min-width: 992px) {
.scrolling-up .detail-content .related-content .cards.sign-up {
top: 100px; } }
@media (min-width: 1025px) {
.scrolling-up .detail-content .related-content .cards.sign-up {
top: 152px; } }
.resource-grid .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
margin-top: -20px; }
@media (min-width: 992px) {
.resource-grid .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.resource-grid .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.resource-grid .row > * {
margin-top: 20px;
padding-inline: 8px; }
@media (min-width: 768px) {
.resource-grid .row > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.resource-grid .row > * {
margin-top: 40px; } }
@media (min-width: 1025px) {
.resource-grid .row > * {
padding-inline: 12px; } }
.resource-grid .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.resource-grid .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.resource-grid .intro-block {
margin-bottom: 60px; } }
.resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.resource-grid__item {
margin-top: 30px; } }
@media (min-width: 1025px) {
.resource-grid__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%; } }
.resource-grid__item.hide {
display: none; }
.resource-grid__filter {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.resource-grid__filter {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.resource-grid__filter {
margin-bottom: 60px; } }
@media (min-width: 992px) {
.resource-grid__filter {
max-width: 75%;
margin-bottom: 40px; } }
.resource-grid__filter .row {
margin-top: 0; }
@media (min-width: 992px) {
.resource-grid__filter .row > * {
margin-top: 30px; } }
.resource-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.resource-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 768px) {
.resource-grid__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.resource-grid__filter-item select {
width: 100%;
padding: 15px;
border-radius: 0;
border: 1px solid #000000; }
.resource-grid__filter-item.hidden {
display: none !important; }
.resource-grid__filter-tag {
display: inline-block;
position: relative;
margin: 10px 6px 6px 0;
padding: 8px 35px 8px 12px;
border: 1px solid #0E111E;
border-radius: 20px;
cursor: pointer;
color: #0E111E; }
.resource-grid__filter-tag:after {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: url(../svg/cross-icon.svg) no-repeat center;
background-size: contain;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.resource-grid__filter-reset {
color: #0E111E;
cursor: pointer; }
.resource-grid__filter-reset:hover {
text-decoration: underline; }
.resource-grid .search-bar {
position: relative; }
.resource-grid .search-bar input[type="search"] {
color: #0E111E;
background: #ffffff;
outline: none;
border: none;
width: 100%;
border-bottom: 1px solid #0E111E;
border-radius: 0;
padding: 0 40px 18px 0;
font-weight: normal;
-webkit-appearance: none; }
.resource-grid .search-bar input[type="search"]::-webkit-input-placeholder {
color: #86888e; }
.resource-grid .search-bar input[type="search"]::-moz-placeholder {
color: #86888e; }
.resource-grid .search-bar input[type="search"]::-ms-input-placeholder {
color: #86888e; }
.resource-grid .search-bar input[type="search"]::placeholder {
color: #86888e; }
@media (max-width: 767px) {
.resource-grid .search-bar input[type="search"] {
padding-bottom: 10px; } }
.resource-grid .search-bar__button {
display: inline-block;
width: 21px;
height: 24px;
background: url("../svg/search-icon-grey.svg") no-repeat center;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.resource-grid .search-bar__button.activeSearch {
background: url("../svg/search-icon-corbeau.svg") no-repeat center;
background-size: 100% 100%; }
@media (min-width: 1680px) {
.resource-grid .search-bar__button {
top: 15px; } }
@media (max-width: 767px) {
.resource-grid .search-bar__button {
width: 18px;
height: 21px;
background-size: 100% 100%; } }
.resource-grid .dropdown {
position: relative; }
.resource-grid .dropdown-head {
cursor: pointer;
padding: 15px;
border: 1px solid #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.resource-grid .dropdown-head.isOpen .arrow {
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.resource-grid .dropdown-head.isOpen + ul {
display: block;
visibility: visible;
opacity: 1;
z-index: 2; }
.resource-grid .dropdown .selected-option-text {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
line-height: 1.1;
font-weight: 700;
letter-spacing: 0.01em;
position: relative;
text-transform: capitalize; }
@media (max-width: 575px) {
.resource-grid .dropdown .selected-option-text {
font-size: 14px; } }
@media (min-width: 1680px) {
.resource-grid .dropdown .selected-option-text {
font-size: 20px; } }
.resource-grid .dropdown .arrow {
width: 16px;
height: 9px;
display: inline-block;
background: url("../svg/down-arrow-corbeau.svg") no-repeat center;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.resource-grid .dropdown > ul {
display: none;
background-color: #ffffff;
border: 1px solid #000000;
border-top: 0;
padding-left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
width: 100%;
padding-bottom: 10px;
overflow-y: auto;
max-height: 320px;
overflow: scroll; }
.resource-grid .dropdown > ul li {
cursor: pointer;
color: #0E111E;
padding: 0;
margin-top: 0;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
@media (min-width: 1280px) {
.resource-grid .dropdown > ul li {
font-size: 16px; } }
.resource-grid .dropdown > ul li:hover {
color: #ffffff;
background-color: #0E111E; }
.resource-grid .dropdown > ul li.isActive {
color: #ffffff;
background-color: #0E111E; }
.resource-grid .pagination {
margin-top: 20px; }
@media (min-width: 992px) {
.resource-grid .pagination {
margin-top: 25px; } }
@media (min-width: 1280px) {
.resource-grid .pagination {
margin-top: 40px; } }
@media (min-width: 1680px) {
.resource-grid .pagination {
margin-top: 45px; } }
.resource-grid .pagination .dots {
pointer-events: none; }
.resource-grid .no-data {
color: black;
width: 100%;
text-align: center;
margin: 68px 0; }
.resource-grid .primary-card h4 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden; }
.resource-grid .primary-card p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.resource-grid .clear-filter {
display: inline-block;
margin-top: 30px;
padding-left: 12px;
padding-right: 12px; }
@media (max-width: 991px) {
.resource-grid .clear-filter {
margin-top: 20px; } }
@media (max-width: 575px) {
.resource-grid .clear-filter {
padding-left: 8px;
padding-right: 8px; } }
.resource-grid .clear-filter p {
position: relative;
border: 1px solid #000000;
padding: 13px;
color: black;
cursor: pointer; }
@media (max-width: 1279px) {
.resource-grid .clear-filter p {
padding: 15px; } }
.resource-grid .clear-filter.hide {
display: none; }
.resource-grid.blogFilter .resource-grid__filter-item .dropdown > ul li {
padding: 0; }
.resource-grid.blogFilter .resource-grid__filter-item .dropdown > ul li a {
display: block;
padding: 10px 15px; }
.resource-grid .resource-grid__filter-item .dropdown > ul li.isActive span,
.resource-grid .resource-grid__filter-item .dropdown > ul li.isActive a {
color: #ffffff; }
.resource-grid .resource-grid__filter-item .dropdown > ul li span,
.resource-grid .resource-grid__filter-item .dropdown > ul li a {
text-transform: capitalize;
display: block;
padding: 10px 15px;
color: #0E111E;
-webkit-transition: all 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out, color 0.3s ease-in-out;
transition: all 0.3s ease-in-out, color 0.3s ease-in-out; }
.resource-grid .resource-grid__filter-item .dropdown > ul li span:hover,
.resource-grid .resource-grid__filter-item .dropdown > ul li a:hover {
color: #ffffff;
background-color: #0E111E; }
.resource-grid .selected-tags {
display: inline-block;
margin-left: 20px; }
.resource-grid .selected-tags ul {
display: block;
position: relative;
padding-left: 0; }
.resource-grid .selected-tags ul li {
position: relative;
display: inline-block;
cursor: pointer;
margin-top: 0px;
margin-right: 15px;
padding: 15px 25px;
padding-right: 50px;
border: 1px solid black;
border-radius: 30px; }
.resource-grid .selected-tags ul li::after {
content: '';
position: absolute;
top: 50%;
right: 20px;
width: 15px;
height: 15px;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url("../svg/close-black.svg") no-repeat center; }
.resource-grid .selected-tags ul li span {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
line-height: 1.1;
font-weight: 500;
letter-spacing: 0.01em;
position: relative;
text-transform: capitalize; }
@media (max-width: 575px) {
.resource-grid .selected-tags ul li span {
font-size: 14px; } }
@media (min-width: 1680px) {
.resource-grid .selected-tags ul li span {
font-size: 20px; } }
.resource-grid.learnFilter .event-card__content {
padding-bottom: 0; }
.ua-windows_nt .resource-grid .dropdown > ul::-webkit-scrollbar {
display: none;
width: 0 !important; }
.resource-grid-new {
position: relative; }
.resource-grid-new .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
margin-top: -20px; }
@media (min-width: 992px) {
.resource-grid-new .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.resource-grid-new .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.resource-grid-new .row > * {
margin-top: 20px;
padding-inline: 8px; }
@media (min-width: 768px) {
.resource-grid-new .row > * {
padding-inline: 8px; } }
@media (min-width: 992px) {
.resource-grid-new .row > * {
margin-top: 40px; } }
@media (min-width: 1025px) {
.resource-grid-new .row > * {
padding-inline: 12px; } }
.resource-grid-new .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.resource-grid-new .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.resource-grid-new .intro-block {
margin-bottom: 60px; } }
.resource-grid-new__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.resource-grid-new__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 992px) {
.resource-grid-new__item {
margin-top: 30px; } }
@media (min-width: 2500px) {
.resource-grid-new__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%; } }
.resource-grid-new__item.hide {
display: none; }
.resource-grid-new__filter {
border: 1px solid rgba(176, 214, 206, 0.6);
max-width: 90%;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-radius: 12px; }
.resource-grid-new__filter-header {
padding: 15px 20px;
background: -webkit-gradient(linear, left top, left bottom, from(#0e111e), color-stop(46.5%, #151b3a), to(#0e111e));
background: -webkit-linear-gradient(top, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
background: -o-linear-gradient(top, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
background: linear-gradient(180deg, #0e111e 0%, #151b3a 46.5%, #0e111e 100%);
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5); }
.resource-grid-new__filter-header h5 {
overflow: hidden;
color: #ffffff;
text-overflow: ellipsis;
font-family: "Rubik", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 120%;
/* 33.6px */ }
.resource-grid-new__filter-search {
padding: 30px 20px 15px 20px;
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
.resource-grid-new__filter-search .search-bar {
position: relative; }
.resource-grid-new__filter-search .search-bar input[type='search'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
padding: 5px 15px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 8px;
background: #fff;
width: 100%; }
.resource-grid-new__filter-search .search-bar input[type='search']::-webkit-input-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.resource-grid-new__filter-search .search-bar input[type='search']::-moz-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.resource-grid-new__filter-search .search-bar input[type='search']::-ms-input-placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.resource-grid-new__filter-search .search-bar input[type='search']::placeholder {
color: #0E111E;
font-family: "Gabarito", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 50px; }
.resource-grid-new__filter-search .search-bar__button {
position: absolute;
top: 30%;
right: 3%; }
.resource-grid-new__filter-row {
padding: 15px 20px;
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px; }
.resource-grid-new__filter-row h5 {
margin-bottom: 15px; }
@media (max-width: 991px) {
.resource-grid-new__filter {
max-width: 100%; } }
.resource-grid-new__filter-item {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important; }
.resource-grid-new__filter .checkbox-filter {
margin-top: 0; }
.resource-grid-new__filter .checkbox-filter .checkmark {
width: 20px;
height: 20px;
background-color: #d9d9d9;
border: 2px solid #0E111E;
margin-right: 15px;
display: inline-block;
position: relative;
border-radius: 4px; }
.resource-grid-new__filter .checkbox-filter .checkmark::after {
content: '';
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 11px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
display: none; }
.resource-grid-new__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
@media (min-width: 576px) {
.resource-grid-new__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (min-width: 768px) {
.resource-grid-new__filter-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
.resource-grid-new__filter-item select {
width: 100%;
padding: 15px;
border-radius: 0;
border: 1px solid #000000; }
.resource-grid-new__filter-item.hidden {
display: none !important; }
.resource-grid-new__filter-reset {
color: #0E111E;
cursor: pointer; }
.resource-grid-new__filter-reset:hover {
text-decoration: underline; }
.resource-grid-new .pagination-v2 {
margin-top: 20px; }
@media (min-width: 992px) {
.resource-grid-new .pagination-v2 {
margin-top: 25px; } }
@media (min-width: 1280px) {
.resource-grid-new .pagination-v2 {
margin-top: 40px; } }
@media (min-width: 1680px) {
.resource-grid-new .pagination-v2 {
margin-top: 45px; } }
.resource-grid-new .pagination-v2 .dots {
pointer-events: none; }
.resource-grid-new .no-data {
color: black;
width: 100%;
text-align: center;
margin: 68px 0; }
.resource-grid-new .primary-card {
overflow: hidden;
height: auto; }
.resource-grid-new .primary-card__img {
height: 235px; }
.resource-grid-new .primary-card h4 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400; }
.resource-grid-new .primary-card p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.resource-grid-new .primary-card__content {
padding: 40px 40px 130px 40px;
position: relative;
z-index: 1;
border: 0;
background: rgba(255, 255, 255, 0.05);
-webkit-box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: -58px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px); }
.resource-grid-new .primary-card__content a {
margin-top: 10px; }
.resource-grid-new.learnFilter .event-card__content {
padding-bottom: 0; }
.resource-grid-new .result-content__column-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative; }
@media (max-width: 991px) {
.resource-grid-new .result-content__column-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px; } }
.resource-grid-new .result-content__left-content {
width: 35%; }
@media (min-width: 992px) and (max-width: 1279px) {
.resource-grid-new .result-content__left-content {
width: 35%; } }
@media (max-width: 991px) {
.resource-grid-new .result-content__left-content {
width: 100%;
padding-left: 0; } }
@media (max-width: 575px) {
.resource-grid-new .result-content__left-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; } }
.resource-grid-new .result-content__left-content .checkbox-item {
margin-bottom: 14px;
overflow: hidden;
color: #ffffff;
/* Body medium */
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 27px */ }
.resource-grid-new .result-content__left-content .checkbox-item .custom-checkbox {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.resource-grid-new .result-content__left-content .checkbox-item input[type='checkbox'] {
display: none; }
.resource-grid-new .result-content__left-content .checkbox-item input[type='checkbox']:checked + .checkmark {
background-color: #ff0092;
border-color: #0E111E; }
.resource-grid-new .result-content__left-content .checkbox-item input[type='checkbox']:checked + .checkmark::after {
display: block; }
.resource-grid-new .result-content__right-content {
width: 65%; }
@media (min-width: 992px) and (max-width: 1279px) {
.resource-grid-new .result-content__right-content {
width: 65%;
padding-right: 40px; } }
@media (max-width: 991px) {
.resource-grid-new .result-content__right-content {
width: 100%;
padding-right: 0; } }
.resource-grid-new .background-img__top {
position: absolute;
width: 40%;
z-index: 0;
top: -3%;
right: 0; }
.resource-grid-new .background-img__bottom {
position: absolute;
width: 20%;
z-index: 0;
bottom: 0;
left: 0; }
.leadership-block .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.leadership-block .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.leadership-block .intro-block {
margin-bottom: 60px; } }
.leadership-block .container > .row {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: -30px; }
.leadership-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 0 15px;
margin-top: 30px; }
@media (min-width: 992px) and (max-width: 1279px) {
.leadership-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%; } }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%; } }
@media (min-width: 576px) and (max-width: 767px) {
.leadership-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (max-width: 575px) {
.leadership-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.leadership-block__item .content-wrap {
text-align: center;
padding-top: 20px;
cursor: pointer; }
.leadership-block .content {
display: none; }
.leadership-block .bg-img {
height: 300px;
max-width: 299px;
margin: auto;
cursor: pointer; }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-block .bg-img {
height: 288px; } }
.leadership-block .bg-img img {
-o-object-position: top;
object-position: top; }
.leadership-block h4 {
font-family: "Rubik", sans-serif; }
.leadership-block .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.leadership-block .icon-wrap .icon {
width: 25px;
height: 25px;
margin-top: 20px; }
.leadership-block.bg-white h2,
.leadership-block.bg-white p,
.leadership-block.bg-white h4 {
color: #000000; }
.location-block .row {
width: calc(100% + 30px);
margin-left: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.location-block .btn-wrap {
margin-top: 20px; }
@media (min-width: 992px) {
.location-block .btn-wrap {
margin-top: 25px; } }
@media (min-width: 1280px) {
.location-block .btn-wrap {
margin-top: 40px; } }
@media (min-width: 1680px) {
.location-block .btn-wrap {
margin-top: 45px; } }
.location-block.bg-cloud h2,
.location-block.bg-cloud h4 {
color: #000000; }
.location-block h2 {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.location-block h2 {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.location-block h2 {
margin-bottom: 60px; } }
.location-block h4 {
font-weight: 500; }
.location-block .addres-wrap {
-ms-flex-preferred-size: 45%;
flex-basis: 45%; }
@media (max-width: 991px) {
.location-block .addres-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.location-block .map-wrap {
-ms-flex-preferred-size: 55%;
flex-basis: 55%; }
@media (max-width: 991px) {
.location-block .map-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.location-block .map-wrap .map {
max-width: 682px;
height: 404px;
margin-left: auto; }
@media (max-width: 991px) {
.location-block .map-wrap .map {
margin: 30px auto 0;
max-width: 100%;
height: 350px; } }
.location-block .map-wrap .map iframe {
height: 100%;
width: 100%; }
.location-block .location,
.location-block .time {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.location-block .location {
padding-bottom: 20px; }
.location-block .icon {
height: 38px;
width: 38px;
margin-right: 15px; }
.detail-content-with-form {
overflow: visible; }
.detail-content-with-form.bg-white .content-wrap li,
.detail-content-with-form.bg-white .content-wrap p,
.detail-content-with-form.bg-white .content-wrap h3,
.detail-content-with-form.bg-white .content-wrap h1,
.detail-content-with-form.bg-white .content-wrap h2,
.detail-content-with-form.bg-white .content-wrap h4,
.detail-content-with-form.bg-white .content-wrap h5,
.detail-content-with-form.bg-white .content-wrap strong,
.detail-content-with-form.bg-white .content-wrap table {
color: #0E111E !important; }
.detail-content-with-form.bg-white .logo-block {
background-color: #0E111E; }
.detail-content-with-form.bg-white .logo-block li,
.detail-content-with-form.bg-white .logo-block p,
.detail-content-with-form.bg-white .logo-block h3,
.detail-content-with-form.bg-white .logo-block h1,
.detail-content-with-form.bg-white .logo-block h2,
.detail-content-with-form.bg-white .logo-block h4,
.detail-content-with-form.bg-white .logo-block h5,
.detail-content-with-form.bg-white .logo-block strong,
.detail-content-with-form.bg-white .logo-block table {
color: #ffffff !important; }
.detail-content-with-form.bg-white .bottom-wrap {
background-color: #0E111E; }
.detail-content-with-form.bg-white blockquote p {
color: #ffffff; }
.detail-content-with-form.bg-corbeau.free-trail .content-wrap li,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap p,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap h3,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap h1,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap h2,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap h4,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap h5,
.detail-content-with-form.bg-corbeau.free-trail .content-wrap strong {
color: #ffffff !important; }
.detail-content-with-form.bg-corbeau.free-trail .content-wrap li:before {
background-color: #ffffff !important; }
@media (min-width: 1400px) {
.detail-content-with-form {
padding-top: 50px; } }
.detail-content-with-form.bg-white p {
color: #000000; }
.detail-content-with-form .row {
width: calc(100% + 30px);
margin-left: -15px; }
@media (max-width: 1024px) {
.detail-content-with-form .col-two {
-ms-flex-preferred-size: 100%;
flex-basis: 100%; } }
.detail-content-with-form .bg-img {
max-width: 600px;
max-height: 465px; }
@media (min-width: 1680px) {
.detail-content-with-form .bg-img {
max-width: 100%;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content; } }
@media (max-width: 1024px) {
.detail-content-with-form .bg-img {
max-width: 100%;
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content; } }
.detail-content-with-form img {
margin-bottom: 20px; }
.detail-content-with-form .content-wrap {
max-width: 600px; }
@media (min-width: 1680px) {
.detail-content-with-form .content-wrap {
max-width: 100%; } }
@media (max-width: 1024px) {
.detail-content-with-form .content-wrap {
max-width: 100%; } }
.detail-content-with-form .content-wrap p {
margin-top: 20px; }
.detail-content-with-form .content-wrap h3 {
color: #0E111E;
margin-bottom: 20px; }
.detail-content-with-form .content-wrap h3:not(:first-of-type) {
margin-top: 20px; }
.detail-content-with-form .content-wrap ul {
padding-left: 16px; }
.detail-content-with-form .content-wrap ul li {
color: #0E111E; }
.detail-content-with-form .content-wrap ul li:before {
background-color: #0E111E; }
.detail-content-with-form .content-wrap table {
border-collapse: collapse;
color: #000000;
margin-top: 20px; }
.detail-content-with-form .content-wrap table td {
border: 1px solid #0E111E;
padding: 8px; }
.detail-content-with-form .content-wrap table td a {
color: #ff0092;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.detail-content-with-form .content-wrap table td a span {
color: #ff0092; }
.detail-content-with-form .social-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 1680px) {
.detail-content-with-form .social-wrap {
margin-top: 60px; } }
.detail-content-with-form .social-wrap p {
padding-right: 38px; }
@media (max-width: 575px) {
.detail-content-with-form .social-wrap p {
padding-right: 20px; } }
.detail-content-with-form .social-wrap .icon {
width: 25px;
height: 25px;
margin-right: 20px; }
@media (max-width: 575px) {
.detail-content-with-form .social-wrap .icon {
margin-right: 10px; } }
.detail-content-with-form .social-wrap .icon:last-of-type {
margin-right: 0; }
.detail-content-with-form .form-wrap {
background-color: #ffffff;
border: 2px solid #ff0092;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%;
margin-top: -564px; }
@media (max-width: 1450px) and (min-width: 1280px) {
.detail-content-with-form .form-wrap {
margin-top: -500px; } }
@media (min-width: 992px) and (max-height: 950px) {
.detail-content-with-form .form-wrap {
margin-top: -60%; } }
@media (min-width: 1025px) and (max-width: 1279px) {
.detail-content-with-form .form-wrap {
margin-top: -470px; } }
@media (max-width: 1024px) {
.detail-content-with-form .form-wrap {
margin: 30px auto 0; } }
.detail-content-with-form .form-wrap .heading-form {
background-color: #ff0092;
padding: 27px 26px 26px 26px;
text-align: center; }
.detail-content-with-form .hbspt-form {
padding: 55px 95px 75px; }
@media (max-width: 1399px) {
.detail-content-with-form .hbspt-form {
padding: 40px; } }
@media (max-width: 350px) {
.detail-content-with-form .hbspt-form {
padding: 40px 13px; } }
.detail-content-with-form.free-trail .logo-block .intro-block__content {
padding-left: 0; }
@media (max-width: 575px) {
.detail-content-with-form.free-trail .logo-block .row {
width: 100%;
margin-left: 0; } }
.detail-content-with-form.free-trail .logo-block .wrap {
width: 100%;
margin-left: 0; }
.detail-content-with-form.free-trail .logo-block .wrap .col-three {
max-width: 145px; }
@media (min-width: 1025px) {
.detail-content-with-form.free-trail .col-two:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.detail-content-with-form.free-trail.logo-padding {
padding-bottom: 0 !important; }
.detail-content-with-form.free-trail .form-wrap {
overflow: hidden; }
@media (min-width: 1400px) {
.detail-content-with-form.free-trail .form-wrap {
margin-top: -400px; } }
@media (min-width: 992px) and (max-height: 950px) {
.detail-content-with-form.free-trail .form-wrap {
margin-top: -400px; } }
@media (max-width: 1450px) and (min-width: 1280px) {
.detail-content-with-form.free-trail .form-wrap {
margin-top: -400px; } }
@media (min-width: 1025px) and (max-width: 1279px) {
.detail-content-with-form.free-trail .form-wrap {
margin-top: -340px; } }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .form-wrap {
margin: 30px auto 0; } }
.detail-content-with-form.free-trail .form-wrap.active {
position: sticky;
max-width: 100%;
left: 0;
width: 100%;
top: 150px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.detail-content-with-form.free-trail .logo-block {
margin-top: 100px;
padding: 90px 0; }
@media (min-width: 1680px) {
.detail-content-with-form.free-trail .logo-block {
padding: 120px 0;
margin-top: 140px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.detail-content-with-form.free-trail .logo-block {
padding: 75px 0;
margin-top: 90px; } }
@media (min-width: 992px) and (max-height: 950px) {
.detail-content-with-form.free-trail .logo-block {
padding: 75px 0;
margin-top: 90px; } }
@media (min-width: 768px) and (max-width: 991px) {
.detail-content-with-form.free-trail .logo-block {
padding: 75px 0;
margin-top: 90px; } }
@media (min-width: 576px) and (max-width: 767px) {
.detail-content-with-form.free-trail .logo-block {
padding: 65px 0;
margin-top: 70px; } }
@media (max-width: 575px) {
.detail-content-with-form.free-trail .logo-block {
padding: 65px 0;
margin-top: 70px; } }
.detail-content-with-form.free-trail .logo-block .intro-block__content {
max-width: 100%; }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .logo-block {
display: none; } }
.detail-content-with-form.free-trail .logo-block > .container {
padding: 0; }
.detail-content-with-form.free-trail .bottom-wrap {
position: absolute;
left: 0;
bottom: 0;
width: 100%; }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .bottom-wrap {
position: relative;
height: auto !important;
display: block;
padding: 0 40px; } }
.detail-content-with-form.free-trail .bottom-wrap .logo-block {
display: none; }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .bottom-wrap .logo-block {
display: block; } }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .bottom-wrap .logo-block .intro-block + .row {
width: 65%; } }
@media (max-width: 767px) {
.detail-content-with-form.free-trail .bottom-wrap .logo-block .intro-block + .row {
width: 100%; } }
@media (max-width: 1024px) {
.detail-content-with-form.free-trail .bottom-wrap .logo-block .wrap {
margin-left: 0;
width: 100%; } }
.detail-content-with-form blockquote {
position: relative;
background-color: #0E111E;
padding: 60px;
margin-top: 20px;
background-image: url("../png/gradient-black.png");
background-size: cover;
margin-bottom: 20px; }
@media (max-width: 991px) {
.detail-content-with-form blockquote {
padding: 30px; } }
.detail-content-with-form blockquote h5 {
color: #ffffff !important;
padding-bottom: 40px;
border-bottom: 1px solid #ffffff;
font-weight: 500;
line-height: 28px;
margin-bottom: 20px;
z-index: 1;
position: relative; }
.detail-content-with-form blockquote p:not(:first-child) {
margin-top: 20px; }
.detail-content-with-form blockquote h5:not(:first-child) {
margin-top: 20px; }
.detail-content-with-form blockquote * {
color: #ffffff; }
.detail-content-with-form blockquote span {
color: #ffffff !important;
font-size: 16px;
display: inherit;
font-weight: 100; }
@media (max-width: 1279px) {
.detail-content-with-form blockquote span {
font-size: 15px; } }
.detail-content-with-form.bg-white .form-wrap h3 {
color: #ffffff; }
.scrolling-up .detail-content-with-form.free-trail .active {
top: 150px; }
.scrolling-down .detail-content-with-form.free-trail .active {
top: 20px; }
.description-column-with-tabs {
position: relative; }
.description-column-with-tabs .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.description-column-with-tabs .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.description-column-with-tabs .intro-block {
margin-bottom: 60px; } }
.description-column-with-tabs .wrapper {
position: relative; }
.description-column-with-tabs .wrapper:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #0E111E;
top: 36px;
left: 0; }
@media (min-width: 1680px) {
.description-column-with-tabs .wrapper:before {
top: 36px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.description-column-with-tabs .wrapper:before {
top: 34px; } }
@media (min-width: 768px) and (max-width: 991px) {
.description-column-with-tabs .wrapper:before {
top: 32px; } }
@media (max-width: 767px) {
.description-column-with-tabs .wrapper:before {
display: none; } }
.description-column-with-tabs .tab-head {
position: relative; }
.description-column-with-tabs .tab-head ul {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 767px) {
.description-column-with-tabs .tab-head ul {
display: block; } }
.description-column-with-tabs .tab-head ul li {
margin-top: 0;
margin-right: 88px; }
@media (max-width: 767px) {
.description-column-with-tabs .tab-head ul li {
margin-bottom: 10px; }
.description-column-with-tabs .tab-head ul li:last-of-type {
margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.description-column-with-tabs .tab-head ul li {
margin-right: 30px !important; } }
@media (max-width: 1279px) {
.description-column-with-tabs .tab-head ul li {
margin-right: 40px; } }
.description-column-with-tabs .tab-head ul li::before {
display: none; }
.description-column-with-tabs .tab-head ul li a {
font-style: normal;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0.16px;
color: #0E111E;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-bottom: 15px;
position: relative; }
@media (max-width: 767px) {
.description-column-with-tabs .tab-head ul li a {
padding-bottom: 5px; } }
.description-column-with-tabs .tab-head ul li a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #ff0092;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.description-column-with-tabs .tab-head ul li:hover a {
color: #ff0092; }
.description-column-with-tabs .tab-head ul li:hover a:before {
opacity: 1; }
.description-column-with-tabs .tab-head ul .active a {
color: #ff0092; }
.description-column-with-tabs .tab-head ul .active a:before {
opacity: 1; }
.description-column-with-tabs .tab-body-wrap {
margin-top: 63px; }
@media (max-width: 1024px) {
.description-column-with-tabs .tab-body-wrap {
margin-top: 40px; } }
.description-column-with-tabs .tab-body-wrap .tab-body {
display: none; }
.description-column-with-tabs .tab-body-wrap .tab-body.active {
display: block; }
.description-column-with-tabs .card {
padding: 50px 80px;
background-color: #262834;
margin: 20px auto 0;
max-width: 1070px; }
@media (min-width: 1680px) {
.description-column-with-tabs .card {
max-width: 100%; } }
@media (max-width: 1399px) {
.description-column-with-tabs .card {
max-width: 100%;
padding: 50px; } }
@media (max-width: 575px) {
.description-column-with-tabs .card {
padding: 30px; } }
.description-column-with-tabs .card ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
list-style: none;
padding-left: 0; }
@media (max-width: 575px) {
.description-column-with-tabs .card ul {
display: block; } }
.description-column-with-tabs .card ul li {
list-style: none;
border-right: 2px solid #ffffff;
padding-right: 15px;
font-size: 14px;
letter-spacing: 0.84px;
font-weight: 700;
line-height: 1.1;
font-family: "Gabarito", sans-serif;
margin-right: 14px;
margin-top: 14px; }
@media (max-width: 575px) {
.description-column-with-tabs .card ul li {
border: 0; } }
.description-column-with-tabs .card ul li:last-of-type {
margin-right: 0;
border: 0; }
.description-column-with-tabs .card ul li::before {
display: none; }
.description-column-with-tabs .card .speaker p {
margin-top: 32px; }
.description-column-with-tabs .card p {
margin-top: 34px; }
.infographics {
background-blend-mode: screen;
mix-blend-mode: screen; }
.infographics__wrap {
max-width: 589px;
max-height: 589px;
margin: 0 auto;
aspect-ratio: 1/1;
position: relative; }
@media (max-width: 1279px) {
.infographics__wrap {
max-width: 450px;
max-height: 450px; } }
.infographics__img img {
height: 100%; }
.infographics__content-wrap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.infographics__content .circle {
cursor: pointer;
position: absolute;
border: 1px solid #fff;
width: 34px;
height: 34px;
border-radius: 50%;
right: 9%;
top: 20%;
background: -webkit-radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
background: -o-radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
background: radial-gradient(45.8% 45.8% at 50% 50%, #1e57f7 0%, rgba(14, 17, 19, 0.4) 100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
z-index: 5; }
@media (max-width: 575px) {
.infographics__content .circle {
top: 19%; } }
.infographics__content .circle::after {
content: "";
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
margin: auto;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-animation: circle 3s linear infinite;
-o-animation: circle 3s linear infinite;
animation: circle 3s linear infinite;
-webkit-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused; }
@media (min-width: 992px) {
.infographics__content .circle:hover {
-webkit-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7); }
.infographics__content .circle:hover::after {
-webkit-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
opacity: 1; }
.infographics__content .circle:hover ~ .hover-content {
opacity: 1; } }
.infographics__content .hover-content {
max-width: 237px;
position: absolute;
right: -36%;
top: 18%;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographics__content .hover-content {
right: -51%; } }
.infographics__content-2 .circle {
top: unset;
right: 12%;
bottom: 36%; }
@media (max-width: 575px) {
.infographics__content-2 .circle {
right: 11%;
bottom: 35%; } }
.infographics__content-2 .hover-content {
top: unset;
right: -33%;
bottom: 32%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographics__content-2 .hover-content {
right: -48%;
bottom: 29%; } }
.infographics__content-3 .circle {
top: unset;
right: 53%;
bottom: 17%; }
@media (max-width: 575px) {
.infographics__content-3 .circle {
right: 51%;
bottom: 15%; } }
.infographics__content-3 .hover-content {
top: unset;
right: unset;
left: -3%;
bottom: 11%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographics__content-3 .hover-content {
left: -20%;
bottom: 8%; } }
.infographics__content-4 .circle {
right: unset;
left: 9%;
top: 24%; }
@media (max-width: 575px) {
.infographics__content-4 .circle {
left: 8%;
top: 23.5%; } }
.infographics__content-4 .hover-content {
right: unset;
left: -36%;
top: 23%; }
@media (min-width: 992px) and (max-width: 1279px) {
.infographics__content-4 .hover-content {
left: -51%;
top: 24%; } }
.infographics__content.active .circle {
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5); }
.infographics__content.active .circle::after {
-webkit-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
opacity: 1; }
.infographics__description {
max-width: 480px;
margin: 0 auto; }
.infographics__description p {
text-align: center; }
@keyframes circle {
0% {
-webkit-transform: rotate(0deg) translate(-17px) rotate(0deg);
-o-transform: rotate(0deg) translate(-17px) rotate(0deg);
transform: rotate(0deg) translate(-17px) rotate(0deg); }
100% {
-webkit-transform: rotate(360deg) translate(-17px) rotate(-360deg);
-o-transform: rotate(360deg) translate(-17px) rotate(-360deg);
transform: rotate(360deg) translate(-17px) rotate(-360deg); } }
.thank-you-banner .content-wrap {
text-align: center;
max-width: 75%;
margin: auto; }
@media (min-width: 1680px) {
.thank-you-banner .content-wrap {
max-width: 90%; } }
@media (min-width: 1280px) {
.thank-you-banner .content-wrap {
padding-top: 14px; } }
@media (min-width: 992px) and (max-height: 950px) {
.thank-you-banner .content-wrap {
padding-top: 50px; } }
@media (max-width: 1279px) {
.thank-you-banner .content-wrap {
padding-top: 50px; } }
.thank-you-banner .content-wrap p {
padding-top: 10px; }
.thank-you-banner .btn-wrap {
padding-top: 45px; }
.pricing-cards .tooltip {
width: 140px;
padding: 10px 10px;
border: solid 1px black;
position: absolute;
background-color: white;
z-index: 2;
bottom: 27px;
right: -10px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; }
.pricing-cards .tooltip:after {
content: "";
position: absolute;
top: 100%;
right: 11px;
margin-left: -5px;
border-width: 7px;
border-style: solid;
border-color: black transparent transparent transparent; }
.pricing-cards .icon {
display: inline-block;
width: 16px;
height: 16px; }
.pricing-cards .hidden {
display: none; }
.pricing-cards .intro-block {
margin-bottom: 50px; }
.pricing-cards .toggle-outer {
position: relative; }
.pricing-cards .pricing-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px; }
@media (min-width: 1400px) {
.pricing-cards .pricing-header {
padding-top: 10px; } }
.pricing-cards .pricing-header h4 {
color: #000000;
font-family: "Rubik", sans-serif; }
.pricing-cards .pricing-header .toggle {
width: 109px;
height: 46px;
padding: 0;
margin: 0;
position: relative;
cursor: pointer;
opacity: 0;
z-index: 2; }
.pricing-cards .pricing-header .toggle + label:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e6e7e8;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border-radius: 100px; }
.pricing-cards .pricing-header .toggle + label:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 49px;
height: 49px;
background-color: #000000;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border-radius: 50%; }
.pricing-cards .pricing-header .toggle:checked + label:after {
background-color: #1E57F7;
left: 54% !important; }
.pricing-cards h5 {
font-weight: 500; }
.pricing-cards .pricing-card {
padding: 46px 5px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (min-width: 1025px) and (max-width: 1279px) {
.pricing-cards .pricing-card {
width: calc(100% + 34px);
margin-left: -17px; } }
@media (max-width: 1024px) {
.pricing-cards .pricing-card {
padding-left: 0;
padding-right: 0;
width: calc(100% + 10px);
margin-left: -5px; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card {
width: 100%;
margin-left: 0px;
padding-top: 20px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card {
width: 100%;
margin-left: 0px;
padding-top: 20px; } }
.pricing-cards .pricing-card .card {
width: calc(33.33% - 46px);
margin: 0 23px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card {
width: calc(33.33% - 34px);
margin: 0 17px; } }
@media (max-width: 1024px) {
.pricing-cards .pricing-card .card:last-child {
margin-bottom: 0px; } }
@media (max-width: 1024px) {
.pricing-cards .pricing-card .card {
width: calc(33.33% - 10px);
margin: 0 5px;
margin-bottom: 0px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card {
border: 1px solid #0E111E;
border-top: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card {
width: 100%;
margin: 20px 0; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card {
width: 100%;
margin: 20px 0; } }
.pricing-cards .pricing-card .card .list-wrap {
border: 1px solid #0E111E;
border-top: 0; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card .list-wrap {
border: 0; } }
.pricing-cards .pricing-card .card.active {
border: 0;
position: relative; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card.active {
border: 0; } }
.pricing-cards .pricing-card .card.active:after {
content: '';
position: absolute;
border: 2px;
border-style: solid;
border-image-slice: 1;
-webkit-border-image: -webkit-linear-gradient(349deg, #1e57f7 14%, #2BF9EB);
-o-border-image: -o-linear-gradient(349deg, #1e57f7 14%, #2BF9EB);
border-image: linear-gradient(101deg, #1e57f7 14%, #2BF9EB);
border-image-slice: 1;
width: calc(100% + 24px);
height: calc(100% + 38px);
left: -14px;
top: -17px;
z-index: -1; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card.active:after {
width: 100%;
left: 0;
height: 100%;
top: 0; } }
@media (max-width: 1024px) {
.pricing-cards .pricing-card .card.active:after {
top: -2px; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card.active:after {
top: 0;
left: 0;
width: 100%;
height: 100%; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card.active:after {
top: 0;
left: 0;
width: 100%;
height: 100%; } }
.pricing-cards .pricing-card .card.active .list-wrap {
border: 0; }
.pricing-cards .pricing-card .card.active .price-wrap {
margin-top: 0;
background-color: transparent;
position: relative;
padding-top: 60px;
padding-left: 21px;
padding-right: 21px;
padding-bottom: 41px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card.active .price-wrap {
padding-top: 40px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card.active .price-wrap {
padding: 38px 32px 25px; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card.active .price-wrap {
padding: 20px 20px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card.active .price-wrap {
padding: 20px 20px; } }
.pricing-cards .pricing-card .card.active .price-wrap h5, .pricing-cards .pricing-card .card.active .price-wrap h2, .pricing-cards .pricing-card .card.active .price-wrap p {
color: #000000; }
.pricing-cards .pricing-card .card.active .price-wrap h2 {
margin-top: 10px; }
.pricing-cards .pricing-card .card.active .price-wrap .pr-info p {
margin-top: 15px; }
.pricing-cards .pricing-card .card.active .price-wrap:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: calc(100% - 41px);
margin: auto;
height: 2px;
background-image: -webkit-linear-gradient(323deg, #1e57f7 14%, #2BF9EB);
background-image: -o-linear-gradient(323deg, #1e57f7 14%, #2BF9EB);
background-image: linear-gradient(127deg, #1e57f7 14%, #2BF9EB); }
.pricing-cards .pricing-card .card.active p {
margin-top: 40px; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card.active p {
margin-top: 26px; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card.active p {
margin-top: 20px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card.active p {
margin-top: 20px; } }
.pricing-cards .pricing-card .card.active .list-wrap {
margin-top: 13px;
padding-bottom: 50px; }
@media (max-width: 1024px) {
.pricing-cards .pricing-card .card.active .list-wrap {
padding-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card.active .list-wrap {
padding-bottom: 20px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card.active .list-wrap {
margin-top: 0;
padding-bottom: 30px; } }
.pricing-cards .pricing-card .card .price-wrap {
background: #262834;
padding: 38px 32px 25px;
margin-top: 40px; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card .price-wrap {
margin-top: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.pricing-cards .pricing-card .card .price-wrap {
margin-top: 0;
padding: 20px 20px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card .price-wrap {
margin-top: 0;
padding: 20px 20px; } }
.pricing-cards .pricing-card .card .price-wrap h2 {
margin-top: 5px; }
.pricing-cards .pricing-card .card .price-wrap h2.hidden {
display: none; }
.pricing-cards .pricing-card .card .list-wrap {
padding: 27px 32px; }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card .list-wrap {
padding: 30px 20px; } }
.pricing-cards .pricing-card .card .list-wrap ul li {
color: #000000;
position: relative;
margin-bottom: 40px;
line-height: 1.2;
margin-top: 0; }
@media (min-width: 992px) and (max-width: 1279px) {
.pricing-cards .pricing-card .card .list-wrap ul li {
margin-bottom: 25px; } }
@media (max-width: 991px) {
.pricing-cards .pricing-card .card .list-wrap ul li {
margin-bottom: 20px; } }
@media (min-width: 1400px) {
.pricing-cards .pricing-card .card .list-wrap ul li {
font-size: 18px; } }
@media (max-width: 767px) {
.pricing-cards .pricing-card .card .list-wrap ul li {
margin-bottom: 20px; } }
.pricing-cards .pricing-card .card .list-wrap ul li:last-child {
margin-bottom: 0; }
.pricing-cards .pricing-card .card .list-wrap ul li::before {
content: "";
background: url("../svg/check-arrow.svg");
background-repeat: no-repeat;
width: 20px;
height: 20px;
left: -31px;
top: 0px; }
.pricing-cards .pricing-card p {
margin-top: 26px; }
@media (max-width: 767px) {
.pricing-cards .pricing-card p {
margin-top: 20px; } }
.pricing-cards .pricing-card .pr-info p {
margin-top: 13px; }
.pricing-cards .btn-wrap {
text-align: center;
margin-top: 75px; }
@media (max-width: 1024px) {
.pricing-cards .btn-wrap {
margin-top: 40px; } }
.banner-col-three-cards .intro-block {
margin-bottom: 40px;
padding-top: 60px; }
@media (min-width: 1280px) {
.banner-col-three-cards .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.banner-col-three-cards .intro-block {
margin-bottom: 60px; } }
@media (max-width: 1024px) {
.banner-col-three-cards .intro-block {
padding-top: 30px; } }
.banner-col-three-cards .intro-block h1 {
text-transform: capitalize; }
@media (min-width: 768px) {
.banner-col-three-cards__wrapper {
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(12, 2fr); } }
@media (max-width: 1279px) {
.banner-col-three-cards__wrapper {
grid-gap: 16px; } }
@media (max-width: 767px) {
.banner-col-three-cards__wrapper {
grid-gap: 30px; } }
.banner-col-three-cards__wrapper.more-cards .banner-col-three-cards__wrapper {
grid-template-columns: repeat(12, 3fr); }
@media (min-width: 768px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child {
grid-column: auto / span 12;
grid-row: auto / span 2; } }
@media (min-width: 992px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child {
grid-column: auto / span 6; } }
@media (max-width: 767px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.banner-col-three-cards__wrapper.more-cards .item:first-child .item__img {
max-width: 100%;
min-height: 250px;
max-height: 300px;
overflow: hidden; }
@media (min-width: 768px) and (max-width: 991px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child .item__img {
max-height: unset; } }
@media (min-width: 992px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child .item__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; } }
.banner-col-three-cards__wrapper.more-cards .item:first-child .journey-card {
border: 2px solid #163498;
height: unset; }
@media (min-width: 768px) and (max-width: 991px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child .journey-card {
border-left: 0; } }
@media (min-width: 992px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child .journey-card {
border-top: 0; } }
@media (max-width: 767px) {
.banner-col-three-cards__wrapper.more-cards .item:first-child .journey-card {
border-top: 0; } }
@media (min-width: 768px) {
.banner-col-three-cards__wrapper.more-cards .item:nth-child(2) {
grid-column: auto / span 12; } }
@media (min-width: 992px) {
.banner-col-three-cards__wrapper.more-cards .item:nth-child(2) {
grid-column: auto / span 6; } }
@media (min-width: 768px) {
.banner-col-three-cards__wrapper.more-cards .item:nth-child(3) {
grid-column: auto / span 6; } }
.banner-col-three-cards .item {
position: relative;
padding: 40px;
background-color: #0E111E;
border: 2px solid #163498;
border-top: none; }
@media (max-width: 767px) {
.banner-col-three-cards .item {
padding: 25px; } }
.banner-col-three-cards .item__img img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.banner-col-three-cards .item {
grid-column: auto / span 4;
grid-row: auto / span 1; }
@media (min-width: 768px) and (max-width: 991px) {
.banner-col-three-cards .item {
grid-column: auto / span 6; } }
@media (max-width: 767px) {
.banner-col-three-cards .item {
grid-column: auto / span 12; } }
.banner-col-three-cards .item .journey-card {
width: 100%; }
.banner-col-three-cards .item:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-column: auto / span 8;
padding: 0;
border: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 991px) {
.banner-col-three-cards .item:first-child {
grid-column: auto / span 12; } }
.banner-col-three-cards .item:first-child .item__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 12px);
flex: 0 0 calc(50% - 12px);
max-width: calc(50% - 12px);
min-height: 340px; }
@media (max-width: 1279px) {
.banner-col-three-cards .item:first-child .item__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
max-width: calc(50% - 8px); } }
@media (max-width: 767px) {
.banner-col-three-cards .item:first-child .item__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
max-height: 350px; } }
.banner-col-three-cards .item:first-child .journey-card {
padding: 25px;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: 2px solid #163498; }
@media (min-width: 768px) {
.banner-col-three-cards .item:first-child .journey-card {
padding: 40px;
border-left: 0; } }
@media (max-width: 767px) {
.banner-col-three-cards .item:not(:first-child) {
margin-top: 30px; } }
.banner-col-three-cards .journey-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (min-width: 768px) {
.banner-col-three-cards .journey-card {
height: 100%; } }
.banner-col-three-cards .journey-card__content {
padding-bottom: 40px; }
.banner-col-three-cards .journey-card__content h4 {
padding-top: 10px;
max-width: 285px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.banner-col-three-cards .journey-card__content p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-top: 15px;
font-weight: 400; }
@media (max-width: 767px) {
.banner-col-three-cards .journey-card__content p {
-webkit-line-clamp: 4; } }
.banner-col-three-cards .journey-card__content .logo-box img {
max-width: 39px;
min-height: 38px; }
.banner-col-three-cards.bg-white h4, .banner-col-three-cards.bg-white p {
color: #ffffff; }
.banner-col-three-cards.bg-white .logo-box img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1); }
.logo-block .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.logo-block .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.logo-block .intro-block {
margin-bottom: 60px; } }
.logo-block .intro-block h2 {
color: #0E111E; }
.logo-block .wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% + 40px);
margin-left: -20px;
margin-top: -30px; }
@media (min-width: 1280px) {
.logo-block .wrap {
margin-top: -50px; } }
@media (max-width: 575px) {
.logo-block .wrap {
width: 100%;
margin-left: 0;
margin-top: -20px; } }
.logo-block .wrap .col-three {
-ms-flex-preferred-size: calc(33.33% - 40px);
flex-basis: calc(33.33% - 40px);
margin: 30px 20px 0;
padding: 0; }
@media (max-width: 575px) {
.logo-block .wrap .col-three {
margin: 20px 0 0;
padding: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding-right: 10px; } }
.logo-block .logo-wrap {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content; }
.logo-block .logo-wrap img {
height: 100%;
-o-object-fit: contain;
font-family: "object-fit:contain";
object-fit: contain; }
.logo-block .col-two {
padding-left: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.logo-block .col-two {
width: 100%; } }
.col-two-map .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.col-two-map .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.col-two-map .intro-block {
margin-bottom: 60px; } }
.col-two-map h2 {
color: #000000; }
.col-two-map .container > .row {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: -40px; }
.col-two-map .col-two {
margin-top: 40px; }
.col-two-map .wrap {
position: relative;
overflow: hidden;
padding-top: 5px;
height: 100%; }
.col-two-map .map-wrap {
height: 279px; }
.col-two-map iframe {
width: 100%;
height: 100%; }
.col-two-map .content-wrap {
padding: 40px 40px;
height: calc(100% - 279px); }
@media (min-width: 1400px) {
.col-two-map .content-wrap {
padding: 44px 50px 32px; } }
@media (max-width: 767px) {
.col-two-map .content-wrap {
height: auto;
padding: 40px 30px; } }
.col-two-map .content-wrap h4 {
font-family: "Rubik", sans-serif;
margin-bottom: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.col-two-map .content-wrap h4 {
margin-bottom: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
.col-two-map .content-wrap h4 {
margin-bottom: 15px; } }
@media (max-width: 767px) {
.col-two-map .content-wrap h4 {
margin-bottom: 10px; } }
.col-two-map .content-wrap span {
font-size: 18px;
line-height: 1.2;
font-family: "Rubik", sans-serif;
font-weight: normal;
display: block;
padding-top: 22px; }
@media (min-width: 1680px) {
.col-two-map .content-wrap span {
font-size: 22px; } }
@media (min-width: 992px) and (max-height: 950px) {
.col-two-map .content-wrap span {
font-size: 18px; } }
@media (max-width: 1279px) {
.col-two-map .content-wrap span {
font-size: 15px; } }
.col-two-map .content-wrap span a {
color: #ffffff; }
.col-two-map .content-wrap p a {
color: #ffffff; }
.col-two-map .border-dark-blue-gradient::before {
height: 5px;
top: 0; }
.col-two-map.bg-white .content-wrap h4, .col-two-map.bg-white .content-wrap p {
color: #ffffff; }
@media (min-width: 1400px) {
.podcast-grid .container {
max-width: 1450px; } }
.podcast-grid.bg-white h3 {
color: #000000;
margin-bottom: 30px; }
.podcast-grid .row {
width: calc(100% + 20px);
margin-left: -10px; }
@media (max-width: 575px) {
.podcast-grid .row {
width: 100%;
margin-left: 0; } }
.podcast-grid__item {
width: calc(33.33% - 20px);
margin: 0 10px 20px; }
@media (min-width: 768px) and (max-width: 991px) {
.podcast-grid__item {
width: calc(50% - 20px); } }
@media (min-width: 576px) and (max-width: 767px) {
.podcast-grid__item {
width: calc(50% - 20px); } }
@media (max-width: 575px) {
.podcast-grid__item {
width: 100%;
margin: 0 0 20px; } }
.podcast-grid__card {
height: 100%;
position: relative;
padding: 40px 35px 50px 35px;
background-color: #000000; }
.podcast-grid__card > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
opacity: 0; }
.podcast-grid__card .img-wrap {
height: 343px;
overflow: hidden;
margin-bottom: 20px; }
@media (min-width: 992px) and (max-width: 1279px) {
.podcast-grid__card .img-wrap {
height: 260px; } }
@media (min-width: 768px) and (max-width: 991px) {
.podcast-grid__card .img-wrap {
height: 260px; } }
@media (min-width: 576px) and (max-width: 767px) {
.podcast-grid__card .img-wrap {
height: 243px; } }
@media (max-width: 575px) {
.podcast-grid__card .img-wrap {
height: auto; } }
.podcast-grid__card .img-wrap img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.podcast-grid__card .time-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.podcast-grid__card .time-info span {
font-size: 14px;
color: #ffffff; }
.podcast-grid__card .time-info .date-wrap {
position: relative;
padding-left: 20px; }
.podcast-grid__card .time-info .date-wrap::after {
content: "";
position: absolute;
top: 2px;
left: 0;
display: inline-block;
vertical-align: bottom;
width: 14px;
height: 15px;
background: url("../svg/calendar-white.svg") no-repeat;
background-size: contain; }
.podcast-grid__card .time-info .time-wrap {
position: relative;
padding-left: 20px; }
.podcast-grid__card .time-info .time-wrap::after {
content: "";
position: absolute;
top: 3px;
left: 0;
display: inline-block;
vertical-align: bottom;
width: 14px;
height: 15px;
background: url("../svg/clock-white.svg") no-repeat;
background-size: contain; }
.podcast-grid__card .content h5 {
margin: 20px 0;
font-weight: 700;
color: #33FF66; }
@media (min-width: 1400px) {
.podcast-grid__card .content h5 {
font-size: 22px; } }
.podcast-grid__card .content p {
line-height: 1.3em;
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
color: #ffffff; }
.author-column .row {
width: calc(100% + 30px);
margin-left: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px) {
.author-column .row {
width: 100%;
margin-left: 0; } }
.author-column__img-wrap {
max-width: 548px;
width: calc(50% - 30px);
margin: 0 15px; }
@media (max-width: 767px) {
.author-column__img-wrap {
max-width: 100%;
width: 100%;
margin: auto;
text-align: center; } }
.author-column__img-wrap img {
bottom: -10px;
position: relative; }
.author-column__content {
width: calc(50% - 30px);
margin: 0 15px; }
@media (min-width: 1400px) {
.author-column__content {
padding-left: 15px; } }
@media (max-width: 767px) {
.author-column__content {
margin-top: 30px;
width: 100%; } }
.author-column__content h2 {
margin: 20px 0 20px 0;
color: #33FF66; }
.author-column__content h4 {
margin-bottom: 20px; }
@media (max-width: 991px) {
.author-column__content p {
padding-bottom: 30px; } }
.podcast-cta {
position: relative;
padding: 60px 0;
z-index: 5; }
.podcast-cta .row {
width: calc(100% + 30px);
margin-left: -15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px) {
.podcast-cta .row {
width: 100%;
margin-left: 0; } }
.podcast-cta__content {
width: calc(70% - 30px);
margin: 0 15px; }
@media (max-width: 767px) {
.podcast-cta__content {
width: 100%; } }
.podcast-cta__content h4 {
color: #ffffff; }
@media (min-width: 1400px) {
.podcast-cta__content h4 {
font-size: 30px; } }
.podcast-cta__content p {
line-height: 1.3em;
letter-spacing: 0px; }
.podcast-cta__actions {
width: calc(30% - 30px);
margin: 0 15px;
text-align: right; }
@media (max-width: 767px) {
.podcast-cta__actions {
width: 100%;
text-align: unset;
margin-top: 30px; } }
@media (min-width: 1400px) {
.podcast-cta__actions > a {
font-size: 22px; } }
.podcast-cta.nion-top-border {
border-top: 4px solid #33FF66; }
.podcast-cta.background-overlay {
opacity: 0.95;
-webkit-transition: all 0.3s, border-radius 0.3s, opacity 0.3s;
-o-transition: all 0.3s, border-radius 0.3s, opacity 0.3s;
transition: all 0.3s, border-radius 0.3s, opacity 0.3s; }
.podcast-cta.background-overlay-black::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0e1113;
background-size: contain;
opacity: 0.8; }
.podcast-cta__bg-img {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.podcast-cta__bg-img video {
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.podcast-cta__bg-img img {
width: 100%;
height: 100%;
z-index: 1;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
@media (max-width: 1399px) {
.podcast-cta .btn-nion::after {
bottom: 18px; } }
@media (max-width: 1399px) {
.podcast-cta .btn-nion:hover::after {
bottom: 16px; } }
.podcast-banner {
border-bottom: 4px solid #33FF66; }
.podcast-banner__wrapper {
display: inline;
text-align: center;
padding-top: 40px; }
.podcast-banner__wrapper .img-wrap {
max-width: 614px;
width: 100%;
margin: auto; }
.podcast-banner__wrapper .h6 {
font-weight: 500;
margin-bottom: 40px; }
@media (min-width: 1400px) {
.podcast-banner__wrapper .h6 {
font-size: 22px; } }
.podcast-banner__wrapper p {
margin-bottom: 40px;
max-width: 978px;
margin: auto;
line-height: 1.2em;
letter-spacing: 0px;
margin-top: 30px; }
.podcast-banner__wrapper p:first-child {
margin-top: 0; }
@media (min-width: 1400px) {
.podcast-banner__wrapper p {
font-size: 22px; } }
.podcast-banner__actions {
margin-top: 40px; }
@media (min-width: 1400px) {
.podcast-banner__actions {
margin-bottom: 20px; } }
.podcast-banner__actions > a {
line-height: 21px;
letter-spacing: 1px; }
.podcast-banner__actions > a:last-child {
margin-right: 0; }
@media (min-width: 1400px) {
.podcast-banner__actions > a {
font-size: 22px; } }
.podcasts-block {
z-index: 15;
/* Podcast Player */ }
.podcasts-block .back-btn {
padding: 35px 0 15px 0; }
@media (min-width: 1025px) and (max-width: 1279px) {
.podcasts-block .back-btn {
padding: 50px 0 15px 0; } }
@media (min-width: 992px) and (max-height: 950px) {
.podcasts-block .back-btn {
padding: 50px 0 15px 0; } }
.podcasts-block .row {
margin-top: 20px;
width: calc(100% + 30px);
margin-left: -15px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
@media (max-width: 991px) {
.podcasts-block .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.podcasts-block .row .img-block {
width: 450px;
margin: 0 15px; }
@media (max-width: 991px) {
.podcasts-block .row .img-block {
width: 100%;
margin: 0; } }
.podcasts-block .row .img-block .bg-img {
max-width: 400px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.podcasts-block .row .img-block .bg-img {
max-width: 310px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.podcasts-block .row .img-block .bg-img {
max-width: 310px; } }
@media (max-width: 575px) {
.podcasts-block .row .img-block .bg-img {
max-width: 100%; } }
.podcasts-block .row .img-block .bg-img img {
height: 100%; }
.podcasts-block .row .content-block {
width: calc(100% - 450px);
margin: 0 15px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.podcasts-block .row .content-block {
width: calc(100% - 310px); } }
@media (min-width: 992px) and (max-width: 1279px) {
.podcasts-block .row .content-block {
width: calc(100% - 310px); } }
@media (max-width: 991px) {
.podcasts-block .row .content-block {
width: 100%;
margin: 0;
padding: 15px; } }
.podcasts-block .row .content-block .content-wrap h1 {
padding-top: 30px;
font-size: 40px;
font-weight: 800;
letter-spacing: -2px; }
.podcasts-block .row .content-block .content-wrap b {
font-weight: 700; }
.podcasts-block .row .content-block .content-wrap p {
margin-top: 28px;
font-weight: 400;
font-size: 16px;
line-height: 20.8px; }
.podcasts-block .row .content-block .content-wrap p a {
font-size: 16px;
line-height: 1.3em;
color: #33FF66;
letter-spacing: 0px;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; }
.podcasts-block .row .content-block .content-wrap p a:hover {
color: #ffffff; }
.podcasts-block .row .content-block .content-wrap ul {
padding-left: 48px;
margin-top: 28px; }
.podcasts-block .row .content-block .content-wrap ul li {
font-size: 16px;
font-weight: 400;
line-height: 20.8px;
margin-top: 0; }
@media (max-width: 991px) {
.podcasts-block .row .content-block .content-wrap {
margin-top: 30px; } }
@media (max-width: 575px) {
.podcasts-block .row .content-block .content-wrap a {
word-wrap: break-word; } }
.podcasts-block .shk-btn {
width: 22px;
height: 22px; }
.podcasts-block .shk-btn svg {
width: 22px;
height: 22px; }
.podcasts-block .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px; }
.podcasts-block .icon-wrap > a {
margin: 0 2px; }
.podcasts-block .icon-wrap > a img {
border-radius: 5px;
width: 44px;
height: 44px; }
.podcasts-block .link-nion {
font-weight: 400;
padding-left: 30px; }
.podcasts-block .link-nion:after {
background: url("../svg/right-green-arrow.svg") no-repeat;
left: 0;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
width: 14px;
bottom: 4px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.podcasts-block .link-nion:hover {
color: #ffffff;
text-decoration: none; }
.podcasts-block .link-nion:hover::after {
background: url("../svg/right-white-arrow.svg") no-repeat;
left: -8px; }
.podcasts-block .astra-advanced-hook-15 {
display: none; }
.podcasts-block .ast-custom-footer {
display: none; }
.podcasts-block .ast-custom-header {
display: none; }
.podcasts-block .ast-header-sticky-active {
display: none; }
.podcasts-block .ast-sticky-shrunk {
display: none; }
.podcasts-block .elementor-kit-5 a:hover {
font-size: 28px; }
.podcasts-block .podcast-container-nile .shk {
--background-body: $corbeau;
--color-title: #33ff66;
--color-artist: #ffffff;
--color-button: #ffffff;
--color-button-disabled: red;
--color-button-active-background: #ffffff;
--color-handle: #33ff66;
--color-handle-disabled: red;
--color-bar-loaded: #aaaaaa;
--color-bar-played: #33ff66;
--color-time: #ffffff;
--color-spinner: #33ff66;
--color-live-symbol: red;
--color-live-text: red;
--shadow-body: red;
--shadow-body-mobile: red;
--shadow-handle: red;
--shadow-handle-mobile: red; }
.podcasts-block .podcast-container-nile .shk-btn {
fill: #33ff66;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #0E111E;
border: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #33FF66;
cursor: pointer;
font-size: 1em;
line-height: normal;
padding: 5px;
position: relative; }
.podcasts-block .podcast-container-nile .shk-bar-handle {
background-color: #33ff66;
top: -7px;
border-radius: 100px;
height: 0px;
width: 7px; }
.podcasts-block .podcast-container-nile .shk-title,
.podcasts-block .shk-title_wrap[data-overflow] .shk-title_inner:after {
color: #33ff66;
font-weight: 600;
font-family: "Telegraf", Sans-serif;
font-size: 16px; }
@media (max-width: 640px) {
.podcasts-block .shk[data-fixed-type=auto] {
z-index: 10 !important;
background-color: #0E111E; } }
.podcasts-block .shk-controls_basic {
-webkit-transition: visibility .2s;
-o-transition: visibility .2s;
transition: visibility .2s; }
.podcasts-block .shk[data-extra] .shk-controls_basic {
visibility: hidden; }
.podcasts-block .shk[data-extra] .shk-btn_more {
visibility: visible; }
.overlay-section {
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: -1; }
.overlay-section::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
left: 0;
top: 0; }
.overlay-section.active {
opacity: 1;
z-index: 999; }
.overlay-section .v-middle-inner {
display: table;
position: relative;
text-align: center;
width: 100%;
height: 100%; }
.overlay-section .v-middle {
display: table-cell;
vertical-align: middle; }
.overlay-section .overlay-container {
max-width: 720px;
margin: 0 auto;
position: relative;
padding-top: 10px; }
.overlay-section .close-btn {
position: absolute;
width: 20px;
height: 20px;
background: none;
outline: none;
cursor: pointer;
right: 40px;
top: 40px;
border: none;
z-index: 4; }
.overlay-section .close-btn:hover::before {
background-color: #33FF66; }
.overlay-section .close-btn:hover::after {
background-color: #33FF66; }
.overlay-section .close-btn::before {
content: "";
position: absolute;
width: 3px;
height: 20px;
background: none;
outline: none;
background-color: #000000;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 1px;
right: 9px;
top: 0; }
.overlay-section .close-btn::after {
content: "";
position: absolute;
background-color: #000000;
width: 3px;
height: 20px;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
left: 8px;
border-radius: 1px; }
.overlay-section .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.overlay-section .wrapper {
background-color: #ffffff;
padding: 20px; }
.overlay-section .wrapper h3 {
color: #000000;
margin: 30px 0;
font-weight: 500; }
.overlay-section .img-wrap {
width: 50%;
padding-bottom: 15px; }
.overlay-section .img-wrap > a {
display: inline-block; }
.overlay-section .img-wrap img {
max-width: 167px;
min-height: 45px; }
.subscribe-overlay-section {
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: -1; }
.subscribe-overlay-section::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
left: 0;
top: 0; }
.subscribe-overlay-section.active {
opacity: 1;
z-index: 999; }
.subscribe-overlay-section .v-middle-inner {
display: table;
position: relative;
text-align: center;
width: 100%;
height: 100%; }
.subscribe-overlay-section .v-middle {
display: table-cell;
vertical-align: middle; }
.subscribe-overlay-section .overlay-container {
max-width: 720px;
margin: 0 auto;
position: relative;
padding-top: 10px; }
.subscribe-overlay-section .close-btn {
position: absolute;
width: 20px;
height: 20px;
background: none;
outline: none;
cursor: pointer;
right: 40px;
top: 40px;
border: none;
z-index: 4; }
.subscribe-overlay-section .close-btn:hover::before {
background-color: #33FF66; }
.subscribe-overlay-section .close-btn:hover::after {
background-color: #33FF66; }
.subscribe-overlay-section .close-btn::before {
content: "";
position: absolute;
width: 3px;
height: 20px;
background: none;
outline: none;
background-color: #000000;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 1px;
right: 9px;
top: 0; }
.subscribe-overlay-section .close-btn::after {
content: "";
position: absolute;
background-color: #000000;
width: 3px;
height: 20px;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
left: 8px;
border-radius: 1px; }
.subscribe-overlay-section .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.subscribe-overlay-section .wrapper {
background-color: #ffffff;
padding: 20px; }
.subscribe-overlay-section .wrapper h3 {
color: #000000;
margin: 30px 0 10px 0;
font-weight: 500; }
@media (min-width: 1400px) {
.subscribe-overlay-section .wrapper h3 {
font-size: 36px; } }
.subscribe-overlay-section .wrapper p {
color: #000000;
margin-bottom: 30px; }
.subscribe-overlay-section .wrapper .row {
margin-top: 25px; }
.signup-overlay {
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: -1;
overflow: scroll; }
@media (max-width: 575px) {
.signup-overlay {
padding: 0; } }
.signup-overlay::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.8;
left: 0;
top: 0; }
.signup-overlay.active {
opacity: 1;
z-index: 999; }
.signup-overlay .v-middle-inner {
display: table;
position: relative;
text-align: center;
width: 100%;
height: 100%; }
.signup-overlay .v-middle {
display: table-cell;
vertical-align: middle; }
.signup-overlay .overlay-container {
max-width: 720px;
margin: 0 auto;
position: relative;
padding-top: 10px; }
@media (max-width: 767px) {
.signup-overlay .overlay-container {
padding-top: 0; } }
.signup-overlay .close-btn {
position: absolute;
width: 20px;
height: 20px;
background: none;
outline: none;
cursor: pointer;
right: 40px;
top: 40px;
border: none;
z-index: 4; }
@media (max-width: 575px) {
.signup-overlay .close-btn {
right: 25px;
top: 20px; } }
.signup-overlay .close-btn::before {
content: "";
position: absolute;
width: 3px;
height: 20px;
background: none;
outline: none;
background-color: #175D81;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 1px;
right: 9px;
top: 0; }
.signup-overlay .close-btn::after {
content: "";
position: absolute;
background-color: #175D81;
width: 3px;
height: 20px;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
left: 8px;
border-radius: 1px; }
.signup-overlay .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.signup-overlay .wrapper {
background-color: #ffffff;
padding: 30px; }
.signup-overlay .wrapper h4 {
color: #175D81;
margin: 30px 0;
font-weight: 700;
font-size: 28px; }
@media (max-width: 575px) {
.signup-overlay .wrapper h4 {
margin: 15px 0; } }
.signup-overlay .img-wrap {
width: 50%;
padding-bottom: 15px; }
.signup-overlay .img-wrap > a {
display: inline-block; }
.signup-overlay .img-wrap img {
max-width: 167px;
min-height: 45px; }
.signup-overlay .hbspt-form form .input input {
width: 100% !important;
max-width: 100% !important; }
.search-output h3 {
color: #0E111E; }
.search-output h4 a {
font-size: 25px; }
.search-output p {
padding-top: 12px;
color: #0E111E; }
.search-output ul {
padding-left: 0; }
.search-output ul li {
margin-top: 25px; }
.search-output .pagination {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.search-output .pagination a:hover {
color: #ffffff;
background-color: #0E111E;
border: 1px solid white; }
.search-output .page-numbers {
font-size: 16px;
font-weight: bold;
width: 42px;
height: 42px;
color: #0E111E;
border: 1px solid #0E111E;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
margin-inline: 6px; }
@media (max-width: 575px) {
.search-output .page-numbers {
width: 32px;
height: 32px; } }
.search-output .page-numbers.current {
color: #ffffff;
background-color: #0E111E; }
.search-output .next {
background-color: unset;
border: 0;
position: relative;
font-size: 0;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.search-output .next:hover {
border: 0 !important;
background-color: transparent !important; }
.search-output .next::after {
content: "";
position: absolute;
width: 15px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
right: 12px;
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }
.search-output .prev {
background-color: unset;
border: 0;
position: relative;
font-size: 0;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
.search-output .prev:hover {
border: 0 !important;
background-color: transparent !important; }
.search-output .prev::after {
content: "";
position: absolute;
width: 15px;
height: 16px;
background: url(../svg/corbeau-arrow.svg) no-repeat center;
background-size: contain;
right: 12px;
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.search-output .search-box {
max-width: 1290px;
width: 100%;
padding: 0;
border: 1px solid #0E111E;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px; }
@media (max-width: 1024px) {
.search-output .search-box {
width: 100%;
margin-bottom: 30px; } }
.search-output .search-box form {
max-width: 100%;
margin: 0 auto;
position: relative;
outline: none;
border: 0; }
.search-output .search-box form .search-input {
height: 70px;
width: 100%;
border: 0;
border-bottom: 1px solid #ffffff;
outline: none;
color: #0E111E;
font-weight: 500;
border-radius: 0;
padding: 10px 50px 10px 20px; }
@media (min-width: 1025px) {
.search-output .search-box form .search-input {
font-size: 25px;
height: 70px; } }
@media (max-width: 1024px) {
.search-output .search-box form .search-input {
height: 50px; } }
@media (max-width: 575px) {
.search-output .search-box form .search-input {
height: 36px; } }
.search-output .search-box form .search-input::-webkit-input-placeholder {
font-family: "Gabarito", sans-serif;
color: #565861;
letter-spacing: -0.25px; }
.search-output .search-box form .search-input::-moz-placeholder {
font-family: "Gabarito", sans-serif;
color: #565861;
letter-spacing: -0.25px; }
.search-output .search-box form .search-input::-ms-input-placeholder {
font-family: "Gabarito", sans-serif;
color: #565861;
letter-spacing: -0.25px; }
.search-output .search-box form .search-input::placeholder {
font-family: "Gabarito", sans-serif;
color: #565861;
letter-spacing: -0.25px; }
.search-output .search-box form .search-btn {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
margin: auto;
width: 21px;
height: 24px;
cursor: pointer;
outline: none;
min-width: auto;
background: url("../svg/search-grey.svg");
background-repeat: no-repeat;
background-size: 100%;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
@media (max-width: 1024px) {
.search-output .search-box form .search-btn {
width: 16px;
height: 18px; } }
.html-body.fullwidth-img .alignnone {
max-width: unset; }
.html-body .alignnone {
max-width: 629px; }
.html-body.bg-white h1,
.html-body.bg-white h2,
.html-body.bg-white h3,
.html-body.bg-white h4,
.html-body.bg-white h5,
.html-body.bg-white h6,
.html-body.bg-white span,
.html-body.bg-white p,
.html-body.bg-white li {
color: #0E111E; }
.html-body.bg-white ul li::after {
background-color: #0E111E; }
.html-body.bg-white ul li::before {
background-color: #0E111E; }
.html-body.bg-white table {
margin-top: 30px;
border-collapse: collapse; }
.html-body.bg-white table th {
color: #0E111E;
border: 1px solid #0E111E;
padding: 8px; }
.html-body.bg-white table th a {
-webkit-transition: all 0.2 ease-in;
-o-transition: all 0.2 ease-in;
transition: all 0.2 ease-in;
color: #ff0092; }
.html-body.bg-white table th a span {
color: #ff0092; }
.html-body.bg-white table th a:hover {
text-decoration: underline; }
.html-body.bg-white table td {
color: #0E111E;
border: 1px solid #0E111E;
padding: 8px; }
.html-body.bg-white table td a {
-webkit-transition: all 0.2 ease-in;
-o-transition: all 0.2 ease-in;
transition: all 0.2 ease-in;
color: #ff0092; }
.html-body.bg-white table td a span {
color: #ff0092; }
.html-body.bg-white table td a:hover {
text-decoration: underline; }
.html-body h1 {
padding-bottom: 20px;
padding-top: 40px; }
.html-body h1:first-child {
padding-top: 0; }
.html-body h2 {
padding-bottom: 20px;
padding-top: 40px; }
.html-body h2:first-child {
padding-top: 0; }
.html-body a:hover {
text-decoration: underline; }
.html-body table + p, .html-body table + ul, .html-body table + ol {
margin-top: 20px; }
.html-body h4 + ol, .html-body h4 + ul {
margin-top: 20px; }
.html-body ol + p, .html-body ul + p {
margin-top: 20px; }
.html-body li > ol, .html-body li > ul {
margin-top: 20px; }
.html-body p + table {
margin-top: 0; }
.html-body li a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit; }
.html-body h3 {
padding-bottom: 20px;
padding-top: 40px; }
.html-body h3:first-child {
padding-top: 0; }
.html-body h4 {
padding-top: 40px; }
.html-body h4:first-child {
padding-top: 0; }
.html-body h4 + p {
margin-top: 20px; }
.html-body h5 {
padding-bottom: 20px;
padding-top: 40px; }
.html-body h5:first-child {
padding-top: 0; }
.html-body h6 {
margin-top: 20px; }
.html-body h6 + p, .html-body h6 + ol, .html-body h6 + ul {
margin-top: 20px; }
.html-body ul {
max-width: 804px; }
@media (max-width: 991px) {
.html-body ul {
max-width: 100%; } }
.html-body li {
font-size: 18px;
font-weight: 400;
margin-top: 0;
line-height: 21.6px;
padding-bottom: 5px; }
.html-body li::before {
width: 4px;
height: 4px; }
@media (min-width: 1680px) {
.html-body li {
font-size: 22px;
line-height: 1.2; } }
@media (min-width: 992px) and (max-height: 950px) {
.html-body li {
font-size: 18px; } }
@media (max-width: 1279px) {
.html-body li {
font-size: 15px; } }
.html-body p {
padding-bottom: 20px;
line-height: 21.6px; }
@media (max-width: 991px) {
.html-body p {
max-width: 100%; } }
@media (min-width: 1680px) {
.html-body p {
line-height: 1.2;
max-width: 100%; } }
.html-body p a:hover {
text-decoration: underline; }
.sitemap .highlight {
display: none; }
.sitemap .inner-nav > a {
display: none; }
.sitemap .image-wrap img {
display: none; }
.sitemap span,
.sitemap ul {
padding: 0 !important; }
.sitemap a:hover {
text-decoration: underline; }
.sitemap a span {
color: #ff0092; }
.leadership-overlay-section {
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
z-index: -1; }
.leadership-overlay-section::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(14, 17, 19, 0.15);
left: 0;
top: 0; }
.leadership-overlay-section.active {
opacity: 1;
z-index: 999;
background-color: rgba(14, 17, 19, 0.4); }
.leadership-overlay-section .v-middle-inner {
display: table;
position: relative;
text-align: center;
width: 100%;
height: 100%;
margin: auto; }
.leadership-overlay-section .v-middle {
display: table-cell;
vertical-align: middle; }
.leadership-overlay-section .overlay-container {
position: relative;
width: 89%;
padding: 0 0px;
margin: 0 auto;
height: calc(100vh - 80px);
overflow: auto; }
@media (min-width: 1680px) {
.leadership-overlay-section .overlay-container {
max-width: 1800px;
height: calc(100vh - 180px); } }
@media (max-width: 1399px) {
.leadership-overlay-section .overlay-container {
width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-overlay-section .overlay-container {
padding: 0 40px; } }
@media (max-width: 767px) {
.leadership-overlay-section .overlay-container {
padding: 0 16px;
width: 100%; } }
.leadership-overlay-section .close-btn {
cursor: pointer;
position: absolute;
width: 20px;
height: 20px;
background: none;
outline: none;
cursor: pointer;
right: 40px;
top: 40px;
border: none;
z-index: 4; }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-overlay-section .close-btn {
right: 70px; } }
@media (max-width: 991px) {
.leadership-overlay-section .close-btn {
top: 20px;
right: 20px; } }
.leadership-overlay-section .close-btn::before {
content: "";
position: absolute;
width: 3px;
height: 20px;
background: none;
outline: none;
background-color: #000000;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 1px;
right: 9px;
top: 0; }
.leadership-overlay-section .close-btn::after {
content: "";
position: absolute;
background-color: #000000;
width: 3px;
height: 20px;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
left: 8px;
border-radius: 1px; }
.leadership-overlay-section .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.leadership-overlay-section .wrapper {
background-color: #D9D9D9;
position: relative;
margin: auto; }
@media (max-width: 1399px) {
.leadership-overlay-section .wrapper {
width: calc(100% - 40px);
margin: auto; } }
@media (max-width: 991px) {
.leadership-overlay-section .wrapper {
width: 100%;
margin: auto; } }
.leadership-overlay-section .wrapper .content-outer {
padding: 80px 90px; }
@media (min-width: 992px) and (max-width: 1279px) {
.leadership-overlay-section .wrapper .content-outer {
padding: 80px 55px; } }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-overlay-section .wrapper .content-outer {
padding: 80px 55px; } }
@media (max-width: 991px) {
.leadership-overlay-section .wrapper .content-outer {
width: 100%;
margin-left: 0;
display: block;
padding: 45px 65px; } }
@media (max-width: 767px) {
.leadership-overlay-section .wrapper .content-outer {
padding: 35px 40px; } }
.leadership-overlay-section .wrapper .content-wrap {
width: calc(25% - 40px);
margin: 0 20px;
text-align: left;
display: inline-block;
vertical-align: top; }
@media (min-width: 1680px) {
.leadership-overlay-section .wrapper .content-wrap {
width: calc(32% - 40px); } }
@media (max-width: 991px) {
.leadership-overlay-section .wrapper .content-wrap {
width: 100%;
margin: 0 0 20px;
display: block; } }
.leadership-overlay-section .wrapper .content-wrap p:last-of-type {
margin-bottom: 0; }
.leadership-overlay-section .wrapper .row {
display: block; }
.leadership-overlay-section .wrapper .content {
width: calc(75% - 40px);
margin: 0 20px;
text-align: left;
padding-left: 54px;
max-height: 520px;
display: inline-block;
vertical-align: top;
overflow-y: auto;
padding-right: 20px; }
@media (max-width: 767px) {
.leadership-overlay-section .wrapper .content {
max-height: 444px; } }
@media (min-width: 1680px) {
.leadership-overlay-section .wrapper .content {
width: calc(68% - 40px); } }
@media (min-width: 992px) and (max-width: 1279px) {
.leadership-overlay-section .wrapper .content {
padding-left: 30px; } }
@media (max-width: 991px) {
.leadership-overlay-section .wrapper .content {
padding-left: 0;
width: 100%;
margin: 0 0;
display: block; } }
.leadership-overlay-section .wrapper h4 {
color: #000000;
margin-bottom: 15px;
font-weight: 500;
font-size: 40px;
line-height: 0.98;
font-family: "Gabarito", sans-serif; }
@media (min-width: 1680px) {
.leadership-overlay-section .wrapper h4 {
font-size: 55px; } }
@media (min-width: 992px) and (max-width: 1279px) {
.leadership-overlay-section .wrapper h4 {
font-size: 30px;
line-height: 1.1; } }
@media (min-width: 992px) and (max-height: 950px) {
.leadership-overlay-section .wrapper h4 {
font-size: 30px;
line-height: 1.1; } }
@media (min-width: 768px) and (max-width: 991px) {
.leadership-overlay-section .wrapper h4 {
font-size: 26px;
line-height: 1.1; } }
@media (max-width: 767px) {
.leadership-overlay-section .wrapper h4 {
font-size: 26px;
line-height: 1.1; } }
.leadership-overlay-section .wrapper p {
color: #000000;
line-height: 1.3;
margin-bottom: 25px; }
@media (max-width: 1024px) {
.leadership-overlay-section .wrapper p {
margin-bottom: 20px; } }
.leadership-overlay-section .wrapper p:last-child {
margin-bottom: 0; }
@media (min-width: 1280px) {
.leadership-overlay-section .wrapper p {
font-size: 20px;
width: 98%; } }
.leadership-overlay-section .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.leadership-overlay-section .icon-wrap .icon {
width: 25px;
height: 25px;
margin-top: 20px;
margin-right: 11px; }
.leadership-overlay-section .leadership-block__item {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
font-size: 0; }
.leadership-overlay-section .bg-img {
display: none; }
.dynamic-page-toc-container {
background-color: #e6e7e8;
margin-bottom: 20px;
padding-bottom: 10px;
padding: 20px; }
.dynamic-page-toc-container h4 {
padding-bottom: 20px;
text-align: center; }
.dynamic-page-toc-container a {
padding-left: 5px;
display: block;
margin-top: 10px;
margin-bottom: 10px;
color: #000; }
.dynamic-page-toc-container a:hover, .dynamic-page-toc-container a:focus, .dynamic-page-toc-container a:active {
color: #FF0092; }
.dynamic-page-toc-divider {
border-bottom: 1px dotted #ddd; }
#toc_mobile {
display: none;
margin-top: 20px; }
#toc_desktop {
display: block; }
@media (max-width: 767px) {
#toc_desktop {
display: none; }
#toc_mobile {
display: block; } }
span.tooltip {
cursor: pointer; }
.tippy-tooltip.nile-theme {
background-color: #e6e7e8;
border-radius: 0;
color: #000;
font-family: 'Gabarito';
font-size: 12px;
-webkit-filter: drop-shadow(2px 2px 0px black);
filter: drop-shadow(2px 2px 0px black); }
.tippy-tooltip.nile-theme[data-animatefill] {
background-color: transparent; }
.tippy-tooltip.nile-theme .tippy-backdrop {
background-color: #e6e7e8; }
.tippy-tooltip.nile-theme[x-placement^='bottom'] .tippy-arrow {
border-bottom-color: #e6e7e8; }
.departments {
margin-top: 1em; }
.department {
margin-bottom: 3em;
border: 1px solid #e7e9f2; }
.department-header {
border-bottom: 1px solid #e7e9f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.department-header h3 {
margin-bottom: 0 !important;
padding-right: 5px;
font-size: 24px;
padding-top: 15px;
padding-bottom: 15px; }
.department-icon {
color: #545666;
margin: 0 0.5em;
font-size: 1.3em; }
.vacancy-acronym {
color: #9496a4 !important; }
.vacancies div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.7rem; }
.vacancies div:not(:last-child) {
border-bottom: 1px solid #e7e9f2; }
.vacancies div h4 {
text-transform: capitalize;
padding-right: 5px; }
.carousel section .container {
min-height: 600px; }
.carousel .slick-dots li.slick-active::before {
background-color: #ff0092; }
.carousel .slick-dots li::before {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #ccc; }
.carousel-loading {
display: none; }
.loading-spinner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 500px;
/* Altura fija del carrusel */ }
.loading-spinner::before {
content: '';
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #ff0092;
border-radius: 50%;
-webkit-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite; }
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); } }
.video-block__carousel {
position: absolute;
height: 100%;
inset: 0;
z-index: 1; }
.video-block__carousel video {
width: 100%; }
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
z-index: 0; }
.carousel .slick-prev,
.carousel .slick-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
cursor: pointer;
z-index: 1; }
.carousel .slick-prev::before,
.carousel .slick-next::before {
font-size: 25px; }
.carousel .slick-prev {
left: 0; }
.carousel .slick-next {
right: 0; }
.content-carousel {
position: relative; }
.content-carousel #progress-bar-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background-color: rgba(0, 0, 0, 0.1); }
.content-carousel #progress-bar {
width: 0;
height: 100%;
background-color: #ff0092;
-webkit-transition: width 0s;
-o-transition: width 0s;
transition: width 0s; }
.swiper-with-image {
overflow: visible; }
.swiper-with-image.index-2 {
z-index: 2; }
.swiper-with-image .bg-gradient {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(30, 87, 247, 0.1);
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 1;
-webkit-filter: blur(150px);
filter: blur(150px); }
.swiper-with-image .bg-gradient::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 52, 152, 0.2)), color-stop(rgba(30, 87, 247, 0.2)), to(rgba(43, 249, 235, 0.2)));
background-image: -webkit-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: -o-linear-gradient(left, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
background-image: linear-gradient(to right, rgba(22, 52, 152, 0.2), rgba(30, 87, 247, 0.2), rgba(43, 249, 235, 0.2));
-webkit-clip-path: ellipse(18% 30% at 50% 100%);
clip-path: ellipse(18% 30% at 50% 100%);
bottom: 0;
left: 0;
top: 0;
right: 0; }
.swiper-with-image .container {
position: relative; }
.swiper-with-image__cards .card-content__banner {
margin-block: 40px;
border-radius: 10px;
background: rgba(213, 221, 241, 0.04); }
.swiper-with-image__cards .card-content p {
padding-left: 20px;
position: relative;
font-size: 16px; }
.swiper-with-image__cards .card-content p:before {
content: '';
position: absolute;
width: 1px;
left: 0;
top: 0;
height: 24px;
background: -webkit-linear-gradient(315deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%);
background: -o-linear-gradient(315deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%);
background: linear-gradient(135deg, #2bf9eb 0%, #1e57f7 50%, #0e111e 100%); }
.swiper-with-image .card_content__btn-wrap {
margin-top: 20px;
margin-bottom: 20px; }
@media (min-width: 768px) {
.swiper-with-image .card_content__btn-wrap.is-hidden-desktop {
display: none; } }
@media (max-width: 767px) {
.swiper-with-image .card_content__btn-wrap.is-hidden-mobile {
display: none; } }
@media (min-width: 992px) {
.swiper-with-image .card_content__btn-wrap {
margin-top: 25px; } }
@media (min-width: 1280px) {
.swiper-with-image .card_content__btn-wrap {
margin-top: 40px; } }
@media (min-width: 1680px) {
.swiper-with-image .card_content__btn-wrap {
margin-top: 45px; } }
@media (min-width: 992px) {
.swiper-with-image .card_content__btn-wrap {
margin-bottom: 25px; } }
@media (min-width: 1280px) {
.swiper-with-image .card_content__btn-wrap {
margin-bottom: 40px; } }
@media (min-width: 1680px) {
.swiper-with-image .card_content__btn-wrap {
margin-bottom: 45px; } }
.swiper-with-image .swiper-slide {
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: auto; }
.swiper-with-image .swiper-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
margin-top: 20px; }
.swiper-with-image .toggles {
background-color: #0e111e;
padding: 15px;
margin-top: 40px !important;
border-radius: 200px;
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: none;
position: relative;
z-index: 1; }
@media (min-width: 1280px) {
.swiper-with-image .toggles {
display: block; } }
.swiper-with-image .goto-slide-image {
padding: 8px 16px;
border: none;
min-width: 180px;
height: 55px;
background-color: transparent;
color: white;
cursor: pointer;
border-radius: 4px;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
border-radius: 100px;
font-family: "Rubik", sans-serif;
font-weight: 300;
font-size: 16px; }
.swiper-with-image .goto-slide-image.active {
background-color: rgba(226, 226, 226, 0.27);
color: #fff; }
.swiper-with-image .goto-slide-image:hover {
background-color: rgba(226, 226, 226, 0.27); }
.swiper-with-image .swiper-visionaries-footer {
background-color: #0e111e;
width: 335px;
padding: 15px; }
.swiper-with-image .swiper-visionaries-footer.mySwiperThumbs {
border-radius: 200px; }
.swiper-with-image .swiper-visionaries-footer.mySwiperThumbs .swiper-slide {
background-color: #e2e2e2;
border-radius: 100px; }
.swiper-with-image .swiper-visionaries-footer.mySwiperThumbs .swiper-slide.active {
border: 2px solid #007bff;
/* Borde destacado */
background-color: rgba(0, 123, 255, 0.1);
/* Fondo tipo chip */
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
/* Efecto de zoom */ }
.swiper-with-image .swiper-visionaries-footer.mySwiperThumbs .swiper-slide img {
width: 60px; }
.swiper-with-image .swiper-scrollbar {
background-color: #175D81; }
.swiper-with-image .swiper-scrollbar-drag {
background: #ff0092; }
.swiper-with-image .swiper-scrollbar__wrap {
padding-block: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.swiper-with-image .swiper-scrollbar__wrap {
display: none; } }
.swiper-with-image .swiper-horizontal > .swiper-scrollbar,
.swiper-with-image .swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
left: 0;
right: 0;
width: 100%;
position: relative;
margin-block: 12px; }
.swiper-with-image .swiper-scrollbar-indicator {
color: #e6e7e8;
white-space: nowrap; }
.reviews {
overflow: visible;
padding-block: 80px; }
.reviews.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1; }
.reviews.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.2; }
@media (min-width: 1680px) {
.reviews.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.reviews.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.reviews.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 0;
right: 0;
background: #1e57f7;
border-radius: 1814.026px;
-webkit-filter: blur(100px);
filter: blur(100px);
width: 1814.026px;
height: 873px; }
.reviews.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 30%;
right: 10%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
border-radius: 792.435px;
width: 792.435px;
height: 381.359px; }
.reviews.bg-gradient .bg-gradient__background .circle-gradient--three {
top: 10%;
right: 15%;
border-radius: 526.319px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 526.319px;
height: 253.291px; }
.reviews.bg-gradient .bg-gradient__background .circle-gradient--four {
top: 15%;
left: 0;
border-radius: 476.052px;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 476.052px;
height: 229.1px; }
@media (max-width: 767px) {
.reviews.bg-gradient .bg-gradient__background {
display: none; } }
.reviews.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.reviews__information {
text-align: center;
margin: 0 auto;
padding-bottom: 40px;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px; }
.reviews__information-total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
margin-top: 20px;
margin-bottom: 40px; }
.reviews__information-total-logo {
width: 144px; }
.reviews__information-total-wrapper {
border-left: 1px solid;
padding-left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.reviews__information-total-stars {
position: relative;
display: inline-block;
letter-spacing: 5px; }
.reviews__information-total-stars::before {
content: '★★★★★';
font-size: 20px;
color: #ddd; }
.reviews__information-total-stars::after {
content: '★★★★★';
font-size: 20px;
color: #2bf9eb;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: var(--rating, 0%); }
.reviews__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.reviews__background {
display: none; } }
.reviews__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.reviews .container {
position: relative;
z-index: 1; }
.reviews__text {
line-height: 150%; }
.reviews__cards .card-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px;
height: 100%;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
.reviews__cards .card-content__header {
display: grid;
gap: 20px; }
.reviews__cards .card-content__header-container {
border-left: 3px solid #2bf9eb;
padding-inline: 15px; }
.reviews__cards .card-content__header p {
font-size: 16px; }
.reviews__cards .card-content__header-name {
font-weight: 700; }
.reviews__cards .card-content__header-position {
font-weight: 400;
color: #e6e7e8; }
.reviews__cards .card-content__header-stars {
position: relative;
width: 100px;
/* 5 estrellas x 20px cada una */
height: 20px;
display: inline-block;
letter-spacing: 5px; }
.reviews__cards .card-content__header-stars::before {
content: '★★★★★';
font-size: 20px;
color: #ddd; }
.reviews__cards .card-content__header-stars::after {
content: '★★★★★';
font-size: 20px;
color: #2bf9eb;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: var(--rating, 0%); }
.reviews__cards .card-content__body {
margin-top: 40px; }
.reviews__cards .card-content__body p {
font-size: 16px;
color: #e6e7e8; }
.reviews__cards .card-content__body h3 {
font-weight: 600;
line-height: 120%;
margin-bottom: 20px; }
.reviews__cards .card-content__body-question {
font-weight: 700; }
.reviews__cards .card-content__body-answer {
font-weight: 400; }
.reviews__cards .card-content__footer {
margin-top: auto; }
.reviews__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */
/* @include tablet-up {
text-align: center;
}
@include spacing-medium-bottom;
margin-bottom: 30px;
&-item {
margin-top: auto;
padding-top: 30px;
} */ }
@media (min-width: 1680px) {
.reviews__btn-wrap {
margin-top: 60px; } }
.reviews .swiper {
overflow: visible; }
.reviews .swiper-slide {
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto; }
.reviews .swiper-scrollbar {
background-color: #175D81; }
.reviews .swiper-scrollbar-drag {
background: #ff0092; }
.reviews .swiper-scrollbar__wrap {
padding-block: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.reviews .swiper-scrollbar__wrap {
display: none; } }
.reviews .swiper-horizontal > .swiper-scrollbar,
.reviews .swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
left: 0;
right: 0;
width: 100%;
position: relative;
margin-block: 12px; }
.reviews .swiper-scrollbar-indicator {
color: #e6e7e8;
white-space: nowrap; }
.reviews .swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.reviews .swiper-button-prev,
.reviews .swiper-button-next {
width: auto;
height: auto;
background: none;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.reviews .swiper-button-prev {
left: -20px; }
.reviews .swiper-button-next {
right: -20px; }
.reviews .swiper-button-prev svg,
.reviews .swiper-button-next svg {
display: none; }
@media (min-width: 768px) {
.reviews .swiper-button-prev svg,
.reviews .swiper-button-next svg {
display: block; } }
.reviews .swiper-button-next:after,
.reviews .swiper-button-prev:after {
display: none; }
.testimonies {
overflow: visible;
padding-block: 80px; }
.testimonies.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1; }
.testimonies.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.2; }
@media (min-width: 1680px) {
.testimonies.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.testimonies.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.testimonies.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 0;
right: 0;
background: #1e57f7;
border-radius: 1814.026px;
-webkit-filter: blur(100px);
filter: blur(100px);
width: 1814.026px;
height: 873px; }
.testimonies.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 30%;
right: 10%;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
border-radius: 792.435px;
width: 792.435px;
height: 381.359px; }
.testimonies.bg-gradient .bg-gradient__background .circle-gradient--three {
top: 10%;
right: 15%;
border-radius: 526.319px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 526.319px;
height: 253.291px; }
.testimonies.bg-gradient .bg-gradient__background .circle-gradient--four {
top: 15%;
left: 0;
border-radius: 476.052px;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 476.052px;
height: 229.1px; }
@media (max-width: 767px) {
.testimonies.bg-gradient .bg-gradient__background {
display: none; } }
.testimonies.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.testimonies__information {
text-align: center;
margin: 0 auto;
padding-bottom: 80px;
max-width: 970px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px; }
.testimonies__background {
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1; }
@media (max-width: 767px) {
.testimonies__background {
display: none; } }
.testimonies__background img {
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.testimonies .container {
position: relative;
z-index: 1; }
.testimonies__text {
line-height: 150%; }
.testimonies__cards .card-content {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 40px;
height: 100%;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.6);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px); }
.testimonies__cards .card-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../png/card-bg.png") no-repeat center center;
background-size: cover; }
.testimonies__cards .card-content__logo {
position: relative;
margin-bottom: 60px; }
.testimonies__cards .card-content__logo img {
height: 40px;
width: auto; }
.testimonies__cards .card-content__header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.testimonies__cards .card-content__header-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px; }
.testimonies__cards .card-content__header p {
font-size: 16px; }
.testimonies__cards .card-content__header-name {
font-weight: 700; }
.testimonies__cards .card-content__header-role {
font-weight: 400;
color: #b6b7bb; }
.testimonies__cards .card-content__header-avatar img {
height: 50px;
width: auto; }
.testimonies__cards .card-content__body {
position: relative;
margin-bottom: 20px; }
.testimonies__cards .card-content__body p {
font-size: 22px;
color: #ffffff; }
.testimonies__cards .card-content__footer {
margin-top: auto; }
.testimonies__btn-wrap {
margin-top: 40px;
/* @include desktop-up {
margin-top: $spacing-md;
} */ }
@media (min-width: 1680px) {
.testimonies__btn-wrap {
margin-top: 60px; } }
.testimonies .btn-footer-wrap {
margin-top: 75px;
text-align: center; }
.testimonies .swiper {
overflow: visible; }
.testimonies .swiper-slide {
font-size: 18px;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto; }
.testimonies .swiper-scrollbar {
background-color: #175D81; }
.testimonies .swiper-scrollbar-drag {
background: #ff0092; }
.testimonies .swiper-scrollbar__wrap {
padding-block: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.testimonies .swiper-scrollbar__wrap {
display: none; } }
.testimonies .swiper-horizontal > .swiper-scrollbar,
.testimonies .swiper-scrollbar.swiper-scrollbar-horizontal {
height: 10px;
left: 0;
right: 0;
width: 100%;
position: relative;
margin-block: 12px; }
.testimonies .swiper-scrollbar-indicator {
color: #e6e7e8;
white-space: nowrap; }
.testimonies .swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.testimonies .swiper-button-prev,
.testimonies .swiper-button-next {
width: auto;
height: auto;
background: none;
top: 50%;
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.testimonies .swiper-button-prev {
left: -20px; }
.testimonies .swiper-button-next {
right: -20px; }
.testimonies .swiper-button-prev svg,
.testimonies .swiper-button-next svg {
display: none; }
@media (min-width: 768px) {
.testimonies .swiper-button-prev svg,
.testimonies .swiper-button-next svg {
display: block; } }
.testimonies .swiper-button-next:after,
.testimonies .swiper-button-prev:after {
display: none; }
.demo-form {
overflow: unset; }
.demo-form__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
padding-bottom: 0px;
gap: 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.demo-form__wrapper {
padding-top: 160px;
padding-bottom: 80px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 80px; } }
.demo-form .background-img {
position: absolute;
top: 0;
right: 0;
width: 500px;
z-index: 1; }
.demo-form.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1; }
.demo-form.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
/* max-width: 611px;
max-height: 500px; */
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
/* background: linear-gradient(225deg,
#163498 9.38%,
#1e57f7 50.52%,
#2bf9eb 92.62%);
opacity: 0.2;
filter: blur(82px); */
opacity: 0.2; }
@media (min-width: 1680px) {
.demo-form.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.demo-form.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.demo-form.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 10%;
left: 30%;
border-radius: 1117.262px;
opacity: 0.3;
background: #1e57f7;
width: 1117.262px;
height: 452px;
-webkit-filter: blur(100px);
filter: blur(100px); }
.demo-form.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 27%;
right: 20%;
border-radius: 488.062px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
width: 488.062px;
height: 415.87px;
opacity: 0.7; }
.demo-form.bg-gradient .bg-gradient__background .circle-gradient--three {
top: 25%;
background: #ff0092;
left: 30%;
border-radius: 293.202px;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 293.202px;
height: 249.832px;
opacity: 1; }
.demo-form.bg-gradient .bg-gradient__background .circle-gradient--four {
top: 15%;
right: 0;
width: 324.161px;
height: 276.212px;
border-radius: 324.161px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px);
opacity: 0.5; }
@media (max-width: 767px) {
.demo-form.bg-gradient .bg-gradient__background {
display: none; } }
.demo-form.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.demo-form__left-side {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
padding: 0 15px; }
@media (min-width: 768px) {
.demo-form__left-side {
padding: 0; } }
.demo-form__left-side .banner-second-level__content {
max-width: 100%;
padding-top: 0; }
.demo-form__left-side .banner-second-level.with-img h1 {
font-size: 50px; }
.demo-form__left-side .banner-second-level {
min-height: auto;
background: none; }
.demo-form__left-side .points-list-card__point {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: no-repeat;
padding: 0;
-webkit-backdrop-filter: none;
backdrop-filter: none; }
.demo-form__left-side svg {
width: 100%;
height: auto; }
.demo-form__left-side .logos__title {
font-weight: 600;
margin-bottom: 20px; }
.demo-form__left-side .logos__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px; }
@media (min-width: 768px) {
.demo-form__left-side .logos__items {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.demo-form__left-side .logos__items img {
width: 100%;
height: 34px; } }
.demo-form__left-side .logos__items img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
height: auto; }
.demo-form__right-side {
padding: 0 15px;
position: relative;
z-index: 2;
top: 0; }
@media (min-width: 768px) {
.demo-form__right-side {
padding-right: 0; } }
.demo-form__right-side .form-wrap {
/* border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
backdrop-filter: blur(50px); */
padding: 40px;
/* min-width: 100%; */
background-color: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
width: 100%; }
@media (min-width: 768px) {
.demo-form__right-side .form-wrap {
min-width: 470px; } }
.blog {
padding-top: 120px; }
.blog__wrapper {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
gap: 40px; }
@media (min-width: 1025px) {
.blog__wrapper {
grid-template-columns: 1fr 510px; } }
.blog main {
grid-column: 1;
display: grid;
gap: 20px;
overflow-x: unset; }
.blog aside {
grid-column: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px; }
@media (min-width: 1025px) {
.blog aside {
grid-column: 2; } }
.blog aside .popular-articles {
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
overflow: hidden; }
.blog aside .popular-articles__header {
position: relative;
z-index: -1;
padding: 15px 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
overflow: hidden;
color: #ffffff;
text-overflow: ellipsis;
/* Title 5 */
font-family: "Rubik", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 120%;
/* 33.6px */ }
.blog aside .popular-articles__item {
padding: 15px 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5); }
.blog aside .popular-articles__item:last-child {
border-bottom: none; }
.blog aside .popular-articles p {
overflow: hidden;
color: #ffffff;
text-overflow: ellipsis;
/* Body medium */
font-family: "Rubik", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%;
/* 27px */
margin-bottom: 10px; }
.blog aside .cta-subscribe {
position: relative; }
.blog aside .cta-subscribe__outer-wrap::before {
display: none; }
.blog aside .cta-subscribe__text-wrap {
border-radius: 10px;
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.blog aside .cta-subscribe__text-wrap::before {
display: none; }
.blog aside .cta-subscribe__text-wrap h5 {
-webkit-margin-before: 5px;
margin-block-start: 5px; }
.blog aside .cta-subscribe__text-wrap p {
font-size: 16px; }
.blog aside .cta-subscribe__email-wrap {
margin-top: 15px; }
.blog aside .cta-subscribe__email-wrap input {
background: rgba(255, 255, 255, 0.2);
color: #ffffff; }
.blog aside .cta-subscribe__email-wrap input::-webkit-input-placeholder {
color: #ffffff;
opacity: 1; }
.blog aside .cta-subscribe__email-wrap input::-moz-placeholder {
color: #ffffff;
opacity: 1; }
.blog aside .cta-subscribe__email-wrap input::-ms-input-placeholder {
color: #ffffff;
opacity: 1; }
.blog aside .cta-subscribe__email-wrap input::placeholder {
color: #ffffff;
opacity: 1; }
.blog aside .cta-subscribe__email-wrap input:-ms-input-placeholder {
color: #ffffff; }
.blog aside .cta-subscribe__email-wrap input::-ms-input-placeholder {
color: #ffffff; }
.blog aside .cta-subscribe__email-wrap input:not(:placeholder-shown) {
background: rgba(255, 255, 255, 0.2); }
.blog aside .cta-subscribe__email-wrap input:focus {
background: rgba(255, 255, 255, 0.2); }
.blog aside .cta-subscribe__img {
position: absolute;
bottom: 0;
width: 100%; }
.blog aside .cta-subscribe__img svg {
width: 100%; }
.blog aside .cta-subscribe__checkbox-item {
margin-bottom: 30px; }
.blog aside .cta-subscribe__checkbox-item label {
color: #ffffff; }
.blog aside .cta-subscribe__checkbox-item input[type='checkbox']:checked + .checkmark {
background: rgba(255, 255, 255, 0.2); }
.blog aside .cta-subscribe .checkmark {
background: rgba(255, 255, 255, 0.2); }
.blog aside .cta-subscribe__submit {
background-color: #ffffff; }
.blog aside .cta-subscribe__submit::after {
-webkit-filter: unset;
filter: unset; }
.blog aside .cta-subscribe__social-media h5 {
-webkit-margin-before: 0px;
margin-block-start: 0px;
-webkit-margin-after: 10px;
margin-block-end: 10px; }
.blog aside .cta-subscribe__social-media .social-media__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 28px; }
.blog aside .cta-subscribe__social-media .social-media__list a {
border-radius: 40px;
background: rgba(86, 88, 97, 0.5);
width: 60px;
height: 60px;
padding: 18px; }
.blog aside .cta-subscribe__outer-wrap,
.blog aside .cta__outer-wrap {
overflow: hidden; }
.blog aside .cta-subscribe__text-wrap,
.blog aside .cta__text-wrap {
padding: 40px 60px;
-webkit-clip-path: unset;
clip-path: unset; }
.blog aside .cta-subscribe__text-wrap::before,
.blog aside .cta__text-wrap::before {
z-index: 0;
right: -50px;
left: unset; }
.blog aside .cta-subscribe__btn-wrap a,
.blog aside .cta__btn-wrap a {
margin-top: 10px; }
.blog .big-card-wrap {
position: relative;
min-height: 470px; }
@media (min-width: 768px) {
.blog .big-card-wrap {
min-height: 620px; } }
@media (min-width: 1680px) {
.blog .big-card-wrap {
min-height: 800px; } }
.blog .card {
position: unset;
border: 0; }
.blog .card:hover .card__img img {
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.blog .card__img {
width: 85%; }
.blog .card__img img {
border-radius: 10px; }
.blog .card__content {
position: absolute;
z-index: 1;
width: 80%;
bottom: 0;
right: 10px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
padding: 40px; }
.blog .card__content h3 {
font-size: 32px;
font-weight: 400;
line-height: 120%;
font-family: "Rubik", sans-serif;
letter-spacing: normal; }
.blog .card__content .btn-wrap {
margin-top: 15px; }
.blog .card-with-img {
padding: 30px 40px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
margin-bottom: 23px; }
.blog .card-with-img:not(:last-child) {
border-bottom: 0; }
.blog .card-with-img:first-child {
padding-top: 30px; }
.blog .card-with-img:last-child {
padding-bottom: 30px;
margin-bottom: 0; }
.blog .card-with-img .tag {
color: #ff0092;
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.blog .card-with-img .btn-wrap {
margin-top: 15px; }
.blog .card-with-img__content {
width: 100%; }
.blog .card-with-img__content h4 {
font-size: 22px;
font-weight: 400;
line-height: 150%;
font-family: "Rubik", sans-serif;
letter-spacing: normal; }
.blog .card-with-img__img {
display: none; }
.blog.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
.blog.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
position: absolute; }
@media (min-width: 1680px) {
.blog.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.blog.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.blog.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 10%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.blog.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 15%;
left: 7%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
.blog.bg-gradient .bg-gradient__background .circle-gradient--three {
background: #ff0092;
right: -92px;
top: -166px;
-webkit-filter: blur(150px);
filter: blur(150px);
width: 445px;
height: 381px;
border-radius: 271.481px;
opacity: 0.4; }
.blog.bg-gradient .bg-gradient__background .circle-gradient--img {
top: 0%;
left: 30%;
-webkit-transform: translate(-30%, -25%) img;
-o-transform: translate(-30%, -25%) img;
transform: translate(-30%, -25%) img;
transform-width: 80%; }
@media (min-width: 1680px) {
.blog.bg-gradient .bg-gradient__background .circle-gradient--img {
top: 10%;
left: 45%; } }
.blog.bg-gradient .bg-gradient__background .circle-gradient--four {
top: -30%;
right: 40%;
width: 451.907px;
height: 385.062px;
border-radius: 451.907px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px);
opacity: 0.5; }
.blog.bg-gradient .bg-gradient__background .circle-gradient--five {
top: -30%;
left: 10%;
width: 300.147px;
height: 255.75px;
border-radius: 300.147px;
background: #2bf9eb;
-webkit-filter: blur(150px);
filter: blur(150px); }
@media (max-width: 767px) {
.blog.bg-gradient .bg-gradient__background {
display: none; } }
.blog.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.post-card__header {
font-family: "Rubik", sans-serif;
font-size: 14px;
font-style: normal;
margin: 0; }
.post-card__header.eyebrow {
color: #ff0092;
font-weight: 700;
line-height: 120%;
/* 16.8px */
letter-spacing: 4.2px;
text-transform: uppercase;
margin-bottom: 15px; }
.post-card__header.date {
color: #b6b7bb;
font-weight: 400;
line-height: 150%;
/* 21px */
text-transform: uppercase;
margin-bottom: 5px; }
.post-card__header.author {
color: #fff;
font-weight: 700;
line-height: 150%;
/* 21px */
margin-bottom: 10px; }
.resource-grid-blog {
position: relative;
margin-top: 40px; }
.resource-grid-blog .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% + 16px);
margin-left: -8px;
margin-top: -20px;
gap: 20px; }
@media (min-width: 992px) {
.resource-grid-blog .row {
margin-top: -40px; } }
@media (min-width: 1025px) {
.resource-grid-blog .row {
width: calc(100% + 24px);
margin-left: -12px; } }
.resource-grid-blog .intro-block {
margin-bottom: 40px; }
@media (min-width: 1280px) {
.resource-grid-blog .intro-block {
margin-bottom: 50px; } }
@media (min-width: 1680px) {
.resource-grid-blog .intro-block {
margin-bottom: 60px; } }
.resource-grid-blog__item {
width: 100%; }
.resource-grid-blog .pagination-v2 {
margin-top: 20px; }
@media (min-width: 992px) {
.resource-grid-blog .pagination-v2 {
margin-top: 25px; } }
@media (min-width: 1280px) {
.resource-grid-blog .pagination-v2 {
margin-top: 40px; } }
@media (min-width: 1680px) {
.resource-grid-blog .pagination-v2 {
margin-top: 45px; } }
.resource-grid-blog .pagination-v2 .dots {
pointer-events: none; }
.resource-grid-blog .no-data {
color: black;
width: 100%;
text-align: center;
margin: 68px 0; }
.resource-grid-blog .primary-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
gap: 20px;
padding: 20px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(16, 21, 44, 0.5);
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.resource-grid-blog .primary-card {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.resource-grid-blog .primary-card__img {
height: 186px;
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
border-radius: 10px; }
.resource-grid-blog .primary-card h4 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-weight: 400; }
.resource-grid-blog .primary-card p {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.resource-grid-blog .primary-card__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 1;
height: auto;
border: 0; }
@media (min-width: 768px) {
.resource-grid-blog .primary-card__content {
padding: 0px; } }
.resource-grid-blog .primary-card__content a {
margin-top: 15px;
bottom: 0; }
.sticky-nav-buttons {
overflow: visible;
padding: 80px 0 0 0; }
.sticky-nav-buttons .container {
padding: 0 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (min-width: 576px) {
.sticky-nav-buttons .container {
padding: 0 40px 0; } }
.sticky-nav-buttons__logo img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.sticky-nav-buttons__wrapper {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
padding: 20px 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out, top 0.4s ease-in-out;
position: relative; }
@media (min-width: 576px) {
.sticky-nav-buttons__wrapper {
padding: 20px 40px; } }
@media (min-width: 768px) {
.sticky-nav-buttons__wrapper {
padding: 20px 80px; } }
.sticky-nav-buttons__wrapper::after {
content: '';
/* Necesario para que el pseudo-elemento aparezca */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgba(255, 255, 255, 0.15)), color-stop(90%, rgba(255, 0, 146, 0.3)));
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.15) 70%, rgba(255, 0, 146, 0.3) 90%);
background: -o-linear-gradient(left, rgba(255, 255, 255, 0.15) 70%, rgba(255, 0, 146, 0.3) 90%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 70%, rgba(255, 0, 146, 0.3) 90%);
pointer-events: none; }
@media (min-width: 1025px) {
.sticky-nav-buttons__wrapper {
padding: 20px 0; } }
.sticky-nav-buttons__wrapper.stuck {
position: fixed;
z-index: 40;
top: 132px;
background-color: #0E111E;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
-webkit-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out; }
@media (min-width: 2500px) {
.sticky-nav-buttons__wrapper.stuck {
max-width: 2500px;
width: 100%;
margin: 0 auto; } }
@media (max-width: 1024px) {
.sticky-nav-buttons__wrapper.stuck {
top: 79px; } }
.sticky-nav-buttons__inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 1024px) {
.sticky-nav-buttons__inner-wrap {
padding: 20px 0;
overflow-x: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: hidden; }
.sticky-nav-buttons__inner-wrap::-webkit-scrollbar {
background-color: transparent;
height: 0; } }
.sticky-nav-buttons__inner-wrap .btn-nav-blog {
padding: 13px 20px;
border-radius: 4px;
border: 1px solid #ffffff;
color: #ffffff;
font-family: "Gabarito", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 100%;
/* 14px */ }
.sticky-nav-buttons__inner-wrap .btn-nav-blog:hover {
background-color: #ffffff;
color: #0E111E; }
.sticky-nav-buttons__item {
display: inline-block;
vertical-align: top;
margin-top: 0;
font-weight: 400;
position: relative; }
@media (max-width: 1024px) {
.sticky-nav-buttons__item {
position: relative; } }
.sticky-nav-buttons__item:not(:last-child) {
margin-right: 66px; }
@media (min-width: 1025px) and (max-width: 1279px) {
.sticky-nav-buttons__item:not(:last-child) {
margin-right: 40px; } }
@media (max-width: 1024px) {
.sticky-nav-buttons__item:not(:last-child) {
margin-right: 35px; } }
.sticky-nav-buttons__item a {
font-size: inherit;
color: inherit;
-webkit-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out; }
.sticky-nav-buttons__item a::after {
content: '';
position: absolute;
bottom: -91%;
left: 0;
height: 3px;
width: 0;
background-color: #ff0092;
-webkit-transition: width 0.3s ease-in-out;
-o-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out; }
@media (min-width: 1025px) and (max-width: 1279px) {
.sticky-nav-buttons__item a::after {
bottom: -104%; } }
@media (max-width: 1024px) {
.sticky-nav-buttons__item a::after {
bottom: -50%; } }
@media (min-width: 1025px) {
.sticky-nav-buttons__item a:hover {
color: #ff0092; } }
.sticky-nav-buttons__item a.active {
color: #ff0092; }
.sticky-nav-buttons__item a.active::after {
width: 100%; }
.scrolling-down .sticky-nav-buttons__wrapper.stuck {
top: 0; }
.value-drive {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px; }
.value-drive.bg-lines .background-img__content {
display: block !important; }
.value-drive.bg-lines .background-img__top {
position: absolute;
width: 35%;
z-index: 0;
top: -45%;
right: -5%; }
.value-drive.bg-lines .background-img__bottom {
position: absolute;
width: 20%;
z-index: 0;
bottom: -20%;
left: 0; }
.value-drive .row {
gap: 5px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.value-drive .car-with-image {
gap: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.value-drive .car-with-image__image {
text-align: end; }
.value-drive .car-with-image__image img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
width: 110px;
height: 110px;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.value-drive .car-with-image--reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.value-drive .car-with-image--reverse .car-with-image__image {
text-align: start; }
.value-drive .car-with-image__card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 290px;
padding: 25px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.value-drive .car-with-image__card.flex-grow-1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.value-drive .car-with-image__card h3 {
margin-top: 10px;
display: -webkit-box;
-webkit-line-clamp: 1;
/* número de líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.value-drive .car-with-image__card p {
font-size: 16px;
display: -webkit-box;
-webkit-line-clamp: 3;
/* número de líneas */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.value-drive .car-with-image__card img {
width: 60px;
height: 60px;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.value-drive .big-image {
height: 355px;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px); }
.value-drive .big-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover; }
.value-drive .big-card-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 768px) {
.value-drive .big-card-images {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.value-drive .big-card-images .bigger img {
width: 210px;
height: 180px; }
.value-drive .btn-wrap {
margin-top: 75px;
text-align: center; }
.founders.bg-gradient .bg-gradient__background {
display: block !important;
bottom: 0;
height: 100%;
left: 0;
overflow: visible;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0; }
.founders.bg-gradient .bg-gradient__background .circle-gradient {
display: inline-block;
border-radius: 44.33%;
width: 80%;
height: 100%;
position: absolute;
opacity: 0.2; }
@media (min-width: 1680px) {
.founders.bg-gradient .bg-gradient__background .circle-gradient {
max-width: 640px;
max-height: 540px; } }
@media (min-width: 992px) {
.founders.bg-gradient .bg-gradient__background .circle-gradient {
width: 50%; } }
.founders.bg-gradient .bg-gradient__background .circle-gradient--one {
top: 20%;
left: 30%;
width: 313px;
height: 268px;
border-radius: 313px;
opacity: 0.4;
background: #ff0092;
-webkit-filter: blur(150px);
filter: blur(150px); }
.founders.bg-gradient .bg-gradient__background .circle-gradient--two {
top: 40%;
left: 5%;
width: 306px;
height: 261px;
opacity: 1;
border-radius: 306px;
background: -webkit-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: -o-linear-gradient(315deg, #1e57f7 0%, #2bf7eb 100%);
background: linear-gradient(135deg, #1e57f7 0%, #2bf7eb 100%);
-webkit-filter: blur(100px);
filter: blur(100px); }
@media (max-width: 767px) {
.founders.bg-gradient .bg-gradient__background {
display: none; } }
.founders.bg-gradient .bg-gradient__background img {
height: auto;
-o-object-fit: cover;
font-family: "object-fit:cover;object-position:center";
object-fit: cover;
-o-object-position: center;
object-position: center;
width: 100%;
overflow: visible; }
.founders .row .col-two {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.founders .row .col-two:last-child {
-ms-flex-item-align: center;
align-self: center;
margin-top: 20px; }
@media (min-width: 768px) {
.founders .row .col-two:last-child {
margin-top: 0; } }
@media (min-width: 768px) {
.founders__information {
padding-left: 100px; } }
.founders__information h3 {
color: #ff0092;
font-weight: 600;
margin-bottom: 60px;
line-height: 120%; }
.founders__information-title {
margin-bottom: 20px; }
.founders__information-title img {
width: 40px;
height: 31px; }
.founders .founders-card__shadow::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 32, 41, 0)), to(#202029));
background: -webkit-linear-gradient(top, rgba(32, 32, 41, 0) 0%, #202029 100%);
background: -o-linear-gradient(top, rgba(32, 32, 41, 0) 0%, #202029 100%);
background: linear-gradient(180deg, rgba(32, 32, 41, 0) 0%, #202029 100%);
z-index: 1; }
.founders .founders-cards {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 15px;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px; }
@media (min-width: 576px) {
.founders .founders-cards {
grid-template-columns: repeat(2, 1fr); } }
.founders .founders-cards__founder {
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
background: -webkit-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: -o-linear-gradient(38deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
background: linear-gradient(52deg, rgba(14, 17, 30, 0.58) 21.98%, rgba(23, 28, 46, 0.58) 97.96%);
-webkit-box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
box-shadow: 0px 24px 60px 0px rgba(0, 0, 0, 0.26);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
position: relative; }
.founders .founders-cards__founder img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
font-family: "object-fit:cover";
object-fit: cover;
border-radius: 8px;
/* Opcional para bordes redondeados */ }
.founders .founders-cards__founder h2 {
font-family: "Hurricane", sans-serif;
color: #fff;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 120%;
/* 48px */
position: absolute;
bottom: 15px;
left: 0;
right: 0;
text-align: center;
z-index: 2; }
.founders .founders-cards__founder.small-founder {
width: 252px;
height: 252px; }
.founders .founders-cards__founder.small-founder h2 {
font-size: 30px; }
.founders .founders-cards__founder.left-founder {
justify-self: flex-start;
-ms-flex-item-align: end;
align-self: flex-end; }
.founders .founders-cards__founder.right-founder {
justify-self: flex-end; }
/*# sourceMappingURL=main.css.map */