:root {
    --width-textarea: 600px;
    --height-textarea: 300px;
}

p {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}
.ContainerImpressum {
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: "";
    padding-bottom: "";
    overflow-x: hidden;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 24px;
    padding-right: 20%;
    padding-left: 10%
}

@media screen and (max-width:500px) {
    .ContainerImpressum {
        padding-right: 2%;
        padding-left: 0;
        padding-top: 10%
    }
}

.ContentImpressum {
    padding-top: 7rem
}

@media screen and (max-width:500px) {
    .ContentImpressum {
        padding-right: 10%;
        padding-left: 10%;
        padding-top: 10%
    }
}

.HeadingImpressum {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-bottom: 2.5rem
}

@media screen and (max-width:500px) {
    .HeadingImpressum {
        font-family: Poppins-Regular, sans-serif;
        font-size: 33px;
        color: #00005c;
        margin-bottom: 50px;
        margin-top: "";
        text-align: ""
    }
}

.Representatives {
    padding-bottom: 3.5rem
}

.HeadingLiabilityNotice {
    font-family: Poppins-SemiBold, sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 2rem
}

.ImpressumLink {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #123cf4;
    letter-spacing: 0;
    line-height: 24px
}

.ImpressumLink:hover {
    color: #2069ff
}

.ContainerPP {
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: "";
    overflow-x: hidden;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 24px;
    font-family: Karla-Regular, sans-serif;
    padding: 7rem 20% 0 10%
}

.HeadingPrivacyPolicy {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-bottom: 2.5rem
}

@media screen and (max-width:500px) {
    .HeadingPrivacyPolicy {
        font-family: Poppins-Regular, sans-serif;
        font-size: 33px;
        color: #00005c;
        margin-bottom: 50px;
        margin-top: "";
        text-align: ""
    }
}

.TextPrivacyPolicy {
    padding-bottom: 3.5rem
}

.SubHeadingPrivacyPolicy {
    font-family: Poppins-SemiBold, sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 36px;
    margin-bottom: 2rem
}

.RepresentativesPrivacyPolicy {
    padding-bottom: 3.5rem
}

.SubSubHeading {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}

.ContainerContactForm {
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: center;
    padding-bottom: "";
    overflow-x: hidden;
    width: 100vw;
    height: 100vh
}

.HeadingContactForm {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 56px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 64px;
    background-color: #ebebf1;
    width: 85%;
    padding: max(30px, 3vw) 7.5vw;
    text-align: center
}

.ContactForm {
    display: grid;
    grid-template-areas: "name name" "namevalid namevalid" "mail mail" "mailvalid mailvalid" "message message" ". messagecount" "cancel send";
    grid-template-rows: 39px 24px 39px 40px 200px 70px 40px;
    grid-template-columns: 45% 45%;
    grid-column-gap: 10%;
    margin: max(60px, 5vw);
    width: min(300px, 90vw)
}

.NameInput {
    grid-area: name
}

#InvalidName {
    grid-area: namevalid
}

.MailInput {
    grid-area: mail
}

#InvalidMail {
    grid-area: mailvalid
}

.MessageInput {
    grid-area: message
}

.CharCount {
    grid-area: messagecount;
    font-size: 18px;
    font-size: 14px;
    margin-top: 2px;
    text-align: end
}

.CharCount,
input[type=text],
textarea {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    color: #333;
    letter-spacing: 0;
    line-height: 24px
}



input[type=text],
textarea {
    font-size: 18px;
    padding: 16px;
    resize: none
}

.textfield .formlink {
    background-color: transparent;
    border: 2px solid #123cf4;
    border-radius: 0.6rem;
    color: #123cf4;
    cursor: pointer;
    display: flex;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 20px;
    padding: 1.2rem 2.8rem;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins-Regular', sans-serif;
    font-weight: 700;
}

.InvalidInput {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-size: 12px;
    color: red;
    margin-top: 2px;
    margin-left: 10px
}

.InvalidInput,
input[type=submit] {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

input[type=submit] {
    grid-area: send;
    font-size: 20px;
    color: #123cf4;
    line-height: 28px;
    background-color: #123cf4;
    color: #fff;
    box-sizing: border-box;
    padding: .5rem 1rem;
    display: table-cell;
    cursor: pointer;
    border: none;
    text-decoration: none;
    text-align: center;
    line-height: 100%
}

input[type=submit]:hover {
    background-color: #2069ff;
    color: #fff
}

input[type=submit]:disabled {
    background-color: #ebebf1;
    color: #74809e;
    cursor: default
}

.CancelButton {
    grid-area: cancel;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 28px;
    background-color: #123cf4;
    color: #fff;
    box-sizing: border-box;
    padding: .5rem 1rem;
    display: table-cell;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 100%;
    border: 2px solid #123cf4;
    background-color: #fff;
    color: #123cf4
}

.CancelButton:hover {
    background-color: #f9f8fc
}

@font-face {
    font-family: Poppins-Regular;
    src: url(/static/Poppins-Light-f6ea751e936ade6edcd03a26b8153b4a.ttf)
}

@font-face {
    font-family: Karla-Regular;
    src: url(/static/Karla-Light-345e34af5689a037bcf1c203e7f48ef2.ttf)
}

@font-face {
    font-family: Karla-Bold;
    src: url(/static/Karla-SemiBold-377c995cdc95f97aa358c7e5a2599d34.ttf)
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(/static/Poppins-SemiBold-4cdacb8f89d588d69e8570edcbe49507.ttf)
}

.nav {
    display: flex;
    justify-content: flex-start;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 4px 6px -6px #222;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}

.DigitalMP {
    font-family: Poppins-SemiBold, sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #00005c !important;
    letter-spacing: 0;
    line-height: 36px;
    text-decoration: none;
    /* position: fixed; */
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 22px;
    padding-bottom: 16px;
    padding-left: 10%;
    box-sizing: content-box
}

.nav--logo {
    margin-right: 5%;
}
.nav--item {
    font-family: Poppins-Regular, sans-serif;
    font-weight: normal;
    font-size: 20px;
    padding: 1.5%;
    margin: 0 2%;
}

@media screen and (max-width:1012px) {

}
@media screen and (max-width:500px) {
    .DigitalMP {
        font-size: 20px;
        text-align: center;
        padding: 12px 0 8px
    }
}

body {
    margin: 0
}

.ContainerSection1 {
    display: flex;
    flex-direction: column;
    background: #f0f5fc;
    /* align-items: "";
    padding-bottom: ""; */
    overflow-x: hidden
}

.TextblockAndImage {
    display: flex;
    flex-direction: row;
    padding: min(140px, 15%) 5% 10% 10%;
    gap: 5vw
}

@media screen and (max-width:1012px) {
    .TextblockAndImage {
        display: flex;
        flex-direction: column-reverse;
        padding: 20% 5% 10%;
        align-items: center
    }
}

@media screen and (max-width:1012px) {
    .contactpage .TextblockAndImage {
        align-items: normal;
        flex-direction: column !important;
    }
}
.Textblock {
    flex: 1 1;
    padding-right: 10%
}

.contactpage .TextblockAndImage {
    display: flex;
    flex-direction: row;
    padding: min(140px, 15%) 10% 10% 10%;
    gap: 5vw;
    max-width: 1224px;
}

.contactpage .Textblock {
    flex: 1 1;
    padding-right: 0;
}


@media screen and (max-width:500px) {
    .Textblock {
        padding-right: 0
    }
}

.Heading {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 56px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 64px;
    font-size: 52px;
    width: 120%
}

.contactpage .Heading {
    width: 100%;
}

@media screen and (max-width:1012px) {
    .Heading {
        font-family: Poppins-Regular, sans-serif;
        font-weight: 400;
        font-size: 32px;
        color: #00005c;
        letter-spacing: 0;
        line-height: 40px;
        width: 100%
    }
}

.Content {
    margin-top: 2vw;
    margin-bottom: 3vw;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}



@media screen and (max-width:1012px) {
    .Content {
        font-family: Karla-Regular, sans-serif;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        line-height: 24px;
        margin-bottom: 5vw
    }
}

.subcontent1 {
    margin-bottom: 10px
}

.ImageWrapper {
    flex: 1 1;
    margin-left: 0;
    margin-right: 0;
    display: block
}

@media screen and (max-width:1012px) {
    .ImageWrapper {
        flex: 2 1;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        justify-content: center
    }
}

.Image {
    width: 90%
}

@media screen and (max-width:1012px) {
    .Image {
        width: 65%
    }
}

.DownloadPoster {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #123cf4;
    letter-spacing: 0;
    line-height: 28px;
    background-color: #123cf4;
    color: #fff;
    box-sizing: border-box;
    padding: .5rem 1rem;
    display: table-cell;
    cursor: pointer;
    border: none;
    text-decoration: none;
    text-align: center;
    line-height: 100%;
    display: unset;
    line-height: 39px
}

.DownloadPoster:hover {
    background-color: #2069ff;
    color: #fff
}

.ContainerSection2 {
    display: flex;
    flex-direction: column;
    background: #123cf4;
    align-items: center;
    padding-bottom: 0;
    overflow-x: hidden
}

.ContentSection2 {
    display: grid;
    grid-template-areas: "video heading" "video text";
    grid-template-columns: 40vw 35vw;
    grid-column-gap: 5vw;
    grid-template-rows: 52px;
    grid-row-gap: min(2.5vw, 40px);
    margin: 5% 10% max(40px, 5%)
}

@media screen and (max-width:950px) {
    .ContentSection2 {
        grid-template-areas: " . heading . " "video video video" " . text . ";
        grid-template-columns: 5vw 90vw 5vw;
        grid-column-gap: 0;
        grid-row-gap: min(28px, 2.5vw);
        margin-left: 0;
        margin-right: 0
    }
}

.VideoWrapperSection2 {
    grid-area: video;
    display: flex;
    justify-content: center;
    align-items: center
}

.VideoSection2 {
    border: 5px solid #fff;
    max-width: none;
    max-height: none;
    width:calc(40vw - 10px);
    height:calc((40vw - 10px) / 16 * 9);
}



@media screen and (max-width:950px) {
    .VideoSection2 {
        max-width: 90vw;
        max-height: 50.625vw;
        width: 90vw;
        height: 50.625vw;
    }
}

@media screen and (max-width:500px) {
    .VideoSection2 {
        /* max-width: none;
        max-height: none; */
        width:100vw;
        height:50.625vw;
        /* style="width:calc(40vw - 10px);height:calc((40vw - 10px) / 16 * 9)" */
    }
}

.HeadingSection2 {
    grid-area: heading;
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    color: #fff
}

@media screen and (max-width:500px) {
    .HeadingSection2 {
        font-size: 30px
    }
}

.TextSection2 {
    grid-area: text;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px;
    color: #fff
}

@media screen and (max-width:500px) {
    .TextSection2 {
        font-family: Karla-Regular, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        line-height: 24px;
        color: #fff
    }
}

.ContainerSection3 {
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: center;
    padding-bottom: "";
    overflow-x: hidden
}

.HeadingSection3 {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-top: 60px
}

@media screen and (max-width:500px) {
    .HeadingSection3 {
        font-family: Poppins-Regular, sans-serif;
        font-weight: 400;
        font-size: 32px;
        color: #00005c;
        letter-spacing: 0;
        line-height: 40px;
        margin-top: 40px
    }
}

.SubHeadingSection3 {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    margin: 2.5vw 5vw 0
}

@media screen and (max-width:500px) {
    .SubHeadingSection3 {
        font-size: 20px;
        line-height: 26px
    }
}

.ServiceCards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 5vw max(10vw, calc(42.5vw - 600px)) max(40px, 5vw);
    column-gap: 7.5vw;
    row-gap: min(7.5vw, 3rem)
}

.ServiceCard {
    font-family: Karla-Regular, sans-serif;
    color: #333;
    padding: "" "" "" 0;
    flex: 1 1;
    font-size: 18pt;
    flex-basis: 30vw;
    min-width: 300px;
    max-width: 400px
}

.ImageWrapperServiceCard {
    flex: 1 1;
    margin-left: 0;
    margin-right: 0
}

.ImageServiceCard {
    width: 30%
}

.CardHeading {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

.CardHeading,
.CardText {
    font-family: Karla-Regular, sans-serif;
    color: #333;
    letter-spacing: 0
}

.CardText {
    font-size: 18px;
    line-height: 24px;
    margin-top: 2.5px
}

.ContainerSection4 {
    display: flex;
    flex-direction: column;
    background: #cfe1fc;
    align-items: "";
    padding-bottom: "";
    overflow-x: hidden
}

.TextblockAndImageSection4 {
    display: grid;
    grid-template-areas: "image heading" "image text";
    grid-template-columns: 45vw 35vw;
    grid-column-gap: 5vw;
    grid-row-gap: max(40px, 2.5vw);
    margin: 5% 5% max(40px, 5vw)
}

@media screen and (max-width:1200px) {
    .TextblockAndImageSection4 {
        grid-template-areas: "heading" "image" "text";
        grid-template-columns: 80vw;
        grid-column-gap: 0
    }
}

.ImageWrapperSection4 {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: image;
    max-width: 864px
}

@media screen and (max-width:1200px) {
    .ImageWrapperSection4 {
        max-width: 600px
    }
}

.ImageSection4 {
    width: 100%;
    max-width: 575px
}

.HeadingSection4 {
    grid-area: heading;
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-top: 5%
}

@media screen and (max-width:500px) {
    .HeadingSection4 {
        font-size: 28px
    }
}

.StatementsSection4 {
    grid-area: text;
    display: flex;
    flex-direction: column;
    gap: 2.5vh
}

.ContentSection4 {
    display: flex;
    flex-direction: row;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}

@media screen and (max-width:500px) {
    .ContentSection4 {
        font-family: Karla-Regular, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        line-height: 24px
    }
}

.IconWrapperSection4 {
    padding-right: max(1vw, 15px);
    padding-left: max(1vw, 15px)
}

.ContainerSection5 {
    display: flex;
    flex-direction: column;
    background: #cfe1fc;
    align-items: center;
    padding-bottom: 5%;
    overflow-x: hidden
}

.carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media screen and (max-width:670px) {
    .ContainerSection5 {
        display: flex;
        flex-direction: column;
        background: #cfe1fc;
        align-items: center;
        padding-bottom: 10%;
        overflow-x: hidden;
        overflow-y: hidden
    }
}

.HeadingSection5 {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-top: 5vw;
    margin-bottom: 3.5vw
}

@media screen and (max-width:670px) {
    .HeadingSection5 {
        font-family: Poppins-Regular, sans-serif;
        font-size: 26px;
        color: #00005c;
        margin-bottom: 50px;
        margin-top: 5%;
        text-align: "";
        padding-left: 5%
    }
}

.Carousel {
    display: flex;
    max-width: 1000px;
    max-height: 600px;
    width: 94vw;
    height: 156.66667vw;
    flex-direction: row;
    align-items: center;
    /* padding-bottom: 2.5rem; */
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:670px) {
    .Carousel {
        width: 100%
    }
}

#Nummer1 {
    min-width: min(1000px, 94vw);
    display: flex;
}

@media screen and (max-width:670px) {
    #Nummer1 {
        max-width: min(1000px, 94vw);
        display: flex;
    }
}
.SliderWithArrows {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5%
}

@media screen and (max-width:670px) {
    .SliderWithArrows {
        padding-bottom: 10%
    }
}

.LeftArrow {
    height: 49px;
    width: 29px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHaADAAQAAAABAAAAMgAAAAC+Ioy+AAAC3klEQVRYCcWYz48MQRTHX1WPiTEtO/aABEH8ByTC7KyTk4u/QFy4IBEhYU8cV0LisFaCZMOfQJycRPcSJ9yc/D44mB7ZYbDTXd7rSfXM9NR013RXj3eYqvemqz7zrXr1YxrgPxgrimnX17aWOSwBsGMCxGsB7GzLsd8QrxBord7ZzbnvYP87I1ECfq1Daf+au/Edj4KGKkog9c1gU4l1r1LVKHQskEhoTIgylcagMwc7exn3n2Of/SElwoAJwVfINQIlIC/7zzBBdg0whqoCYMFbrT6hYO5EShtSgiDwiufY16lOVuoV2T51gKjrmudUIyCRMivVAQoBi55rL8QlZYLmAWZSmhc4MdQEcCKoDhDT9FbTtS/E5zDua82pSaCWUtPAVGgRwERoUcCx0CKBSqgOEG8Cdzxn8xnqIIsNZe80gPQjI+i0gAQNz9PwPGS+i/74AxjEcp4hJZg0Nk2FEsoZ7z5AZ6xC3NqemlIYQUVQOonOFxmIl3jqH6012ifi8Tw+b61WPgZdax47/6zqiDFgOPEPZ+d+nlJ9nyUWJlLrZeWDCKx57CBBsbhrChwtGfrFOkkFgp1uutX7WRTKNkPQaYFHoNMAKy/blFz+X+sILpevckhGSibuYVafH4lrBJRKZbuZ+u99Fu866G+XsXiJm/85XMe34/EkPxFKDYsAp0KLAGtBTYO1oSEY/51ZG/wXeCBuI19lOnM8EZQgdAzmBSuXjEqBjP14VXnvr1uHcTl9k7F4idv10myjfTEel/7ESmVDHcX47KWmY9+UbWQ5sVLZcEDx+A0E4IZKcWYowQksmFVP3LkU4FxQAntO5VPgW4008JZG+zI9T5Z5TnvN+5+1Q5093MIXVgx29KPDtUCw4y23+ii3UtktXQTSFDMQ4e3DGJTg4Q0kYY5xWL/Tc0ah1CHNsTK5eu8GFwuBSvCfLhzAtyuPycdL39uAQZ1eRpJfuNHRWDhEB/APThVt3uC5g24AAAAASUVORK5CYII=) no-repeat;
    margin-right: 7.5%;
    flex-shrink: 0
}

.LeftArrow:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAxCAYAAAAm/aJCAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHaADAAQAAAABAAAAMQAAAAD5gvZuAAADFUlEQVRYCcWYzY8MQRjGn2ZjiIiDuEm4CAfEhYMIiyDrM7JWsjM9G3HxF7jv3f8g1uwc1gphkfgIExEXF7EOEg6bjbmuLMFuMO15e9SoaV1d3T3Vu5V0V3X1W++vnrequqsbWIbkFcf0j9L3VSDYwrwOfLkCTH0XXkHQSpm+x+le8x+8ILuf9cEKnhwnAXq1bqAgvAOAf1BKjqH+CJ0zlCa/rY2OoeUqHY6JU0OaBX4+lnt9BoOM1RWfCm+YGwWfee8UMDkvNg7CG45hgsJgjhiOZ31adUqbXaoqS+4P0vomD0PnQyAnT+2d7tVgrJuYygIMJrICxVtOpQrorYzvUrxCZZsD2hswh9LegRmh1dNA6w5HJFdIVWglTzmRQuBtF8CUSjtAw4MkedLoClXZMpHcAy1KiwEmQIsDGqDl45ww93k4G0M1liqPzN4QeK9IYERpB7hK9ag7zz5Lu9v/u/o7e5cOKGhClxYoUI6pd5mHIaRigo/AwkxYcnQitHmBvp6Y/Xl7gdJToLrWbJPtjvZEqjyk4oGE5q+AeW6g2xvmBDvrLW3JNM/QOkEx9gHrHwFDa6xeLQaaUrHs5wNhExVDPglM6SWweIw7ux8mA1u9plRMG7+ATydYSFK8n2PM/etAyebcdD8CFbO04A2MSD5wJLzRvlWmOLm4STamZwy1bKIzhTpGqQ5onuNVUqgPt5fTxdV6K1vZolSap5pcXE59R4DrCzag3E8BFTO34JRQAUvy+Z7FybAYf0q1nCxjGvW8eJY1D6K12rUsJ+sjM6NScT/EfW/pLgsJioPXfJcc4ofTN61DnWIOqLTtDZwxvKqzk7+5PhnqgDt+U/L28IvgedzbKSdUQALeej4d+NI6vWs5w6u7GGXHP9zi6pMHiSEFbzgP+DV+7asY9KBU+R9tpVC8m8Mhyy0UafgCUw7T5o0AGJwE5raxxY74Vt5mYFcDeDvjQKlCiOLxYY5xTdX8nzv/j6QQ9REDeFb9R3IUXgVU+TSX0k7uQuTXnKTgPZcPX4ETzfZ1oefh7dxXy5+05U9/AEot6jEGrzJFAAAAAElFTkSuQmCC) no-repeat;
    cursor: pointer
}

@media screen and (max-width:670px) {
    .LeftArrow {
        display: none
    }
}

.RightArrow {
    height: 49px;
    width: 29px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAyCAYAAACgadDsAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHaADAAQAAAABAAAAMgAAAAC+Ioy+AAACzElEQVRYCc2YzYoTQRCAq6KRlRmMkxdQfAT3IJoguuuKpz2I4EGQvejJo+vFoyfRmydFFBEPLqKwCC6IelFEJN58As8mbJwxQn7KqtmZECbdszPdnWgdMumfqq+rq7qnpwH+gWDKrDXClQrAHUA6zHXPOj1/HVr4O213+YyhtePhcqUCbxFhPAgC+IZ973T7C3ZdAsUWO8c/Fbg7CZQ6ph+lavShfowOSNmlxFBE2qcyOitwDGW/HqmgUidgqEbvg0Wq6fqUrR/HsN4IHzNhLcdAi3recqeF2zl9CjWNoQCEQSN6yrG9pNN0lVwTUEHNB5yBzgesgO6A681wg9PogpRUYjPVSfZmzSK1P/oXebpfZFvSMo/WeB1rPE1NU4U9fu7a412gAncPLgDdAQeN8BUirqZzkH2WibEmplmTOOp88s8T0Wa2JS2XiXFBT1PTtIc9fmnrcUmowO3BBlB7sCE0ATej12zgnJRUokuugomkMonDTs9bZcNbqlap4wEpNxALTxPUIlWD/dFmGY/toQk7aIZv8sBA8JX+eCvyPnYGBfa4vhBt8ZwuJeOYeqQxdgcVxClaCAbhdz5UHpkiJhW8wdy3SKRps0E/upULlGPtwL+xd1rVrIZjepun7bpWm2MKHNN2C7tOoHy2uodA13TAOJYD7wwnUXxwt45pDMRdgJkvBSuoCVBmwxhqCjSG2gCNoEHz1wNeFldEWSXpBpD3tVdqel0AZaCFoa6AhaEugYWgroECzd2R+BD2hOf/snRUSZGkUelpYxoD0T1QBqGEzhKohM4aOAWdB1Cg40RK7hy0ScN9W8B3DvI+FEUbiU8O7OE6R3ctx5CzSw5hJMcVujov4BjKH0Q/VVBZh9D3llxc40zajz0dDuEmEZ9MJ8R04U+Y0P6Noduf/XcjhLMM+iE9R0QPO13vZN7rSWvRpOHgid4hE73/XucvOYCI/SoBv/0AAAAASUVORK5CYII=) no-repeat;
    margin-left: 7.5%;
    flex-shrink: 0
}

.RightArrow:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAxCAYAAAAm/aJCAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHaADAAQAAAABAAAAMQAAAAD5gvZuAAADD0lEQVRYCcWYzWoUQRDH/7NRg0H04NEgETzkoEEEEUQkuwG/QFHEr53N1SfwFbz4BnpSdpMoiqJe/A6CKIIoBhEPvoO6aDRKdvzXzjQpN9OzPbO9ScNO11RX96+ruqZntoFVKMESMzwIBJeBaIT1NPD9IvBgfqndn5RAwwkO+YQwNQm84wTKwFTTHy4eqRRXwaUOoKh3UzcLhBtjG3/XBIrNliEJxlPg9CZLeyG1gV6x9w72AOseErzBbpOvZSA2n3sF7BxhOHeldw+GgYEKMHoT+PQn3cZdqxOHcq3OrmFG9zecGJOu/jPDpmuThorxioA7oSsCNomkQxIBjUkqprSyQ97LZ/gZk2t9h97pNg0qHR3Bg4+LgNPCq2frssYvgQVuobd+6Y5Zcjeo9PUOtoVXT9Ql1PsBCfWRQd3RJiebg61Z6+fuAmPbqRnTWiVvBYb2AVu4gXxZVPplYg6o9O0K3uYCzgn1Ay4A7R3skr1CSSsuWf2c4T4MXP2rB3DJXm2vZZesrgDz94ELa3XHXjw147h4zPfx0HHjsQ+owHOBfUFzgXtZUxNeU3ONW4/MjaVmUjV3eISGVaB0zQIT9QJXYRy48d5TeKvnCJzJALKpxUyenhUbD57WTtGDRgYw8TAGeoAKMOIGH1h2tojv2OAQP+Re6En1EN7JYwwZ3zxZwNYEMPNaA3vwtA28UwRYEBqeZEi5tQVrOj1I7n+znY/Gcg+Nfc7wVo8Sds8OlDVMD6kBSp0je2snfAAF6uipAKPbNM/I0u4eClCKg6e1M7TLyFJwDVv8BLWvYZukLl2g4Vl6yKMAW4l+AIsVAvnt615sGcgRBAhubf8dCaiRBVgq89/HW6V0Ei1r6gqs5wbKrFKg/QUKtGNNq/JvLSukzTikxTwUoBTlqQCD6/wpXWwUXyMCgwP8G/lBa4vICSD1HEmN5w8ogybhTT1HSqDRV18eGi/MmtrOkb4RWPYRUgOU2kDTzpEIxLhvoECTvbR9jsSNQhJFSvSZ8+HW1vgY3/f1en4UaD82faWsyuD/AIq/2B3z6zrRAAAAAElFTkSuQmCC) no-repeat;
    cursor: pointer
}

@media screen and (max-width:670px) {
    .RightArrow {
        display: none
    }
}

.glide__arrows {
    margin: 1.5%;
}

.ContentCustomer {
    width: 100%;
    height: 75%;
    background: #fff;
    font-family: Karla-Regular, sans-serif;
    font-size: 32px;
    color: #333;
    padding: 5.25% 5.25% 0;
    justify-content: center;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    flex: 1 0;
    margin-bottom: 0;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .2)
}

@media screen and (max-width:670px) {
    .ContentCustomer {
        width: 100%;
        height: 75%;
        background: #fff;
        font-family: Karla-Regular, sans-serif;
        font-size: 32px;
        color: #333;
        justify-content: center;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        flex: 1 0;
        margin-bottom: 0;
        box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
        padding: 2%;
        /* width: 90% */
    }
}

.ContentTextCustomer {
    font-family: Karla-Regular, sans-serif;
    font-size: 22px;
    color: #00005c;
    padding-bottom: 2%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media screen and (max-width:670px) {
    .ContentTextCustomer {
        font-family: Karla-Regular, sans-serif;
        font-size: 18px;
        color: #00005c;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        position: relative;
        top: -10vw;
        padding: 2%
    }
}

.ReferenceText {
    align-self: flex-start;
    display: grid;
    grid-template-rows: 36px 100px
}

.ReferencePerson {
    font-family: Karla-Regular, sans-serif;
    font-size: 24px;
    color: #00005c;
    padding-bottom: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-family: Karla-Bold;
    padding-right: 2%;
    color: #fff;
    width: 100%
}

@media screen and (max-width:670px) {
    .ReferencePerson {
        font-family: Karla-Regular, sans-serif;
        font-size: 18px;
        color: #00005c;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        padding-bottom: 2%;
        padding-left: 5%;
        padding-top: 2%;
        color: #fff;
        font-weight: 700
    }
}

.ReferencePersonJob {
    font-family: Karla-Regular, sans-serif;
    font-size: 22px;
    color: #00005c;
    padding-bottom: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    color: #fff
}

@media screen and (max-width:670px) {
    .ReferencePersonJob {
        font-family: Karla-Regular, sans-serif;
        font-size: 18px;
        color: #00005c;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        padding-left: 5%;
        padding-bottom: 5%;
        color: #fff
    }
}

.ImageQuotation {
    width: 6.5%;
    margin-bottom: 5.25%
}

@media screen and (max-width:670px) {
    .ImageQuotation {
        width: 18%;
        position: relative;
        top:  -10vw;
        margin-left: 0;
        margin-bottom: 40px;
        max-width: 50px
    }
}

.ImageReference {
    max-width: 130px;
    width: 17.5vw;
    position: relative;
    top: -2vw;
    margin-right: 3%;
    flex-shrink: 0;
    border: 3px solid #fff;
    border-radius: 50%
}

@media screen and (max-width:670px) {
    .ImageReference {
        width: 30%;
        position: relative;
        top: -10vw;
        border: 3px solid #fff;
        border-radius: 50%;
        margin: 5%;
        max-width: 110px;
        min-width: 110px
    }
}

hr {
    width: 40%;
    height: 100px;
    background-color: #2069ff;
    border: 0;
    margin-top: 10%;
    margin-bottom: 5%;
    margin-left: 0
}

.circleInactive {
    background-color: #fff;
    border: 10px solid #fff;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 10px;
    margin-right: max(16px, 1.5vw);
    cursor: pointer;
}

.glide__bullet--active,
.circleActive {
    background-color: #2069ff;
    border: 10px solid #2069ff;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 10px
}

.circleWrapper {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.circleSpace {
    padding-right: max(16px, 1.5vw)
}

.ReferenceWrapper {
    width: 100%;
    height: 20%;
    background: #123cf4;
    font-family: Karla-Regular, sans-serif;
    font-size: 32px;
    color: #333;
    padding: 2% 5.25%;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-shrink: 0
}

@media screen and (max-width:670px) {
    .ReferenceWrapper {
        /* width: 90%; */
        padding: 2%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

.DesktopAlignment {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 500px
}

.SmartphoneAlignment {
    display: flex;
    flex-direction: column;
    padding-left: 5%
}

.ContainerSection6 {
    display: flex;
    flex-direction: column;
    background: #123cf4;
    align-items: "";
    padding-bottom: "";
    overflow-x: hidden
}

.TextblockAndImageSection6 {
    display: grid;
    grid-template-areas: "image heading" "image text" "image button";
    grid-template-columns: 30vw 40vw;
    grid-row-gap: 2.5vh;
    margin: 5% 15%
}

@media screen and (max-width:700px) {
    .TextblockAndImageSection6 {
        grid-template-areas: "image" "heading" "text" "button";
        grid-template-columns: 90vw;
        margin: 15% 5% 10%
    }
}

.ContainerSection10 {
    /* display: flex;
    flex-direction: row;
    background: #f0f5fc;
    align-items: center;
    padding-bottom: 0; */
    overflow-x: hidden;
    display: flex;
    flex-direction: row;
    background: #f0f5fc;
    align-items: flex-start;
    padding-bottom: 0;
    overflow-x: hidden;
    justify-content: space-around;
    word-break: break-all;
    word-break: break-word;
}

@media screen and (max-width: 1000px) {
    .ContainerSection10 {
        flex-direction: column;
    }
}


.TextblockAndImageSection10 {
    display: flex;
    flex-direction: column;
    color: #333;
    margin: 5% 5% max(40px, 5vw)
}

@media screen and (max-width:700px) {
    .TextblockAndImageSection10 {
        display: flex;
        flex-direction: column;
    }
}

.ContentSection10 {
    grid-area: text;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px;
}

.HeadingSection10 {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    margin-top: 60px;
}

.ImageWrapperSection6 {
    display: flex;
    align-items: center;
    grid-area: image
}

.ImageBorder {
    width: 25vw;
    height: 35.5vw;
    max-height: 461.5px;
    max-width: 325px;
    margin-left: 0;
    border: 3px solid #fff
}

/* @media screen and (max-width:700px) {
    .ImageBorder {
        width: 80vw;
        height: 113.6vw;
        margin-left: 10vw
    }
} */

.ImageSection6 {
    position: relative;
    width: 100%;

}

.HeadingSection6 {
    grid-area: heading;
    align-self: end;
    font-family: Poppins-SemiBold, sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 36px;
    color: #fff
}

@media screen and (max-width:700px) {
    .HeadingSection6 {
        font-family: Poppins-Regular, sans-serif;
        font-weight: 400;
        font-size: 32px;
        color: #00005c;
        letter-spacing: 0;
        line-height: 40px;
        font-size: 28px;
        color: #fff
    }
}

/* .DownloadPosterButton {
    grid-area: button;
    align-self: end;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #123cf4;
    letter-spacing: 0;
    line-height: 28px;
    background-color: #123cf4;
    color: #fff;
    box-sizing: border-box;
    padding: .5rem 1rem;
    display: table-cell;
    cursor: pointer;
    border: 2px solid #fff;
    text-decoration: none;
    text-align: center;
    line-height: 100%;
    max-width: 230px;
} */

.DownloadPosterButton:hover {
    background-color: #fff;
    color: #123cf4
}

.ContentSection6 {
    grid-area: text;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px;
    color: #fff
}

@media screen and (max-width:700px) {
    .ContentSection6 {
        font-family: Karla-Regular, sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #333;
        letter-spacing: 0;
        line-height: 24px;
        color: #fff
    }
}

.ContainerSection7 {
    display: flex;
    flex-direction: column;
    background: #fff;
    align-items: center;
    padding-bottom: 0;
    overflow-x: hidden
}

@media screen and (max-width:500px) {
    .ContainerSection7 {
        display: flex;
        flex-direction: column;
        background: #fff;
        align-items: center;
        padding-bottom: 5%;
        overflow-x: hidden
    }
}

.HeadingSection7 {
    font-family: Poppins-Regular, sans-serif;
    font-size: 35px;
    color: #00005c;
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 3.5vw;
    text-align: start
}

@media screen and (max-width:500px) {
    .HeadingSection7 {
        font-family: Poppins-Regular, sans-serif;
        font-size: 26px;
        color: #00005c;
        text-align: "";
        margin-top: 10vw;
        margin-bottom: 5vw;
        margin-left: 5%
    }
}

.TextblocksRowSection7 {
    display: flex;
    flex-wrap: wrap;
    gap: max(5vw, 25px);
    justify-content: space-evenly;
    margin: 0 10% 7.5%
}

@media screen and (max-width:500px) {
    .TextblocksRowSection7 {
        display: flex;
        flex-direction: column;
        padding-right: 10%;
        padding-bottom: 2%;
        padding-left: 5%
    }
}

.ContentArticle {
    display: grid;
    grid-template-areas: "line heading" "line text" "line link";
    grid-column-gap: 30px;
    grid-row-gap: 1vw;
    width: 33vw;
    min-width: 400px;
    max-width: 700px
}

@media screen and (max-width:1066px) {
    .ContentArticle {
        width: 90vw;
        grid-column-gap: 15px;
        min-width: 0
    }
}

.VerticalLine {
    grid-area: line;
    width: 7.5px;
    background: #2069ff;
    border-radius: 25px
}

.SubHeadingArticle {
    font-size: 24px;
    color: #00005c;
    line-height: 32px;
}

.ContentTextArticle,
.SubHeadingArticle {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    letter-spacing: 0
}

.ContentTextArticle {
    font-size: 18px;
    color: #333;
    line-height: 24px
}

.BlogLinkSection7 {
    padding-bottom: 2%;
    color: #123cf4;
    font-family: Karla-Regular, sans-serif;
    font-size: 18px;
    align-self: flex-end
}

.BlogLink:hover {
    color: #2069ff
}

.ContainerSection8 {
    display: flex;
    flex-direction: column;
    background: #cfe1fc;
    align-items: center;
    padding-bottom: 5%;
    overflow-x: hidden
}

form {
    width: 100%;
    box-sizing: border-box;
}

.contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-width: 300px;
}

.contact div p {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}

.contactpage .contact input {
    box-sizing: border-box;
    width: 300px;
}

.textfield {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}

.textfield div p {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
}

.contactpage .textfield textarea {
    box-sizing: border-box;
    width: 600px;
    height: 300px;
}

@media screen and (max-width:1000px) {
    .contactpage .textfield {
        flex-direction: column;
        align-items: baseline;
    }

    .contactpage .textfield textarea {
        width: var(--width-textarea);
        min-height: var(--height-textarea);
        max-width: 100%;
        width: 300px;
    }
}

@media screen and (max-width:1000px) {
    .ContainerSection8 {
        display: flex;
        flex-direction: column;
        background: #cfe1fc;
        align-items: center;
        padding-bottom: 10%;
        overflow-x: hidden
    }
}

.HeadingSection8 {
    font-family: Poppins-Regular, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 52px;
    padding: 5% 2.5% 2.5%
}

@media screen and (max-width:1000px) {
    .HeadingSection8 {
        text-align: center;
        font-size: 32px;
        line-height: 40px;
        padding-top: 35px
    }
}

.ContactPersonsSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: max(5vw, 50px)
}

.ContactFormContainer {
    display: flex;
    width: 80%;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2.5vw;
    margin-top: max(50px, 5vw)
}



.ContactFormHeading {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #00005c;
    letter-spacing: 0;
    line-height: 32px;
    font-family: Karla-Bold;
    text-align: center;
    height: 100%
}

@media screen and (max-width:500px) {
    .ContactFormHeading {
        font-size: 22px
    }
}

/* .ContactFormLink {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #123cf4;
    letter-spacing: 0;
    line-height: 28px;
    background-color: #123cf4;
    color: #fff;
    box-sizing: border-box;
    padding: .5rem 1rem;
    display: table-cell;
    cursor: pointer;
    border: none;
    text-decoration: none;
    text-align: center;
    line-height: 100%
}

.ContactFormLink:hover {
    background-color: #2069ff;
    color: #fff
} */

.contact--link {
    display: flex;
    width: 80%;
    margin: 0 auto 5% auto;
}

.ContactPerson {
    display: grid;
    grid-template-areas: "image ." "image name" "image company" "image text" "image email" "image .";
    grid-template-columns: 40% 50%;
    grid-column-gap: 5%;
    grid-row-gap: 0;
    width: 40vw;
    max-width: 600px;
    min-width: 450px
}

@media screen and (max-width:1000px) {
    .ContactPerson {
        width: 75vw;
        min-width: 450px
    }
}

@media screen and (max-width:500px) {
    .ContactPerson {
        grid-template-areas: "image" "name" "company" "text" "email";
        grid-template-columns: 100%;
        grid-column-gap: 0;
        grid-row-gap: 1vh;
        justify-items: center;
        width: 90vw;
        min-width: 0
    }
}

.ImagePerson {
    grid-area: image;
    width: 100%
}

@media screen and (max-width:500px) {
    .ImagePerson {
        width: 70%
    }
}

.NamePerson {
    grid-area: name
}

.Company,
.NamePerson {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #333;
    letter-spacing: 0;
    line-height: 32px
}

.Company {
    grid-area: company;
    font-family: Karla-Bold
}

.QualificationsContactPerson {
    grid-area: text;
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 24px
}

@media screen and (max-width:500px) {
    .QualificationsContactPerson {
        text-align: center
    }
}

.EmailContactPerson {
    grid-area: email
}

.EmailLink {
    font-family: Karla-Regular, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #123cf4;
    letter-spacing: 0;
    line-height: 24px
}

.EmailLink:hover {
    color: #2069ff
}

.ContentSection9 {
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 7rem;
    align-items: center
}

@media screen and (max-width:700px) {
    .ContentSection9 {
        flex-direction: column;
        padding-bottom: 3.5rem
    }
}

.BottomLine {
    display: flex;
    flex-direction: row;
    padding-top: 3.5rem;
    font-family: Karla-Regular, sans-serif;
    color: #333;
    font-weight: 700
}

@media screen and (max-width:700px) {
    .BottomLine {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.EntryBlockLeft {
    color: #333;
    padding-right: 4%
}

@media screen and (max-width:700px) {
    .EntryBlockLeft {
        padding-right: 0
    }
}

.Copyright {
    font-family: Karla-Regular, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 24px;
    min-width: 100%
}

@media screen and (max-width:700px) {
    .Copyright {
        text-align: center;
        padding-top: 10%
    }
}

.BlockRight {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.BlockRight,
.HeadingBlockRight {
    font-family: Karla-Regular, sans-serif;
    color: #333
}

.HeadingBlockRight {
    padding-top: 6rem;
    padding-bottom: 2rem;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px
}

@media screen and (max-width:700px) {
    .HeadingBlockRight {
        text-align: center;
        padding-bottom: 10%;
        padding-top: 3.5rem
    }
}

.Logo {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 190px;
    min-width: 10%
}

@media screen and (max-width:700px) {
    .Logo {
        padding-bottom: 10%;
        padding-right: 0
    }
}

.LogoImage {
    width: 100%
}

.CompanyLogos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 75px
}

@media screen and (max-width:700px) {
    .CompanyLogos {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2vh
    }
}

.PageButton {
    font-family: Karla-Regular, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 24px;
    background: none!important;
    border: none;
    padding: 0!important;
    cursor: pointer
}

.BlogLinkSection7 .BlogLink {
    color: #123cf4;
}

.BlogLinkSection7 .BlogLink:hover {
    color: #2069ff;
}

.BlogLink {
    color: white;
}

.BlogLink:hover {
    color: #f9f9f9;
}

/* https://github.com/glidejs/glide/issues/369 */

.glide__slides {    
    transform: translate3d(0, 0, 0) !important;
    overflow: visible;
}

.glide__slide {
    position: absolute;
    top: 0;
    left: 0;
    order: 2;
    opacity: 0;
    transition: opacity 150ms ease-in-out;
}

.glide__slide.glide__slide--active {
    position: relative;
    order: 1;
    opacity: 1;
    z-index: 1;
}


/* a.BlogLink, */
a.nav--item,
a.EmailLink {
    display: inline-block ;
    position: relative ;
    text-decoration: none ;
}

/* a.BlogLink::after, */
a.nav--item::after,
a.EmailLink::after {
    content: '' ; 
    position: absolute ;
    width: 100% ;
    transform: scaleX(0) ;
    border-radius: 5px ;
    height: 0.05em ;
    bottom: 0 ;
    left: 0 ;
    background: currentcolor ;
    transform-origin: bottom right ;
    transition: transform 0.25s ease-out ;
}
/* a.BlogLink:hover::after, */
a.nav--item:hover::after,
a.EmailLink:hover::after {
    transform: scaleX(1) ;
    transform-origin: bottom left ;
}

.contactpage .subcontent1 a.EmailLink {
    font-size: 24px;
}

@media screen and (max-width: 1012px) {
    .contactpage .subcontent1 a.EmailLink {
        font-size: 18px;
    }
}    

.dwl {
    display: flex;
    justify-content: center;
}

.btn {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    border: 2px solid #123cf4;
    border-radius: 0.6rem;
    color: #123cf4;
    cursor: pointer;
    display: flex;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 20px;
    padding: 1.2rem 2.8rem;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Poppins-Regular', sans-serif;
    font-weight: 700;
  }
  
.btn:hover  {
    color: #f0f5fc;
    outline: 0;
}

.btn:focus {
    color: #123cf4;
}

.first {
    transition: box-shadow 100ms ease-in-out, color 100ms ease-in-out;
}

.first:hover {
    box-shadow: 0 0 40px 40px #123cf4 inset;
}

/*  */

.btn--next {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    border: 2px solid #f0f5fc;
    border-radius: 0.6rem;
    color: #f0f5fc;
    cursor: pointer;
    display: flex;
    align-self: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 20px;
    padding: 1.2rem 2.8rem;
    text-decoration: none;
    text-align: center;
    text-transform: none;
    font-family: 'Poppins-Regular', sans-serif;
    font-weight: 700;
  }
  
.btn--next:hover  {
    color: #123cf4;
    outline: 0;
}

.btn--next:focus {
    color: #f0f5fc;
}

.second {
    transition: box-shadow 100ms ease-in-out, color 100ms ease-in-out;
}

.second:hover {
    box-shadow: 0 0 40px 40px #f0f5fc inset;
}