:root {
    --color-tab-menu: #101010;
    --font-rubik: Rubik !important;
}


.search-anyting {
    color: white !important;
}

.link-menu a {
    color: white !important;
    font-weight: 600 !important;
}


.eltdf-page-header {
    height: 125px;
    background: var(--active-hover-black) !important;
}

    .eltdf-page-header:hover {
        background: var(--active-hover-black) !important;
    }

.eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner, .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner {
    padding-top: 0px !important;
    padding-bottom: 40px;
}

.nav-tabs {
    border-bottom: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-rubik) !important;
}


.title-contact-us {
    padding: 300px 0 227px 0
}


.title-contact-us h2 {
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-family: Rubik;
    font-size: 70px;
    font-weight: 500;
    line-height: 100px;
}

/* contact us */
.contact-branch {
    line-height: 32px;
}

.contact-address {
    max-width: 190px;
}

.contact-person svg {
    vertical-align: middle;
    margin-right: 5px;
}

.contact-person span {
    vertical-align: bottom;
}

.wpcf7-form-input,
.wpcf7-form-textarea {
    width: 100%;
    color: #090909 !important;
    background-color: transparent !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-bottom: 1px solid #090909 !important;
    border-right: transparent !important;
    outline: none;
}

.wpcf7-form-input:active,
.wpcf7-form-input:hover {
    box-shadow: 0 4px 2px -2px #918d8dc9 !important;
}

.wpcf7-form-textarea:hover {
    background-color: transparent !important;
    border-top: transparent !important;
    border-left: transparent !important;
    border-bottom: 1px solid #090909 !important;
    border-right: transparent !important;
}

.contact-maps-area {
    width: 500px;
    height: 500px;
    max-width: 500px;
    max-height: 500px;
    background-image: url(../assets/img/example-map.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.frm-maps {
    /* margin: 0 auto;
        width: 50%; */
}

.contact-usfrm {
    padding: 50px;
}


/* footer */
@media only screen and (max-width: 680px) {
    .eltdf-eh-item-content.eltdf-eh-custom-6451 {
        padding: 80px 0 165px 0 !important;
    }
/* title */
.title-contact-us h2 {
    font-size: 45px;
}


    .contact-branch{
            margin: 0px 31px 0px;
    }

    .eltdf-eh-custom-1932{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        .contact-usfrm {
            padding: 0px;
            padding-right: calc(var(--bs-gutter-x)* .5);
                padding-left: calc(var(--bs-gutter-x)* .5);
        }

        .contact-maps-area{
            width: auto;
                height: 400px;
        }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    
    .eltdf-eh-custom-1932 {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }
        
    .contact-maps-area{
        width: auto;
    }

        .contact-usfrm {
            padding: 25px;
        }

        
    /* your css rules for ipad portrait */
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .contact-maps-area {
            width: auto;
        }
    /* your css rules for ipad landscape */
}