/* 
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
*/

/* -------------------------
    Header CSS 
------------------------ */
.common-btn span.elementor-button-icon,
.project-loop-innner .e-loop__load-more.elementor-button-wrapper span.elementor-button-content-wrapper span.elementor-button-icon {
    width: 46px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transition: 0.5s all;
}

.common-btn span.elementor-button-content-wrapper,
.project-loop-innner .e-loop__load-more.elementor-button-wrapper span.elementor-button-content-wrapper {
    align-items: center;
}

.project-loop-innner .e-loop__load-more span.elementor-button-content-wrapper span.elementor-button-icon svg path {
    fill: #26343A;
    transition: 0.5s all;
}

.project-loop-innner .e-loop__load-more.elementor-button-wrapper a.elementor-button:hover span.elementor-button-content-wrapper span.elementor-button-icon {
    background-color: #26343A;
}

.project-loop-innner .e-loop__load-more a.elementor-button:hover span.elementor-button-content-wrapper span.elementor-button-icon svg path {
    fill: #FFFFFF;
}

.project-loop-innner .e-loop__load-more span.elementor-button-icon svg {
    font-size: 14px;
    transform: rotate(320deg);
    transition: 0.5s all;
}

.project-loop-innner .e-loop__load-more a.elementor-button:hover span.elementor-button-icon svg {
    transform: rotate(360deg);
}

.header-main li.menu-item a.elementor-item.elementor-item-anchor:hover::after,
.header-main li.menu-item a.elementor-item.elementor-item-active::after {
    content: "";
    position: absolute;
    width: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.quick-link-menu ul.elementor-nav-menu {
    column-count: 2;
    align-items: flex-start !important;
}


.bttn-icn .elementor-button-icon {
    font-size: 46px;
    transition: 0.6s all !important;
}

.bttn-icn .elementor-button-content-wrapper {
    align-items: center;
}

.bttn-icn a:hover .elementor-button-icon {
    transform: rotate(45deg);
}

.blck-bttn a:hover .elementor-button-icon circle {
    fill: #26343A;
}

.blck-bttn a:hover .elementor-button-icon path {
    fill: #fff;
}

.lite-bttn a:hover .elementor-button-icon path {
    fill: #26343A;
}

.lite-bttn a:hover .elementor-button-icon circle {
    fill: #fff;
}



.expertise-card:hover .elementor-image-box-content .elementor-image-box-title,
.expertise-card:hover p {
    color: #fff;
}


.expertise-card:hover .elementor-image-box-img img {
    filter: brightness(0) invert(100%) !important;
}

.expertise-card:hover .elementor-divider-separator {
    border-block-start: 1px solid #ffffff30 !important;
}


.left-map-area .elementor-custom-embed,
.left-map-area .elementor-custom-embed iframe {
    height: 100% !important;
}



/* Home Our Expertisise */
.main-loop-expertise .elementor-loop-container {
    counter-reset: section;
}

.main-loop-expertise .elementor-loop-container .e-loop-item {
    counter-increment: section;
}

.main-loop-expertise 
.elementor-loop-container 
.e-loop-item 
.text-number p::before {
    content: counter(section, decimal-leading-zero) '. ';
}


.main-loop-expertise .elementor-loop-container .e-loop-item .text-number p strong {
    display: none;
}


/* ---------------------------
    Footer CSS start 
-------------------------- */
div#gform_fields_1 {
    gap: 24px;
}

.get-in-touch-form .ginput_container input:not([type="submit"]),
.get-in-touch-form .ginput_container textarea {
    background: #FFFFFF73;
    height: 66px;
    border-radius: 40px;
    border: 1px solid #FFFFFF5C;
    padding-left: 24px;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}

.get-in-touch-form textarea#input_1_6 {
    height: 200px;
}

.get-in-touch-form input#gform_submit_button_1 {
    height: 64px;
    padding: 15px 35px;
    background: #26343A;
    border: 1px solid #26343A;
    border-radius: 70px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    transition: 0.5s all;
}

.get-in-touch-form .gform-footer.gform_footer.top_label {
    margin-top: 0;
}

.get-in-touch-form .ginput_container input:not([type="submit"]):focus,
.get-in-touch-form .ginput_container textarea:focus,
.get-in-touch-form input#gform_submit_button_1:focus {
    outline: none;
    box-shadow: none;
}

div#gform_1_validation_container {
    display: none;
}

.newsletter-form .ginput_container input#input_2_1 {
    height: 50px;
    background: transparent;
    border: 1px solid #A2A2A2;
    color: #FFFFFF;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 100px;
    text-transform: capitalize;
    border-radius: 50px;
    padding-left: 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6714 9.74574C11.1739 10.0775 10.5959 10.2528 10 10.2528C9.40414 10.2528 8.82617 10.0775 8.32859 9.74574L0.133164 4.28195C0.087922 4.2517 0.0435173 4.22022 0 4.18754L0 13.1405C0 14.167 0.833008 14.9817 1.84113 14.9817H18.1588C19.1853 14.9817 20 14.1487 20 13.1405V4.1875C19.9564 4.22027 19.9119 4.25182 19.8665 4.28211L11.6714 9.74574Z' fill='white'/%3E%3Cpath d='M0.783204 3.30437L8.97863 8.7682C9.28887 8.97503 9.64441 9.07843 9.99996 9.07843C10.3555 9.07843 10.7111 8.97499 11.0214 8.7682L19.2168 3.30437C19.7072 2.97762 20 2.43074 20 1.84051C20 0.825625 19.1743 0 18.1595 0H1.84051C0.825665 3.90625e-05 9.68791e-07 0.825664 9.68791e-07 1.84148C-0.000303273 2.13102 0.0710559 2.41613 0.207714 2.67138C0.344372 2.92663 0.54208 3.1441 0.783204 3.30437Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center left 18px;
}

.newsletter-form input#gform_submit_button_2 {
    height: 52px;
    background: #26343A;
    border-radius: 70px;
    padding: 10px 28px;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    text-transform: capitalize;
    transition: 0.5s all;
}

.get-in-touch-form input#gform_submit_button_1:hover,
.newsletter-form input#gform_submit_button_2:hover {
    background-color: #D9D2C7;
    color: #26343A;
}

.newsletter-form .ginput_container input#input_2_1,
.newsletter-form input#gform_submit_button_2 {
    outline: none;
    box-shadow: none;
}

div#gform_2_validation_container {
    display: none;
}


/* Our Milestone section css */
.icon-shape::after {
    content: "";
    width: 30px;
    height: 30px;
    background: #89939E33;
    position: absolute;
    right: -5px;
    top: 0;
    border-radius: 50%;
}


/* Our Project Section */
.common-project-block {
    transition: 0.6s all !important;
}

.common-project-block:hover {
    width: 40% !important;
}

.explore-btn {
    opacity: 0;
}

.common-project-block:hover .explore-btn {
    opacity: 1;
}

.explore-btn a.elementor-button.elementor-button-link {
    width: 156px;
    height: 156px;
    display: flex;
    align-items: center;
}



/* About Us page CSS */
.comm-icon-bx .elementor-icon-box-icon {
    border-bottom: 1px solid #26343A33;
    padding-bottom: 25px;
}

.val-box::after {
    content: "";
    position: absolute;
    right: 0 !important;
    top: 0;
    height: 200px;
    width: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='1' height='183' viewBox='0 0 1 183' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='2.18557e-08' x2='0.499992' y2='183' stroke='url(%23paint0_linear_499_550)' stroke-opacity='0.2' stroke-dasharray='4 4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_499_550' x1='-0.5' y1='-2.18557e-08' x2='-0.500008' y2='183' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='0.5'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.val-box::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='283' height='1' viewBox='0 0 283 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='283' y1='0.5' y2='0.5' stroke='url(%23paint0_linear_499_576)' stroke-opacity='0.2' stroke-dasharray='4 4'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_499_576' x1='283' y1='-0.5' x2='0' y2='-0.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='0.5'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.last-inner-box-values .val-box::before,
.inner-box-values .val-box:last-child::after,
.last-inner-box-values .val-box:last-child::after {
    content: none !important;
}



/* Project page css start */
.project-filter button.search-filter-input-button:hover {
    background: #26343A !important;
    color: #FFFFFF !important;
}

.main-project-loop .elementor-loop-container.elementor-grid {
    display: flex !important;
}

.main-project-loop .e-loop-item {
    width: 25%;
    transition: 0.6s all;
}

.main-project-loop .e-loop-item:hover {
    width: 40%;
}




.acc-list .e-n-accordion-item-title-text {
    display: flex;
    gap: 15px;
}




/* Responsive CSS start here */
@media only screen and (min-width: 1201px) and (max-width: 1599px) {

    header,
    footer,
    .elementor {
        zoom: 0.85;
        zoom: 85%;
    }

}


@media(max-width:1366px) {
    .bttn-icn .elementor-button-icon {
        font-size: 36px;
    }

    .explore-btn a.elementor-button.elementor-button-link {
        width: 140px;
        height: 140px;
    }

}


@media only screen and (max-width: 1024px) {
    .bttn-icn .elementor-button-icon {
        font-size: 26px;
    }

    .common-btn span.elementor-button-icon {
        width: 32px;
        height: 32px;
        font-size: 10px;
    }

    div#gform_fields_1 {
        gap: 20px;
    }

    .get-in-touch-form .ginput_container input:not([type="submit"]),
    .get-in-touch-form .ginput_container textarea,
    .get-in-touch-form input#gform_submit_button_1 {
        height: 52px;
        padding-left: 24px;
        font-size: 14px;
        line-height: 20px;
    }

    .get-in-touch-form textarea#input_1_6 {
        height: 150px;
    }

}




@media only screen and (max-width: 767px) {
    .common-project-block:hover {
        width: 100% !important;
    }

    .val-box::after {
        content: none;
    }

    .last-inner-box-values .val-box::before {
        content: "" !important;
    }


}


@media only screen and (max-width: 575px) {
    .main-project-loop .elementor-loop-container.elementor-grid {
        flex-direction: column;
    }
    .main-project-loop .e-loop-item {
        width: 100%;
    }
    .main-project-loop .e-loop-item:hover {
        width: 100%;
    }

}