<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.home .header-pages{
	position: fixed!important;
    width: 100%;
    z-index: 10;
	top:74px;
	left:0px;
}
.header-pages .menu-box .hfe-nav-menu-icon{
	width:46px;
	height:46px;
	font-size:0px!important; 
}
.header-pages .menu-box .hfe-nav-menu-icon i{
	width:46px;
	height:4px;
	background:#fff;
	font-size:0px!important;
	position:relative; 
}
.header-pages .menu-box .hfe-nav-menu-icon i::before{
	position: absolute;
    content: "";
    height: 4px;
    width: 32px;
    background: #fff;
    right: 0px;
    bottom: -10px;
}
.header-pages .menu-box .hfe-nav-menu-icon i::after{
	position: absolute;
    content: "";
    height: 4px;
    width: 32px;
    background: #fff;
    right: 0px;
    bottom: -20px;
}
.logo-header .hfe-site-logo-img{
	margin-top:3px;
	margin-left:-3px;
}
.banner-cart{
	position:relative;
	z-index:1;
}
.text-banner, 
.your-card, 
.block-best-sellers, 
.slider-cart, 
.financial-safety, 
.financial, 
.footer-pages{
	position:relative;
	z-index:3;
}

header.entry-header, 
table:not( .has-background ) tbody td{
	background:#fff!important;
}
table.cart td.product-remove, table.cart td.actions{
	border-top-color: #ffffff;
}
table:not( .has-background ) th{
	background-color: #f8f8f8!important;
}
    
.btn-cart a{
	min-width: 251px;
	width: 100%!important;
	display: inline-block;
	max-width:251px;
}
.config-cart-slider{
    width: 100%!important;
    position: fixed!important;
    z-index: 1;
    left: 50%;
    top: 0!important;
    transform: translateX(-50%);
    max-width: 1080px;
}
.social-footer .elementor-icon i{
	opacity:0.5;
}
.footer-pages .hfe-nav-menu .menu-item .hfe-menu-item{
	padding-left:0px!important;
}
.social-footer .elementor-icon i:hover{
	opacity:1;
}
.footer-pages-top .elementor-container{
	border-bottom: 1px solid #222222;
	padding-bottom: 40px;
}
.footer-pages-top .social-footer .elementor-grid-item{
	margin-left:22px;
}
.footer-pages-top .social-footer .elementor-grid-item .elementor-icon.elementor-social-icon{
	width:inherit!important;
	height:inherit!important;
}
.footer-pages-mid .contac-us .elementor-element-populated{
	padding:0px!important;
}
.copyright > .elementor-container{
	border-top: 1px solid #222222;
	padding-top:40px;
}
.copyright .right-copyright .elementor-widget-wrap .elementor-element{
	display:inline-block!important;
	width: unset;
	margin-bottom: 0px;
    margin-right: 15px;
	opacity:0.5;
}
.copyright .right-copyright .elementor-widget-wrap{
	justify-content: flex-end;
	align-items:center;
}
.copyright-mobile{
	display:none!important;
}
.hfe-flyout-close i{
	font-size:0px;
	position: relative;
}
.hfe-flyout-close i:after,
.hfe-flyout-close i:before{
	position:absolute;
	content:''; 
    background-color: #fff;
	width: 32px;
    border-radius: 100px;
	height:4px;
	z-index:10;
}
.hfe-flyout-close i:after{
    transform: rotate(-45deg) translate(2px, -11px);
}
.hfe-flyout-close i:before{
	top:-19px;
	transform: rotate(45deg) translate(3px, 12px);
}
@media(min-width: 1200px) {
	.hfe-side{
		width: 726px!important;
	}
	header .hfe-flyout-wrapper .hfe-side.hfe-flyout-right{
		padding-right: calc((100vw - 1416px) / 2)!important;
	}
	.header-pages .hfe-nav-menu{
		padding-top: 180px!important;
		padding-left: 60px!important;
		padding-right: 60px!important;
		height: 100vh;
	}
	.hfe-flyout-close{ 
		top: 50px;
		padding-right: calc((100vw - 1416px) / 2)!important;
   		margin-right: 85px;
	}
	
}
@media(min-width: 992px) and (max-width: 1199px){
	.config-cart-slider{
		position: fixed;
		z-index: 1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		max-width: 1080px!important;
		width: 780px!important;
	}
	.text-banner{
		position: absolute;
		top: 240px;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 90%;
		margin-top:0px!important;
	}
	.home .header-pages{
		padding: 0px 25px;
		top:0px;
		left:0px;
	}
	.your-card{
/* 		padding:30px 0px!important; */
		background:#000!important;
	}
	.your-card .elementor-column{
		width:100%!important;
	}
	.your-card .slider-your-cart .e-lottie__container{
		width:100%!important;
		max-width:377px!important;
		height:100%!important;
	}
	.your-card .slider-your-cart .img-hand img{
		width: auto;
		max-height: 200px;
		height: 100%;
	}
}
@media(max-width: 1199px){
	header .hfe-flyout-wrapper .hfe-side.hfe-flyout-right{
		width:100%!important;
	}
	.header-pages .hfe-nav-menu{
		padding:120px 10px!important;
		backdrop-filter: none;
		background: #000;
		height:100vh;
	}
	.header-pages .hfe-nav-menu>li>a{
		justify-content: center!important;
	}
	.social-header .sub-menu{
		max-width: 300px;
		margin: auto;
		text-align: center!important;
	}
	.social-header .tiktok a:before, 
	.social-header .insta a:before, 
	.social-header .faceb a:before{
		left: 0px;
	}
	.social-header::after{
		left: 0px;
		margin: auto;
	}
	.logo-header .hfe-site-logo-img{
		position: relative;
		margin-top: 20px;
		z-index: 9999999;
	}
	.header-pages .menu-box .hfe-nav-menu-icon{
		margin-top: 30px;
	}
	.hfe-flyout-close i {
		font-size: 0px;
		position: relative;
		z-index: 10;
		top: 35px;
		right: 20px;
	}
	
}
@media(min-width: 768px) and (max-width: 991px){
	.config-cart-slider{
		position: fixed;
		z-index: 1;
		left: 50%;
		top: 0;
		transform: translateX(-50%);
		max-width: 1080px!important;
		width: 780px!important;
	}
	.text-banner{
		position: absolute;
		top: 240px;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 90%;
		margin-top:0px!important;
	}
	.home .header-pages{
		padding: 0px 25px;
	}
	
}
@media(max-width:991px){
	.home .header-pages{
		top:0px;
		background: #000;
		padding:20px 0px;
	}
	.home .header-pages .hfe-site-logo img{
		margin-top:0px;
		margin-left:15px;
	}
	.your-card{
		background:#000!important;
	}
	.your-card .elementor-column{
		width:100%!important;
	}
	.your-card .slider-your-cart .e-lottie__container{
		width:100%!important;
		max-width:377px!important;
		height:100%!important;
	}
	.your-card .slider-your-cart .img-hand img{
		width: auto;
		max-height: 200px;
		height: 100%;
	}
	.text-your-cart,
	.text-your-cart h2.elementor-heading-title,
	.your-card .elementor-swiper .elementor-testimonial__text{
		text-align:center!important;
	} 
	.header-pages .menu-box .hfe-nav-menu-icon{
		margin-top:0px;
		margin-right: 15px;
	}
}

@media(max-width:767px){
	.banner-cart .elementor-container{
		min-height:400px!important;
	}
	.text-banner .elementor-heading-title,
	.block-best-sellers .elementor-heading-title,
	.financial-safety .elementor-heading-title{
		font-size:42px!important;
	}
	.your-card .elementor-element-populated,
	.block-best-sellers .elementor-element-populated,
	.financial .elementor-element-populated{
		padding:0px!important;
	}
	.your-card .swiper-pagination{
		text-align:center!important;
	}
	.financial .elementor-widget-container{
		margin-bottom:75px;
	}
	.footer-pages{
		padding:0px 15px!important;
	}
	.footer-pages .elementor-element-populated{
		padding:0px!important;
	}
	.footer-pages .hfe-nav-menu li{
		width:100%;
	}
	.footer-pages .hfe-nav-menu li a{
		padding:15px 0px!important;
		color:#fff!important;
	}
	.footer-pages .hfe-nav-menu li:first-child a{
		padding-top:0px!important;
	}
	.footer-pages .elementor-social-icons-wrapper{
		margin-top: 30px;
	}
	.footer-pages .elementor-social-icons-wrapper span{
		margin:15px 5px!important;
	}
	.copyright p{
		text-align:center;
	}
	/* update 21/06/2022*/
	.banner-mobile{
		position: fixed!important;
		max-width: 1080px;
		width: 530px!important;
		z-index: 1;
		left: auto!important;
		top: 77px;
		right: -94px;
		transform: none!important;
	}
	.text-banner{
		margin-top:0px!important;
		padding:285px 0px 200px 0px!important;
		max-width:90%;
		margin:auto;
	}
	.header-pages .menu-box .hfe-nav-menu-icon{
		position: relative;   
		right: 5px;
/*     	top: 20px; */
		margin-right:0px;
	}
	.header-mobile .hfe-site-logo .hfe-site-logo-container img{
		max-width:100px;
	}
	.home .header-pages{
		padding-bottom:0px;
	}
	.home .header-pages .hfe-site-logo img {
		margin-left: 5px;
		margin-top:5px;
	}
	.text-banner .sub-text-banner p{
		font-size: 18px;
		font-weight: 500;
		margin: auto;
		max-width: 69%;
		width:100%;
	} 
	.btn-banner-cart{
		margin-top:0px!important;
	}
	.btn-banner-cart .col-btn .elementor-element-populated{
		padding:0px!important;
	}
	.btn-banner-cart .col-btn{
		margin-top:15px;
	}
	.btn-banner-cart .col-btn:first-child .elementor-mobile-align-center{
		text-align:right;
		padding-right:10px;
	}
	.btn-banner-cart .col-btn:last-child .elementor-mobile-align-center{
		text-align:left;
		padding-left:10px;
	}
	.your-card .slider-your-cart .e-lottie__container{
		width:100%!important;
		max-width:209px!important;
		height:100%!important;
		margin-left: -5%;
	}
	.your-card .slider-your-cart .img-hand img {
		margin-top: -20px;
		margin-bottom: 60px;
	}
	.block-best-sellers{
		margin-top:108px;
	}
	.financial-safety{
		margin-top:40px;
	}
	.financial .elementor-image-box-img img{
		position: absolute;
		width: 48px;
		height: 48px; 
		top: 15px;
		right: 2px;
	} 
	.financial .elementor-widget-container{
		margin-bottom:36px!important;
	}
	.footer-pages-top .logo-mobile, .footer-pages-top .box-social-mobile{
		width:50%!important;
	}
	.footer-pages-top .logo-mobile .hfe-site-logo-container img{
		margin-bottom: -55px;
		display: inline-block;
		max-width: 122px;
	}
	.footer-pages-top .social-footer .elementor-grid-item{
		margin:0px!important;
		margin-left:18px!important;
		margin-top:15px!important;
	}
	.footer-pages-top .elementor-container{
		margin-bottom:40px;
	}
	.contac-us{
		margin-top:-6px!important;
		text-align:right!important;
	}
	.contac-us .elementor-widget-text-editor{
		margin-bottom:0px!important;
	}
	.contac-us .elementor-widget-text-editor p a{
		color:#fff;
	}
	.copyright, .copyright p{
		margin-bottom:0px!important;
		font-size:14px!important;
		line-height:20px!important;
	} 
	.copyright-mobile{
		display:block!important;
	}
	.copyright .right-copyright .elementor-widget-wrap{
		justify-content: center;
		align-items: center;
		margin-top: 20px;
		margin-left: 40px;
	}
	.hfe-flyout-content{
		background:#000!important;
	}
	.header-mobile .hfe-site-logo .hfe-site-logo-container img{
		position:relative;
		z-index: 9999999;
	}
}
@media(max-width:700px){
	.btn-cart a{
		min-width:unset;
		font-size:23px!important;
	}
}
@media(max-width:560px){
	.btn-banner-cart .col-btn{
		width:100%!important;
	}
	.btn-banner-cart .col-btn .elementor-mobile-align-center{
		text-align:center!important;
		padding:0px!important;
	}
	.text-banner{
		padding: 180px 0px 200px 0px!important;
	}
	
}
@media(max-width:425px){ 
	.text-banner .sub-text-banner p{
		max-width:230px;
	}
	.text-banner {
		margin-top: 0px!important;
		padding: 120px 0px 200px 0px!important;
		max-width: 100%;
		margin: auto;
	}
}
@media(max-width:329px){
	.text-banner{
		margin-top:0px!important;
		padding:46px 0px 100px 0px!important;
	} 
	.text-banner .sub-text-banner p{
		max-width:205px;
	}
}</style>
<!-- end Simple Custom CSS and JS -->
