/*
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;
    transition: all 0.4s ease-in-out !important;
}

/* ==================== 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;
    color: #DDDDDD !important;
}

.cmn-linear-line .elementor-divider-separator {
    background: linear-gradient(90deg, #4C00D400 0%, #4C00D4 33%, #BDD86C 66%, #BDD86C00 100%), rgba(221, 221, 221, 0.2) !important;
    height: 4px !important;
    width: 100% !important;
    border-top: none !important;
    display: block !important;
    border-radius: 100px;
    background-size: 50% 100%, 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.work-right-block,
.running-box-title {
    position: relative;
}

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

.work-number-title {
    position: relative;
    height: fit-content;
}

.work-number-title::after {
    content: '';
    position: absolute;
    background-color: #BDD86C;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    top: 50%;
    left: -35px;
    z-index: 9;
    transform: translateY(-50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.partner-inner-block,
.multi-manage-main::before {
    position: relative;
    height: 100%;
    cursor: pointer;
}

.partner-inner-block::after {
    background: linear-gradient(to left, #4C00D4 0%, #BDD86C 100%);
    content: "";
    position: absolute;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    left: -1px;
    top: -1px;
    opacity: 0.5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.partner-inner-block::before,
.multi-manage-main::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(76, 0, 212, 0) 0%, rgba(76, 0, 212, 1) 33%, rgba(189, 216, 108, 1) 66%, rgba(189, 216, 108, 0) 100%);
    width: 100%;
    height: 3px;
    top: -2px;
    left: 0;
    opacity: 0;
    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;
}

.cmn-linear-line-visible::before {
    opacity: 1;
}

.multi-manage-main::before {
    width: calc(100% - 25px) !important;
    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;
}

.partner-inner-block:hover::before,
.multi-manage-main:hover::before {
    opacity: 1;
    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;
}

.partner-inner-block .partner-box-title .elementor-heading-title {
    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;
}

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

.partner-inner-main-block {
    height: 100% !important;
}

.benefits-inner-block {
    cursor: pointer;
}

.benefits-inner-block .cmn-bg-linear-title {
    position: relative;
}

.benefits-inner-block .cmn-bg-linear-title,
.benefits-inner-block .cmn-bg-linear-title .elementor-heading-title {
    transition: all 0.4s ease-in-out !important;
}

.benefits-inner-block .cmn-bg-linear-title::after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
    border-radius: 16px;
    z-index: -1;
    inset: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out !important;
}

.benefits-inner-block:hover .cmn-bg-linear-title::after {
    opacity: 1;
}

.benefits-inner-block .cmn-bg-linear-title .elementor-heading-title {
    transition: all 0.4s ease-in-out !important;
}

.benefits-inner-block:hover .cmn-bg-linear-title .elementor-heading-title {
    background: none !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.programs-plans-block {
    align-items: stretch !important;
}

.programs-plans-item {
    height: auto !important;
}

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


/* ==================== Pricing Page Start ==================== */

.monthly-table-main {
    backdrop-filter: blur(5px) !important;
    cursor: pointer;
}

.cmn-linear-line,
.monthly-table-main {
    position: relative;
}

.cmn-linear-line::after,
.monthly-table-main::after {
    background: linear-gradient(to left, #4C00D4 0%, #BDD86C 100%);
    content: "";
    position: absolute;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    left: -1px;
    top: -1px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.monthly-table-main::after {
    border-radius: 20px !important;
    opacity: 0.5;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
}

.monthly-table-top::after {
    background: linear-gradient(to left, #4C00D4 0%, #BDD86C 100%);
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    opacity: 0.5;
}

.cmn-month-title .elementor-heading-title span {
    font-size: 18px !important;
    line-height: 150% !important;
    font-weight: 500 !important;
    letter-spacing: -2% !important;
}

.monthly-inner-block {
    height: 100% !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;
}

.monthly-inner-block:hover {
    background-color: #0d0d0e !important;
}

.cmn-linear-bg-title {
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%);
}

.details-link-text p a {
    position: relative;
}

.details-link-text p a::after {
    content: '';
    position: absolute;
    background: #BDD86C;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -2px;
    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;
}

.details-link-text p a:hover::after {
    background: #be99ff !important;
}

.calculator-progress-block .elementor-progress-bar {
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%);
    position: relative;
    overflow: visible !important;
}

.calculator-progress-block .elementor-progress-wrapper {
    overflow: visible !important;
    height: 3px !important;
    display: flex;
    align-items: center;
}

.calculator-progress-block .elementor-progress-bar::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #4C00D4;
    border: 2px solid #BDD86C;
    border-radius: 50%;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.information-main-block ul li .elementor-icon-list-text {
    padding: 0px !important;
}

.information-main-block ul {
    row-gap: 12px;
}

.cmn-bg-white-line {
    position: relative;
}

.cmn-bg-white-line::after {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.05);
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    right: -4px;
    border-radius: 16px;
    z-index: -1;
}

.cmn-detail-span p span.doller-text {
    color: #BDD86C !important;
}

.cmn-detail-span p span.de-percentage {
    color: #E74C3C !important;
}

.problem-inner-block {
    height: 100% !important;
}


.access-grid-inner-box,
.cmn-shadow-hover {
    position: relative;
    cursor: pointer;
    backdrop-filter: blur(2px) !important;
}

.access-grid-inner-box::after,
.cmn-shadow-hover::after {
    content: '';
    position: absolute;
    background: #5AABE7;
    filter: blur(16.6667px);
    border-radius: 25%;
    transform: matrix(1, 0, 0, -1, 0, 0);
    width: 100%;
    height: 100%;
    bottom: calc(-100% - 3px);
    left: 0;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    -ms-border-radius: 25%;
    -o-border-radius: 25%;
    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;
}

.access-grid-inner-box::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: 1;
    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;
}

.access-grid-inner-box:hover::after,
.cmn-shadow-hover:hover::after {
    opacity: 1 !important;
}

.access-grid-inner-box .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;
}

.access-grid-inner-box:hover .invest-box-title .elementor-heading-title {
    color: #BDD86C;
}

.optimize-process .elementor-progress-bar {
    background: linear-gradient(90deg, #7C3AED 0%, #BDD86C 100%);
}

.benefits-block {
    height: 100%;
}

.pricing-toggle {
    position: relative;
    padding: 10px 25px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pricing-toggle.active-toggle {
    background: #000000;
    border-radius: 12px !important;
}

.pricing-toggle::after {
    content: "";
    position: absolute;
    inset: -1px;
    padding: 2px; 
    
    background: linear-gradient(to left, #4C00D4 0%, #BDD86C 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    
    border-radius: 12px !important;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transform: scale(0.95);
    pointer-events: none;
}

.pricing-toggle.active-toggle::after {
    opacity: 1;
    transform: scale(1);
}

/* ==================== Pricing Page End ==================== */



/* ==================== Features Page Start ==================== */

.cmn-shadow-hover .green-hover-title .elementor-heading-title {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.cmn-shadow-hover:hover .green-hover-title .elementor-heading-title {
    color: #BDD86C !important;
}

/*  */

.cmn-bottom-shadow-block {
    position: relative;
    height: 100%;
    cursor: pointer;
}

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


.cmn-bottom-shadow-block:hover::after {
    opacity: 1;
}

.span-detail-hover p span {
    transition: all 0.4s ease-in-out !important;
}

.span-detail-white p span {
    color: #FFFFFF !important;
}

.cmn-bottom-shadow-block:hover .span-detail-hover p span {
    color: #BDD86C !important;
}

.scroll-link {
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.scroll-link:hover {
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%) !important;
}

.scroll-link.section-active {
    background: linear-gradient(90deg, #4C00D4 0%, #BDD86C 100%);
}

/*  */

/* ==================== Features Page End ==================== */

/* ============================ [ Contact Form Start ] ============================ */
.contact-form-wrapper {
    --placeholder-color: #dddddd33;
    --input-color: #DDDDDD;
    --input-background-color: #000000;
    --input-border-color: #191919;

    --form-label-color: #FFFFFF;

    --form-label-font-size: 20px;
    --form-input-font-size: 18px;
}

.contact-form-wrapper {
    max-width: 1260px;
    width: 100%;
    margin-inline: auto;
}

.contact-form-wrapper .row {
    --spacing: 48px;
}

.contact-form-wrapper .row {
    row-gap: var(--spacing);
    margin-inline: calc(var(--spacing) / -2);
}

.contact-form-wrapper .row>* {
    padding-inline: calc(var(--spacing) / 2);
}

.contact-form-wrapper .form-label {
    font-style: normal;
    font-weight: 500;
    font-size: var(--form-label-font-size);
    line-height: 150%;
    letter-spacing: -0.40px;
    color: var(--form-label-color);
    margin-bottom: 10px;
}

.contact-form-wrapper .form-control {
    font-size: var(--form-input-font-size);
    padding: 10px 16px;
    color: var(--input-color) !important;
    background-color: var(--input-background-color);
    border-color: var(--input-border-color);
}

.contact-form-wrapper .form-select {
    --bs-form-select-bg-img: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 1L6.5 6L12 1" stroke="white" stroke-width="2" stroke-linecap="round"/> </svg> ');
    background-size: 13px 8px;
    padding: 10px 30px 10px 16px;
}

.contact-form-wrapper .form-control::placeholder {
    color: var(--placeholder-color);
}

.contact-form-wrapper .form-control:focus {
    box-shadow: unset;
    border: 1px solid #ffffff;
    background-color: var(--input-background-color);
}

.contact-form-wrapper .form-check-input:focus {
    box-shadow: unset;
}

.contact-form-wrapper .form-check-input:focus-visible {
    box-shadow: unset;
    border: 1px solid #ffffff;
}

/* .contact-form-wrapper .form-check {
    padding-left: 30px;
} */

.contact-form-wrapper .form-check-input {
    margin-top: 2px;
    margin-left: -30px;
    height: 20px;
    width: 20px;
    border-color: var(--input-border-color);
    background-color: var(--input-background-color);
}

.contact-form-wrapper .form-check-inline {
    margin: 0;
    padding: 0;
}

.contact-form-wrapper .form-check-inline .wpcf7-list-item.first {
    margin-left: 0;
}

.contact-form-wrapper .wpcf7-list-item-label {
    font-style: normal;
    font-weight: 500;
    font-size: var(--form-label-font-size);
    line-height: 150%;
    letter-spacing: -0.40px;
    color: var(--form-label-color);
    margin-bottom: 0;
}

.contact-form-wrapper .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-check [type="radio"] {
    position: relative;
}

.form-check [type="radio"]::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    height: 50%;
    width: 50%;
    background-color: #BDD86C;
    opacity: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.form-check [type="radio"]:checked {
    background-color: transparent !important;
}

.form-check [type="radio"]:checked::after {
    opacity: 1;
}

.contact-form-wrapper .form-check-label {
    color: var(--input-color) !important;
}

.contact-form-wrapper .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23BDD86C'/%3e%3c/svg%3e");
}

.contact-form-wrapper .form-select option {
    color: var(--input-color) !important;
}

.contact-form-wrapper .form-select option[hidden="hidden"] {
    color: #f40000 !important;
}

.contact-form-wrapper .form-select:invalid {
    color: var(--placeholder-color) !important;
}

.contact-form-wrapper .action-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: fit-content;
    margin-inline: auto;
    position: relative;
}

.contact-form-wrapper .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    left: calc(100% + 10px);
}

.contact-form-wrapper .custom-btn {
    font-size: 18px;
    padding: 11px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 600;
    font-family: inherit;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.contact-form-wrapper .custom-btn-green {
    color: #000000 !important;
    background-color: #BDD86C;
    border: 1px solid #BDD86C;
}

.contact-form-wrapper .custom-btn-green:hover {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #FFFFFF !important;
}

.contact-form-wrapper .action-text * {
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    font-size: var(--form-input-font-size);
    line-height: 150%;
    letter-spacing: -0.36px;
    text-align: center;
    color: #DDDDDD;
    margin-bottom: 0;
}

/* 11-04-26 */

.contact-form-wrapper .custom-btn-green:focus {
    color: #fff;
    background-color: transparent;
}

.form-check [type="radio"] {
    appearance: none;
    height: 20px;
    width: 20px;
    appearance: none;
    border-radius: 50%;
    background: #000000;
    outline: 1px solid rgb(255, 255, 255, 0.10);
    vertical-align: middle;
}

.form-check [type="radio"]:checked {
    background: #BDD86C;
    border: 1px solid #0000;
}

/* 11-04-26 */

@media (max-width: 1199px) {
    .contact-form-wrapper {
        --form-label-font-size: 18px;
        --form-input-font-size: 16px;
    }

    .contact-form-wrapper .row {
        --spacing: 30px;
    }

    .contact-form-wrapper .action-wrapper {
        gap: 12px;
    }

    .contact-form-wrapper .custom-btn {
        font-size: 16px;
        padding: 8px 20px;
    }
}

@media (max-width: 991px) {
    .contact-form-wrapper {
        --form-label-font-size: 16px;
        --form-input-font-size: 15px;
    }

    .contact-form-wrapper .row {
        --spacing: 24px;
    }
}

/* ============================ [ Contact Form End ] ============================ */


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

@media (min-width: 1367px) and (max-width: 1603px) {

    .information-main-block ul li .elementor-icon-list-text {
        font-size: 18px !important;
    }

    .information-main-block ul li .elementor-icon-list-icon {
        padding-inline-end: 18px !important;
    }

    .information-main-block ul li {
        margin-inline: calc(18px / 2) !important;
    }
}

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

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

    .information-main-block ul li .elementor-icon-list-icon {
        padding-inline-end: 18px !important;
    }
}

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

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

    .information-main-block ul li .elementor-icon-list-icon {
        padding-inline-end: 16px !important;
    }

    .information-main-block ul li {
        margin-inline: calc(16px / 2) !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;
    }
}

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

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

    .information-main-block ul li .elementor-icon-list-icon {
        padding-inline-end: 14px !important;
    }

    .information-main-block ul li {
        margin-inline: calc(14px / 2) !important;
    }
}

@media (max-width: 1024px) {
    .programs-plans-block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@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 (max-width: 880px) {
    .cmn-linear-line .elementor-divider-separator {
        height: 2px !important;
    }
}

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

    .programs-plans-block {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .information-main-block ul li .elementor-icon-list-icon {
        padding-inline-end: 12px !important;
    }

    .information-main-block ul li {
        margin-inline: calc(12px / 2) !important;
    }

    /* .cmn-shadow-hover::after,
    .partner-inner-block::before,
    .multi-manage-main::before {
        opacity: 1 !important;
    } */

    /* .partner-inner-block .partner-box-title .elementor-heading-title {
        color: #BDD86C !important;
    } */

}

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

    .work-item-block {
        flex-direction: column !important;
    }

    .work-inner-detail-block {
        width: 100% !important;
    }

    .information-full {
        align-items: flex-start;
    }

    .information-main-block ul li .elementor-icon-list-text {
        text-align: left !important;
    }

    .information-main-block ul {
        flex-direction: column;
        align-items: start !important;
    }
}

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