/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

.elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor p:first-child:last-child {
    margin-bottom: 0px;
}

/* Top Menu */

.header-menu .elementor-nav-menu--main > .elementor-nav-menu {
    gap: 12px;
}

.header-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item {
    display: flex;
    min-height: 40px;
    position: relative;
}

.header-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > a {
    padding: 12px !important;
}

.header-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:before {
    top: 0px;
    left: 0px;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    opacity: 1 !important;
    background: rgba(210, 218, 213, 0.24);
    backdrop-filter: blur(12px);
    transition: all ease 0.3s;
}

.header-menu .elementor-nav-menu--main > .elementor-nav-menu > .menu-item:hover:before {
    background: #A9DE12;
    backdrop-filter: blur(0px);
}

/* Header CTA */

.header-cta svg {
    font-size: 32px !important;
}

.button-with-arrow .elementor-button-content-wrapper,
.header-cta .elementor-button-content-wrapper {
    display: flex;
    position: relative;
    align-items: center;
}

.button-with-arrow a:before,
.header-cta a:before {
    top: 0px;
    left: 0px;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    opacity: 1 !important;
    background: rgba(210, 218, 213, 0.24);
    backdrop-filter: blur(12px);
    transition: all ease 0.3s;
    
}

.button-with-arrow.white a:before {
    background: #D2DAD5;
    backdrop-filter: blur(0px);
}

.button-with-arrow a:hover:before,
.header-cta a:hover:before {
    background: #A9DE12;
    backdrop-filter: blur(0px);
}

.button-with-arrow svg {
    font-size: 44px;
}

@media screen and (max-width:767px) {
    .button-with-arrow a {
        width: 100% !important;
    }
    
    .button-with-arrow a .elementor-button-text {
        flex-grow: 1;
    }
}

/* The Problem Boxes */

.blur-bg:before {
    backdrop-filter: blur(24px);
}

@media screen and (max-width:767px) {
    .rotated-box {
        position: relative;
    }
}

/* Benefits Image */
@media screen and (max-width:1024px) {
    .benefits-image {
        position: relative !important;
    }
}

/* Content Box */
@media screen and (min-width:768px) {
.context-box:hover {
    z-index: 9;
    background: #143F36 !important;
}

.context-box .cb-content {
    opacity: 0;
    transition: all ease 0.3s;
}

.context-box:hover .cb-content {
    opacity: 1;
}

.context-box .cb-title {
    transition: all ease 0.3s;
}

.context-box:hover .cb-title .elementor-heading-title {
    color: #FFFFFF !important;
}
}

@media screen and (max-width:767px) {
    .context-box .cb-content,
    .context-box .cb-content p {
        color: #6C6F76;
    }
}