/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2026 | 13:32:05 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.gb-badge{
	position:absolute;
}
.globe1{
	animation: bounce-in 6s ease infinite;
}
.globe2{
	left:10%;
	top:25%;
	animation: bounce-in-left 4s ease infinite;
}
.globe3{
	right:10%;
	top:25%;
	animation: bounce-in-right 5s ease infinite;
}
.globe4{	
	top:45%;
	animation: bounce-in 6s ease infinite;
}
.globe5{
	left:5%;
	top:60%;
	animation: bounce-in-left 8s ease infinite;
}
.globe6{
	right:5%;
	top:60%;
	animation: bounce-in-right 8s ease infinite;
}
.globe7{
	top:80%;
	animation: bounce-in 10s ease infinite;
}

@keyframes bounce-in-right {
  0% {
    opacity: 0;
    transform: translateX(200%);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% { transform: translateX(10px); }
  100% { transform: translateX(0); }
}
@keyframes bounce-in-left {
  0% {
    opacity: 0;
    transform: translateX(-200%);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
}
@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

.animi-box, .animi-white{
	transform-style: preserve-3d;
	position:relative;
	overflow:hidden;
 }
.animi-box::before {
    content: "";
    position: absolute;
    inset: -30px;
    background: radial-gradient(circle at 30% 30%, rgba(34, 197, 94, 0.16), transparent 52%);
    opacity: 0;
    transition: opacity 220ms ease;
}
.animi-box:hover::before {
    opacity: 1;
}

/**Form CSS***/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-radius: 6px;
border: 1px solid #CEE2F9;
background: #FFF;
}
form label{
	color: #0D0D0D;
	font-family: Outfit;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px; /* 143.75% */
	letter-spacing: 0.6px;
}
form label span.wpcf7-list-item-label{
	color: #0D0D0D;
}
form textarea {
    max-height: 120px;
}
form input[type="submit"]{
	border:0px;
	color:#191516;
}
form .colm-row {
    display: flex;
    gap: 20px;
}
form label span{
	color:#FF0000;
}
:focus-visible{
	outline:none;
}
.cf7-row {
    display: flex;
    gap: 20px;
}
.cf7-row div{
	width:50%;
}
form .wpcf7-checkbox span.wpcf7-list-item {
    width: 30%;
    margin-left: 0px;
    font-size: 14px;
}
form h3{
	font-size:20px;
	border-bottom:1px solid #CEE2F9;
	padding-bottom:10px;
}

@media screen and (max-width:1025px){
	.gb-badge{
		padding: 7px !important;
	}
	.gb-badge .elementor-icon-list-text{
		font-size:14px !important;
	}
	@keyframes bounce-in-left {
	  0% {
		opacity: 0;
		transform: translateX(-200%);
	  }
	  60% {
		opacity: 1;
		transform: translateX(0px);
	  }
	  80% { transform: translateX(0px); }
	  100% { transform: translateX(0); }
	}
	@keyframes bounce-in-right {
	  0% {
		opacity: 0;
		transform: translateX(200%);
	  }
	  60% {
		opacity: 1;
		transform: translateX(0px);
	  }
	  80% { transform: translateX(0px); }
	  100% { transform: translateX(0); }
	}
	.animicol, .video-bg{
		overflow:hidden;
	}
}

@media screen and (max-width:767px){
	.banner-heading2 h2 span{
		font-size:24px !important;
	}
	
		form .colm-row, .cf7-row {
		gap: 0;
		flex-direction: column;
	}
	.cf7-row div, form .wpcf7-checkbox span.wpcf7-list-item {
		width: 100%;
	}	
	
	
	.header-menu nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown{
		padding-left:10px;
		padding-right:10px;
	}
}