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

/* General */

.hide {
    display: none;
}
.header-container{
	background: transparent !important;
    transition: background 0.4s ease;
}

.header-container.scrolled {
  background: #ffffff !important;
}

.header-container.scrolled .elementor-nav-menu a {
  color: #9ea1a7 !important;
}
.header-container.scrolled .elementor-nav-menu a:hover {
  color: #000000 !important;
}
.header-container.scrolled .button-header {
  background: #10766e !important;
  border: none !important;
  transition: background 0.3s ease;
}
.header-container.scrolled .button-header:hover {
  background:rgba(17, 94, 89, 1) !important;
  border: none !important;
}
.header-container.scrolled .logo-header {
  filter: grayscale(100%) brightness(0) !important;
  transition: filter 0.4s ease;
}
.header-container .elementor-nav-menu--main .submit-button {
    display: none !important;
}
.focus-text p:hover{
	color:rgb(15, 118, 110) !important;  
}
.how-it-works-list  ul{
	padding-left:15px !important;
}
.cta-section::after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
	background-image:repeating-linear-gradient(0deg, rgb(255, 255, 255, 0.3) 0px, rgb(255, 255, 255, 0.3) 1px, transparent 1px, transparent 48px), repeating-linear-gradient(90deg, rgb(255, 255, 255, 0.3) 0px, rgb(255, 255, 255, 0.3) 1px, transparent 1px, transparent 48px);
	opacity:0.1;
}
.thesis-element:hover .thesis-icon,
.numbered-cards:hover .numbered-card-icon{
	background-color:#dff6f380 !important; 
	border-color: #0f766e4d !important;
	transition-duration:all .3s ease-in-out;
}
.numbered-cards:hover .card-number{
	color:#0f766e33!important;
	transition-duration:all .3s ease-in-out;
}
/*********************
 ** Media queries **
*********************/

/* RESPONSIVE CSS laptop mic -> 1024-1366*/
@media (min-width: 1920px) {
}

/* RESPONSIVE CSS laptop mic -> 1024-1366*/

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

/* RESPONSIVE CSS -> TABLET*/

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

/* RESPONSIVE CSS -> Mobile*/

@media (max-width: 767px) {
	.header-container.scrolled .elementor-menu-toggle svg{
		 fill: #696969 !important;
	}
	.header-container .elementor-nav-menu--dropdown{
		height: 100vh;
		padding-top: 30px;
	}
	.header-container:has(.elementor-menu-toggle.elementor-active) {
  		background: #ffffff !important;
	}
	.header-container:has(.elementor-menu-toggle.elementor-active) .elementor-widget-image img {
	  filter: grayscale(100%) brightness(0) !important;
	  transition: filter 0.4s ease;
	}
	.header-container:has(.elementor-menu-toggle.elementor-active) svg {
 	  fill: #000000 !important;
	}
	.header-container .elementor-nav-menu .elementor-item-active::after {
	  content: '';
	  position: absolute;
	  bottom: 20px;
	  right: 20px;
	  width: 6px;
	  height: 6px;
	  background: #117335;
	  border-radius: 50%;
	}
	.header-container .elementor-nav-menu--dropdown ul {
	  display: flex !important;
	  flex-direction: column !important;
	  height: 100%;
	}
	.header-container .elementor-nav-menu--dropdown .submit-button {
	  margin-top: auto;
	  border-top: 1px solid rgba(0,0,0,0.08);
	}
	.header-container .elementor-nav-menu--dropdown .submit-button a {
	  display: block;
	  margin: 16px;
	  padding: 10px 16px !important;
	  background: #0F766E !important;
	  color: #ffffff !important;
	  text-align: center;
	  font-weight: 500 !important;
	}
	.header-container .elementor-nav-menu--dropdown .submit-button a:hover {
	  background: #0F766E !important;
	}
}

/* RESPONSIVE CSS -> Mobile small*/

@media (max-width: 360px) {
}