/*
Theme Name: Kaizen Iq
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;
}

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

/* ==================== Header Start ==================== */



/* .h-menu .menu-is-active {
    position: fixed !important;
    height: 100vh !important;
    top: 0px !important;
    left: 0 !important;
    z-index: -1 !important;
    padding: 120px 30px !important;
    transition: 0.4s all ease-in-out !important;
    -webkit-transition: 0.4s all ease-in-out !important;
    -moz-transition: 0.4s all ease-in-out !important;
    -ms-transition: 0.4s all ease-in-out !important;
    -o-transition: 0.4s all ease-in-out !important;
} */

.h-menu .menu-is-active ul {
    height: fit-content !important;
    gap: 20px !important;
}

.h-menu .menu-is-active ul li a {
    width: fit-content !important;
}

.h-menu .menu-is-active ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-menu .hfe-nav-menu-icon svg {
    fill: #FFFFFF !important;
}

.h-menu .h-btn {
    display: none;
}

.h-menu .h-btn a {
    border: 1px solid #BDD86C;
    color: #000000 !important;
    background: #BDD86C !important;
    padding: 8px 14px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: 0.4s all ease-in-out !important;
    -webkit-transition: 0.4s all ease-in-out !important;
    -moz-transition: 0.4s all ease-in-out !important;
    -ms-transition: 0.4s all ease-in-out !important;
    -o-transition: 0.4s all ease-in-out !important;
}

.h-menu .h-btn a:hover {
    color: #FFFFFF !important;
    background: transparent !important;
    transition: 0.4s all ease-in-out !important;
    -webkit-transition: 0.4s all ease-in-out !important;
    -moz-transition: 0.4s all ease-in-out !important;
    -ms-transition: 0.4s all ease-in-out !important;
    -o-transition: 0.4s all ease-in-out !important;
}

.header-inner-full {
    backdrop-filter: blur(10px);
}

.header-main-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition:
        background 0.8s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
        backdrop-filter 0.8s ease;
    background-color: transparent;
}

.header-main-block.sticky-active {
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    animation: revealHeader 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    -webkit-animation: revealHeader 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes revealHeader {
    0% {
        transform: translateY(-100%) scaleY(0.9);
        opacity: 0;
    }

    100% {
        transform: translateY(0) scaleY(1);
        opacity: 1;
    }
}

.header-main-block.sticky-active .elementor-widget-image img,
.header-main-block.sticky-active .hfe-nav-menu li a {
    transition: transform 0.5s ease;
}

/* ==================== Header End ==================== */

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

.footer-menu ul li a {
    width: fit-content;
}

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


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


/* ==================== Banner Start ==================== */

.logo-swiper-main .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

.banner-logo-main {
    position: relative;
    overflow: hidden;
}

.banner-logo-main::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 255px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    pointer-events: none;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.banner-logo-main::after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: 255px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 10;
    pointer-events: none;
}

.banner-shape {
    filter: blur(2.5px) !important;
    -webkit-filter: blur(2.5px) !important;
}

/* ==================== Banner End ==================== */


/* ==================== Paying Start ==================== */

.cmn-linear-title .elementor-heading-title {
    background: linear-gradient(105.7deg, #4C00D4 0.1%, #BDD86C 103.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent !important;
    background-clip: text;
    color: transparent !important;
    display: inline-block;
}

/* ==================== Paying End ==================== */


/* ==================== Investment Start ==================== */

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

.invest-height-100 {
    height: 100%;
}

.investment-box-block {
    position: relative;
    cursor: pointer;
    backdrop-filter: blur(2px) !important;
}

.investment-box-block::after {
    content: '';
    position: absolute;
    background: #5AABE7;
    filter: blur(16.6667px);
    border-radius: 100%;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    height: 100%;
    bottom: -99%;
    left: 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    opacity: 0;
    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;
}

.investment-box-block::before {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    background: linear-gradient(90deg, rgba(76, 0, 212, 0) 0%, #4C00D4 33%, #BDD86C 66%, rgba(189, 216, 108, 0) 100%) !important;
    width: calc(100% - 40px) !important;
    height: 3px !important;
    top: -2px !important;
    left: 20px !important;
    opacity: 0;
    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;
}

.investment-box-block:hover::after,
.investment-box-block:hover::before {
    opacity: 1 !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;
}

.investment-box-block .invest-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;
}

.investment-box-block:hover .invest-box-title .elementor-heading-title {
    color: #BDD86C;
    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;
}

/* ==================== Investment End ==================== */


/* ==================== Running Start ==================== */

.running-full-line {
    top: 121px !important;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.running-full-line .elementor-divider-separator {
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%) !important;
    height: 1px !important;
    border-top: none !important;
    display: block !important;
}

.running-box-title::after {
    content: '';
    position: absolute;
    background-color: #BDD86C;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    bottom: -39px;
    left: 0px;
    z-index: 99;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

/* ==================== Running End ==================== */


/* ==================== MSP Start ==================== */

.msp-main-block::after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    inset: 0;
}

/* ==================== MSP End ==================== */


/* ==================== Security Start ==================== */

.security-box-block {
    position: relative;
    cursor: pointer;
}

.security-box-block::after {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    background: linear-gradient(90deg, rgba(76, 0, 212, 0) 0%, #4C00D4 33%, #BDD86C 66%, rgba(189, 216, 108, 0) 100%) !important;
    width: calc(100% - 40px) !important;
    height: 3px !important;
    top: -2px !important;
    left: 20px !important;
    opacity: 0;
    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;
}

.security-box-block:hover::after {
    opacity: 1 !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;
}

/* ==================== Security End ==================== */


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


/* ==================== MSPs Page Start ==================== */

.cmn-icn-heading {
    position: relative;
}

.cmn-icn-heading::after {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_4327_4037)"><path d="M15.1807 0.1875C16.3984 6.80198 17.3856 7.78908 24 9.00679C17.3855 10.2245 16.3984 11.2116 15.1807 17.8261C13.963 11.2116 12.9759 10.2245 6.36139 9.00679C12.9759 7.78908 13.963 6.80198 15.1807 0.1875Z" fill="%23BDD86C"/><path d="M5.61002 12.5977C6.38436 16.8042 7.01226 17.432 11.2188 18.2064C7.01226 18.9808 6.38436 19.6086 5.61002 23.8151C4.83567 19.6086 4.20778 18.9807 0.00134263 18.2064C4.20789 17.432 4.83562 16.8042 5.61002 12.5977Z" fill="%235AABE7"/></g><defs><clipPath id="clip0_4327_4037"><rect width="24" height="24" fill="white" transform="matrix(-1 0 0 1 24 0)"/></clipPath></defs></svg>') !important;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.cmn-icn-heading::before {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_4332_4020)"><path d="M8.81931 0.1875C7.6016 6.80198 6.61444 7.78908 0 9.00679C6.61449 10.2245 7.6016 11.2116 8.81931 17.8261C10.037 11.2116 11.0241 10.2245 17.6386 9.00679C11.0241 7.78908 10.037 6.80198 8.81931 0.1875Z" fill="%235AABE7"/><path d="M18.39 12.5977C17.6156 16.8042 16.9877 17.432 12.7812 18.2064C16.9877 18.9808 17.6156 19.6086 18.39 23.8151C19.1643 19.6086 19.7922 18.9807 23.9987 18.2064C19.7921 17.432 19.1644 16.8042 18.39 12.5977Z" fill="%23BDD86C"/></g><defs><clipPath id="clip0_4332_4020"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>') !important;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.banner-right-block{
    backdrop-filter: blur(3px) !important;
}

.cmn-heading-title .elementor-heading-title span{
    font-size: 18px !important;
    font-weight: 400 !important;
}

/* ==================== MSPs Page End ==================== */


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

@media (min-width: 1201px) and (max-width: 1366px) {
    .running-full-line {
        top: 111px !important;
    }

    .running-box-title::after {
        bottom: -34px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .running-full-line {
        top: 102px !important;
    }

    .running-box-title::after {
        bottom: -31px;
    }
}

@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;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .footer-menu ul {
        display: flex;
        align-items: center;
        justify-content: center !important;
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .h-menu .hfe-nav-menu__layout-horizontal {
        position: fixed !important;
        display: block !important;
        width: calc(100% + 55px) !important;
        height: calc(100vh + 5px) !important;
        top: -25px !important;
        left: -25px !important;
        z-index: -1 !important;
        padding: 180px 30px !important;
        transition: 0.4s all ease-in-out !important;
        -webkit-transition: 0.4s all ease-in-out !important;
        -moz-transition: 0.4s all ease-in-out !important;
        -ms-transition: 0.4s all ease-in-out !important;
        -o-transition: 0.4s all ease-in-out !important;
        transform: translateY(-100%) !important;
        -webkit-transform: translateY(-100%) !important;
        -moz-transform: translateY(-100%) !important;
        -ms-transform: translateY(-100%) !important;
        -o-transform: translateY(-100%) !important;
    }

    .h-menu .menu-is-active {
        transform: translateY(0%) !important;
        -webkit-transform: translateY(0%) !important;
        -moz-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        -o-transform: translateY(0%) !important;
    }

    .h-menu .h-btn {
        display: block;
    }

    .running-bottom-block::after {
        content: '';
        position: absolute;
        background: linear-gradient(180deg, #4C00D4 0%, #BDD86C 100%) !important;
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;
    }

    .running-box-title::after {
        left: -56px;
        bottom: 70%;
    }
}

@media (min-width: 768px) and (max-width: 880px) {
    .running-box-title::after {
        left: -46px;
    }
}

@media (max-width: 767px) {
    .footer-menu ul li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .running-box-title::after {
        left: -36px;
        bottom: 50%;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    .logo-swiper-main .swiper-slide {
        width: 20% !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 ==================== */