.globalworld {
    position: relative;
    margin-top: -30px;
    margin-bottom: 50px;
    padding-top: 100px;
    padding-bottom: 100px;
    /* background-color: #e8f8ff; */
    background: linear-gradient(to right, #f3fbff, #ffffff);
}

    .globalworld .picture {
        font-size: 0;
        display: block;
    }

    .globalworld .imgBg {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        opacity: 0;
    }

    .globalworld .map-container {
        position: relative;
    }

    .globalworld .marker {
        position: absolute;
        width: 10px;
        height: 10px;
        cursor: pointer;
        overflow: visible;
    }

    .globalworld .blinking-part {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: red;
        animation: blink 3s infinite;
    }

    .globalworld .tooltip {
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        padding: 10px 15px;
        /* 调整内边距以使气泡更宽 */
        border-radius: 4px;
        width: 150px;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        opacity: 1;
        display: none;
    }

        .globalworld .tooltip h4 {
            margin: 0 0 5px;
            /* 调整下边距以创建间距 */
            color: yellow;
            font-size: 14px;
        }

        .globalworld .tooltip p {
            margin: 0;
            font-size: 12px;
        }

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.globalworld .red-marker .blinking-part {
    border-radius: 0%;
    background-color: red;
}

.globalworld .blue-marker .blinking-part {
    background-color: blue;
}

.globalworld .green-marker .blinking-part {
    background-color: green;
    transform: rotate(45deg);
    border-radius: 0%;
}

.globalworld .media .thumb img {
    width: 98px;
    height: 80px;
}

.contactus {
    margin-top: 0px;
    margin-bottom: 100px;
}

.contactmessgae {
    padding: 50px;
    background: linear-gradient(to right, #f3fbff, #ffffff);
}


/* Remove default border and radius from form elements */
.contactmessgae .form-control, .form-control:focus {
    border: none; /* removes the border */
    border-radius: 0; /* sets the radius to 0 to make edges sharp */
    border-bottom: 1px solid #ccc; /* adds the bottom border */
}

/* Style the label to be inline with the input */
.contactmessgae .form-group {
    display: flex;
    align-items: center;
}

.contactmessgae .label-inline {
    margin-right: 10px; /* adds some space between the label and input */
}

/* Ensure the select elements match the text inputs in styling */
.contactmessgae select.form-control {
    -webkit-appearance: none; /* removes default styling for select elements */
    -moz-appearance: none;
    appearance: none;
}

/* For the reCAPTCHA and submit button alignment */
#recaptcha, #submit {
    display: inline-block;
    vertical-align: middle;
}

.contactmessgae .form-group label {
    min-width: 100px;
}

.contactmessgae .form-control .txtcontents {
    width: 100%;
    min-height: 300px !important;
    border: 1px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

    .contactmessgae .form-control .txtcontents:focus {
        border: 1px;
        border-radius: 0;
        border-bottom: 1px solid #ccc;
    }

.contactmessgae .my-code {
    max-width: 200px; /* 或您希望的任何宽度 */
}

 .contactmessgae .my-button {
    width: 100px; /* 按钮的宽度 */
}




.contactmessgae1 { 
   
}

   .contactmessgaetitle {
        font-size: 20px;
        inset-inline:1em;
    }

    .contactmessgaerequired {
        font-size: 16px;
    }

    /* Remove default border and radius from form elements */
    .contactmessgae1 .form-control, .form-control:focus {
        border: none; /* removes the border */
        border-radius: 0; /* sets the radius to 0 to make edges sharp */
        border-bottom: 1px solid #ccc; /* adds the bottom border */
    }

    /* Style the label to be inline with the input */
    .contactmessgae1 .form-group {
        display: flex;
        align-items: center;
    }

    .contactmessgae1 .label-inline {
        margin-right: 10px; /* adds some space between the label and input */
    }

    /* Ensure the select elements match the text inputs in styling */
    .contactmessgae1 select.form-control {
        -webkit-appearance: none; /* removes default styling for select elements */
        -moz-appearance: none;
        appearance: none;
    }

/* For the reCAPTCHA and submit button alignment */
#recaptcha, #submit {
    display: inline-block;
    vertical-align: middle;
}

.contactmessgae1 .form-group label {
    min-width: 100px;
}

.contactmessgae1 .form-control .txtcontents {
    width: 100%;
    min-height: 300px !important;
    border: 1px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

    .contactmessgae1 .form-control .txtcontents:focus {
        border: 1px;
        border-radius: 0;
        border-bottom: 1px solid #ccc;
    }

.contactmessgae1 .my-code {
    max-width: 200px; /* 或您希望的任何宽度 */
}

.contactmessgae1 .my-button {
    width: 100px; /* 按钮的宽度 */
}