/*=========================== HEADER START ===========================*/
.h-menu .hfe-nav-menu li a .hfe-menu-toggle.sub-arrow{
    margin: 5px 0 0 10px !important;
}
/*=========================== HEADER END ===========================*/

/*=========================== COMMON BTN START ===========================*/
.common-btn a {
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
        0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.common-btn a svg {
    fill: none !important;
}

.common-btn a:hover svg {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

/*=========================== COMMON BTN END ===========================*/

/*=========================== AI-ML PAGE START ===========================*/
.ai-capability-item{
    box-shadow: 
    0px 2px 4px -2px rgba(0, 0, 0, 0.10), 
    0px 4px 6px -1px rgba(0, 0, 0, 0.10);
}
/*=========================== AI-ML PAGE END ===========================*/

/*=========================== OUR SERVICES SECTION START ===========================*/
.our-services-grid-item {
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
        0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.our-services-grid-item:hover {
    background-color: #54b848 !important;
}

.our-services-grid-item:hover .service-item-description>*,
.our-services-grid-item:hover .service-learn-btn a .elementor-button-text {
    color: #ffffff !important;
}

.our-services-grid-item:hover .service-learn-btn a svg {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.service-learn-btn a svg {
    fill: none !important;
    width: 9px !important;
    height: 9px !important;
}

.service-learn-btn a:hover svg path {
    stroke: #111827 !important;
}

.our-services-desc-block {
    height: 100% !important;
}

/*=========================== OUR SERVICES SECTION END ===========================*/

/*=========================== FOOTER START ===========================*/
.footer-menu ul li a {
    display: inline !important;
    position: relative !important;
}

.footer-menu ul li a::after {
    content: "" !important;
    position: absolute !important;
    bottom: -2px !important;
    width: 0 !important;
    height: 1px !important;
    background-color: #54b848 !important;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}

.footer-menu ul li a:hover::after {
    opacity: 1 !important;
    width: 100% !important;
}

.footer-menu ul li.current-menu-item a::after {
    width: 100% !important;
    opacity: 1 !important;
}

.contact-list li a:hover .elementor-icon-list-text {
    color: #54b848 !important;
}

/*=========================== FOOTER END ===========================*/

/*=========================== MEDIA QUERIES START ===========================*/

@media(max-width: 1024px){
    .footer-menu ul li:not(:last-child) { margin-bottom: 5px !important; } 
}

@media (max-width: 767px) {
    .our-services-desc-block { height: auto !important; }
}

@media (min-width: 575px) and (max-width: 767px){
    .build-core-pipelines-grid{--e-con-grid-template-columns: repeat(2, 1fr) !important;}
}

@media (max-width: 575px) {
    .our-servicces-grid { display: flex !important; flex-direction: column !important; } }

/*=========================== MEDIA QUERIES END ===========================*/