/* 
Theme Name:      Hello Elementor Child
Description:     Hello Elementor Child is a child theme of Hello Elementor, created by ChildTheme-Generator.com
Author:          Rajneesh Kumar Maurya
Template:        hello-elementor
Version:         1.0.0
Text Domain:     hello-elementor-child
*/
 :root {
    --background-color: #ffffff;
    --default-color: #444444;
    --heading-color: #545454;
    --accent-color: #ff8402;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
    --nav-color: #fff;
    --nav-hover-color: #ff8402;
    --nav-mobile-background-color: #545454;
    --nav-dropdown-background-color: #545454;
    --nav-dropdown-color: #fff;
    --nav-dropdown-hover-color: #ff8402;
    --default-font: 'Lato';
    --heading-font: 'Montserrat';
    --nav-font: 'Poppins';
    --primery-color: #040057;
    --second-color: #545454;
    --third-color: #018D37;
    --button-color: #ff8402;
}
.elementor-page .elementor-heading-title, .sec_heading .elementor-heading-title {
    font-family: var(--heading-font)!important;
}
.nav-font a {
    font-family: var(--nav-font)!important;
}
.sans-serif a, .sans-serif p {
    font-family: var(--default-font)!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font)!important;
}
.head_tiltTop, .head_tiltBack {
    background-color: color-mix(in srgb, #018d37, transparent 75%)!important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 75%);
    position: relative;
}
button.wp-block-search__button.has-icon.wp-element-button {
    position: absolute;
    height: 43px;
}
button.wp-block-search__button.has-icon.wp-element-button {
    position: absolute;
    height: 42px;
    right: 20px;
}
.btn-mannys .elementor-button {
    color: #fff;
    line-height: 0;
    font-weight: 700;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 25px;
    padding: 15px 40px;
    border-radius: 4px;
    transition: 0.5s;
}
.menu a, .wp-block-latest-posts__post-title, .sec_heading .elementor-heading-title {
    color: var(--primery-color)!important;
}
.menu a:hover, .wp-block-latest-posts__post-title:hover {
    color: var(--button-color)!important;
}
.h_service {
    max-height: 350px;
    border: 1px solid #dbd6d6 !important;
    text-align: left !important;
    box-shadow: 18px 15px 35px 0px #00000017!important;
    border-radius: 4px !important;
}
a.flipbox-button.front {
    color: #0dcaf0f5!important;
    border: 1px solid #0dcaf0f5!important;
    border-radius: 30px;
    margin-top: 30px;
    padding: 8px 25px;
}
a.flipbox-button.back {
    color: #fff!important;
    border: 1px solid #fff!important;
    border-radius: 30px;
    margin-top: 30px;
    padding: 8px 25px;
}
.serv_heading {
    color: var(--primery-color)!important;
}
.serv_heading {
    font-size: 22px;
    color: var(--primery-color)!important;
    margin: 12px 0px;
    font-weight: 700;
}
.elementor-element.elementor-element-3580182:not(.elementor-motion-effects-element-type-background), .elementor-element.elementor-element-3580182 > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-element.elementor-element-37b0c43:not(.elementor-motion-effects-element-type-background), .elementor-element.elementor-element-37b0c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var(--primery-color)!important;
}
.elementor-element.elementor-element-3580182.e-con-full.e-flex.e-con.e-parent.elementor-sticky.e-lazyloaded, .elementor-element.elementor-element-37b0c43.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    background-color: var(--primery-color)!important;
}
.elementor-element.elementor-view-framed .elementor-icon, .elementor-element.elementor-view-default .elementor-icon {
    fill: var(--primery-color)!important;
    color: var(--primery-color)!important;
    border-color: var(--primery-color)!important;
}
.elementor-element.elementor-element-b249d8f .elementor-icon-box-title, p.elementor-icon-box-description {
    color: var(--primery-color)!important;
}
.elementor-button {
    background-color: var(--button-color)!important;
    fill: #fff!important;
    color: #fff!important;
}
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main .elementor-item.highlighted, .elementor-nav-menu--main .elementor-item:focus {
    color: var(--button-color)!important;
    fill: var(--button-color)!important;
}
.elementor-location-footer .elementor-heading-title {
    color: var(--button-color)!important;
}
.elementor-social-icon svg {
    fill: var(--button-color)!important;
}
.elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
    background-color: var(--button-color)!important;
}
.elementor-element .elementor-social-icon {
    background-color: var(--primery-color)!important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--button-color)!important;
}
.serv-box .infobox-icon:after {
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    bottom: 37%;
    height: 100%;
    background-color: var(--surface-color);
    -webkit-mask: url(wp-content/uploads/2025/05/team-shape.webp) no-repeat center bottom;
    mask: url(wp-content/uploads/2025/05/team-shape.webp) no-repeat center bottom;
    -webkit-mask-size: contain;
    mask-size: contain;
    z-index: 1;
}
.eael-elements-flip-box-front-container img.eael-flipbox-image-as-icon {
    filter: invert(8%) sepia(110%) saturate(6500%) hue-rotate(200deg) brightness(40%) contrast(80%)
}
.eael-elements-flip-box-rear-container img.eael-flipbox-image-as-icon {
    filter: invert(1) brightness(100);
}
ul.menu-footer {
    list-style: none;
    padding-left: 15px;
}
.menu-item a.elementor-item {
    color: #fff;
	font-family: "Lato" !important;
}
.menu-item a.elementor-item:hover, .elementor-nav-menu--dropdown {
    color: var(--button-color)!important;
}
ul {
    list-style:none!important;
}
.elementor-10 .elementor-element.elementor-element-b682e44 .elementor-nav-menu--dropdown a:hover, .elementor-10 .elementor-element.elementor-element-b682e44 .elementor-nav-menu--dropdown a:focus, .elementor-10 .elementor-element.elementor-element-b682e44 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-10 .elementor-element.elementor-element-b682e44 .elementor-nav-menu--dropdown a.highlighted, .elementor-10 .elementor-element.elementor-element-b682e44 .elementor-menu-toggle:hover, .elementor-10 .elementor-element.elementor-element-b682e44 .elementor-menu-toggle:focus {
    color: var(--button-color)!important;
}
.menu, .page_item a, .menu-item a, .wp-block-navigation, .wp-block-navigation-item__content {
    font-family: "Lato" !important;
}

@media screen and (max-width: 768px) {
    .head_tiltTop, .head_tiltBack {
        background-color: color-mix(in srgb, #018d37, transparent 75%)!important;
        clip-path: unset!important;
    }
    .elementor-331 .elementor-element.elementor-element-c7aba91.e-con {
        --e-con-transform-translateY: 0px!important;
    }
    .menu-item a.elementor-item {
        background-color: #040057;
    }
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
        background-color: #040057;
    }
    .elementor-10 .elementor-element.elementor-element-b249d8f .elementor-icon-box-description {
        font-size: 16px!important;
    }
}