.mb-0,
.mb-0 > * {
	margin-bottom: 0px !important;
}

.mob-nav-menu .elementor-item {
	border-bottom: 1px solid rgba(35,44,56,.5) !important;
}

#header {
	position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    transition: all .3s;
    border-bottom: 1px solid transparent !important;
}

#header.active {
	background-color: rgb(10 11 13 / 95%) !important;
    border-color: rgb(35 44 56) !important;
}

.socmed-icon img{
	transition: all .3s;
    opacity: .5
}

.socmed-icons:hover .socmed-icon img{
	opacity: 1;
}


.values-cards:hover .values-card-icon,
.exp-cards:hover .exp-card-icon {
	background-color: #e1ab2d26 !important;
}

.mouse-icon {
	padding: .5rem;
    border:2px solid rgba(184, 192, 204, .4);
    border-radius: 99px;
    width: 1.5rem;
    height: 2.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -80px;
}

.mouse-icon-scroll {
	background: rgba(184, 192, 204, .6);
    border-radius: 9999px;
    width: .25rem;
    height: .5rem;
    animation: bounceUp 0.6s forwards;
}

@keyframes bounceUp {
  0% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(.2, 0, .2, 1);
  }

  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
  }
}


@media (max-width: 767px) {

	.banner-video .e-hosted-video {
		aspect-ratio: 9 / 16 !important;
}

}