body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

.hero-section {
    background: url('images/img.jpg') no-repeat center center;
    background-size: cover;
    height: 1080px;
    color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 6.25rem;
}

@media (max-width: 575px) {
    .hero-section {
/*        max-height: 100vh;*/

        height: auto;
    }
}

#top-navigation{
    font-size: 1.125rem;
    padding: 1rem 0;
    height: 6.25rem;
}

#top-navigation .navbar-brand{
    margin-left: 0.625rem;
    max-width: 18vh;
}

#top-navigation .navbar-brand img{
    width: 100%;
    object-fit: contain;
    max-height: 2rem;
}

#top-navigation .navbar-toggler{
    margin-left: auto;
    margin-right: 1rem;
    background-color: var(--custom-color-cyan);
}

.top-bar {
    height: 2.5rem;
}

body.scrolled #top-navigation{
    transition: background-color 0.2s;
    background: var(--custom-color-blue);
}

#top-navigation a {
    color: var(--custom-color-white);
    font-weight: normal;
}
#top-navigation .navbar-nav a{
    border-bottom: 2px solid transparent;
}
#top-navigation .navbar-nav a:hover{
    border-bottom-color:var(--custom-color-cyan);
}



#top-navigation .nav-item{
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
}


@media (max-width: 991px) {
    #top-navigation .navbar-collapse {
        background: var(--custom-color-cyan);
/*        z-index: 1;*/
    }
}



.top-bar li:not(:first-of-type){
    visibility: collapse;
    opacity: 0;
}

.top-bar:hover li{
    transition: opacity .2s, visibility 0s;
    visibility: unset;
    opacity: 1;
}

.custom-list-language a{
    color: var(--custom-color-white);
    text-decoration: none;
    border: 2px solid var(--custom-color-cyan);
    border-radius: 100%;
    font-size: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--custom-color-blue);
}
.custom-list-language a:hover,
.custom-list-language a.active
{
    background-color: var(--custom-color-cyan);
}

.custom-list-language li:not(:first-of-type):before{
    content: '';
    height: 10px;
    width: 50%;
    display: block;
    border-right: 2px solid var(--custom-color-cyan);
}

.logo img {
    height: 32px;
}

.languages span {
    margin-left: 10px;
    cursor: pointer;
}

.languages span.active {
    text-decoration: underline;
    font-weight: bold;
}

.navigation .nav-link {
    color: white;
    margin: 0 10px;
    position: relative;
    text-decoration: none;
}

.navigation .nav-link:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    width: 100%;
    background-color: #0c2e5c;
}

.hero-content h1 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 5rem;
}

.hero-content p {
    font-size: 2.1rem;
    margin-bottom: 2.625rem;
}

.hero-content strong{
    color: var(--custom-color-cyan);
}

@media (max-width: 575px) {
    body > section:not(.hero-section,.benefits-section) {
        padding-top: 3.75rem!important;
        padding-bottom: 6.25rem!important;
    }
}
@media (min-width: 576px) {
    .hero-content p {
        font-size: 2.625rem;
    }
}

.hero-section .hero-content{

}
/*
.hero-section .hero-content :is(.d-lg-block:not(.visible),.d-block > :not(.visible)){
    display: none!important;
}
.hero-section .hero-content .cursor{
    color: white;
}
@keyframes blink {
    from, to {
        color: transparent;
    }
    50% {
        color: white;
    }
}
span.cursor {
    animation: blink 1s step-end infinite;
}
*/
/* HERO
www/components/front/mas/animations/mas-animation-scale.css
CUSTOM
*/
@keyframes animationScale {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes animationHide {
    0% {
        display: block;
        opacity: 1;
    }
    50%{
        display: none;
        opacity: 0;
        transform: scaleY(0);
        visibility: hidden;
    }
    100% {
        height: 0;
        padding: 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
    }
}
.mas-animation-scale p{
    transform: scale(0);
    --display-time:0s;
    --animation-iteration-count: 1;
}
.mas-animate .mas-animation-scale p{
    animation: 1s ease 0s var(--animation-iteration-count) animationScale forwards;
}

.mas-animate:not(.mas-animate-done) .mas-animation-scale:is(.mas-animation-scale-blocks-2,.mas-animation-scale-blocks-3) > :is(:nth-of-type(1),:nth-of-type(2),:nth-of-type(3)),
.mas-animate:not(.mas-animate-done) .mas-animation-scale.mas-animation-scale-blocks-3  > :is(:nth-of-type(4),:nth-of-type(5),:nth-of-type(6))
{
    animation: 1s ease 0s var(--animation-iteration-count) animationScale forwards, 0.5s ease calc(var(--display-time) + 5.5s) animationHide forwards;
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(2) {
    animation-delay: 2s,calc(var(--display-time) + 5.5s)!important;
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(3) {
    animation-delay: 4s,calc(var(--display-time) + 5.5s)!important;
}

.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(4) {
    animation-delay: calc(var(--display-time) + 6s),calc(2 * var(--display-time) + 11.5s)!important;
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(5) {
    animation-delay: calc(var(--display-time) + 8s),calc(2 * var(--display-time) + 11.5s)!important;
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(6) {
    animation-delay: calc(var(--display-time) + 10s),calc(2 * var(--display-time) + 11.5s)!important;
}

.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(7) {
    animation-delay: calc(2 * var(--display-time) + 12s);
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(8) {
    animation-delay: calc(2 * var(--display-time) + 14s);
}
.mas-animate:not(.mas-animate-done) .mas-animation-scale > :nth-of-type(9) {
    animation-delay: calc(2 * var(--display-time) + 16s);
}



.mas-animate .mas-animation-scale > :nth-of-type(n+4){
/*    display: none;*/
}

.our-offer-section{
    padding: 3.75rem 0 6.25rem;
    background: url(images/Neural_network.svg) no-repeat 3rem -52rem;
}
.our-offer-section .card{
    --bs-card-title-color: var(--custom-color-cyan);
    --bs-card-color: white;
    --bs-card-cap-color: white;
    --bs-card-border-radius: 0;

    --bs-card-spacer: 0;
    --bs-card-spacer-y:0;

    --bs-card-spacer-x: 0;
    --bs-card-cap-padding-x: 0;

    padding:2.5rem 0;

}
.our-offer-section .row > :not(:first-of-type) .card {
    border-top: 2px solid white;
}
@media (min-width: 768px) {
    .our-offer-section .card{

        padding:0 2.5rem;
    }

    .our-offer-section .row > :not(:first-of-type) .card {
        border-top: none;
        border-left: 2px solid white;
    }
}


.preventing-section {
    padding: 3.75rem 0 6.25rem;
    background: url('images/Neural_network.svg') no-repeat  -25rem -44rem;
}

.preventing-section .card{
    height: 11.25rem;
    justify-content: center;
    padding: 2rem;
    font-size: 1.125rem;
}
@media (min-width: 576px) {
    .preventing-section .card {
        padding: 3.125rem;
        font-size: 1.375rem;
    }
}

.preventing-section .card:before{
    content: '';
    position: absolute;
    left: -0.9375rem;
    top:50%;
    background: var(--custom-color-cyan);
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 0.9375rem;
    transform: translateY(-50%);
}

.benefits-section {
    color: white;
    background: url("images/benefits-image.jpg") no-repeat;
    background-size:cover;
    min-height: 57.5rem;
    font-size: 1.125rem;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

@media (max-width: 575px) {
    .benefits-section .p-sm-7 {
        padding: 3.75rem 1.75rem 6.25rem !important;
    }
}

.benefits-section h2{
    font-size: 2rem;
    font-weight: bold;
    margin-top:0;
    margin-bottom: 0;
}

.benefits-section p{
    margin-top: 2.5rem;
    margin-bottom: 0;
}

.benefits-section ul {
    padding-left: 0;
    list-style: none;
}

.benefits-section li:before{
    content: "\2022";
    color: var(--custom-color-cyan);
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    transform: scale(1.5);
}
.benefits-section li{
    margin-left: 1em;
}

.testimonials-section {
    padding: 3.75rem 0 6.25rem;
    color: white;
}
.testimonials-section .container-fluid{
    overflow: hidden;
}


.testimonials-section h2,
.preventing-section h2
{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 3.4375rem;
    color: var(--custom-color-blue);
    text-align: center;
}

.testimonials-section #custom-card-ribbon{
/*    width: max-content;*/
/*    overflow: auto;*/
/*    white-space: nowrap;*/
/*    padding-bottom: 2rem;*/
    width: 59rem;
    margin:auto;
}
.testimonials-section/* #custom-card-ribbon*/ .custom-card{
    padding: 3.75rem 6.25rem;
    color: var(--custom-color-blue);
    font-size: 1.125rem;
    width: 50rem;
    height: 31.25rem;
    display: inline-flex;
    margin: 0 4.5rem;

    overflow: initial;
    white-space: initial;
}
.testimonials-section .custom-card .card-body{
    padding: 0;
}

.testimonials-section .card-title{
    font-weight: bold;
    font-size: 1.125rem;
}

.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}
.swiper-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide.swiper-slide-active {
}
.swiper-slide-prev, .swiper-slide-next {

}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -0.825rem;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -0.825rem;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: url(images/Arrow_circle_SM.svg);
    transform: scaleX(-1);
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: url(images/Arrow_circle_SM.svg);
}

@media (max-width: 575px) {
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: url(images/Arrow_circle_SM2.svg);
    }
}


.card.custom-card-rating{
    background: var(--custom-color-light-gray);
    height: 10rem;
    border-radius: 5rem;
    padding: 1.25rem 11.25rem;
    align-items: stretch;
    margin: -1.5rem;
    color: var(--custom-color-blue);
}

.card.custom-card-rating:before{
    content:url("images/Q_marks.svg");
    position: absolute;
    right:5rem;
    top:-1rem;
}

.custom-card-img-left{
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 3.75rem;
    background: white;
}

.card.custom-card-rating .card-body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.stars {
    color: gold;
    font-size: 1.2rem;
}

@media (max-width: 575px) {
    .testimonials-section .custom-card {
        height: auto;
    }
    .card.custom-card-rating {
        padding: 1.25rem 1.25rem;
        height: auto;
        /*border-bottom-left-radius: 3rem;
        border-bottom-right-radius: 3rem;*/
        border-radius: var(--bs-card-border-radius);/*3rem;*/
        margin-top: 2.5rem!important;
    }
    .card.custom-card-rating:before{
        content: none;
    }
    .custom-card-img-left {
        margin: 1.25rem auto;
        position: unset;
    }
}

@media (max-width:767px) {
    .testimonials-section .custom-card {
        padding: 1rem;
    }
    .card.custom-card-rating {
        margin: 0;
    }
}
@media (min-width: 575px) and (max-width:767px) {
    .card.custom-card-rating .card-text{
        width: max-content;
    }
}
@media (max-width:991px) {
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: -0.2rem;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: -0.2rem;
    }

    .testimonials-section .custom-card {
        margin: 0 2rem;
    }
}
@media (max-width:1190px) {
    .testimonials-section #custom-card-ribbon {
        max-width: 100%;
    }
}


.principles-section {
    padding: 6.25rem 0;
    background: url('images/Neural_network.svg') no-repeat 36rem -40rem;
}

.principles-section h2{
    font-size: 1.375rem;
    font-weight: bold;
}

#principles .card.custom-bg-blue-gradient:after {
    content: url(images/Pivot_symbol.svg);
    position: absolute;
    right: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
}

@media (max-width: 575px) {
    #principles .p-7 {
        padding: 2rem !important;
    }
}

.cta-section {
    background: url('images/cta-bg.jpg') no-repeat center center;
    background-size: cover;
    color: white;
}
.cta-section h2{
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.arrows {
    font-size: 2rem;
    color: #0c2e5c;
    margin-top: 20px;
}

.benefits-icons-section {
    color: white;
    padding: 60px 20px;
}

.benefits-icons-section h2{
    font-size: 2rem;
    color: var(--custom-color-blue);
    font-weight: bold;
}

.benefits-icons-section .row{
    --bs-gutter-x: 2.5rem;
}

.benefits-icons-section .card{
    width:17.5rem;
    height: 18.75rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.benefits-icons-section .card img{
    width: 7.5rem;
    height: 7.5rem;
    margin: 1.875rem auto;
}

.team-section {
    color: var(--custom-color-blue);
}

.team-section h2{
    font-size: 2rem;
    font-weight: bold;
    margin-top: 0;
    text-align: center;
}
.team-section p{
    font-size: 1.125rem;
}

.team-section .row{
    --bs-gutter-x: 2rem;
    color: var(--custom-color-blue);
}

.team-section .card {
    color: var(--custom-color-blue);
    font-size: 1.125rem;
    height: 26.25rem;
}

.team-section .card-body{
    padding: 0 2.5rem 1.125rem ;
}
.team-section .card-title{
    font-weight:bold;
}
.team-section :is(.card-body,.card-title,.card-text){
    font-size: 1.125rem;
}

.team-section .card img{
    width: 7.5rem;
    height: 7.5rem;
    margin: 2.5rem auto 1.25rem;
}

.contact-section {
    background: url('images/contact-bg.jpg') no-repeat center center;
    background-size: cover;
    color: white;

}

footer nav a{
    color: white;
    text-decoration: none;
    margin-right: 3.75rem;
}

.social-icons img {
    height: 32px;
    margin: 0 10px;
    transition: transform 0.2s;
}

.social-icons img:hover {
    transform: scale(1.1);
}

form.custom-form-radius{
    --bs-border-radius: 1.25rem
}

.custom-form-radius *{
    --bs-border-radius: 1.875rem
}

.custom-form-radius label{
    color: var(--custom-color-blue);
    padding-left: 1.25rem;
    padding-bottom: 0.5rem;
}

.custom-form-radius input.form-control{
    height: 3.125rem;
    padding: 1.25rem;
}

.custom-form-radius .form-control{
    padding: 1.25rem;
    --bs-border-color: var(--custom-color-blue);
    --bs-border-width: 2px;
}

.custom-form-radius textarea{
    height: 9.375rem;
}

.custom-form-radius .form-check-input{
    --bs-border-width:2px;
    --bs-border-color: var(--custom-color-blue);
}

.custom-form-radius .form-check-label{
    padding-left: 0;
}
.custom-form-radius .btn-outline-primary{
    height: 3.125rem;
    min-width: 11.25rem;
    text-transform: uppercase;
    --bs-btn-border-color: var(--custom-color-cyan);
    --bs-btn-border-width: 2px;
    --bs-btn-color: var(--custom-color-blue);
}

@media (min-width: 576px) {
    #top-navigation {
        padding: 1.875rem 2.5rem;
    }
}




/* Cookies */
body {
    position: relative!important;
}
#cookiesShow{
    position: absolute!important;
    left: 1rem!important;
    bottom: 1rem!important;
}
#cookiesShowAction {
    font-size: 0!important;
    line-height: 11px!important;
    border: none!important;
    background: transparent!important;
}

/* TEMp*/
.justify-content-between {
    justify-content: space-between !important;
}