/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Media Queries */
@media (max-width: 1024px) {
	.about-tab-2 button[aria-selected="true"] {
        background-color: #1B365D !important;
        color: #fff !important;
    }

	.header-main-menu ul.hfe-nav-menu {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.header-main-menu a.hfe-menu-item{
		font-size: 24px !important;
	}
	.header-main-menu a.hfe-sub-menu-item{
		font-size: 16px !important;
	}
	.header-main-menu .menu-item.parent{
		padding: 15px 10px;
		border-bottom: 1px solid #1B365D;
	}
	.header-main-menu li.menu-item.parent:last-child {
    	border: none !important;
	}
	.header-main-menu .sub-menu {
		box-shadow: none !important;
	}
	.header-main-menu .sub-menu a {
		padding-left: 15px !important;
		padding-bottom: 10px !important;
	}
	/* Add plus icon by default */
	.header-main-menu li.parent-has-child a.hfe-menu-item:after {
		content: "+";
		font-size: 23px;
		float: right;
		margin-left: 10px;
		transition: .3s;
		font-weight: 400;
		right: 25px;
		z-index: 99999;
		background: transparent !important;
		opacity: 1 !important;
	}
	
	.header-main-menu .hfe-menu-toggle.sub-arrow {
		display: none !important;
	}
	.header-main-menu .current-menu-item.sub-menu-active a:after {
		content: "−" !important;
	}

}

/* Desktop */
@media (min-width: 1025px) {

.about-tab-2 .e-n-tabs-content {
    box-shadow: 0px 4px 4px rgba(27, 54, 93, 0.25);
    transition: box-shadow 0.3s ease;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.about-tab-2 .e-n-tabs-content:hover {
    box-shadow: 0px 8px 12px rgba(27, 54, 93, 0.35);
}


.about-tab-2 .e-n-tab-title .e-n-tab-title-text {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* On hover, move up */
.about-tab-2 .e-n-tab-title:hover .e-n-tab-title-text {
  transform: translateY(-5px);
  /* stays in this position after hover */
}

/* Trick: keep the moved state after hover using focus-within on parent */
.about-tab-2 .e-n-tab-title:hover .e-n-tab-title-text ,
.about-tab-2 .e-n-tab-title:hovered .e-n-tab-title-text {
  transform: translateY(-5px);
}

/* Border animation for our captive section on homepage */
.border-animation.container-border-animation {
  padding: 0 44px 0 47px;
}
.border-animation.container-border-animation svg {
  position: absolute;
  top: 20px;
  left: auto;
  right: 60px;
  width: 89%;
  height: 99.5%;
  pointer-events: none;
  z-index: 1;
}
    .about-site a {
    	font-size: 20px !important;
    }
	.menu-hide-mobile {
		display: none !important;
	}
	.header-main-menu .hfe-menu-toggle {
		display: none !important;
	}
	.header-main-menu .hfe-nav-menu li a {
		position: relative !important;
	}
	.header-main-menu .hfe-nav-menu li a::after {
		content: "";
		position: absolute;
		bottom: -10px; /* distance from text */
		left: 0;
		width: 0;
		height: 2px;
		background: #002F5F; /* underline color */
		transition: width 0.4s ease;
	}
	.header-main-menu .hfe-nav-menu li a:hover::after {
  		width: 100%;
		opacity: 1 !important;
	}
	.header-main-menu .hfe-nav-menu li.parent a.hfe-menu-item {
		padding: 0 !important;
	}
	.header-main-menu .hfe-nav-menu li.parent {
		padding: 15px !important;
		display: flex;
		align-items: center;
	}
	.header-main-menu .sub-menu {
		padding: 20px !important;
	}
	.header-main-menu .sub-menu li {
		padding: 15px !important;
		width: fit-content;
	}
	.header-main-menu .hfe-sub-menu-item {
		padding: 0 !important;
	}
	.btn-default a {
		display: inline-flex;
		align-items: center;
		height: 58px !important;
	}	
}

@media (max-width: 767px) {
    .abt-performance h2 {
    	font-weight:  600 !important;
    }
	.header-main-menu .hfe-nav-menu li.parent a.hfe-menu-item {
		font-weight: 500 !important;
	}
	.abt-membership {
		font-size: 18px !important;
	}
	.perform-tabs .e-n-tabs .e-n-tabs-heading {
		display: none !important;
	}
	.affinity-radio-selector-toggle {
		background: transparent !important;
	}
}

@media (min-width: 768px) {
	.about-benefits .e-n-accordion {
		display: grid;
		grid-template-columns: 1fr 1fr; /* 2 equal columns */
		gap: 20px;
	}
	.abt-for-executives .e-n-accordion {
		display: block !important;
		grid-template-columns: 1fr !important; /* 2 equal columns */
		gap: 0 !important;
	}
	.about-benefits .e-n-accordion-item {
		width: 100%;
	}
}
strong {
	font-weight: 600 !important;
}
.page-header {
	display: none;
}

/* Hide content by default */
.content-hidden-by-default {
    display: none;
}

/* Add + icon after the span */
..about-benefits-content{
    position: relative;
    cursor: pointer;
}

.about-benefits-content::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 200;
    font-size: 24px;
    transform: translateY(-25%);
}

/* When open, switch to - icon */
.about-benefits-content.open::after {
    content: "-";
}

.about-benefits .e-n-accordion-item-title-icon {
	display: none;
}

/* Hide the legend marker in Graphina (ApexCharts) */
.apexcharts-legend-marker {
  display: none !important;
}

@media (min-width:768px) and (max-width: 1250px) {
	.perform-tabs .e-n-tabs-heading {
    	display: -webkit-box;
        overflow-x: auto;
        white-space: nowrap;
        gap: 12px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: 0;
        padding-bottom: 6px;
        width: 100%;
    }
}
.apexcharts-text.apexcharts-xaxis-label {
	fill: #1B365D !important;
    font-size: 12px !important;
}
.apexcharts-text.apexcharts-yaxis-label {
	fill: #828383 !important;
    font-size: 15px !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title, .apexcharts-tooltip-marker {
	display: none;
}
.apexcharts-tooltip-series-group {
    padding: 0 10px;
    display: none;
    text-align: left;
    justify-content: left;
    align-items: center;
    background: #008393;
    font-size: 14px;
    font-weight: 700;
    border-radius: 20px;
    color: #fff;
    padding: 5px 20px;
}
.apexcharts-tooltip {
	background: transparent !important;
    border: none !important;
}

@media (min-width: 1600px) {
	.about-tab-2 .e-n-tab-title {
    	padding-left: 45px !important;
    	padding-right: 45px !important;
    }
	.header-main-menu .hfe-nav-menu li.parent {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}
.content-hidden-by-default:not(.open) {
	disply: none !important;
}
.accordion-benefits .e-n-accordion-item:hover {
box-shadow: 
    0px 8px 8px 0px rgba(27, 54, 93, 0.20),    /* bottom shadow */
    0px -8px 8px 0px rgba(27, 54, 93, 0.20);   /* top shadow */

    border-radius: 20px;
}