/*
Theme Name: hellkatenergy
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* ==================== Common Style Start ==================== */
:focus,
:focus-visible,
:focus-within {
    outline: none !important;
}

.elementor-icon-wrapper {
    display: flex;
}

.common-details>*:last-child {
    margin-bottom: 0 !important;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}

.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}

.common-details ul li:not(:last-child),
.common-details ol li:not(:last-child) {
    margin-bottom: 15px;
}

.common-details strong,
.common-details b {
    color: #000000 !important;
}

.common-details .alignnone,
.common-details .alignleft,
.common-details .alignright,
.common-details .aligncenter {
    height: 380px !important;
    object-fit: cover !important;
}

.common-details .alignnone {
    float: none;
    margin: 20px;
}

.common-details .alignleft {
    float: left;
    margin: 20px 20px 20px 0;
}

.common-details .alignright {
    float: right;
    margin: 20px 0 20px 20px;
}

.common-details .aligncenter {
    float: none;
    display: block;
    margin: 20px auto;
}

.common-details blockquote {
    padding-left: 30px;
    border-left: 5px solid #000000;
    margin-bottom: 20px;
}

.h-menu nav ul li a {
    transition: all 0.2s ease-in-out !important;
}

.h-menu nav ul li a:hover,
.h-menu nav ul .current-menu-item a,
.h-menu nav ul li .elementor-item-active {
    font-weight: bold !important;
}

/* ==================== Common Style End ==================== */


/* ==================== Home Page Start ==================== */

.banner-img {
    height: 100% !important;
    position: relative;
}

.banner-img::after {
    content: '';
    position: absolute;
    background: linear-gradient(279.71deg, rgba(255, 255, 255, 0) 7.31%, rgba(255, 255, 255, 0.8) 36.6%, #FFFFFF 65.89%);
    width: 100%;
    height: 100%;
    inset: 0;
}

.cmn-heading-title .elementor-heading-title span {
    color: #E31E24 !important;
}

.cmn-spacing-title .elementor-heading-title span {
    letter-spacing: 0px !important;
}

.banner-box-block {
    box-shadow: 0px 12.1747px 18.262px -3.6524px rgba(0, 0, 0, 0.1), 0px 4.86986px 7.30479px -4.86986px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(24.3493px) !important;
}

.banner-box-block::after {
    content: '';
    position: absolute !important;
    background: rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 100%;
    inset: 0;
}

/* ==================== Home Page End ==================== */


/* ==================== Footer Start ==================== */

.footer-contact-box .elementor-icon-box-wrapper .elementor-icon-box-title {
    margin-top: 0px !important;
}

.footer-contact-box .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description a {
    color: #FFFFFF !important;
    word-break: break-all !important;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
}

.footer-contact-box .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description a:hover {
    color: #E31E24 !important;
}

/* ==================== Footer End ==================== */


/* ==================== Home Page Start ==================== */

.services-box-inner {
    cursor: pointer;
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
}

.services-box-inner:hover {
    background-color: #000000 !important;
}

/* .services-box-inner .service-box-icon .elementor-icon svg path {
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
} */

.services-box-inner .service-box-title .elementor-heading-title {
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
}

/* .services-box-inner:hover .service-box-icon .elementor-icon svg path {
    fill: #000 !important;
    stroke: #E31E24 !important;
} */

.services-box-inner:hover .service-box-title .elementor-heading-title {
    color: #FFFFFF !important;
}

.services-box-inner:hover .service-box-detail p {
    color: #FFFFFF !important;
}

.services-slider-main .elementor-swiper-button {
    width: 42px;
    height: 42px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.services-slider-main .elementor-swiper-button svg path {
    transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
}

.service-box-icon .elementor-icon svg {
    fill: none !important;
}

.service-box-icon-slider .elementor-icon svg {
    fill: #000 !important;
}

.services-slider-main .elementor-swiper-button:hover svg path {
    stroke: #E31E24 !important;
}

.industrial-client-box {
    border-left-color: #E31E24 !important;
}

.human-bg-img {
    height: 100%;
    position: relative;
}

.human-bg-img::after {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 53%, rgba(0, 0, 0, 0.9) 100%) !important;
    width: calc(100% - 40px);
    height: 100%;
    top: 0;
    left: 20px;
}

.human-bg-img::before {
    content: '';
    position: absolute;
    background: #fff !important;
    width: 100%;
    height: 100%;
    mix-blend-mode: saturation !important;
    inset: 0;
}

.human-slider-main .elementor-swiper-button {
    display: none !important;
}

/* ==================== Home Page End ==================== */



/* ==================== Get Quote Popup Start ==================== */

.quote-form form .elementor-form-fields-wrapper input:focus,
.quote-form form .elementor-form-fields-wrapper textarea:focus,
.quote-form form .elementor-form-fields-wrapper select:focus {
    box-shadow: none !important;
}

.quote-popup-main {
    backdrop-filter: blur(10px) !important;
}

.quote-form .elementor-form:has(.elementor-message) .elementor-field-group.elementor-column:not(:last-child) {
    margin-bottom: 50px !important;
}

.quote-form .elementor-form span.elementor-message {
    position: absolute !important;
    top: 100% !important;
    text-align: center !important;
}

.elementor-message.elementor-message-danger:not(span.elementor-message) {
    margin-top: 30px !important;
    text-align: center !important;
}

.header-main.elementor-sticky--effects {
    background: #fff !important;
    padding-bottom: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* ==================== Get Quote Popup End ==================== */



/* ==================== Responsive Style Start ==================== */

@media(min-width: 1700px) {
    .cmn-margin-title .elementor-heading-title {
        margin-right: -30px !important;
    }
}

@media (min-width: 1367px) and (max-width: 1474px) {
    .cmn-size-title .elementor-heading-title {
        font-size: 50px !important;
        line-height: 60px !important;
    }
}

@media(min-width: 1367px) and (max-width: 1699px) {
    .cmn-margin-title .elementor-heading-title {
        letter-spacing: 3px !important;
        font-size: 50px !important;
        line-height: 60px !important;
    }
}

@media (max-width: 1366px) {
    .quote-popup-icon .elementor-icon {
        padding: 13px !important;
    }

    .quote-form form .elementor-form-fields-wrapper .elementor-button {
        padding: 16px 28px !important;
    }
}

@media (max-width: 1200px) {

    .common-details h1,
    .common-details h2,
    .common-details h3,
    .common-details h4,
    .common-details h5,
    .common-details h6,
    .common-details ul,
    .common-details ol {
        margin-bottom: 15px;
    }

    .common-details ul li,
    .common-details ol li {
        margin-bottom: 10px;
    }

    .human-bg-img::after {
        width: 100% !important;
        left: 0;
    }

    .quote-popup-icon .elementor-icon {
        padding: 12px !important;
    }

    .quote-form form .elementor-form-fields-wrapper .elementor-button {
        padding: 14px 24px !important;
    }
}

@media (max-width: 1199px) {
    .human-slider-main .elementor-swiper-button {
        display: flex !important;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 1024px) {
    .quote-popup-icon .elementor-icon {
        padding: 11px !important;
    }

    .quote-form form .elementor-form-fields-wrapper .elementor-button {
        padding: 12px 18px !important;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .human-inner-block {
        --padding-bottom: 94px !important;
    }
}


@media (max-width: 880px) {
    .human-slide-icon .elementor-icon {
        padding: 11px !important;
    }
}

@media (max-width: 767px) {
    .banner-box-block {
        left: 50% !important;
        transform: translateX(-50%) !important;
        -webkit-transform: translateX(-50%) !important;
        -moz-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        -o-transform: translateX(-50%) !important;
    }

    .footer-menu nav ul li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .services-box-inner {
        height: 100% !important;
    }

    .services-bg-block {
        background-color: transparent !important;
    }

    .human-slide-icon .elementor-icon {
        padding: 10px !important;
    }

    .services-slider-item {
        height: 100% !important;
    }

    .cmn-size-detail p {
        font-weight: 400 !important;
    }

    .human-bg-img img {
        object-position: 75% center !important;
    }

    .setting-left-block {
        align-items: stretch !important;
    }

    .year-trust-main {
        flex-grow: 1 !important;
    }
}

@media (max-width: 575px) {

    .common-details .alignnone,
    .common-details .alignleft,
    .common-details .alignright,
    .common-details .aligncenter {
        float: none !important;
        display: block !important;
        margin: 20px auto !important;
        height: 320px !important;
    }

    .common-width-100 {
        width: 100% !important;
    }

    .common-grid-block {
        display: flex !important;
        flex-direction: column !important;
    }
}

/* ==================== Responsive Style End ==================== */