.c-container-lg {
    max-width: 1900px;
    margin: 0 auto;
}

.c-container-md {
    max-width: 1500px;
    margin: 0 auto;
}

.c-container-sm {
    max-width: 1000px;
    margin: 0 auto;
}

h2, h4, h5, h6 {
    font-family: "nimbus-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1, h3 {
    font-family: "eurostile", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5rem;
}

p {
    font-family: "nimbus-sans", sans-serif;
    font-weight: 400;
    line-height: normal;
}

.comp-label, .serv-label {
    font-family: "eurostile", sans-serif;
}

#dvLockSmithingServices h4 {
    font-family: "eurostile", sans-serif;
    
}

@media (min-width: 1700px) {
   
    p {
        max-width: 85%;
    }

    header .nav {
        padding: 10px;
    }

    .nav-items {
        justify-content: flex-end;
        padding-top: 5px;
    }

    .nav-item {
        margin: 24px;
        margin-top: 10px;
    }

    .custom-nav-item {
        text-decoration: none;
        color: #171796;
    }

        .custom-nav-item p {
            color: #171796;
            margin: 0;
            font-size: 20px;
        }

    .leader-pic {
        max-height: 350px;
    }

    .leader-text {
        font-size: 20px;
    }

    .team-pic {
        max-width: 250px;
        overflow: hidden;
        border-radius: 200px;
    }

    .team-bio {
        display: flex;
        width:600px;
    }

    .service-pic-blue {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #171796;
    }

    .service-pic-red {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #BE1E2D;
    }

    .cpsl-tagline-ban-white {
        max-width: 300px;
    }

    .cpsl-tagline-ban-gradient {
        max-width: 200px;
    }

    .heroSection {
        position: relative;
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(/Images/kannapolis.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        height: 85vh;
    }

        .heroSection .hero-content {
            position: absolute;
            top: 40%;
            color: #fff;
            background: transparent 0% 0% no-repeat padding-box;
            width: 100%;
        }

    .hero-content .ctaBlue {
        text-decoration: none;
        background-color: #171796;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 3px solid var(--unnamed-color-f1f2f2);
        background: #171796 0% 0% no-repeat padding-box;
        border: 3px solid #F1F2F2;
        border-radius: 17px;
        opacity: 1;
    }

    .ctaRed {
        display: flex;
        justify-content: center;
        width: 100px;
        text-decoration: none;
        background-color: #BE1E2D;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 1px solid #707070;
        border-radius: 50px;
        opacity: 1;
    }

    .ban-comp {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .ban-services {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-be1e2d) 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #BE1E2D 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .comp-label {
        color: #171796;
        font-weight: 600;
    }

    .serv-label {
        color: #BE1E2D;
    }

    #servicesSection .row {
        margin-top: 100px;
    }

    #dvLockSmithingServices .col-12 {
        display: flex;
        margin-bottom: 20px;
    }

    #dvLockSmithingServices .container {
        /* Layout Properties */
        top: 5624px;
        left: 321px;
        height: 100%;
        /* UI Properties */
        background: transparent linear-gradient(180deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        border: 1px solid #707070;
        border-radius: 35px;
        font-size: 20px;
        opacity: 1;
    }

    .keyServiceLeft {
        margin-right: 0;
        width: 100%;
        max-width: 650px;
    }

    .keyServiceRight {
        margin-left: 0;
        width: 100%;
        max-width: 650px;
    }

    #contactSection {
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("/Images/form-hero.jpg") no-repeat;
        position: relative;
        background-size: cover;
        background-position: center;
        height: 1200px;
    }

    .contact_form {
        background: rgba(255, 255, 255, 0.8);
        margin: 10px;
        max-width: 550px;
        padding: 30px;
        border-radius: 20px;
    }
    .contact_form p{
       max-width:900px
    }

        .contact_form input, .contact_form textarea {
            margin-top: 20px;
            background: #fff;
            opacity: 1;
            border: 1px solid #707070;
        }
}

@media (min-width: 1400px) and (max-width: 1699px) {



    p {
        max-width: 85%;
    }

    header .nav {
        padding: 10px;
    }

    .nav-items {
        justify-content: flex-end;
        padding-top: 5px;
    }

    .nav-item {
        margin: 24px;
        margin-top: 10px;
    }

    .custom-nav-item {
        text-decoration: none;
        color: #171796;
    }

        .custom-nav-item p {
            color: #171796;
            margin: 0;
            font-size: 20px;
        }

    .leader-pic {
        max-height: 350px;
    }

    .team-pic {
        max-width: 250px;
        overflow: hidden;
        border-radius: 200px;
    }

    .team-bio {
        display: flex;
        font-size:17px;
    }

    .leader-text {
        font-size: 25px;
    }

    .service-pic-blue {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #171796;
    }

    .service-pic-red {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #BE1E2D;
    }

    .cpsl-tagline-ban-white {
        max-width: 300px;
    }

    .cpsl-tagline-ban-gradient {
        max-width: 200px;
    }

    .heroSection {
        position: relative;
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(/Images/kannapolis.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        height: 85vh;
    }

        .heroSection .hero-content {
            position: absolute;
            top: 40%;
            color: #fff;
            background: transparent 0% 0% no-repeat padding-box;
            width: 100%;
        }

    .hero-content .ctaBlue {
        text-decoration: none;
        background-color: #171796;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 3px solid var(--unnamed-color-f1f2f2);
        background: #171796 0% 0% no-repeat padding-box;
        border: 3px solid #F1F2F2;
        border-radius: 17px;
        opacity: 1;
    }


    .ctaRed {
        display: flex;
        justify-content: center;
        width: 100px;
        text-decoration: none;
        background-color: #BE1E2D;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 1px solid #707070;
        border-radius: 50px;
        opacity: 1;
    }

    .ban-comp {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .ban-services {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-be1e2d) 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #BE1E2D 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .comp-label {
        color: #171796;
        font-weight: 600 ;
    }

    .serv-label {
        color: #BE1E2D;
    }

    #servicesSection .row {
        margin-top: 100px;
    }

    #servicesSection .col-12 {
        padding: 1.5rem 5rem;
    }

    .alt-serv {
    }

    #dvLockSmithingServices .col-12 {
        display: flex;
        margin-bottom: 20px;
    }

    #dvLockSmithingServices .container {
        /* Layout Properties */
        top: 5624px;
        left: 321px;
        height: 100%;
        /* UI Properties */
        background: transparent linear-gradient(180deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        border: 1px solid #707070;
        border-radius: 35px;
        font-size: 20px;
        opacity: 1;
    }

    .keyServiceLeft {
        margin-right: 0;
        width: 100%;
        max-width: 650px;
    }

    .keyServiceRight {
        margin-left: 0;
        width: 100%;
        max-width: 650px;
    }

    #contactSection {
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("/Images/form-hero.jpg") no-repeat;
        position: relative;
        background-size: cover;
        background-position: center;
        height: 1200px;
    }

    .contact_form {
        background: rgba(255, 255, 255, 0.8);
        margin: 10px;
        max-width: 550px;
        padding: 30px;
        border-radius: 20px;
    }

        .contact_form input, .contact_form textarea {
            margin-top: 20px;
            background: #fff;
            opacity: 1;
            border: 1px solid #707070;
        }
}

@media (min-width: 1100px) and (max-width: 1399px) {



    p {
        max-width: 90%;
        
    }

    header .nav {
        padding: 10px;
    }

    .nav-items {
        justify-content: flex-end;
        padding-top: 5px;
    }

    .nav-item {
        margin: 24px;
        margin-top: 10px;
    }

    .custom-nav-item {
        text-decoration: none;
        color: #171796;
    }

        .custom-nav-item p {
            color: #171796;
            margin: 0;
            font-size: 20px;
        }

    .leader-pic {
        max-height: 350px;
    }

    .leader-text {
        font-size: 20px;
    }

    .team-pic {
        max-width: 250px;
        overflow: hidden;
        border-radius: 200px;
    }

    .team-bio {
        display: flex;
        font-size:17px;
        width:500px;
    }

    .service-pic-blue {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #171796;
    }

    .service-pic-red {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #BE1E2D;
    }

    .cpsl-tagline-ban-white {
        max-width: 300px;
    }

    .cpsl-tagline-ban-gradient {
        max-width: 200px;
    }

    .heroSection {
        position: relative;
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(/Images/kannapolis.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        height: 85vh;
    }

        .heroSection .hero-content {
            position: absolute;
            top: 40%;
            color: #fff;
            background: transparent 0% 0% no-repeat padding-box;
            width: 100%;
        }

    .hero-content .ctaBlue {
        text-decoration: none;
        background-color: #171796;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 3px solid var(--unnamed-color-f1f2f2);
        background: #171796 0% 0% no-repeat padding-box;
        border: 3px solid #F1F2F2;
        border-radius: 17px;
        opacity: 1;
    }

    .ctaRed {
        display: flex;
        justify-content: center;
        width: 100px;
        text-decoration: none;
        background-color: #BE1E2D;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 1px solid #707070;
        border-radius: 50px;
        opacity: 1;
    }

    .ban-comp {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .ban-services {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-be1e2d) 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #BE1E2D 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .comp-label {
        color: #171796;
        font-weight: 600 ;
    }

    .serv-label {
        color: #BE1E2D;
    }

    #servicesSection .row {
        margin-top: 100px
    }

    #servicesSection .col-12 {
        padding: 1.5rem 5rem;
    }

    #dvLockSmithingServices .col-12 {
        display: flex;
        margin-bottom: 20px;
    }

    #dvLockSmithingServices .container {
        /* Layout Properties */
        top: 5624px;
        left: 321px;
        height: 100%;
        width: 960px;
        /* UI Properties */
        background: transparent linear-gradient(180deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        color: #fff;
        border: 1px solid #707070;
        border-radius: 35px;
        font-size: 20px;
        opacity: 1;
    }

    .keyServiceLeft {
        width: 100%;
        max-width: 470px;
        margin-left: auto;
        margin-right: 0;
    }

    .keyServiceRight {
        width: 100%;
        max-width: 470px;
        margin-left: 0;
        margin-right: auto;
    }

    #contactSection {
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("/Images/form-hero.jpg") no-repeat;
        position: relative;
        background-size: cover;
        background-position: center;
        height: 1200px;
    }

    .contact_form {
        background: rgba(255, 255, 255, 0.8);
        margin: 10px;
        max-width: 550px;
        min-width: 550px;
        padding: 30px;
        border-radius: 20px;
    }

        .contact_form input, .contact_form textarea {
            margin-top: 20px;
            background: #fff;
            opacity: 1;
            border: 1px solid #707070;
        }
}

@media (min-width: 768px) and (max-width: 1099px) {
    

    p {
        max-width: 600px;
    }

    header .nav {
        padding: 10px;
    }

    .nav-items {
        justify-content: flex-end;
        padding-top: 5px;
    }

    .nav-item {
        margin: 24px;
        margin-top: 10px;
    }

    .custom-nav-item {
        text-decoration: none;
        color: #171796;
    }

        .custom-nav-item p {
            color: #171796;
            margin: 0;
            font-size: 20px;
        }


    #aboutSection .col-12 {
        min-width: 770px;
        flex: 1 1 100%;
        justify-content: center;
        text-align: center;
    }

    #aboutSection p, #aboutSection h4 {
        width: 70%;
        margin: 10px auto;
    }

    .leader-pic {
        max-height: 300px;
    }

    .leader-text {
        font-size: 19px;
    }

    .team-pic {
        max-width: 250px;
        overflow: hidden;
        border-radius: 200px;
    }

    .service-pic-blue {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #171796;
        margin: 30px;
    }

    .service-pic-red {
        max-width: 400px;
        overflow: hidden;
        border-radius: 20px;
        border: 4px solid #BE1E2D;
        margin: 30px;
    }

    #red_srvc {
        flex-wrap: wrap-reverse !important;
    }

    .cpsl-tagline-ban-white {
        max-width: 300px;
    }

    .cpsl-tagline-ban-gradient {
        max-width: 200px;
    }

    .heroSection {
        position: relative;
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(/Images/kannapolis.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        height: 85vh;
        width: 100%;
    }

        .heroSection .hero-content {
            position: absolute;
            top: 40%;
            color: #fff;
            background: transparent 0% 0% no-repeat padding-box;
            width: 100%;
        }

    .hero-content .ctaBlue {
        text-decoration: none;
        background-color: #171796;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 3px solid var(--unnamed-color-f1f2f2);
        background: #171796 0% 0% no-repeat padding-box;
        border: 3px solid #F1F2F2;
        border-radius: 17px;
        opacity: 1;
    }

    .ctaRed {
        display: flex;
        justify-content: center;
        width: 100px;
        text-decoration: none;
        background-color: #BE1E2D;
        color: #fff;
        font-size: 20px;
        font-weight: 100;
        padding: 10px 20px;
        border: 1px solid #707070;
        border-radius: 50px;
        opacity: 1;
    }

    .ban-comp {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .ban-services {
        top: 1080px;
        left: 0px;
        width: 100%;
        height: 90px;
        padding-top: 20px;
        color: #fff;
        display: flex;
        justify-content: center;
        text-align: center;
        background: transparent linear-gradient(90deg, var(--unnamed-color-be1e2d) 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(90deg, #BE1E2D 0%, #A11824 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
    }

    .comp-label {
        color: #171796;
        font-weight: 600 ;
    }

    .serv-label {
        color: #BE1E2D;
    }


    #servicesSection .row {
        margin-top: 100px;
        flex-wrap: wrap;
    }

    #servicesSection .col-12 {
        min-width: 770px;
        flex: 1 1 100%;
        justify-content: center;
        text-align: center;
    }

    #servicesSection p {
        width: 70%;
        margin: 20px auto;
    }


    #dvLockSmithingServices {
        display: flex;
    }

        #dvLockSmithingServices .col-12 {
            min-width: 770px;
            flex: 1 1 100%;
        }

        #dvLockSmithingServices .container {
            background: transparent linear-gradient(180deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
            background: transparent linear-gradient(180deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
            color: #fff;
            border: 1px solid #707070;
            border-radius: 35px;
            font-size: 19px;
            opacity: 1;
            padding: 20px;
            margin: 10px;
        }

    .keyServiceLeft {
        margin: 0 auto;
    }

    .keyServiceRight {
        margin: 0 auto;
    }

    #contactSection {
        background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("/Images/form-hero.jpg") no-repeat;
        position: relative;
        background-size: cover;
        background-position: center;
        height: 1200px;
    }

    .contact_form {
        background: rgba(255, 255, 255, 0.8);
        width: 550px;
        border-radius: 20px;
        margin-bottom: 80px;
        padding:1.5rem;
    }

        .contact_form input, .contact_form textarea {
            margin-top: 20px;
            background: #fff;
            opacity: 1;
            border: 1px solid #707070;
        }
}
@media (min-width: 767px) {

    .custom-floating-btn.contact {
        display:none;
    }
}

    @media (max-width: 767px) {


        p {
            max-width: 600px;
            font-size: 17px;
        }

        #red_srvc {
            flex-wrap: wrap-reverse !important;
        }

        header .nav {
            margin: 10px;
            justify-content: center;
        }



        .nav-items {
            justify-content: center;
            padding-top: 5px;
            display: none;
        }

        .nav-item {
            margin: 15px 15px;
        }

        .custom-nav-item {
            text-decoration: none;
            color: #171796;
        }

            .custom-nav-item p {
                color: #171796;
                margin: 0;
                font-size: 20px;
            }

        #aboutSection .col-12 {
            justify-content: center;
            text-align: center;
        }

        #aboutSection p, #aboutSection h4 {
            width: 80%;
            margin: 10px auto;
        }

        .leader-pic {
            max-height: 300px;
        }

        .leader-text {
            font-size: 18px;
        }

        .team-pic {
            max-width: 250px;
            overflow: hidden;
            border-radius: 200px;
        }

        .service-pic-blue {
            width: 90%;
            max-width: 400px;
            overflow: hidden;
            border-radius: 20px;
            border: 4px solid #171796;
            margin-bottom: 35px;
        }

        .service-pic-red {
            width: 90%;
            max-width: 400px;
            overflow: hidden;
            border-radius: 20px;
            border: 4px solid #BE1E2D;
            margin-bottom: 35px;
        }

        .cpsl-tagline-ban-white {
            max-width: 300px;
        }

        .cpsl-tagline-ban-gradient {
            max-width: 200px;
        }

        .heroSection {
            position: relative;
            background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(/Images/kannapolis.jpg) no-repeat;
            background-size: cover;
            background-position: center;
            height: 95vh;
        }

            .heroSection .hero-content {
                position: absolute;
                top: 25%;
                color: #fff;
                background: transparent 0% 0% no-repeat padding-box;
                width: 100%;
                padding: 2rem;
            }

        .hero-content .ctaBlue {
            text-decoration: none;
            background-color: #171796;
            color: #fff;
            font-size: 20px;
            font-weight: 100;
            padding: 10px 20px;
            border: 3px solid var(--unnamed-color-f1f2f2);
            background: #171796 0% 0% no-repeat padding-box;
            border: 3px solid #F1F2F2;
            border-radius: 17px;
            opacity: 1;
        }

        .ctaRed {
            display: flex;
            justify-content: center;
            width: 100px;
            text-decoration: none;
            background-color: #BE1E2D;
            color: #fff;
            font-size: 20px;
            font-weight: 100;
            padding: 10px 20px;
            border: 1px solid #707070;
            border-radius: 50px;
            opacity: 1;
        }

        .ban-comp {
            top: 1080px;
            left: 0px;
            width: 100%;
            height: 90px;
            padding-top: 25px;
            color: #fff;
            display: flex;
            justify-content: center;
            text-align: center;
            background: transparent linear-gradient(90deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
            background: transparent linear-gradient(90deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
            opacity: 1;
            font-weight: 600;
        }

        .ban-services {
            top: 1080px;
            left: 0px;
            width: 100%;
            padding: 15px;
            color: #fff;
            display: flex;
            justify-content: center;
            text-align: center;
            background: transparent linear-gradient(90deg, var(--unnamed-color-be1e2d) 0%, #A11824 100%) 0% 0% no-repeat padding-box;
            background: transparent linear-gradient(90deg, #BE1E2D 0%, #A11824 100%) 0% 0% no-repeat padding-box;
            opacity: 1;
        }


        .comp-label {
            color: #171796;
            font-weight: 600;
            font-size: 25px;
        }

        .serv-label {
            color: #BE1E2D;
            font-size: 25px;
        }


        #servicesSection .row {
            margin-top: 100px;
            flex-wrap: wrap;
        }

        #servicesSection .col-12 {
            flex: 1 1 100%;
            justify-content: center;
            text-align: center;
        }

        #servicesSection p {
            width: 90%;
            margin: 20px auto;
        }


        #dvLockSmithingServices .col-12 {
            flex: 1 1 100%;
        }

        #dvLockSmithingServices .container {
            background: transparent linear-gradient(180deg, var(--unnamed-color-171796) 0%, #181858 100%) 0% 0% no-repeat padding-box;
            background: transparent linear-gradient(180deg, #171796 0%, #181858 100%) 0% 0% no-repeat padding-box;
            color: #fff;
            border: 1px solid #707070;
            border-radius: 35px;
            font-size: 29px;
            opacity: 1;
            padding: 20px;
            margin: 10px auto;
            max-width: 450px;
            width: 90%;
        }

        .keyServiceLeft {
            margin: 0 auto;
        }

        #dvLockSmithingServices h5 {
            font-size: 20px;
        }

        .keyServiceRight {
            margin: 0 auto;
        }

        #contactSection {
            background: linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), linear-gradient(0deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("/Images/form-hero.jpg") no-repeat;
            position: relative;
            background-size: cover;
            background-position: center;
            height: 1200px;
        }

        .contact_form {
            background: rgba(255, 255, 255, 0.8);
            max-width: 550px;
            border-radius: 20px;
            margin-bottom: 80px;
            padding: 1.5rem
        }

            .contact_form input, .contact_form textarea {
                margin-top: 20px;
                background: #fff;
                opacity: 1;
                border: 1px solid #707070;
                border-radius: 5px;
            }
    }