/*
Theme Name: Yoppi.io Theme
Theme URI: https://yoppi.io/
Template: hello-elementor
Author: Yoppi.io Theme
Author URI: https://yoppi.io/
Version: 3.4.4.1749621023
Updated: 2025-06-11 05:50:23

*/
@media screen and (max-width:1023px){
	.elementor-180 .elementor-element.elementor-element-d195e4c.elementor-sticky--effects .elementor-nav-menu .menu-item-5520 a, .elementor-180 .elementor-element.elementor-element-d195e4c.elementor-sticky--effects .elementor-nav-menu .menu-item-5520 a:hover{
	color:#fff !important;
}
.elementor-180 .elementor-element.elementor-element-d195e4c.elementor-sticky--effects .elementor-nav-menu .menu-item-5520 a:not(.elementor-button), .elementor-180 .elementor-element.elementor-element-d195e4c.elementor-sticky--effects .elementor-nav-menu .menu-item-5520 a:not(.elementor-button):hover {
  color: #fff !important;
}
	.ai-message-box-footer .suggestion-list-wrapper::before, .ai-message-box-footer .suggestion-list-wrapper::after{
		content:none !important;
	}
	.ai-message-box-inner {
  padding: 15px;
}
	.ai-message-box-footer button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 7px;
}
	.suggestion-list-wrapper{
		padding-bottom:10px !important;
	}
	header .elementor-nav-menu li a {
 
  padding-left: 0 !important;
  padding-right: 0 !important;
}
	header .elementor-nav-menu{
		width:100%;
	}
	header nav .menu-item{
		padding-left:0 !important;
	}
	header .elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
  justify-content: start;
		text-align:left ;
		border: 0;
    font-size: 13px;
}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		background-color: #fff;
    border-radius: 1rem;
    justify-content: center;
/*     width: 90vw;
    max-height: 75vh;
    margin-left: 5vw;
    margin-right: 5vw; */
    padding: 1.255rem;

    display: flex;
/*     position: absolute;
    overflow: auto; */
    box-shadow: 0 2px 6px #00000014;
	}
	header .elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
  justify-content: start;
		text-align:right;
}
	.menu-item-5519, .menu-item-5520 {
  width: 48% !important;
  float: left;
}
	.menu-item-5519 a{
		text-align: center;
    border: 1px solid #16161626 !important;
    width: 100%;
    height: 44px;
  border-radius: 8px;
  padding: .5rem .75rem !important;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
		justify-content: center !important;
	
	}
	
	.menu-item-5520 a{
		text-align: center;
    border: 1px solid #16161626;
    width: 100%;
    height: 44px;
  border-radius: 8px;
  padding: .5rem .75rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .2s;
		background-color: #3262F9 !important;
		color:#fff !important;
		justify-content: center !important;
	}
	.menu-item-5520 a:hover{

		background-color: #3262F9!important;
		color:#fff !important;
	
	}
	.menu-item-5520{
		margin-left:4% !important;
	}
}
@media screen and (min-width:1024px){
	.menu-item-5519, .menu-item-5520{
		display:none !important;
	}
	
	
	header .sub-menu{

  background-color: #fff;
  border-radius: .5rem;
  width: auto !important;
  min-width: 12rem;
  padding: .5rem !important;
  box-shadow: 0 2px 4px #0000001a;
	}
	header nav .menu-item .sub-menu li a.elementor-sub-item{
		padding: .375rem .5rem !important;
  font-size: .875rem;
  font-weight: 400;
		border-radius: 8px;
/*   transition: all .2s; */

	}

	
	header nav .menu-item .elementor-item{
		padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
		border-radius: 8px;
	}
	header nav .menu-item .sub-menu li a.elementor-sub-item:hover{
		background:#241a0b0d !important
	}
header nav .menu-item .elementor-item:hover{
	background: #6c6c6c24 !important;
}
.elementor-nav-menu .sub-arrow{
	padding:0 !important 
}
header nav .menu-item .elementor-item:hover .elementor-nav-menu .sub-arrow{
	transform: rotate(180deg);
}
header nav .menu-item .elementor-item {

  display: flex;
  align-items: center;
  gap: 12px;
}
	header nav .menu-item .sub-menu{
		display:block !important;
  transform-style: preserve-3d;
  opacity: 0;
		visibility: hidden;
		top:unset !important;
		transition: all .2s;
		pointer-events: none;
  transform: translate3d(0px, 48px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
}
	header nav .menu-item-has-children:hover .sub-menu{
		transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
		opacity: 1;
		transition: all .2s;
		visibility: visible;
		pointer-events: auto;
		
	}
}