/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html,
body {
    overflow-x: hidden;
}

/* Header Section */

.header-section .menu-item-42 {
    display: none !important;
}

.header-section .menu-item a {
    padding: 8px 20px !important;
}

.header-section .menu-item a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px 20px !important;
}

.header-section .menu-item .elementor-item-active {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px 20px !important;
}

/* Footer Section */

.title-two-lines {
    position: relative;
}

.title-two-lines::after {
    position: absolute;
    content: "";
    width: 84px;
    height: 2px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: -20px;
    transform: translate(-100%, -50%);
}

.title-two-lines::before {
    position: absolute;
    content: "";
    width: 84px;
    height: 2px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: -20px;
    transform: translate(100%, -50%);
}

.footer-form #input_1_7 {
    padding: 0 40px 0 83px !important;
}

.footer-form input:not([type="submit"]) {
    border: 1px solid rgba(0, 0, 0, 0.26) !important;
    height: 70px;
    border-radius: 10px !important;
    padding: 0 20px !important;
    background-color: rgba(245, 245, 245, 1);
    outline: none;
}

.footer-form input:not([type="submit"])::placeholder {
    color: #999999;
}

.footer-form input:not([type="submit"]):focus {
    border: 1px solid #000000 !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}

.footer-form .textarea {
    border: 1px solid rgba(0, 0, 0, 0.26) !important;
    height: 165px !important;
    border-radius: 10px !important;
    padding: 15px 20px !important;
    background-color: rgba(245, 245, 245, 1);
    resize: none;
    outline: none;
}

.footer-form .textarea::placeholder {
    color: #999999;
}

.footer-form .textarea:focus {
    border: 1px solid #000000;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
}

.footer-form .gfield_required {
    display: none !important;
}

.footer-form .gfield_label {
    margin-bottom: 12px !important;
    font-family: Manrope !important;
    font-weight: 400 !important;
    font-size: 20px !important;
}

.footer-form .gform_fields {
    grid-row-gap: 25px !important;
}

.footer-form input[type="submit"] {
    margin-bottom: 0 !important;
    background-color: #000000;
    border: none;
    border-radius: 100px;
    padding: 14px 60px 14px 24px !important;
    font-family: Manrope;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url("https://www.mmdcompany.com/wp-content/uploads/2025/10/arrowonbtn.png");
    background-repeat: no-repeat;
    background-size: 42px;
    background-position: center right 8px;
    transition: 0.3s;
    margin: auto !important;
}

.footer-form input[type="submit"]:hover {
    background-color: rgba(0, 0, 0, 0.22);
    color: #000000;
    background-image: url("https://www.mmdcompany.com/wp-content/uploads/2025/10/Group-3.png");
}

.footer-form .gform-footer {
    /* justify-content: center; */
    padding: 16px 0 0 0 !important;
}

.footer-form .iti__selected-country-primary {
    display: none !important;
}

.footer-form .iti__selected-dial-code {
    padding: 20px !important;
    position: relative;
}

.footer-form .iti__selected-dial-code::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.26);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
}

.footer-form .gform_confirmation_message_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.footer-form .gform_confirmation_message_1 img {
    width: 50px;
}

/* Home Pgae */

.body-btn .elementor-button-content-wrapper {
    align-items: center;
}

.body-btn .elementor-button-icon svg {
    font-size: 42px;
}

.body-btn .elementor-button .elementor-button-icon svg {
    transition: 0.3s;
}

.body-btn .elementor-button:hover .elementor-button-icon svg {
    rotate: 45deg;
}

.body-title-both-lines {
    position: relative;
}

.body-title-both-lines::after {
    position: absolute;
    content: "";
    width: 84px;
    height: 2px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: -20px;
    transform: translate(-100%, -50%);
}

.body-title-both-lines::before {
    position: absolute;
    content: "";
    width: 84px;
    height: 2px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: -20px;
    transform: translate(100%, -50%);
}

.logo-car .swiper-wrapper {
    transition-timing-function: linear !important;
}

.logo-car {
    position: relative;
}

.logo-car::after {
    position: absolute;
    content: "";
    width: 211px;
    height: 60px;
    background-image: url("https://dev.wordpress-developer.us/man-metal-design-inc/wp-content/uploads/2025/10/leftshadow.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.logo-car::before {
    position: absolute;
    content: "";
    width: 110px;
    height: 60px;
    background-image: url("https://dev.wordpress-developer.us/man-metal-design-inc/wp-content/uploads/2025/10/rightshadow.png");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    z-index: 99;
}

.service-loop-main:hover .service-loop {
    --e-con-transform-translateY: 0% !important;
    gap: 25px;
}

.service-loop-main.activebox .service-loop {
    --e-con-transform-translateY: 0% !important;
    /* gap: 25px; */
}

/* .service-loop-main {
    width: 400px !important;
    transition: width 0.5s ease-in-out !important;
} */

.service-loop-main {
    width: 400px !important;
    transition: width 0.5s ease-in-out !important;
}

.service-loop-main.activebox {
    width: 520px !important;
    justify-content: space-between;
}

.break-text-line span {
    position: relative;
}

.break-text-line span::after {
    position: absolute;
    content: "";
    width: 84px;
    height: 2px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: -20px;
    transform: translate(100%, -50%);
}

/* Service Page */

.service-page-loop:hover .service-page-col {
    --e-con-transform-translateY: 0% !important;
    gap: 25px;
}

.box-right-line .elementor-image-box-img {
    position: relative;
}

.box-right-line .elementor-image-box-img::after {
    position: absolute;
    content: "";
    width: 333px;
    height: 2px;
    background-color: RGBA(166, 166, 166, 0.3);
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
}

.repeat-items-loop .service-repeater-items-box .service-repeater-items-list li {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.repeat-items-loop .service-repeater-items-box .service-repeater-items-list {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Gallery Page */

.gallery-loop .elementor-button {
    background-image: url("https://www.mmdcompany.com/wp-content/uploads/2025/10/Group-3.png");
    background-repeat: no-repeat;
    background-size: 42px;
    background-position: center right 8px;
}

.gallery-images .elementor-swiper-button {
    background-color: #FFFFFF;
    border-radius: 100%;
    padding: 15px;
    transition: 0.3s;
}

.gallery-images .elementor-swiper-button:hover {
    background-color: #A6A6A6;
}

.gallery-images img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
}

.gallery_image-slider .swiper-slide .swiper-slide-inner .swiper-slide-image{
    height: 100%;
    width: 100%;
}

/* ========== Service Details Page CSS ========== */

.acc-left-col .e-n-accordion-item .e-n-accordion-item-title,
.acc-right-col .e-n-accordion-item .e-n-accordion-item-title {
    border: 1px solid #00000042;
    background-color: #F5F5F5;
    transition: all 0.1s ease-in;
}

.acc-left-col .e-n-accordion-item[open],
.acc-right-col .e-n-accordion-item[open] {
    background-color: #F5F5F5;
    border: 1px solid #00000042;
    border-radius: 10px;
    transition: all 0.1s ease-in;
}

.acc-left-col .e-n-accordion-item[open] .e-n-accordion-item-title,
.acc-right-col .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-color: transparent;
}

.service_title_line .elementor-heading-title {
    position: relative;
}

.service_title_line .elementor-heading-title::after {
    content: '';
    width: 85px;
    height: 2px;
    background-color: #000000;
    position: absolute;
    bottom: 28px;
    right: -30px;
}


/* ========== Service Details Page CSS ========== */


/* Responsive */

@media screen and (max-width: 1799px) {
    .service-loop-main {
        width: 380px !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 480px !important;
        justify-content: space-between;
    }
}


@media screen and (max-width: 1600px) {

    .service-loop-main {
        width: 400px !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 520px !important;
        justify-content: space-between;
    }

    body>.elementor>.elementor-element,
    .header .elementor-widget-theme-site-logo,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a,
    .header .elementor-widget-theme-site-logo+.elementor-element>.elementor-widget-button,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content>.elementor-element {
        zoom: 0.80;
        zoom: 80%;
    }
}

@media screen and (max-width: 1440px) {

    .service-loop-main {
        width: 370px !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 510px !important;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1366px) {

    .service-loop-main {
        width: 350px !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 460px !important;
        justify-content: space-between;
    }

    .service_title_line .elementor-heading-title::after {
        right: -70px;
    }
}

@media screen and (max-width: 1200px) {
    .service-loop-main {
        width: 320px !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 380px !important;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1080px) {
    .service-loop-main {
        width: 100% !important;
        padding-bottom: 25px;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 100% !important;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1024px) {
    .service-loop-main {
        width: 100% !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 100% !important;
        justify-content: space-between;
    }

    body>.elementor>.elementor-element,
    .header .elementor-widget-theme-site-logo,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading a,
    .header .elementor-widget-theme-site-logo+.elementor-element>.elementor-widget-button,
    .elementor-location-header .elementor-widget-n-menu nav .e-n-menu-heading .e-n-menu-content>.elementor-element {
        zoom: 0;
        zoom: 0%;
    }

    .box-right-line .elementor-image-box-img::after {
        display: none;
    }

    .header-section .menu-item-42 {
        display: block !important;
    }
}

@media screen and (max-width: 880px) {
    .service-loop-main {
        width: 100% !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 100% !important;
        justify-content: space-between;
    }

    .service-loop-main.activebox .service-loop {
        gap: 15px;
    }

    .service_title_line .elementor-heading-title::after {
        right: -70px;
        bottom: 15px;
    }
}


@media screen and (max-width: 767px) {
    .title-two-lines::after {
        width: 40px;
        left: -10px;
    }

    .title-two-lines::before {
        width: 40px;
        right: -10px;
    }

    .body-title-both-lines::after {
        /* width: 40px;
    left: -10px; */
        display: none;
    }

    .body-title-both-lines::before {
        /* width: 40px;
    right: -10px; */
        display: none;
    }

    .footer-form input:not([type="submit"]) {
        height: 50px;
        padding: 0 10px !important;
    }

    .footer-form .gform_fields {
        grid-row-gap: 15px !important;
    }

    .footer-form .textarea {
        height: 100px !important;
        padding: 10px 10px !important;
    }

    .body-btn .elementor-button-icon svg {
        font-size: 25px;
    }

    .footer-form input[type="submit"] {
        padding: 4px 44px 4px 15px !important;
        background-size: 25px;
    }

    .service-loop-main {
        width: 100% !important;
        transition: width 0.5s ease-in-out !important;
    }

    .service-loop-main.activebox {
        width: 100% !important;
        justify-content: space-between;
    }

    .service-loop-main.activebox .service-loop {
        gap: 15px;
    }

    .break-text-line span::after {
        display: none;
    }

    .service-loop ul {
        padding-left: 25px;
    }

    .service-page-col ul {
        padding-left: 25px;
    }

    .service-page-loop:hover .service-page-col {
        gap: 15px;
    }

    .gallery-loop .elementor-button {
        background-size: 25px;
        background-position: center right 6px;
    }

    .gallery-images img {
        height: 50vh !important;
    }

    .service_title_line .elementor-heading-title::after {
        display: none;
    }

    .footer-form .gform-footer {
        justify-content: center;
    }
}