@charset "utf-8";

.content-box {
    background: #EFF1F3;
}

.content-box .publications-title {
    color: #F75748;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.content-box .publications-title2 {
    color: #141414;
    font-family: "IBM Plex Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.2px;
}

.content-box .publish-book-title {
    margin: 5vw 0;
}

.content-box .contact-us-input {
    width: 100%;
    border-bottom: 1px solid rgba(22, 106, 201, 0.40);
}

.content-box .contact-us-message {
    width: 100%;
    border-bottom: 1px solid rgba(22, 106, 201, 0.40);
}

.content-box .contact-us-content {
    border-left: 1px solid rgba(22, 106, 201, 0.40);
    padding: 0 5vw;
    /* height: 30vw;/ */
}

.content-box .contact-us-content .input-box {
    margin-bottom: 2vw;
}

.content-box .contact-us-content .contact-us-title {
    color: #141414;
    font-family: "IBM Plex Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.78px;
}

.content-box .contact-us-content .contact-us-description {
    color: #141414;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
}

.content-box .submit-button {
    border-radius: 25px;
    background: var(--Button, linear-gradient(270deg, #2EAFFF 0%, #166AC9 83.3%));
    padding: 1vw;
    color: #FDFDFD;
    font-family: "IBM Plex Sans";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 106.667% */
    letter-spacing: -0.45px;
}

.content-box .contact-us-message-box {
    padding: 0 2vw 0 5vw;
}

.content-box .contact-us-message-box .title {
    color: #141414;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.12px;
    text-transform: uppercase;
}

.content-box .contact-us-message-box .desc {
    color: #141414;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
}

.content-box .contact-us-message-box .function {
    color: #166AC9;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.16px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.content-box .map-box {
    padding: 0 15vw;
}

.content-box .map-box .map {
    min-height: 50vw;
}

@media (max-width: 768px) {
    .content-box .contact-us-message-box {
        padding: 5vw 5vw 20vw 5vw;
        /* float: right; */
    }

    .content-box .contact-us-content {
        /* float: right; */
        height: auto;
        padding: 5vw 5vw 20vw 5vw;
    }

    .content-box .submit-button {
        width: 120px;
        float: left;
        height: 30px;
        font-size: 16px;
    }
}