/***********************************
* BASE
**********************************/

[type="button"]:hover {
	color: #fff !important;
	background: var(--active) !important;
}

@media (hover: none) {
    button:hover,
    [type="button"]:hover {
        background-color: inherit !important;
        color: inherit !important;
        box-shadow: none !important;
        transform: none !important;
    }
}

@media (max-width: 767px) {
	.elementor-element-4421fdf {
		justify-content: space-between !important;
	}
	.elementor-element-c94aaba, .elementor-element-071ae91 {
		width: auto !important;
	}
  	.elementor-77 .elementor-element.elementor-element-717fe40 img {
		max-width: 200px !important;
	}
	.elementor-77 .elementor-element.elementor-element-717fe40 {
		text-align: left !important;
	}
}

.rn-mobile-menu {
  --active: #6CE2A2;
  --blue: #1f367b;
  --border: rgba(31, 54, 123, 0.14);

  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.rn-mobile-menu a,
.rn-mobile-menu button {
  font-family: inherit;
}

.rn-mobile-menu__link,
.rn-mobile-menu__toggle {
  width: 100%;
  min-height: 54px;
  padding: 16px 20px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: #fff;
  color: var(--blue);
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rn-mobile-menu__toggle {
	color: var(--active);
  cursor: pointer;
}

.rn-mobile-menu__icon::before {
  content: "+";
  color: var(--active);
  font-size: 22px;
  line-height: 1;
}

.rn-mobile-menu__item.is-open .rn-mobile-menu__icon::before {
  content: "–";
}

.rn-mobile-menu__submenu {
  margin-top: 8px;
  padding: 8px 0;
  background: #fff;
  border-left: 3px solid var(--active);
  overflow: hidden;
}

.rn-mobile-menu__submenu a {
  display: block;
  padding: 14px 20px;
  color: var(--blue);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.rn-mobile-menu__submenu a:hover {
  background: rgba(108, 226, 162, 0.12);
  color: var(--blue);
}

.rn-mobile-menu__cta {
	color: #fff !important;
  background: var(--active);
  border-color: var(--active);
  color: var(--blue);
  justify-content: center;
}

/***********************************
* POP UP VIDEO
**********************************/ 
#sm-popup-video, .sm-popup-video-play {
	cursor: pointer;
}

#sm-popup-video-container
{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: #ffffff90;
	top: 0;
}

#sm-popup-video-inner
{
	display:block;
	margin: auto;
	width: 870px;
	margin-top: 10%;
	border:10px solid #B0575C;
	position:relative;
}

#sm-popup-video-close
{
	color: #fff;
	background: #B0575C;
	font-size: 16px;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	border: 0px solid #000;
	position: absolute;
	right: -24px;
	top: -24px;
	padding: 2px;
	font-weight: 600;
}

#sm-popup-video-close i::before
{
	font-size: 20px;
	padding: 5px;
	line-height: 21px;
}

/***********************************
* COPY TIP
**********************************/ 
#copytip {
	color: #fff;
	background-color: #161616;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 13px;
	padding: 5px 15px;
	border-radius: 15px;
	opacity: 0;
	transition: all .5s;
}

#copytip.show {
	opacity: 1;
	top: -26px;
}

/***********************************
* STICKY HEADER EFFECT
**********************************/ 
#sm-home-sticky-header, #sm-page-sticky-header {
	top: 0;
}
#home-header-wapper img, #page-header-wapper img {
	transition: all .5s ease-in;
}
#home-header-wapper.scrolled, #page-header-wapper.scrolled {
	transition: all .5s ease-in;
	height:0px;
	overflow: hidden;
}
#home-header-wapper.scrolled-up, #home-header-wapper.scrolled-up-retainer {
	position: fixed;
	background: #000;
	z-index: 99999;
	height:156px;
	transition: all .5s ease-out;
	opacity: 1;
	overflow: hidden;
}
#page-header-wapper.scrolled-up, #page-header-wapper.scrolled-up-retainer {
	position: fixed;
	z-index: 99999;
  	box-shadow: 0 1px 8px #00000050;
	height:156px;
	transition: all .5s ease-out;
	opacity: 1;
/* 	overflow: hidden; */
}
#home-header-wapper.scrolled-down, #page-header-wapper.scrolled-down {
	transition: all .5s ease-in;
	height:0px;
	overflow: hidden;
}

#page-header-wapper.scrolled img, #page-header-wapper.scrolled-up-retainer img {
  	max-width: 90px;
}