/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
Version:        1.0
*/

html, body{font-family: usual, sans-serif!important;}
#navbar {
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* optional: prevents interaction when hidden */
	
  }


#navbar .tws-menu{ width: 100%; margin: 0 0%; position: absolute; z-index: 99; display: flex; align-content: center!important; align-items: center!important; z-index: 999;
justify-content:space-between;}

#navbar .logo{width: 20%; padding:10px 20px; margin-left:10px!important  }
#navbar .logo img{  width:175px!important; height: auto; }
#navbar .tws-topnav{ text-align: right; width:75%; margin-top: 0px;  display: flex; justify-content: flex-end; align-items: stretch!important;
    margin-bottom: 0!important; margin-right:30px!important}
#navbar .tws-topnav ul{ list-style: none; margin: 0; padding: 0; text-align: left; margin-top:0px!important; }
#navbar .tws-topnav ul li{ margin: 0; padding:10px 20px!important; display: inline-block; position: relative;font-family: poppins, sans-serif!important;}
#navbar .tws-topnav ul ul{ display: none;}

#navbar .tws-topnav ul li:hover{  background-color: #fff; border-radius: 0px!important;  }
#navbar .tws-topnav ul li:hover ul{ display: block; position: absolute; top: 38px; width: 150px; left:0px; text-align: left; background-color: #fff; margin: 0; padding: 20px;border-radius: 0px!important;}
#navbar .tws-topnav ul li a{ color: #333; text-decoration: none; font-size:16px!important; line-height: 1em!important; text-transform:normal!important; font-weight: 300!important;}
#navbar .tws-topnav ul li a:hover{color: #178c70;}
#navbar .tws-topnav ul li:hover ul li a{  font-size: 15px!important; line-height: 1em!important; display: block;border-radius: 0px;  color: #333; text-transform: none!important;}
 #navbar .tws-topnav ul li:hover ul li{ display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px!important; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
#navbar .tws-topnav ul li:hover ul li:hover a{color: #4f2465!important;}

#navbar .tws-topnav ul ul{ display: none;}
#navbar .tws-topnav ul li.cta{ padding: 0 5px!important;  }
#navbar .tws-topnav ul li.cta:hover{ }
#navbar .tws-topnav ul li.cta a{ background-color:#DDB530; color: #fff!important; padding: 10px 20px; border-radius:4px; font-weight: 700!important;
}
#navbar .tws-topnav ul li.cta a:hover{ background-color: #fec402!important;}
#navbar .tws-topnav ul li.cta-pay a{ background-color:#0273fe; color: #fff!important; padding: 10px 20px; border-radius:4px; font-weight: 700!important;
}
#navbar .tws-topnav ul li.cta-pay a:hover{ background-color: #fec402!important;}


#responsive-menu-pro-container a{font-family:poppins, sans-serif!important; font-weight: 600!important;}
.tws-header{ display: flex; position: absolute; width: 100%; top:0; left: 0; justify-content: space-between; align-items: center; padding:20px 0; z-index: 9999;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.tws-header.hidden {
  opacity: 0;
  visibility: hidden;
}
.logo{ margin-left:30px; }
.logo img{max-width:175px!important; width: 275px!important; min-width:120px!important; height: auto!important;} 
.logo a{color:#fff!important; font-size: 24px!important}

.tws-navigation{ text-align: right; margin-right:30px;}
.tws-navigation ul{ margin: 0; padding: 0;}
.tws-navigation ul li{margin: 0; padding:10px 20px; display: inline-block; position: relative;font-family:poppins, sans-serif!important; text-transform:normal!important;}
.tws-navigation ul li a{ font-size: 15px!important; line-height: 1em!important; color: #fff!important; font-weight: 300!important; text-decoration: none!important;}
.tws-navigation ul li a:hover{color: #4f2465!important;}
.tws-navigation ul li:hover{ background-color: #fff!important; border-radius: 0px;}
.tws-navigation ul li.cta:hover{ background-color:rgba(245,245,245,.0)!important;}
.tws-navigation ul li:hover a{ color: #333!important;}
.tws-navigation ul li.cta {padding: 0 5px!important;}
.tws-navigation ul li.cta a{ background-color:#DDB530!important; color: #fff!important; padding: 10px 20px; border-radius: 0px; border-radius:4px!important; font-weight: 700!important;

}
.tws-navigation ul li.cta a:hover{ background-color:#fec402!important; color: #fff!important;}

.tws-navigation ul li.cta-pay a{ background-color:#0273fe!important; color: #fff!important; padding: 10px 20px; border-radius: 0px; border-radius:4px!important; font-weight: 700!important;

}
.tws-navigation ul li.cta-pay a:hover{ background-color:#fec402!important; color: #fff!important;}
.tws-navigation ul ul{ display: none;}
.tws-navigation ul li:hover ul{ display: block; position: absolute; top: 40px; left:0px; width:150px; text-align: left; padding: 20px; background-color: #fff; margin: 0!important; border-radius: 0px; }
.tws-navigation ul li:hover ul li{display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
.tws-navigation ul li:hover ul li a{ font-size: 14px!important; line-height: 1em!important; display: block;border-radius: 3px;  color: #333; text-transform: none!important;}
footer {text-align: center!important; font-size: 14px!important; padding: 40px 0!important; background-color: #efefef!important}


@media all and (max-width:1024px){ 
	#navbar .tws-topnav{ display:none!important;}
	.tws-navigation{display:none!important;}
.logo img{max-width:130px!important; width:130px!important; min-width:130px!important; height: auto!important;} }

@media all and (max-width: 699px){
	br.mobile{display: none!important;}
	#navbar .tws-topnav{ display:none!important;}
	.tws-navigation{display:none!important;}
	.logo{ margin-left:0px; width: 100%!important; text-align: center!important}
	
	.logo img{max-width:100px!important; width: 100px!important; min-width:100px!important; height: auto!important;}
	footer {text-align: center!important; font-size: 14px!important; padding: 30px 0!important; background-color: #efefef!important}
}