.mc-main .page-hero,
.mc-main .legal_services,
.mc-main .trademark_registration {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--mc-color-navy), var(--mc-color-navy-soft));
}

.mc-main .page-hero::after,
.mc-main .legal_services::after,
.mc-main .trademark_registration::after {
    position: absolute;
    inset: auto -10% -45% auto;
    width: min(420px, 45vw);
    aspect-ratio: 1;
    border: 1px solid rgba(181, 138, 59, 0.28);
    border-radius: 50%;
    content: "";
    transform: translate3d(0, 0, 0);
}

.mc-main .page-hero > *,
.mc-main .legal_services > *,
.mc-main .trademark_registration > * {
    position: relative;
    z-index: 1;
}

.mc-main .page-hero,
.mc-main .about-us,
.mc-main .content_area,
.mc-main .countries_sec,
.mc-main .trademark_registration .wizard,
.mc-main .get_in_touch,
.mc-main .contact_form {
    animation: mc-page-enter 0.56s ease both;
}

.mc-main .about-us,
.mc-main .content_area,
.mc-main .countries_sec,
.mc-main .wizard,
.mc-main .get_in_touch,
.mc-main .contact_form,
.mc-main .price_card {
    border: 1px solid rgba(7, 27, 53, 0.10);
    border-radius: 16px;
    background: var(--mc-color-white);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.mc-main .about-us:hover,
.mc-main .content_area:hover,
.mc-main .countries_sec:hover,
.mc-main .get_in_touch:hover,
.mc-main .contact_form:hover,
.mc-main .price_card:hover {
    border-color: rgba(181, 138, 59, 0.35);
    box-shadow: 0 20px 44px rgba(7, 27, 53, 0.12);
    transform: translateY(-3px);
}

.mc-main .service-feature-list li,
.mc-main .contact_list li,
.mc-main .country_list {
    transition: color 0.2s ease, transform 0.2s ease;
}

.mc-main .service-feature-list li:hover,
.mc-main .contact_list li:hover,
.mc-main .country_list:hover {
    color: var(--mc-color-gold);
    transform: translateX(4px);
}

.mc-main .form-control:focus,
.mc-main .form-select:focus {
    border-color: var(--mc-color-gold);
    box-shadow: 0 0 0 0.22rem rgba(181, 138, 59, 0.18);
}

@keyframes mc-page-enter {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 991px) {
    .mc-main .page-hero,
    .mc-main .legal_services,
    .mc-main .trademark_registration {
        text-align: left;
    }

    .mc-main .col-lg-4 + .col-lg-8,
    .mc-main .col-lg-5 + .col-lg-7 {
        margin-top: 24px;
    }
}

@media (max-width: 575px) {
    .mc-main .page-hero,
    .mc-main .legal_services,
    .mc-main .trademark_registration {
        padding-inline: 0;
    }
}