.site-header{
	position: relative;
	z-index: 99;
	.row{
		align-items: center;
		justify-content: space-between;
		
		.main-navigation{
			ul{
				list-style: none;
				display: flex;
				align-items: center;
				gap: 25px;
				margin: 0;
				padding: 0;
				
				li{
					a{
						font-size: 16px;
						line-height: 24px;
						color: #FFFFFFB2;
						text-decoration: none;
						position: relative;
						transition: all ease .5s;
						
						&:before{
							content: '';
							position: absolute;
							width: 30px;
							height: 2px;
							scale: 0;
							background: transparent;
							bottom: -3px;
							left: calc(50% - 15px);
							transition: all ease .5s;
						}
						
						&:hover{
							color: #6A74FF;
							&:before{
								scale: 1;
								background: #6A74FF;
							}
						}
						
					}
					
					&.current-menu-item{
						a{
							color: #6A74FF;
							&:before{
								scale: 1;
								background: #6A74FF;
							}
						}
					}
					
					&:last-child{
						a{
							    color: #fff;
								background: #6A74FF;
						     	border: 1px solid #6A74FF;
								border-radius: 6px;
								font-weight: 300;
								padding: 12px 34px;
							   transition: all ease .5s;
							&:hover{
								
								&:before{
									display: none;
								}
							}
						}
					}
				}
			}
		}
	}
}