:root {
	
}

/***********************************
* BASE
**********************************/
.bp-heading-title span {
	color: var( --e-global-color-secondary );
}
.bp-list-icon .elementor-icon-list-icon {
  	padding: 10px;
  	border-radius: 10px;
	background-color: var( --e-global-color-primary );
}
.bp-list-icon .elementor-icon-list-icon svg {
	margin-right: 0 !important;
}
.bp-list-icon .elementor-icon-list-text {
	padding-left: 20px !important;
}
.bp-list-icon ul li {
	padding-bottom: 40px !important;
}
.bp-list-icon .elementor-icon-list-item:hover .elementor-icon-list-icon {
	background-color: var( --e-global-color-secondary );
} 
.bp-h3-links .elementor-heading-title span {
	color: #22222285;
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	line-height: 24px;
}
.bp-faq details {
	border: none;
	margin-bottom: 20px !important;
}
.bp-faq details summary {
	border: none !important;
	background-color: #003399;
	color: #ffffff !important;
	border-radius: 10px !important;
	padding: 15px 30px !important;
	font-weight: 700 !important;
}
.bp-faq details summary h4 {
	font-weight: 700 !important;
}
.bp-faq details[open] summary {
	border-radius: 10px 10px 0 0 !important;
	background-color: #E6D04233 !important;
	color: #003399 !important;
}
.bp-faq details[open] summary i {
	color: #003399 !important;
}
.bp-faq details > div {
	border: none;
	background-color: #E6D04233;
	color: #222222;
	border-radius: 0 0 10px 10px;
	padding: 0px 30px 20px;
}

.bp-faq-2 details {
	border: none;
	margin-bottom: 20px !important;
}
.bp-faq-2 details summary {
	border: none !important;
	background-color: #E6D04233;
	color: #003399 !important;
	border-radius: 10px !important;
	padding: 15px 30px !important;
	font-weight: 700 !important;
}
.bp-faq-2 details summary h4 {
	font-weight: 700 !important;
}
.bp-faq-2 details[open] summary {
	border-radius: 10px 10px 0 0 !important;
	background-color: #E6D04233 !important;
	color: #003399 !important;
}
.bp-faq-2 details[open] summary i {
	color: #003399 !important;
}
.bp-faq-2 details > div {
	border: none;
	background-color: #E6D04233;
	color: #222222;
	border-radius: 0 0 10px 10px;
	padding: 0px 30px 20px;
}
.bp-faq-3 details summary h4 img {
	margin-right: 20px;
	margin-bottom: -3px;
}
.bp-tabs .e-n-tabs-heading {
	background: var( --e-global-color-2ffa697 );
	border-radius: 10px;
}
.bp-grid-circle-img:hover * {
	color: #000000 !important;
}
@media (max-width: 1024px) {
	.bp-h3-links .elementor-heading-title span {
		display:block;
		padding-left: 0px;
	}
}
@media (max-width: 767px) {
	.bp-tabs .e-n-tab-title:not([aria-selected="true"]) {
	  	margin-bottom: 2px;
		background-color: #E6D04233 !important;
	}
}
/***********************************
* FOOTER
**********************************/
@media (min-width: 1025px) {
	.bp-footer-text {
		max-width: 70% !important;
	}
	
  	#wpforms-form-247 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
}

@media (min-width: 720px) {
	.bp-footer-text {
		max-width: 70% !important;
	}
	
  	#wpforms-form-247 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	
	#wpforms-form-247 .wpforms-submit-container {
		margin: 0 !important;	
	}
	
	#wpforms-form-247 .wpforms-field-container input[type="email"] {
		width: 100%;
	}
	
	#wpforms-form-247 .wpforms-submit-container button {
		width: auto;
	}
}

#wpforms-form-247 .wpforms-submit-container {
	margin: 0 !important;	
	display: flex;
	justify-content: right;
	
}
#wpforms-form-247 .wpforms-submit-container button {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 0 30px;
	width: 100%;
}

#wpforms-form-247 .wpforms-field-container input[type="email"] {
	padding: 0 40px;
	width: 550px;
	max-width: 100%;
}

@media (max-width: 719px) {	
	#wpforms-form-247 .wpforms-field-container input[type="email"] {
		width: 100%;
	}
}
/***********************************
* 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:flex;
	margin: auto;
	width: 870px;
	margin-top: 10%;
	border:10px solid var( --e-global-color-secondary );
	position:relative;
	max-width: 90%
}

body .sm-popup-video-play img {
  	display: block;
}

#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: 1px;
	font-weight: 600;
	justify-content: center;
}

#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;
}
