body {
    font-family: "Nunito Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:
        "wdth" 100,
        "YTLC" 500;
    overflow-x: hidden;
}

h1 {
    color: #666666;
    font-weight: 100;
}

h2,
h3 {
    color: #666666;
}

p {
    color: #666666;
    font-weight: 100;
}

.partWrapper {
    text-align: center;
    display: block;
    margin-bottom: 10svh;
}

.part1 {
    width: 98dvw;
    height: 97dvh;
    align-content: center;
}

.logo {
    width: 50vw;
}

.part1>h1 {
    margin-top: 10vh;
}

.blueCircle {
    position: absolute;
    top: -75px;
    right: -75px;
    width: 20%;
}

.lines {
    position: absolute;
    top: -75px;
    left: -75px;
    width: 40%;
}

.viewMore {
    font-size: xx-large;
    color: #666666;
}

.part2 {
    width: 98dvw;
    align-content: center;
}

.aboutUsWrapper {
    display: grid;
    grid-column-gap: 1vw;
    grid-template-columns: 70% 29%;
    text-align: left;
}

@media only screen and (max-width: 600px) {
    .aboutUsWrapper {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 1vw;
        text-align: left;
    }

    .aboutUsWrapper>picture>img {
        display: none;
    }
}

.aboutUsImage {
    height: 40svh;
    object-fit: cover;
    width: -webkit-fill-available;
}

.part3 {
    width: 98dvw;
    align-content: center;
}

.expertWrapper {
    text-align: left;
}

.jobTitle {
    color: #283C92;
}

.expertInfo {
    display: grid;
    grid-template-columns: 20% 79%;
    grid-column-gap: 1vw;
    grid-template-rows: auto auto;
    text-align: left;
}

.expertInfo>picture {
    grid-row: span 2;
}

.profilePictureWrapper {
    align-content: center;
    justify-self: center;
}

.profilePicture {
    border: 0px;
    border-radius: 50%;
    width: 15svw;
}

@media only screen and (max-width: 600px) {
    .expertInfo {
        display: grid;
        grid-template-columns: 100%;
        text-align: left;
    }
}

.part4 {
    width: 98dvw;
    align-content: center;
}

.servicesWrapper {
    display: grid;
    grid-template-columns: 50% 50%;
}


@media only screen and (max-width: 600px) {
    .servicesWrapper {
        display: grid;
    grid-template-columns: 100%;
    }
}

.serviceIcon {
    font-size: xxx-large;
    grid-row: span 2;
    align-content: center;
    justify-self: center;
}

.serviceItem {
    display: grid;
    grid-template-columns: 20% 30%;
}

.part5 {
    width: 98dvw;
    align-content: center;
    justify-items: center;
}

.contactUsWrapper {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-column-gap: 1vw;
    font-size: x-large;
    align-items: center;
}