.blue-bg {
    background: #2E3440 !important;
}

.cream-bg {
    background-color: #E0DDD395 !important;
}

.cream-two {
    background: #E0DFD9;
}

.green-bg {
    background: #3B5B60;
}

.grey-bg {
    background: #EEEEEE !important;
}

html {
    overflow-x: hidden !important;
    scroll-behavior: smooth;
    scroll-padding-top: 200px;
}


h2, h3, h5, .heading {
    text-transform: uppercase !important;
}

.mt-70 {
    margin-top: 70px;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.py-20 {
    padding-bottom: 20px !important;
    padding-top: 20px;
}

.py-70 {
    padding: 70px 0;
}

.py-100 {
    padding: 100px 0;
}

.ps-100 {
    padding-left: 100px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-10 {
    padding-top: 10px;
}

.separator {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 55px 0;
}

.separator span {
    display: block;
    height: 2px;
    background: #CCBC98;
}

.separator span:nth-child(1) {
    width: 60%;
}

.separator span:nth-child(2) {
    width: 40%;
    background: #4E7980;
}

.separator span:nth-child(3) {
    width: 20%;
}

.separator-one-line {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.separator-one-line span {
    display: block;
    height: 2px;
    background: #4E7980;
    width: 60%;
    margin-bottom: 1rem;
}


.hero-section {
    position: relative;
    display: flex;
    justify-content: center;


    & video {
        width: 250% !important;
    }

    & img {
        width: 100%;

    }

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        /*background: rgba(255, 255, 255, 0.1);*/
        /*background: #7A7994;*/
        /*background: linear-gradient(360deg,rgba(122, 121, 148, 0) 0%, rgba(46, 52, 64, 0.02) 48%, rgba(46, 52, 64, 0.65) 72%);*/
        background: #1D2129; /* Fallback solid color */
        background: linear-gradient(180deg,
        rgba(29, 33, 41, 0.99) 0%, /* Very dark at the very top under the header */ rgba(46, 52, 64, 0.10) 0%, /* Quickly fades out transitioning down */ rgba(122, 121, 148, 0.05) 70%, /* Light/semi-transparent background */ rgba(245, 245, 245, 0) 100% /* Completely transparent at the bottom */
        );
        z-index: 1;
    }

    .hero-content {
        position: absolute;
        left: 0;
        top: 5px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding-top: 40px;

        z-index: 2;
    }

    @media(min-width:600px) {
        & video {
            width: 175% !important;
        }
    }
    @media(min-width:900px) {
        & video {
            width: 140% !important;
        }
    }
    @media(min-width:1200px) {
        & video {
            width: 100% !important;
        }
    }
}

.hero-text {
    color: #2E3440;
    text-shadow: 2px 2px 8px grey;
    /*font-family: "Cormorant Garamond" !important;*/
    /*font-weight: 545;*/
    /*font-size: 38px;*/
    font-weight: bold;
    font-family: "Poppins" !important;
    letter-spacing: 1px;
    font-size:1.3rem;
    text-transform: uppercase;

    br {
        display: none;
    }
    @media(min-width:992px) {
        font-size: 2rem;
         br {
            display: block;
        }
    }
}

.hero-subtext {
    color: #3B5C61;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;

}

.hero-buttons {
    display: flex !important;
    gap: 25px;
    padding-top: 8px;
    flex-direction: column;
    font-size: 1.4rem;

    @media(min-width:767px) {
        font-size: 1.8rem;
        flex-direction: row;  
    }
}

.hero-button1, .hero-button2 {
    & a {
        min-width: 230px;
        padding: 10px;
        font-size: 18px;
        font-family: "Segoe UI", Arial, sans serif !important;
        font-weight: 600;
        border-radius: 0;
    }
}

.hero-button1 a {
    /*background: #d4ae39 !important;*/
    background: #BFB08F !important;
    font-weight: bold !important;
    color: #2E3440 !important;
}

.hero-button2 a {
    background: #3B5C61 !important;
    /*border: 1px solid #4E7980 !important;*/
    color: #FAFAF8;
!important;
}

.hero-button2 a:hover {
    background: #2E3440 !important;
    text-decoration: none !important;
    color: white !important;
}

.hero-button1 a:hover {
    background: #2E3440 !important;
    text-decoration: none !important;
    color: white !important;
}

.nav-link-bar {
    background: #ffffff72 !important;
}

.construction-container {
    /*background-color: #3B5C6120 !important;*/
    background-color: #E0DDD395 !important;
    margin-top: -7px;

    figure:last-child {
        margin-bottom: 0;
    }
}

.construction-columns {
    padding-block: 60px !important;

    & .construction-workers-wrapper {
        overflow: hidden !important;
    }

    & .construction-workers {
        transform: scale(1.002);
        border: 2px solid #B5A787 !important;
        background: linear-gradient(to right, rgba(20, 20, 20, 0.2), rgba(176, 141, 87, 0.18));
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32);
    }

    @media(min-width:992px) {
        padding-block: 110px !important;
    }
}


.about-us-btn a {
    border-radius: 0 !important;
    background: #2E3440 !important;
    font-size: 16px;
    font-weight: bold;
    min-width: 200px;
    padding: 10px;
    z-index: 3;
    text-transform: uppercase;
}

.about-us-btn:hover {
    & a {
        background: #3B5C61 !important;
        z-index: 3 !important;
    }
}

.skyline {
    padding-top: 35px;
}


.news-container {
    background-color: #F3F0E875 !important;
    border-top: 5px solid lightgray;

    figure:last-child {
        margin-bottom: 0;
    }
}

.news-columns {
    padding: 60px 0;
    @media(min-width:992px) {
        padding: 80px 0;
    }
}

.readmore-btn-wrapper {
    padding-top: 10px;
    padding-bottom: 30px;
}

.readmore-btn a {
    border-radius: 0 !important;
    background: #A79E89 !important;
    padding: 10px 16px;
    z-index: 3;
    text-transform: uppercase;
    min-width: 180px;
    font-size: 18px;
    font-family: "Segoe UI", Arial, sans serif !important;
    font-weight: bold;
    border-radius: 0;
    color: #2E3440 !important;
}

.readmore-btn a:hover {
    background: #2E3440 !important;
    text-decoration: none !important;
    color: white !important;
}

.contact-container {
    background-color: #3B5C6130 !important;
    font-size: 20px;
}

.heading {
    font-weight: bold;
    padding-bottom: 30px;
    letter-spacing: 1px !important;

}


.card {
    margin: 0;
    padding: 0 0 15px;
    background: #3B5C61;
    border: 2px solid #EEEEEE !important;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.52);
    border-radius: 0;
}

.card-heading {
    font-weight: bold;
    padding: 15px 0;
    color: #CCBC98;
    letter-spacing: 1px;
    min-height: 110px;
}

.services-section {
    position: relative;
    background-color: #EEEEEE;
    overflow: hidden;
    padding: 20px 0;

    & img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;

        z-index: 0;
    }

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(320deg, rgba(238, 238, 238, 0) 0%, rgba(122, 121, 148, 0.52) 35%, rgba(46, 52, 64, 0.9) 90%) !important;
        z-index: 1;
    }

    .services-columns {
        padding-top: 20px !important;
    }

    .services-content {
        position: relative;
        width: 100%;
        min-height: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        padding-top: 10px !important;
        padding-bottom: 95px;
        z-index: 4;
    }

    @media(min-width:992px) {
        padding-top: 50px !important;
    }
}

.s1, .s2, .s3, .s4 {
    color: #EEEEEE;
    background: #2E344080 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid #EEEEEE !important;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600 !important;

    & h5, p {
        color: #EEEEEE !important;
        padding: 20px !important;
        font-weight: 600;
        letter-spacing: 1px;
    }
}

.service-icon {
    width: 70px;
    height: 70px;
    border: 2px solid rgba(255, 2555, 255, 0.25);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-botton: 1.5rem;
}

.service-icon i {
    font-size: 1.5rem;
    color: #B3AA8D;

}

.s1:hover, .s2:hover, .s3:hover, .s4:hover {
    & .service-icon {
        border: 2px solid #CCBC98 !important;
    }

    & i {
        color: #CCBC98 !important;
    }

    & .services-button a {
        background: #3B5C61 !important;
    }
}


.services-button a {
    border-radius: 0 !important;
    background: #2E3440 !important;
    font-size: 15px;
    padding: 10px 16px;
    z-index: 3;
    min-width: 150px;
    text-transform: uppercase;
    font-weight: bold;
}

/* .services-button:hover {*/
/*    & a {*/
/*        background: #3B5C61 !important;*/
/*        z-index: 3 !important;*/
/*    }*/
/*}*/

.services-block {
    background-color: #3B5C6130;
}

/*-----------------------------Phone/email container---------------------------*/
.phone:hover {
    cursor: pointer;
    color: #A79E89 !important;
}

.email {
    color: #3B5C61 !important;
}

.email:hover {
    cursor: pointer;
    color: #A79E89 !important;
}

.contact-options {
    display: flex !important;
    justify-content: center;
    gap: 100px;
    max-width: 800px;
    margin: 0 auto;
}

.contact-column {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: row;
}

.contact-column i {
    font-size: 32px;
    margin-bottom: 20px;
}

.contact-text p {
    margin: 0 0 12px;
}

/*------------------------------Footer css------------------------*/

.footer-phone:hover {
    color: #A79E89 !important;


}

.socials-wrapper ul li a:hover {
    /*color: #A79E89 !important;*/
    color: #ABA387 !important;
}

.footer-list1 li:hover {
    color: #ABA387 !important;
}

.footer-list2 li:hover {
    color: #ABA387 !important;
}


.new-footer-block {
    position: relative;
    background: #2E3440;
    height: 400px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.new-footer-block::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: 50px;
    width: 300px;
    height: 450px;
    background: url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/logo_home-all-1.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    opacity: 0.06;
    z-index: 0;
}

.new-footer-block {

}

.new-footer-logo-container {
    position: relative;
    z-index: 5;


    .new-footer-logo-col1 {
        margin-right: 20px !important;
    }

    & img {
        margin-top: 110px;
        margin-left: 20px;
        width: 60%;
    }

    & p {
        color: #EEEEEE !important;
        margin-top: -30px;
        margin-left: 120px;
        z-index: 3;
        border-right: 2px solid #ABA387;
    }
}

.new-footer-logo-col2 {
    margin-top: 100px;

    & p {
        color: #EEEEEE !important;
        z-index: 3;
    }
}

.new-footer-list1 li {
    color: #EEEEEE !important;
}

new-footer-list2 li {
    color: #EEEEEE !important;
}

.new-footer-list1 li:hover {
    color: #ABA387 !important;
}

.new-footer-list2 li:hover {
    color: #ABA387 !important;
}

/*.gold-line {*/
/*    position: relative;*/
/*    left: 630px;*/
/*    bottom: 170px;*/
/*    width: 2px;*/
/*    height: 130px;*/
/*    background: #ABA387;*/
/*}*/

.footer-block {
    background: #2E3440 !important;
    position: relative;
    overflow: hidden;
    padding: 60px 0px !important;

    @media(min-width:992px) {
        padding: 60px 60px !important;
    }
}

.footer-container {

    max-width: 80%;
}

.footer-block::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: 85px;
    width: 18vw;


    aspect-ratio: 1;
    background: url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/logo_home-all-1.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    opacity: 0.05;
    z-index: 0;
}

.skyline-wrapper {
    margin: 0 auto;
    margin-top: -75px;

}

.footer-logo-wrapper {
    max-width: 90%;
    padding-left: 10px;
}

.footer-new-address {
    padding: 5px 0px 5px 15px;

}

.footer-col1, .footer-col2, .footer-col4 {
    padding-left: 15px;
    padding-right: 0;

}

.footer-col2, .footer-col3, .footer-col4 {
    padding-top: 15px;
}

.footer-col4 {
    padding-left: 60px;
}

.wrapper-icons {
    display: flex;
    justify-content: space-evenly;
}

.iframe-wrapper {
    margin-left: 0 !important;

    iframe {
        margin-left: 0 !important;
        padding-top: 10px;
    }

}

.new-footer-heading {
    color: #4E7980 !important;
    font-size: 20px;
}

.footer-socials-wrapper {
    margin-top: 1.5rem;

    ul {

        margin-left: -20px !important;
        margin: 0;
        padding: 0;
        width: 100%;
        justify-content: center;
        display: flex;
        column-gap: 10px;
    }

    li {
        font-size: 1.5rem;
        list-style: none;
    }

    & a:hover {
        color: #A79E89 !important
    }
}


.footer-bottom-bar {
    border-top: 1px solid #3B5C61;
    padding-top: 10px;
    background: #3B5B60 !important;
    color: #EEEEEE !important;
    font-weight: 600 !important;
    margin-left: -5px !important;
   
    .row {
        flex-direction: column;
    }
    @media(min-width:992px) {
        .row {
            flex-direction: row;
        }
    }
}

.designed:hover, .privacy:hover {
    color: #ABA387 !important;
    cursor: pointer !important;
}


footer {
    font-size: 0.9rem;

    ul {
        font-size: 0.9rem;
        margin: 1em 0 0 0;
        padding: 0px;
        list-style: none;
    }

    li {
        font-size: 0.9rem;
    }

    a {
        padding: 5px 0;
        display: block;
    }
}

.privacy a {
    padding: 0!important;
}

.footer-block {
    color: #fafafa;


}


/*------------------------Key-personnel page------------------------------------*/


.key-personnel-intro {
    .separator {
        margin: 15px 0 !important;

        span {
            width: 10%;
            line-height: 1px !important;
        }
    }

    p {
        text-wrap: balance;
        font-size: 17px !important;
    }
}


.card-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 70px;
}

.img-card {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0;

    & img {
        object-fit: cover;
        display: block;
        border: 2px solid #B5A787 !important;

    }

    .team-info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        min-height: 145px;
        width: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 15px;
        background: #1D212960;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);

        border-top: 1px solid #A79E89;
        border-left: 2px solid #B5A787 !important;
        border-right: 2px solid #B5A787 !important;
        border-bottom: 2px solid #B5A787 !important;
        box-sizing: border-box;

        & a {
            background: #1D2129 !important;
        }

        & a:hover {
            background-color: #ABA387 !important;
            color: #1D2129 !important;
            transition: background-color 0.5s ease-in-out;
        }

        & h5, p {
            color: #fff !important;
            margin: 0px;
        }

        & h5 {
            color: #fff !important;
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 2px;
            font-family: "Poppins" !important;
            text-decoration: underline;
            text-underline-offset: 6px;
            text-decoration-color: #CCBC98;

        }

        & p {
            font-size: 16px;
            padding-top: 6px;
        }
    }
}


.featured-card {
    position: relative;
    overflow: visible;

}

.featured-card::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    height: 110px;
    width: 110px;
    border-top: 1px solid #CCBC98;
    border-right: 1px solid #CCBC98;
    z-index: 10;
}


.profile-one, .profile-two {
    color: white !important;
    width: 90%;
    border: 1px solid white;

}

.profile-one {
    background: #3B5B60;
}

.profile-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.profile-col-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #ABA387 !important;
}

.profile-col-two {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 55px !important;
    padding-right: 55px !important;

}

.profile-two {
    background: #3B5B60;
}


& .mg-img {
    transform: scale(1.002);
    border: 3px solid #CCBC98 !important;
    background: linear-gradient(to right, rgba(20, 20, 20, 0.2), rgba(176, 141, 87, 0.18));
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32);
}

.mg-profile-col-text {
    display: flex;
    flex-direction: column;
    row-gap: 5px !important;
    margin-top: -6px;

    & h1 {
        font-weight: 500;
    }
}

.mg-profile-wrapper {
    width: 98%;
}

.mg-profile-two-col-text {
    display: flex;
    flex-direction: column;
    row-gap: 8px !important;
    margin-top: -5px;

    & h1 {
        font-weight: 500;
    }
}

.mg-text {
    color: #fff;
    padding: 40px 50px;
    border: 3px solid #CCBC98;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32);
}

.cases {
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-cases {
    color: white !important;
    padding: 25px 35px !important;
    text-align: center;
    background: #ffffff30;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    box-shadow: 3px 4px 16px #2E3440;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    width: 280px;
    height: 200px;
    border: 1px solid #CCBC98;

    p {
        margin: 0;
    }
}

.separator-mg {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 65px 0 50px 0;
}

.separator-mg span {
    display: block;
    height: 3px;
    background: #CCBC98;
}

.separator-mg span:nth-child(1) {
    width: 60%;
}

.separator-mg span:nth-child(2) {
    width: 40%;
    background: #4E7980;
}

.separator-mg span:nth-child(3) {
    width: 20%;
}


.scale {
    font-size: 40px;
    color: #CCBC98;
    font-weight: 300;
}

/*-------------------------------------------Testimonials page--------------------------------------*/
.read-more {
    a:hover {
        background: #ABA387 !important;
        color: #2E3440 !important;
    }
}

.buildings {
    margin-top: -150px;

    .building-right {
        margin-left: 40px !important;
        margin-top: -5px;
    }
}

.hero-testimonial {
    width: 48%;
    padding: 30px 0;
}

.speech-marks {
    color: #CCBC98;
    font-size: 30px;
    padding-left: 20px;
    padding-top: 5px;
}

.review {
    border: 2px solid #CCBC98;
    background: #3B5B60;
    color: white;
    z-index: 5;
    box-shadow: 3px 5px 16px #1D2129;

    & p {
        padding: 0px 40px;

    }

    & .separator {
        margin: 20px 0 15px !important;
    }
}

.testimonials-page {

}

.separator-testimonials {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 20px 0 0 0;
}

.separator-testimonials span {
    display: block;
    height: 2px;
    background: #CCBC98;
}

.separator-testimonials span:nth-child(1) {
    width: 60%;
}

.separator-testimonials span:nth-child(2) {
    width: 40%;
    background: #4E7980;
}

.separator-testimonials span:nth-child(3) {
    width: 20%;
}

.testimonials-section {
    width: 100%;
    border-top: 5px solid lightgray;
}


.two-cols {
    display: flex;
    align-items: stretch;
}


.left-col-reviews {
    flex: 1;
    background: #2E3440;
    color: white;
    margin-left: -10px;

    & img {
        padding-top: 30px;
        padding-bottom: -30px;
        width: 90%;
    }

}

.right-col-reviews {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 30px;
}

.left-review-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center !important;
    padding: 30px;
    margin-top: 20px;

    .separator {
        margin: 30px 0 !important;
    }

    p {
        padding: 0 30px;
    }

}

.right-review-one, .right-review-two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid #CCBC98;
    padding: 10px;
    flex: 1;

    p {
        padding: 0 30px;
    }

    .separator {
        margin: 25px 0 !important;
    }

}

.types-clients-section {
    position: relative;
    overflow: hidden;
    padding: 0px 80px 50px 80px;
    background: #F2F0E9;
    width: 90%;

    h2 {
        color: #29303D;
        margin-bottom: 0;
    }
}

.types-client {
    ul {
        color: #2E3440;
        font-family: "Segoe UI", Arial, sans serif !important;
        text-align: start;
        padding: 0 50px;
        list-style-type: none;

        span {
            color: #ABA387;
            font-weight: 800;
            padding-right: 6px;
        }

        li {
            text-indent: -26px;
        }
    }

    & img {
        padding: 0;
        margin: 0;
        transform: scale(1.0001);
    }

    h5 {
        font-weight: bold;
        padding: 10px 0;
    }

}

.types-clients-section > * {
    position: relative;
    z-index: 1;

}

.types-clients-section::before {
    position: absolute;
    content: "";
    inset: 0;
    /*background-image: linear-gradient(to bottom, #F2F0E9E6 0%, #F2F0E999 45%, #F2F0E933 100%),*/
    /*url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/london2.png");*/
    background: #EEEEEE;
    /*background: linear-gradient(83deg,rgba(238, 238, 238) 0%, rgba(238, 238, 238) 0%, rgba(46, 52, 64, 0.85) 65%),*/
    /*url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/london3.png");*/
    background-image: linear-gradient(to right,
    #F4F2EC26 0%, #F4F2EC73 65%,
    #F4F2ECFF 100%), linear-gradient(to right,
    #F4F2ECF2 0%, #F4F2EC80 65%,
    #F4F2EC99 100%
    ), url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/london3.png") !important;
    background-size: cover;

    width: 100%;
    z-index: 0;
}

.col-container {
    display: flex;
    align-items: start;
    margin: 0 auto;

}

.col-container > div {
    flex: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
    background: #EEEEEE10;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 10px 30px grey, inset 0 1px #FFFFFF99;
    color: transparent;
    height: 540px;
    border: 2px solid #ABA387;

    & h5 {
        letter-spacing: 1px;
    }
}

.clients-container {
    background-color: #F3F0E875 !important;

    figure:last-child {
        margin-bottom: 0;
    }
}

.clients-columns {
    padding: 0;

    .card {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        min-height: 280px;
        height: auto;
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: #F7F4ED;
        border: 2px solid #CCBC98 !important;
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.52);
        border-radius: 0;
    }

    .card > div {
        display: flex;
        flex-direction: column;
        text-align: start;
        padding: 20px 0;

        > h5 {
            padding-left: 22px;
        }

    }

    .card figure {
        padding: 0;
        flex: 0 0 45%;
        margin: 0;
        overflow: hidden;

        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

/*-------------------------------------------------about us page-------------------------------------*/

.mission-section {
    margin-top: 50px;
    border: 2px solid #CCBC98;
    padding: 50px;
    color: white;
}

.about-us-page {
    position: relative;
    width: 45%;
    margin: 0 auto;
}

.about-us-page .skyline {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 45%;
    margin: 0;
    z-index: 2;

}


.mission-section .wp-block-column {
    align-items: stretch;
}

.mission-section .column:first-child {
    color: white !important;
    border-right: 3px solid #ABA387;
    padding: 0 50px;

    h3 {
        color: white !important;
        padding: 10px 0;
    }
}

.mission-section .column:last-child {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0 50px;

    figure {
        flex: 1;
        margin: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
    }
}

.mission-section .text {
    font-style: italic;
    padding: 5px 20px;
    font-size: 30px;
    text-wrap: balance;
    margin-top: 30px;

    /*background: #243D5236;*/
    background: linear-gradient(135deg, #243D5280 0%, #274B5266 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12);
    border: 1px solid #ABA387;
    border-left: 4px solid #ABA387;
    box-shadow: 0 10px 30px #00000026, inset 0 1px 0 #FFFFFF26;

    p {
        padding-left: 50px;
        padding-bottom: 10px;
    }
}

.mission-section i {
    display: block;
    line-height: 0.5;
    margin-top: 0.5rem;
}

.mission-section i + p {
    margin-top: 0;
}

.about-container {
    background-color: #E0DDD395 !important;
    border-top: 5px solid #ABA387;

    figure:last-child {
        margin-bottom: 0;
    }
}


.specialist-section .wp-block-column {
    align-items: stretch;
}

.specialist-section .column:first-child {
    flex: 1;
}

.specialist-section .column:last-child {
    display: flex;

    align-items: stretch;
    padding: 30px 60px;

    figure {
        flex: 1;
        margin: 0;
        height: 100%;
    }
}

.specialist-img {
    border: 2px solid #CCBC98;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1.003);
    box-shadow: 3px 5px 12px grey;
}

.speaker-section .speaker-cols {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    color: white;
}


.speaker-section .speaker-left-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    background: #1D2129;
    position: relative;
    overflow: hidden;
}

.speaker-left-col::after {
    position: absolute;
    content: "";
    /*inset: 0;*/
    left: 50px;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(90deg, transparent 10%, #1d212799 50%, #1d2127aa 45%, #1d2127 73%), url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/Michael-Gerard-bg-removed2.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.speaker-section .speaker-right-col {
    display: flex;
    flex-direction: column;
    padding: 25px 30px 0 30px;

    align-items: stretch;

    figure {
        flex: 1;
        margin: 0;
        height: 100%;


    }
}

.speaker-img {

    height: 100%;
    width: 100%;
    object-fit: cover;

}

.dark-blue-bg {
    background: #1D2129 !important;
}

.portfolio-img {
    border: 2px solid #CCBC98;
}

.articles-section {
    margin-top: 50px;
    border: 3px solid #CCBC98;
    padding: 30px 50px;
    color: white;
}

.articles-section {
    .card {
        border: 1px solid #CCBC98 !important;
        background: #ffffff10;
        color: white;
    }
}

.articles-section .column:first-child {
    color: white !important;
    /*border-right: 3px solid #ABA387;*/
    padding: 10px 0px;

    h3 {
        color: white !important;
        padding: 10px 0;
    }
}

.articles-right-col {
    padding: 10px 50px;
}

.links {
    a {
        text-decoration: underline !important;
        color: #CCBC98;
    }

    a:hover {
        color: white !important;
    }
}

.alt-links {
    a {
        color: #3B5B60 !important;
    }

    a:hover {
        color: #ABA387 !important;
    }
}


.box-text {
    color: #fff;
    padding: 20px 20px;
    border: 3px solid #CCBC98;
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.32);


}

.box-cases {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.box-col-cases {
    color: white !important;
    font-weight: 600;
    font-family: "Segoe UI", Arial, sans serif !important;
    padding: 20px;
    text-align: center;
    background: #ffffff40;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    box-shadow: 3px 4px 16px #2E3440;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    width: 200px;
    height: 170px;
    border: 1px solid #CCBC98;

    p {
        margin: 0;
        font-size: 14px;
    }
}

.list {
    li {
        list-style: none;
        text-indent: -30px;
    }

    span {
        color: #CCBC98;
        font-weight: 800;
        padding-right: 5px;
    }
}


/*----------------------------------------What we do-------------------------------*/
/*---------------non-contentious-----------------*/
.hero-container {
    position: relative;
    overflow: hidden;
    height: 400px;
    display: flex;
    align-items: center;

    h2 {
        color: white;
    }
}

.hero-container .hero-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;

    img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: bottom;
    }
}

.hero-wrapper {
    padding: 80px 0 80px 70px;
    border: 1px solid #CCBC98 !important;
    box-shadow: 3px 5px 12px black;
    background: #EEEEEE10;
    position: relative;
    z-index: 3;

    .separator {
        width: 25%;
        margin: 25px 0 0;
        text-align: start;
        display: flex;
        align-items: start;
    }
}

.blur-3 {
    position: relative;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1;
}

.blur-5 {
    position: relative;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: 1;

}

.hero-container::before {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right,
    #1D2129 0%,
    #1D2129cc 35%,
    #1D212973 65%,
    #1D212926 100%);
    inset: 0;
    z-index: 1;

}

.box-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc((100% - 40px) / 3);
    font-weight: 600;
    letter-spacing: 1px;
    background: #ffffff15;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    box-shadow: 3px 4px 16px #1D2129;
    color: white;
    border: 2px solid #CCBC98;
    text-wrap: balance;
    padding: 30px;
    box-sizing: border-box;
    min-height: 100px;

    p {
        margin-bottom: 0;
    }

    .services-button-wrapper {
        margin-top: 15px;
        margin-bottom: 10px;
        /*border: 1px solid #CCBC98;*/

        .services-button {

            a {
                background: #3B5B60 !important;
            }

            a:hover {
                background: #CCBC98 !important;
                color: #2E3440 !important;
            }

        }
    }
}

.box:first-child {
    padding-left: 30px !important;
}

.box:last-child {
    padding-right: 30px !important;
}

.what-we-do-section {
    margin-top: 70px;
    border: 2px solid #CCBC98;
    padding: 50px;
    color: #1D2129;

    .separator {
        display: flex;
        align-items: start;
        width: 25%;
        margin: 20px 0;
    }

    p {
        font-family: "Segoe UI", Arial, sans serif !important;
        color: white;
    }

}


.support-section {
    .box-container {
        gap: 40px;
    }

    .box {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 0 0 calc((100% - 80px) / 3);
        font-weight: 600;
        letter-spacing: 1px;
        box-shadow: 3px 4px 16px #1D2129;
        color: white;
        border: 2px solid #CCBC98;
        text-wrap: balance;
        padding: 0 !important;
        box-sizing: border-box;
        min-height: 100px;
        position: relative;

        figure {
            margin: 0;
        }

        img {
            object-fit: cover;
            object-position: bottom;
            width: 100%;
            height: 100%;
            display: block;
        }
    }

    p {
        position: absolute;
        z-index: 2;
        color: #fff;
        font-weight: 600;
        margin: 0;
        left: 0;
        bottom: 0;
        padding: 10px;
        width: 100%;
        /*background: linear-gradient(to top, #2E3440 0%, #2E3440 40%, #2E3440 100%);*/
        background: #2E344099;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-top: 1px solid #CCBC98;
    }

}


/*---------------dispute-----------------*/

.hero-18 img {
    object-fit: cover;
    object-position: center 18% !important;
}

.law-section {
    background: linear-gradient(to right, #2E3440 0%, #2E3440 50%, #E0DFD9 50%, #E0DFD9 100%);
    width: 100%;
    border-top: 5px solid #ABA387;

    & img {
        width: calc(100% + 100px);
        max-width: none;
        transform: translateX(5px);
        border: 4px solid #A79E89;
        min-width: 110%;
        margin: 50px 0 !important;
        box-shadow: -10px 12px 25px #00000090;
    }
}

.split-inner {
    display: flex;
    width: 100%;
    gap: 0 !important;
    align-items: stretch !important;
    margin: 0 !important;


}

.law-split > .wp-block-column {

    flex: 0 0 50% !important;
    width: 50%;
    align-self: stretch;
}

.law-right {
    border-left: 5px solid #ABA387;
}

.contact-us-wrapper {
    padding-left: 85px;

    .separator {
        text-align: start !important;
        width: 25%;
        margin: 10px 0;
        align-items: start;

        span {
            line-height: 3px;
        }
    }
}


/*----------------------------------------------Litigation page -------------------------------*/

.law-section-banner {
    background: linear-gradient(to right, #2E3440 0%, #2E3440 50%, #E0DFD9 50%, #E0DFD9 100%);
    width: 100%;
    border-top: 5px solid #ABA387;

    & img {
        width: calc(100% + 100px);
        max-width: none;
        transform: translateX(-5px) scale(90%);
        border: 4px solid #A79E89;
        min-width: 115%;
        margin: 10px 0 !important;
        box-shadow: -10px 12px 25px #00000090;
    }
}

.split-inner {
    display: flex;
    width: 100%;
    gap: 0 !important;
    align-items: stretch !important;
    margin: 0 !important;


}

.law-split > .wp-block-column {
    flex: 0 0 50% !important;
    width: 50%;
    align-self: stretch;
}

.law-right {
    border-left: 5px solid #ABA387;
}

.contact-us-wrapper-banner {
    padding-left: 60px;

    .separator {
        text-align: start !important;
        width: 25%;
        margin: 10px 0;
        align-items: start;

        span {
            line-height: 3px;
        }
    }
}

.container-litigation {
    .litigation-top {
        margin-top: -20px;
    }

    .what-we-do-section {
        margin-top: 70px !important;
    }

    .mission-section {
        padding: 60px 70px;
    }
}

.mb-70 {
    margin-bottom: 70px;
}

.non-contentious-container {
    .mission-section {
        padding: 60px 70px;
    }
}

.dispute-container {
    .mission-section {
        padding: 60px 70px;
    }
}

.pre-action {
    .mission-section {
        padding: 60px 70px;
    }
}

.adjudication-container {
    padding: 70px 0;

    .mission-section {
        padding: 60px 70px;
    }
}

.lighter-section {
    p {
        color: #1D2129 !important;
    }
}

.sections {
    border: 2px solid #CCBC98;
    padding: 50px 70px;
    color: #1D2129;

    .separator {
        display: flex;
        align-items: start;
        width: 25%;
        margin: 20px 0;
    }

    p {
        font-family: "Segoe UI", Arial, sans serif !important;
        color: white;
    }

    p:last-of-type {
        margin-bottom: 0;
    }
}


.arbitration-container {
    padding: 70px 0;

    .mission-section {
        padding: 60px 80px;
    }
}

.mediation-container {
    padding: 70px 0;

    .mission-section {
        padding: 60px 80px;
    }
}

.negotiation-container {
    padding: 70px 0;

    .mission-section {
        margin-top: 0;
        padding: 60px 80px;
    }
}


.alternative-dispute-boxes {
    h3 {
        padding-bottom: 10px;
    }
    .box {
        padding: 30px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        .box-title {
            color: white;
        }
       .box-title::after {
           content: "";
           display: block;
           width: 90%;
           height: 2px;
           background: #CCBC98;
           margin: 15px auto 0;
       }
        p {
            padding: 10px 0;
            font-weight: normal;
            font-family: "Segoe UI", Arial, sans serif !important;
            font-size: 14px;
            text-wrap: wrap;
        }
    }
}

/*-----------------------Construction debt page----------------------*/
.hero-10 img {
    object-fit: cover;
    object-position: 10% 10% !important;
    transform: scale(1.3) translateX(12%);
}

/*---------------------------Education & training page----------------*/

.ed-box-section {
    background: #3B5B60;
}
.education-boxes {
    display: flex;
    /*background: #3B5C61;*/
    gap: 30px;
    margin: 0 auto;


   .col {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        aspect-ratio: 2 / 1;
        background: #EEEEEE20;
        border: 2px solid #CCBC98;
        color: white;
        box-shadow: 3px 5px 16px #00000060;
       margin-top: 5px;
       padding: 0;
        h6 {
            font-family: "Segoe UI", Arial, sans serif;
            color: white;
            letter-spacing: 1px;
            margin-bottom: 0;
            ;
        }
    }


}

/*---------------------------Join us page--------------------------*/

.hero-40 img {
    object-fit: cover;
    object-position: center 40% !important;
}

/*------------------------------------Contact Us Page---------------------------------------------*/


.contact-us-columns {
    display: flex;
    align-items: stretch;

    .left-col, right-col {
        min-width: 0;
        flex: 1;
    }

    .left-col {
        padding: 50px 0 !important;
    }

    .right-col {
        position: relative;
    }

    .right-col::before {
        position: absolute;
        content: "";
        inset: 0;
        z-index: 0;
        background-image: url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/contact-us.webp");
        background-repeat: no-repeat;
        background-size: cover;
        width: 70vw;
        overflow-x: hidden;
    }
}

.separator-contact {
    gap: 15px;
    margin: 10px 0;
    padding-bottom: 0 !important;
}

.separator-contact span {
    display: block;
    height: 3px;
    background: #CCBC98 !important;
    width: 60%;
}

.contact-us-form {
    h2 {
        letter-spacing: 1px;

    }

    background: #2D344099;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    margin: 10px 0 20px 0;
    padding: 40px 60px;
    border: 3px solid #CCBC98;
    box-shadow: 5px 12px 35px #00000090;
    color: white;


    input, textarea {
        width: 100%;
    }

    input {
        height: 40px;
    }

    textarea {
        height: 70px;
    }

    .contact-submit {
        display: flex;
        align-items: center;
        width: 50%;
        background: #1D2129;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 2px solid #CCBC98;
        color: white;
        letter-spacing: 1px;
        transition: background 0.3s ease;
    }
}

.contact-submit:hover {
    background: #3B5B60 !important;
}

.contact-us-form > div:not(:first-child):not(:last-child) {
    padding-bottom: 20px;
}

.google-maps-container {
    border-top: 5px solid lightgray;

    h2 {
        padding: 50px 0 0;
    }

    .separator-contact {
        margin: 10px 0;

        span {
            width: 22%;
        }
    }

    iframe {
        margin: 30px 0 70px;
        width: 100%;
        height: 500px;
        border: 3px solid white !important;
        box-shadow: 2px 2px 16px grey;
    }
}

/*---------------------------------------------------Posts----------------------------------*/

/*------------------------------Hero -category---------------------*/
.posts-hero {
    position: relative;
    overflow: hidden;
    padding: 80px;
}

.posts-hero::before {
    position: absolute;
    content: "";
    inset: 0;
    background-image: linear-gradient(to right,
    #1D2129 0%,
    #1D2129cc 45%,
    #1D212973 85%,
    #1D212926 100%), url("https://mg-law.dev.seventy9.co.uk/wp-content/uploads/hero.png");
    background-position: center 20%;
    z-index: 0;
}

.posts-hero-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    z-index: 5 !important;
    border: 1px solid #CCBC98;
    padding: 70px;
    box-shadow: 5px 5px 12px black;
    background: #2E344010;
    backdrop-filter: blur(2px);

    .feed-title {
        color: white;
        letter-spacing: 2px;
        width: fit-content;
    }

    .feed-title::after {
        content: "";
        display: block;
        width: 105%;
        height: 2px;
        background: #CCBC98;
        margin-top: 15px;
    }

}

/*----------------Posts menu----------------------*/

.posts-menu-container {
    padding: 70px 100px;
    border-top: 3px solid lightgray;

    .post-title, p {
        color: white;
        letter-spacing: 1px;
        font-family: Poppins !important;
    }
}

.post-article-card:last-of-type {
    margin-bottom: 0;
}

.posts-breadcrumb {
    display: flex;

    a {
        color: #537076;
    }
    li {
        list-style-type: none !important;
        text-indent: -30px;
        padding-right: 5px;
    }
    .post-date {
        padding-left: 5px;
    }

}
.post-article-card {
    border: 2px solid #CCBC98;
    border-left: 12px solid #CCBC98;
    margin-bottom: 30px;
    width: 100%;
    padding: 30px 50px;
    background: #3B5C61;
    color: white;
    gap: 50px;

    .post-text-col, .post-img-col {
        display: flex;
        flex-direction: column;
    }

    .post-text-col {
        width: 75%;
    }

    .hero-button1 a {
        /*background: #d4ae39 !important;*/
        background: #2E3440 !important;
        font-weight: bold !important;
        color: white !important;
        margin-top: 10px;
        transition: background 0.3s ease
    }
    .hero-button1 a:hover {
        background: #ABA387 !important;
        font-weight: bold !important;
        color: #2E3440 !important;
        margin-top: 10px;
    }

    .post-img-col {
        width: 25%;

        img {
            object-fit: cover;
            aspect-ratio: 2 / 1;
            object-position: center;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            border: 1px solid #CCBC98;
            box-shadow: 5px 5px 16px #00000080;
        }
    }
}

/*---------------------------Single posts page----------------------*/
.single-post-hero {
    width: 100%;

    img {
        object-fit: cover;
        object-position: center 65% !important;
        width: 100%;
        height: 420px;
    }
}

.single-post-content {
    background: #E0DFD9;
    padding: 70px 100px !important;

    a {
        color: #3B5B60;
    }

    a:hover {
        color: #ABA387;
    }

    p:last-of-type {
        margin-bottom: 0;
    }
    .post-title {
        font-family: Poppins !important;
        letter-spacing: 1px;
        font-weight: bold;
        padding-bottom: 30px;

    }
    .post-title::after {
        content: "";
        display: block;
        width: 20%;
        height: 2px;
        background: #CCBC98;
        margin-top: 30px;
    }

    .post-body {
        h1, h2, h3, h4, h5, h6 {
            letter-spacing: 1px;
            font-weight: bold;
            padding: 30px 0;
            text-transform: uppercase;
        }
        ul {
            margin-left: 20px;
            li {
                text-indent: -21px;
            }
          li::before {
                  content: "—"; /* Insert content that looks like bullets */
                  padding-right: 8px;
                  color: #2E3440; /* Or a color you prefer */
          }
        }
    }
}

.prev-next-posts {
    padding-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between !important;

    .prev-link {
        margin-right: auto;
        p {
            padding-bottom: 10px;
            border-bottom: 1px solid #ABA387;
        }
        a {
            padding-left: 45px;
        }

        i {
            margin-right: 6px;

        }
    }
    .next-link {
        margin-left: auto;
        text-align: end;

        p {
            margin-right: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ABA387;
        }
        a {
            padding-right: 50px;
        }

        i {
            margin-right: 6px;
        }
    }

    i {
        padding: 11px 12px 10px 10px;
        background: #2E3440;
        /*border: 3px solid #5E878F;*/
        color: #ABA387;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        margin-bottom: 8px;
        font-size: 20px;
    }
}


/*----------------------------------------------Privacy policy-----------------------------------------*/

.privacy-policy-page {
    .sections {
        p {
            color: #2E3440 !important;
        }
    }
    }

.policy-list {
    font-family: "Segoe UI";

    .policy-ul {
        padding-top: 20px;
        margin-left: 20px;
        font-family: "Segoe UI", Arial, sans serif;

        li {
            text-indent: -21px;
        }

        li::before {
            content: "—" !important;
            padding-right: 8px;
            color: #CCBC98;
            font-weight: bold;
        }

    }
}

.sub-ul {
    padding-top: 0 !important;
    li {
        margin-left: 30px !important;
    }
}