/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A child theme for the Hello Elementor theme
 Author:       Your Name
 Author URI:   https://yourwebsite.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* Add your custom CSS below this line */

@media (min-width: 1024px){
	.menu-contact::after {
	  content: "";display: inline-block; width: 14px;height: 14px;margin-left: 6px;
	  background-image: url("/wp-content/uploads/2026/01/contact-menu.svg");
	  background-repeat: no-repeat;background-size: contain;background-position: center;vertical-align: middle;
	}
	.menu-contact{background: linear-gradient(120.49deg, #00C4B3 0.14%, #0A3A7B 99.86%);padding-right: 18px!important;
	padding-left: 5px!important; border-radius:38px;align-items: center;transition: all 0.3s ease;
	}
	.menu-contact a{color:#fff!important;margin-inline-start:18px!important;}
}

@media (min-width:1024px) and (max-width:1100px) {
.header-menu ul.elementor-nav-menu li a{font-size:16px!important;}
}

.header-menu ul.elementor-nav-menu li a.elementor-item.elementor-item-active{
background: linear-gradient(120.49deg, #00C4B3 0.14%, #0A3A7B 99.86%);
font-weight:600!important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;
}

.header-menu ul.elementor-nav-menu li a:hover, 
.footer-icon-list ul li a:hover,
.footer-icon-list ul li:hover{
background: linear-gradient(120.49deg, #00C4B3 0.14%, #0A3A7B 99.86%);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;
}

.menu-contact a:hover{-webkit-text-fill-color: white!important;}
.menu-contact:hover{background: linear-gradient(240.49deg, #00C4B3 0.14%, #0A3A7B 99.86%)!important;}
.header-menu .elementor-menu-toggle{background: linear-gradient(120.49deg, #00C4B3 0.14%, #0A3A7B 99.86%);}

.banner-heading span{color:#00C4B3;}
/* Arrow animation setup */
.button-solid .elementor-button-icon svg {transition: transform 0.4s ease;}
.button-solid .elementor-button{transition: all 0.3s ease;}
/* Move arrow on hover */
.button-solid:hover .elementor-button-icon svg {transform: translateX(4px);}
  

/* .elementor-nav-menu--dropdown ul li a.elementor-item-active{
background: linear-gradient(120.49deg, #00C4B3 0.14%, #0A3A7B 99.86%)!important;
-webkit-background-clip: text!important;-webkit-text-fill-color: transparent!important;background-clip: text!important;color: transparent!important;
}
 */