:root{
	--color-theme:#adf802;
	--color-theme-2:#10153b;
}

@font-face {
	font-family: "SegUIVar";
	src: url("../fonts/SegUIVar.ttf");
	font-weight: normal;
	font-style: normal; 
}

/*** text color css ***/
.color-theme{
	color:var(--color-theme) !important;
}
/*** custom preloader ***/
.preloader-logo{
	position:relative;
	width: 100px;
    height: 100px;
    display: inline-block;
    padding: 0;
}
.preloader-hexagon-shield{
	position:absolute;
	/*left:50%;
	top:50%;*/
	transform:translate(-50%,-50%);
	animation: preloader-fx 1.6s linear infinite;
}
.preloader-warmkey{
	position:absolute;
	/*left:50%;
	top:50%;*/
	transform:translate(-50%,-50%);
	animation: preloader-fx 1.6s linear infinite;
	animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}
/*** button css ***/
.default-btn{
	background:#000;
	color:#fff;
	box-shadow:0 0 10px rgba(255,255,255,.35);
}
.default-btn:hover{
	background:#000;
	color:#fff;
	border:none;
}
.btn-theme{
	text-decoration: none;
    font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	color:#000;
	border-radius:10px;
	padding-inline: 2rem;
	padding:10pt 15pt;
    line-height: 56px;
	background:var(--color-theme);
	transition:all ease .3s;
}
.btn-theme:hover{
	color:#777;
}
.btn-hashtag{
	background:var(--color-theme);
	padding:10px 20px;
	border-radius:20px;
	display:inline-block;
	color:#000;
	font-size:12px;
	letter-spacing:0.5px;
	transition:all ease .3s;
}
.btn-hashtag:hover{
	color:rgba(0,0,0,.5);
}
.btn-link{
	padding:15pt 25pt;
	border-radius:35px;
	background:var(--color-theme);
	color:#005627;
	font-weight:500;
	font-size:18px;
	font-family: "Rajdhani", sans-serif;
	text-decoration:none;
	transition:all ease .3s;
}
.btn-link:hover{
	background:#9add00;
	color:rgba(0,0,0,.65);
}
/*** End button css ***/
.scrollToTop{
	background:var(--color-theme);
}

.logo img{
	max-width:165px;
	width:165px;
}
.mobile-logo img{
	max-width:165px;
	width:165px;
}
.header-section{
	background:none;
	padding-top:15px;
	position:absolute;
	width:100%;
}
.header-section.header-fixed{
	background-color:transparent;
	box-shadow:none;
	border-bottom:none;
}
.header-holder{
	background:#fff;
	box-shadow:0 0 15px rgba(0, 0, 0, .35);
	border-radius:50px;
	padding:0px 25px;
}
.menu > li > a{
	color:#000;
	padding:0 15px;
}
.menu-item-has-children > a::before, .menu-item-has-children > a::after{
	background-color:#000;
}
.btn-download-app{
	padding:10pt 25px;
	border-radius:50px;
	background:#000;
	color:#fff;
	font-size:12pt;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
}
.btn-download-app:before{
	content:'';
	position:absolute;
	top:0;
	left:-20px;
	width:0%;
	height:100%;
	background:rgba(100,100,100,.35);
	transform:skewX(320deg);
	transition:all ease .3s;
}
.btn-download-app:hover:before{
	left:50%;
	width:100%;
}
.btn-download-app span{
	position:relative;
}
.header-bar span{
	background-color:#000;
}
.btn-connect-dapp{
	padding:10pt 25px;
	border-radius:50px;
	background:var(--color-theme);
	color:#000;
	font-size:12pt;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
}
.btn-connect-dapp:hover{
	color:#555;
}
.btn-connect-dapp:before{
	content:'';
	position:absolute;
	top:0;
	left:-20px;
	width:0%;
	height:100%;
	background:rgba(255,255,255,.35);
	transform:skewX(320deg);
	transition:all ease .3s;
}
.btn-connect-dapp:hover:before{
	left:50%;
	width:100%;
}
.btn-connect-dapp span{
	position:relative;
}
@media (min-width: 992px) {
    .header-wrapper {
        width: auto;
        padding-block:10px;
    }
	.menu li .submenu li a:hover, .menu li .submenu li a.active {
        background:var(--color-theme);
        padding-left: 22px;
        color: #000000;
    }
}
@media (min-width: 768px) {
    .header-wrapper {
        padding-block:10pt;
    }
}
@media (max-width:1200px){
	.btn-download-app{
		width:32px;
		height:32px;
		border-radius:50%;
		text-align:center;
		padding:5px;
		font-size:14px;
	}
	.btn-download-app span{
		display:none;
	}
	.btn-connect-dapp{
		width:36px;
		height:36px;
		border-radius:50%;
		text-align:center;
		padding:5px;
		font-size:18px;
	}
	.btn-connect-dapp span{
		display:none;
	}
}
@media (max-width:991px){
	.menu{
		background:#fbfbfb;
	}
	.menu > li > a{
		padding:10px 25px;
	}
	.menu > li > a i{
		display:none;
	}
	.menu li a:hover{
		background:var(--color-theme);
	}
	.menu li .submenu{
		background:#efffca;
	}
	.menu li .submenu li a{
		color:#000;
	}
}
@media (max-width:768px){
	.header-holder{
		padding:0 15px;
	}
	.btn-download-app{
		width:32px;
		height:32px;
		border-radius:50%;
		text-align:center;
		padding:5px;
		font-size:14px;
	}
	.btn-download-app span{
		display:none;
	}
	.btn-connect-dapp{
		width:36px;
		height:36px;
		border-radius:50%;
		text-align:center;
		padding:5px;
		font-size:18px;
	}
	.btn-connect-dapp span{
		display:none;
	}
}
.banner{
	height:100%;
	min-height:100vh;
	padding:0;
	padding-top:10em;
	padding-bottom: 100px;
	overflow:hidden;
	position:relative;
}
.banner:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.banner-video {
    position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	z-index:-1;
}
.video-screenshot{
	background:#fff;
	padding:10px;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,.35);
}

.carousel{
    max-width:960px;
    margin:32px auto;
    padding:0 16px;
    user-select:none
}
.slider-stage{
	margin-bottom:10px;
    position:relative;
    border-radius:14px;
    overflow:hidden;
    background:#111;
    box-shadow:0 10px 24px rgba(0,0,0,.35);
    aspect-ratio:16/9
}
.track{
    display:flex;
    height:100%;
    transition:transform .5s cubic-bezier(.2,.7,.2,1);
    will-change:transform
}
.slide-card{
    min-width:100%;
    height:100%;
    position:relative;
    display:grid;
    place-items:center;
    background:#000
}
.slide-card video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.title-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));
    border:1px solid rgba(255,255,255,.12);
    backdrop-filter: blur(6px);
    color:#fff;
    padding:10px 12px;
    border-radius:12px;
    pointer-events:none;
    font-weight:600;
    letter-spacing:.2px
}
.title-bar .index-number{
    color:var(--color-theme);
    font-weight:700
}
.nav{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    pointer-events:none
}
.btn-slider{
    pointer-events:auto;
    background:rgba(17,17,17,.6);
    border:1px solid rgba(255,255,255,.12);
    width:42px;
    height:42px;
    border-radius:999px;
    display:grid;
    place-items:center;
    margin:0 10px;
    cursor:pointer;
    transition:transform .15s ease, background .2s;
	color:#fff;
}
.btn-slider:hover{
    transform:scale(1.05);
    background:rgba(17,17,17,.8)
}

.thumbs{
    margin-top:14px;
    display:flex;
    gap:12px;
    align-items:center
}
.thumbs .rail{
    display:flex;
    gap:12px;
    overflow:auto;
    padding-bottom:6px;
    scroll-snap-type:x mandatory
}
.thumb{
    width:88px;
    height:88px;
    flex:0 0 auto;
    border-radius:10px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.08);
    opacity:.75;
    transition:opacity .2s, transform .2s, border-color .2s;
    scroll-snap-align:start;
    background:#000;
	filter:brightness(0.5);
}
.thumb video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.thumb.active{
    opacity:1;
    border-color:var(--color-theme);
    box-shadow:0 0 20px var(--color-theme) inset;
    transform:translateY(-1px);
	filter:brightness(1);
}
 @media (max-width:520px){
	.thumb{
		width:72px;
		height:72px;
	}
    .title-bar{
        font-size:.9rem
    }
}

/*** section grid 1 ***/
.why-hardware-wallet{
	background:#fff;
}
.section-title{
	display:block;
	margin-bottom:15px;
}
.section-title h3{
	font-size:3em;
	color:#000;
	margin-bottom:0;
}
.more-about-security{
	padding:15px 25px;
	background:var(--color-theme);
	border-radius:50px;
	color:#000;
	transition:all ease .3s;
	display:inline-block;
}
.more-about-security:hover{
	background:#000;
	color:#fff;
}
.compare-why-box{
	background:#f7f7f7;
	border-radius:20px;
	padding:15pt;
	margin-bottom:15pt;
}
.compare-why-box h3{
	color:#000;
	margin-bottom:15px;
}
.compare-why-box ul li{
	color:#999;
	font-size:12pt;
	margin-bottom:10px;
}
.compare-why-box.online-exchanges{
	position:relative;
	overflow:hidden;
	z-index:1;	
}
.compare-why-box.online-exchanges:before{
	content:'';
	position:absolute;
	right:-30px;
	bottom:-30px;
	width:165px;
	height:165px;
	background:url(../images/icon-thinking-img.png) no-repeat;
	background-size:cover;
	background-position:center;
	z-index:-1;	
}
.compare-why-box.check-mark{
	background:#fff;
	position:relative;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,.25);
	z-index:1;
}
.compare-why-box.check-mark:before{
	content:'';
	position:absolute;
	right:-30px;
	bottom:-30px;
	width:165px;
	height:165px;
	background:url(../images/icon-check-mark.png) no-repeat;
	background-size:cover;
	background-position:center;
	z-index:-1;
}
.compare-why-box.check-mark ul li{
	color:#000;
}
@media(max-width:992px){	
	.section-title h3{
		font-size:calc(1.4rem + 1.8vw);
	}
	.compare-why-box ul li{
		font-size:11pt;
	}
}
@media(max-width:550px){
	.compare-why-box.online-exchanges:before, .compare-why-box.check-mark:before{
		width:100px;
		height:100px;
		right:-20px;
		bottom:-20px;
	}
}
/*** section grid 2 ***/
.easy-setup{
	background:#fff;
}
.easy-setup-grid{
	position:relative;
}
.phone-connect-to-pc{
	border-radius:25px;
	width:100%;
}
.easy-setup-content{
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
.easy-setup-content ul{
	margin:0;
	padding:0;
}
.easy-setup-content li{
	padding:10px 15px;
	margin-bottom:10px;
	color:#fff;
	font-weight:bold;
	font-size:14pt;
	font-family: "Rajdhani", sans-serif;
	text-shadow:0 0 5px rgba(0,0,0,.35);
	background:rgba(0,0,0,.15);
}
.img-pattern-warmkey{
	max-width:200px;
	display:block;
	margin:0 auto;
}
@media(max-width:991px){
	.img-pattern-warmkey{
		max-width:165px;
	}
	.easy-setup-grid{
		padding:30pt;
		min-height:360px;
		border-radius:25px;
		overflow:hidden;
	}
	.easy-setup-grid:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(../images/pc-phone.webp) no-repeat;
		background-size:cover;
		background-position:center;
	}
	.phone-connect-to-pc{
		display:none;
	}
}
/*** section grid 5 ***/
.kickstart-with-us{
	background:#fff;
}
.kickstart-grid{
	position:relative;
	border-radius:25px;
	overflow:hidden;
	padding:30pt;
	margin-bottom:35pt;
}
.kickstart-grid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/connet-wallet.webp) no-repeat;
	background-size:cover;
	background-position:center;
}
.kickstart-img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:auto;
}
.kickstart-content{
	max-width:600px;
	min-height:450px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	color:#fff;
}
.kickstart-intro{
	margin-bottom:30pt;
}
.kickstart-intro h3{
	font-size:45px;
	margin-bottom:20pt;
}
.kickstart-intro h3 span{
	display:block;
	font-size:60px;
}
.btn-discover-more{
	padding:15pt 20pt;
	border-radius:50px;
	background:var(--color-theme);
	color:#000;
	transition:all ease .3s;
}
.btn-discover-more:hover{
	background:#000;
	color:#fff;
}
.manage-crypto-in{
	padding:30pt 20pt;
	background:#000;
	border-radius:25px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.manage-crypto-in h2{
	margin-bottom:0;
}
@media(max-width:991px){
	.kickstart-content{
		min-height:auto;
	}
	.manage-crypto-in{
		flex-direction:column;
	}
	.manage-crypto-in h2{
		margin-bottom:20px;
	}
}
/*** section grid 6 ***/
.our-payment-gateway{
	padding:60px 0;
}
.our-payment-gateway-card{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.our-payment-gateway-card-01{
	width:70%;
}
.our-payment-gateway-card-01 p{
	font-size:14pt;
	font-style:italic;
	font-weight:300;
}
.our-payment-gateway-card-02{
	width:30%;
}
.our-strengths-grid ul{
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	gap:20px;
	flex-wrap:wrap;
}
.our-strengths-grid li{
	width:32.222%;
}
.strengths-card{
	width:100%;
	max-width:320px;
	height:100%;
	min-height:220px;
	background:rgba(255,255,255,.15);
	border-radius:25px;
	padding:15pt;
	padding-bottom:100px;
	margin:auto;
	font-size:20px;
	position:relative;
}
.strengths-card:before{
	content:'';
	position:absolute;
	bottom:10px;
	right:10px;
	width:45px;
	height:60px;
	opacity:.35;
	font-size:2em;
	font-weight:bold;
	color:var(--color-theme);
}
.strengths-card.card-1:before{
	content:'1.';
}
.strengths-card.card-2:before{
	content:'2.';
}
.strengths-card.card-3:before{
	content:'3.';
}
.strengths-card.card-4:before{
	content:'4.';
}
.strengths-card.card-5:before{
	content:'5.';
}
.strengths-card span{
	font-size:2em;
}
@media(max-width:991px){
	.our-strengths-grid li{
		width:46.66%;
	}
	.strengths-card{
		font-size:14pt;
		padding-bottom: 60px;
	}
}
@media(max-width:500px){
	.our-strengths-grid li{
		width:100%;
	}
	.strengths-card{
		max-width:none;
	}
}
/*** section grid 8 ***/
.our-features-card{
	background:#111;
	border-radius:25px;
	padding:15pt;
	color:#fff;
	font-weight:600;
	font-size:20pt;
}
/*** content ***/
.content-box.bg-hexagon{
	position:relative;
	z-index:1;
}
.content-box.bg-hexagon:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/icon-key-reverse.svg) no-repeat;
	background-position:center;
	background-size:contain;
	opacity:.25;
	z-index:-1;
}
.content-box{
	word-break:break-word;
	text-align:justify;
}
.content-box p{
	color:#555;
}
.content-box-title{
	text-align:left;
}
.content-box-title h3{
	font-size:30pt;
	color:#000;
}
.link-url{
	color:blue;
	text-decoration:underline;
	transition:all ease .3s;
}
.link-url:hover{
	color:var(--color-theme);
}
.warmkey-core-base{
	transition:all ease .3s;
	display:block;
	position:relative;
	width:450px;
	max-width:360px;
	height:450px;
	margin:0 auto;
}
.warmkey-core-base img{
	width:100%;
	max-width:100%;
	display:block;
	margin:0 auto;
	transition:all ease .3s;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.warmkey-core-base:hover img{
	top:48%;
	left:50%;
	opacity:.85;
}
/*** section key features ***/
.section-key-features{
	padding:60px 0;
	background:#fff;
	overflow:hidden;
}
.features-card{
	height:100%;
	background:#f7f7f7;
	border-radius:10px;
	padding:15pt;
	color:#555;
	position:relative;
}
.type-c-port{
	max-width:165px;
	margin:0 auto;
}
.key-features{
	max-width:360px;
	margin:0 auto;
}
.key-features h3{
	font-size:50pt;
	margin-bottom:30px;
}
@media(max-width:992px){
	.key-features{
		max-width:100%;
	}
	.key-features h3{
		font-size:30pt;
	}
}
/*** section ready to experience ***/
.section-ready-to-experience{
	padding:60px 0;
	background:#fff;
}
.ready-to-experience-card{
	background:#10153b;
	padding:25pt;
	border-radius:25px;
	display:flex;
	position:relative;
}
.ready-to-experience-card:before{
	content:'';
	position:absolute;
	top:0;
	bottom:-150px;
	right:20%;
	width:160px;
	height:auto;
	background:url(../images/type-c-cable.png) no-repeat;
	background-size:contain;
	background-position:center;
	transform: translate(80%, 10px);
}
.ready-to-left{
	width:70%;
	position:relative;
}
.ready-to-right{
	width:30%;
	position:relative;
}
@media(max-width:991px){
	.ready-to-experience-card{
		flex-direction:column;
	}
	.ready-to-left{
		width:100%;
	}
	.ready-to-right{
		width:100%;
		max-width:360px;
	}
}
@media (max-width:768px){
	.ready-to-experience-card:before{
		top:50%;
		bottom:auto;
		right:50%;
		height:100%;
		transform: translate(50%, 0px);
	}
}
/*** section how it to work ***/
.section-how-it-work{
	padding:60px 0;
	background:#fff;
}
.how-it-work h3{
	font-size:50pt;
}
@media (max-width: 992px) {
    .how-it-work h3 {
        font-size: 30pt;
    }
}
/*** section  faq ***/
.section-faq{
	padding:60px 0;
	background:#fff;
}
.faq h3{
	font-size:50pt;
}
@media (max-width: 992px) {
    .faq h3 {
        font-size: 30pt;
    }
}
/*** section payment gateway ***/
.section-payment-gateway{
	padding:100px 0;
	/*background:#d0ff61;*/
	position:relative;
	overflow:hidden;
}
.section-payment-gateway:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url(../images/bg-green.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
/*.section-payment-gateway:before{
	content:'';
	position:absolute;
	top:50%;
	right:-30px;
	width:500px;
	height:500px;
	background:url(../images/icon-key-reverse.svg) no-repeat;
	background-size:contain;
	background-position:center;
	transform:translate(0,-50%);
	opacity:.25;
}*/
.section-headline .label-subtitle{
	display:inline-block;
	padding:10px 25px;
	margin-bottom:10px;
	border-radius:35px;
	background:#10153b;
	color:#fff;
	font-size:14px;
}
.section-headline h3{
	font-size:52pt;
}
.desc-strengths-card{
	color:#000;
	background:rgba(255,255,255,.5);
	border-radius:15px;
	padding:15px;
	box-shadow:0 0 10px rgba(255,255,255,.5);
	position:relative;
}
.desc-strengths-card:before{
	content:'';
	position:absolute;
	bottom:50%;
	right:50%;
	width:100px;
	height:100px;
	background:url(../images/icon-white-key.svg) no-repeat;
	background-size:contain;
	background-position:center;
	opacity:.25;
	transform:translate(50%,50%);
}
.desc-strengths-card h4{
	color:#000;
	font-size:30pt;
	font-weight:bold;
	position:relative;
}
.desc-strengths-card p{
	font-size:14px;
	position:relative;
}
.secure-way{
	margin:30pt auto;
	max-width:800px;
	min-height:500px;
	position:relative;
	display:flex;
	flex-direction:column;
	z-index:1;
}
.secure-way-top, .secure-way-bottom{
	display:flex;
	justify-content:space-between;
	width:100%;
	position:relative;
}
.secure-way-bottom{
	margin-top:auto;
	margin-bottom:20pt;
}
.secure-user-badge{
	width:30%;
	max-width:150px;
	margin:auto;
	position:relative;
}
.secure-user-badge span{
	display:block;
	width:100%;
	padding:10px;
	border-radius:35px;
	background:#4294ff;
	text-align:center;
	color:#fff;
	position:relative;
}
.secure-website-badge{
	width:30%;
	max-width:150px;
	margin:auto;
	position:relative;
}
.secure-website-badge span{
	display:block;
	width:100%;
	padding:10px;
	border-radius:35px;
	background:#f2446e;
	text-align:center;
	color:#fff;
	position:relative;
}
.secure-warmkey-badge{
	width:30%;
	max-width:150px;
	margin:auto;
	position:relative;
}
.secure-user-badge img,
.secure-website-badge img,
.secure-warmkey-badge img{
	max-width:52px;
	display:block;
	margin:10px auto;
	-webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,.25));
	filter:drop-shadow(3px 3px 5px rgba(0,0,0,.25));
}
.secure-warmkey-badge span{
	display:block;
	width:100%;	
	padding:10px;
	border-radius:35px;
	background:var(--color-theme);
	text-align:center;
	color:#000;
	position:relative;
}
.secure-way-top .secure-user-badge:before,
.secure-way-top .secure-website-badge:before,
.secure-way-top .secure-warmkey-badge:before{
	content:'';
	position:absolute;
	top:0%;
	left:50%;
	width:2px;
	height:100%;
	min-height:500px;
	background:var(--color-theme);
	transform:translate(50%,0);
	z-index:-1;
}
.secure-way-bottom .secure-user-badge:before,
.secure-way-bottom .secure-website-badge:before,
.secure-way-bottom .secure-warmkey-badge:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:2px;
	height:100%;
	min-height:500px;
	background:var(--color-theme);
	transform:translate(50%,0);
	z-index:-1;
}
.secure-way-step-grid{
	width:100%;
	min-height:320px;
	margin-top:30pt;
	margin-bottom:20pt;
}
.secure-way-step-row{
	display:flex;
	justify-content:center;
	position:relative;
	z-index:1;
}
.secure-way-step-row .secure-way-col{
	width:33%;
}
.secure-way-col.last-secure-way-col{
	width: 66%;
    margin: auto;
    padding-left: 5px;
}
.secure-way-step{
	padding:0px;
	margin-bottom:20pt;
	color:#000;
	position:relative;
}
.secure-way-step span{
	display:block;
	width:100%;
	padding:10px;
	/*background:var(--color-theme);*/
}
.secure-way-step.step-01:before{
	content:'';
	position:absolute;
	right:-5px;
	bottom:-8px;
	width:16px;
	height:16px;
	background:url(../images/icon-arrow-right.svg) no-repeat;
	background-size:contain;
	background-position:center;
}
.secure-way-step.step-01:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:3px;
	border-radius:50px;
	background:#000;
}
.secure-way-step.step-02:before{
	content:'';
	position:absolute;
	right:-6px;
	bottom:-8px;
	width:16px;
	height:16px;
	background:url(../images/icon-arrow-right.svg) no-repeat;
	background-size:contain;
	background-position:center;
}
.secure-way-step.step-02:after{
	content:'';
	position:absolute;
	left:2px;
	bottom:-1px;
	width:100%;
	height:3px;
	border-radius:50px;
	background:#000;	
}
.secure-way-step.step-03:before{
	content:'';
	position:absolute;
	left:-4px;
	bottom:-8px;
	width:16px;
	height:16px;
	background:url(../images/icon-arrow-left.svg) no-repeat;
	background-size:contain;
	background-position:center;
}
.secure-way-step.step-03:after{
	content:'';
	position:absolute;
	right:-2px;
	bottom:-1px;
	width:100%;
	height:3px;
	border-radius:50px;
	background:#000;	
}
.secure-way-step.step-04:before{
	content:'';
	position:absolute;
	left:-5px;
	bottom:-8px;
	width:16px;
	height:16px;
	background:url(../images/icon-arrow-left.svg) no-repeat;
	background-size:contain;
	background-position:center;
}
.secure-way-step.step-04:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	height:3px;
	border-radius:50px;
	background:#000;
}
.app-directly{
	display:flex;
	align-items:center;
	position:relative;
	margin:10pt 0;
}
.app-directly:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,50%);
	width:100%;
	height:3px;
	background:#000;
	transition:all ease .3s;
	animation-name: arrow-push;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.app-directly:after{
	content:'';
	position:absolute;
	top:50%;
	right:-5px;
	transform:translate(0,-30%);
	width:16px;
	height:16px;
	background:url(../images/icon-arrow-right.svg) no-repeat;
	background-size:contain;
	background-position:center;
	transition:all ease .3s;
	animation-name: arrow-push-2;
	animation-duration: .5s;
	animation-iteration-count: infinite;
}
@keyframes arrow-push{
	0%{opacity:1;width:100%;left:0;}
	50%{opacity:.5;width:100%;left:0;}
	100%{opacity:1;width:100%;left:0;}
}
@keyframes arrow-push-2{
	0%{opacity:1;}
	50%{opacity:.5;}
	100%{opacity:1;}
}
.crypto-icon-grid{
	width:100%;
	display:flex;
	justify-content:space-evenly;
	position:relative;
}
.crypto-icon{
	transition:all ease .3s;
}
.crypto-icon img{
	max-width:45px;
	transition:all ease .3s;
}
.crypto-icon img.coin-01{
	transition:all ease .3s;
	animation-name: rotate-coin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	
}
.crypto-icon img.coin-02{
	transition:all ease .3s;
	animation-name: example-02;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

/*@keyframes example{
	0%{transform:rotateY(0deg);}
	50%{transform:rotateY(180deg);opacity:.65;}
	100%{transform:rotateY(0deg);}
}
@keyframes example-02{
	0%{transform:rotateY(0deg);}
	50%{transform:rotateY(-90deg);opacity:.65;}
	100%{transform:rotateY(0deg);}
}*/
.secure-way-tips{
	margin:0;
	text-align:center;
	font-style:italic;
	color:#666;
}
.snack-card{
	display:flex;
	gap:15px;
	padding:20px;
	box-shadow:0 10px 15px rgba(0,0,0,.25);
	background:#fff;
	/*font-family: "Rajdhani", sans-serif;
	font-size:12pt;*/
}
.snack-card-right{
	width:90%;
	display:flex;
	align-items:center;
}
.snack-card-icon{
	width:250px;
	height:250px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#fff;
}
.snack-card-icon img{
	max-width:100%;
}
.snack-card p{
	color:#333;
	font-size:16px;
	text-align:justify;
	margin-bottom:0;
}
@media (max-width:992px){
	.section-headline h3{
		font-size:36pt;
	}
	.secure-way-step span{
		font-size:10pt;
	}
	.secure-user-badge span, .secure-website-badge span, .secure-warmkey-badge span{
		font-size:10pt;
	}
	.crypto-icon img{
		max-width:36px;
	}
}
@media(max-width:500px){
	.snack-card{
		flex-direction:column;
		align-items:center;
	}
}
@media(max-width:414px){
	.snack-card{
		display:block;
	}
	.snack-card-icon{
		margin:0 auto;
	}
	.snack-card-right{
		width:100%;
	}
}
/*** our-strengths-card ***/
.our-strengths-card{
	max-width:800px;
	margin:0 auto;
	padding:10pt 0;
	color:#10153b;
	font-family: "Rajdhani", sans-serif;
	font-size:20pt;
	font-weight:500;
	text-align:center;
}
.our-strengths-card span{
	margin:0 auto 15pt;
	position:relative;
	width:65px;
	height:65px;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1;
	font-weight:bold;
	font-size:20pt;
	color:#fff;
}
.our-strengths-card span:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/icon-hexagon-shield-dark.svg) no-repeat;
	background-position:center;
	background-size:contain;
	z-index:-1;
	-webkit-filter: drop-shadow(3px 3px 5px rgba(100,100,100,.25));
	filter:drop-shadow(3px 3px 5px rgba(100,100,100,.25));;
}
.deposit-fee-grid{
	display:flex;
	gap:10px;
	position:relative;
	width:100%;
	max-width:800px;
	margin:0 auto;
	background:#fff;
	border-radius:20px;
	box-shadow:0 0 25px rgba(100,100,100,.15);
}
.deposit-fee-grid:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:2px;
	height:152px;
	background:linear-gradient(180deg, transparent, #ccc, transparent);
}
.deposit-fee-box{
	width:50%;
	text-align:center;
	padding:25pt;
}
.deposit-fee-box h2, .deposit-fee-box h4, .deposit-fee-box p{
	color:#000;
}
.widthdrawal-grid-flow{
	display:flex;
	align-items:start;
	justify-content:center;
	gap:10px;
}
.withdrawal-grid-flow-1{
	width:22.222%;
	position:relative;
}
.withdrawal-grid-flow-1:before{
	content:'';
	position:absolute;
	top:30px;
	right:-12%;
	width:54px;
	height:54px;
	background:url(../images/arrow-right.png) no-repeat;
	background-size:contain;
	background-position:center;	
}
.withdrawal-contract-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	position:relative;
	min-height:100px;
}
.withdrawal-contract-icon img{
	max-width:200px;
	animation-name:floating-coin;
	animation-duration:2s;
	animation-iteration-count: infinite;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
/*@keyframes floating-coin{
	0%{top:50%;}
	50%{top:45%;}
	100%{top:50%;}
}*/
.withdrawal-contract-title{
	font-size:14pt;
	font-weight:500;
	color:var(--color-theme-2);
	text-align:center;
}
.withdrawal-grid-flow-2{
	width:22.222%;	
	position:relative;
	padding-top:30px;
}
.withdrawal-grid-flow-2:before{
	content:'';
	position:absolute;
	top:30px;
	right:-15%;
	width:54px;
	height:54px;
	background:url(../images/arrow-right.png) no-repeat;
	background-size:contain;
	background-position:center;	
}
.withdrawal-grid-flow-2 h4{
	font-size:22pt;
	color:var(--color-theme-2);
	margin-bottom:0;
}
.withdrawal-grid-flow-2 p{
	color:var(--color-theme-2);
	margin-bottom:0;
}
.withdrawal-grid-flow-3{
	width:22.222%;	
	position:relative;	
	padding-top:30px;
}
.withdrawal-grid-flow-3:before{
	content:'';
	position:absolute;
	top:30px;
	right:-10%;
	width:54px;
	height:54px;
	background:url(../images/arrow-right.png) no-repeat;
	background-size:contain;
	background-position:center;	
}
.withdrawal-grid-flow-3 h4{
	font-size:22pt;
	color:var(--color-theme-2);
	margin-bottom:0;
}
.withdrawal-grid-flow-3 p{
	color:var(--color-theme-2);
	margin-bottom:0;
}
.withdrawal-grid-flow-4{
	width:22.222%;	
	position:relative;	
}
.withdrawal-grid-flow-4 h4{
	color:var(--color-theme-2);
	font-size:16pt;
}
.wgf-icon-warmkey img{
	max-width:65px;
}
.arrow-down-to{
	margin:10pt 0;
}
.arrow-down-to img{
	max-width:36px;
	transform:rotate(90deg);
}
@media (min-width:992px){
	.deposit-fee-box h2{
		font-size:4em;
	}
}	
@media(max-width:1200px){
	.withdrawal-contract-icon img{
		max-width:145px;
	}
	.withdrawal-contract-title{
		font-size:12pt;
	}
	.withdrawal-grid-flow-1:before, .withdrawal-grid-flow-2:before, .withdrawal-grid-flow-3:before{
		width:30px;
		height:30px;
		top:50px;
	}
	.withdrawal-grid-flow-2, .withdrawal-grid-flow-3{
		padding-top:40px;
	}
	.withdrawal-grid-flow-2 h4, .withdrawal-grid-flow-3 h4{
		font-size:20px;
	}
	.withdrawal-grid-flow-2 p, .withdrawal-grid-flow-3 p{
		font-size:14px;
	}
}
@media(max-width:992px){
	.widthdrawal-grid-flow{
		flex-direction:column;
	}
	.withdrawal-grid-flow-1, .withdrawal-grid-flow-2, .withdrawal-grid-flow-3, .withdrawal-grid-flow-4{
		width:100%;
		padding-bottom:60px;
	}
	.withdrawal-grid-flow-1:before, .withdrawal-grid-flow-2:before, .withdrawal-grid-flow-3:before{
		width:52px;
		height:52px;
		top:auto;
		right:auto;
		left:50%;
        bottom:-25px;
		transform:rotate(90deg) translateY(50%);		
	}
	.withdrawal-contract-icon{
		min-height:150px;
	}
	.withdrawal-contract-icon img{
		max-width:250px;
	}
	.withdrawal-contract-title{
		font-size:16pt;
	}
	.withdrawal-grid-flow-2 h4, .withdrawal-grid-flow-3 h4 {
        font-size: 20pt;
    }
	.withdrawal-grid-flow-2 p, .withdrawal-grid-flow-3 p {
        font-size: 12pt;
    }
}
@media(max-width:414px){
	.our-strengths-card{
		max-width:100%;
	}
}
/*** section strengths 02 ***/
.strengths-02{
	padding:100px 0;
	background:#fff;
}
/*** section strengths 03 ***/
.strengths-03{
	padding:100px 0;
	background:var(--color-theme-2);
}
.hacker-news{
	display:flex;
	align-items:end;
	justify-content:center;
	margin-bottom:30pt;
}
.hacker-news img{
	max-width:350px;
}
.hacker-news-content{
	max-width:450px;
	padding:15pt;
	margin-bottom:30pt;
	background:#750a95;
	color:#f38cd5;
	/*font-family: "Rajdhani", sans-serif;*/
	font-style:italic;
	transform: skew(-5deg);
	position:relative;
}
.hacker-news-content:before{
	content:'';
	position:absolute;
	bottom:30px;
	right:-30px;
	width:100px;
	height:50px;
	background:#750a95;
	transform:skew(-50deg);
}
.warmkey-security-provide{
	width:100%;
	display:flex;
	align-items:center;
	gap:20px;
}
.warmkey-programmer{
	width:100%;
	max-width:50%;
}
.warmkey-security-list li{
	list-style:none !important;
	display:block !important;
	margin-bottom:25pt !important;
	padding-left:45px !important;
	position:relative !important;
	font-size:16pt;
	font-family: "Rajdhani", sans-serif !important;
}
.warmkey-security-list li:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0,-50%);
	width:36px;
	height:36px;
	background:url(../images/icon-warmkey.png) no-repeat;
	background-size:contain;
	background-position:center;
}
@media (max-width:1280px){
	.warmkey-security-provide{
		flex-direction:column;
	}
}
@media(max-width:768px){
	.hacker-news{
		flex-direction:column-reverse;
		align-items:center;
	}
	.hacker-news-content:before{
		top:-20px;
		right: auto;
		left: 90px;
		width: 50px;
		height: 50px;
		transform: skew(-60deg) rotate(45deg);
	}
	.warmkey-security-list li{
		font-size:14pt;
	}
	.warmkey-security-provide{
		flex-direction:column;
	}
	.warmkey-security-provide img{
		max-width:100%;
	}
}
@media (max-width:411px){
	.hacker-news-content{
		transform:skew(0deg);
	}
	.hacker-news img{
		max-width:265px;
	}
}
/*** section strengths 04 ***/
.strengths-04{
	padding:100px 0;
	background:#f7f7f7;
}
/*** earn page ***/
.section-inner-header{
	padding-top: 10em;
    padding-bottom: 100px;
	background:#f7f7f7;	
}
.section-earn-page{
	background:url(../images/earn-bg.jpg) no-repeat;
	background-position:top center;
	background-size:cover;
}
.section-referrer-earn{
	background:#fff;
	background-position:center;
	background-size:cover;
	padding:100px 0 0;
	overflow:hidden;
}
.section-referrer-earn-inner{
	position:relative;
	padding:60pt 0;
}
.section-referrer-earn-inner:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/bg-green.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.referral-animated{
	width:100%;
	max-width:400px;
	display:block;
	margin:0 auto;
}
.how-to-referral ul{
	margin:0;
	padding:20pt;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 20px rgba(0,0,0,.15);
}
.how-to-referral li{
	list-style:none;
	display:block;
	color:#000;
	font-size:16px;
}

.now-already-shared{
	margin:30pt auto 30pt;
	padding:25pt;
	background:url(../images/earn-card-bg-01.jpg) no-repeat;
	background-size:cover;
	border-radius:15px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
	font-size:20pt;
	color:#000;
	width:100%;
	max-width:650px;
	line-height:normal;
}
.now-already-shared span{
	font-size:3em;
	font-weight:bold;
	font-family: "Rajdhani", sans-serif;
}
.merchant-turnover{
	margin:0 auto 30pt;
	padding:25pt;
	background:url(../images/earn-card-bg-02.jpg) no-repeat;
	background-size:cover;
	background-position:center;
	border-radius:15px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
	font-size:14pt;
	color:#000;
	width:100%;
	max-width:650px;
	line-height:normal;
}
.merchant-turnover p{
	margin-bottom:5px;
}
#rangeValue {
	position: relative;
	display: block;
	text-align: center;
	color:#000;
	font-weight: bold;
	margin-right:5px;
}
.range {
	width:100%;
	max-width:360px;
	height: 15px;
	-webkit-appearance: none;
	background: #111;
	outline: none;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);
}
.range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #00fd0a;
	cursor: pointer;
	border: 4px solid #333;
	box-shadow: -407px 0 0 400px #00fd0a;
}
.range-value-grid{
	font-weight:bold;
	font-size:20pt;
	font-family: "Rajdhani", sans-serif;
}
.refer-earn-card{
	padding:5em 10em;
	margin-bottom:30pt;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position:relative;
}
.refer-earn-card:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	height:80%;
	background:url(../images/icon-hexagon-shield.svg) no-repeat;
	background-position:center;
	background-size:contain;
}
.refer-earn-card h3{
	color:var(--color-theme-2);
	font-weight:bold;
	font-size:32pt;
	position:relative;
}
.refer-earn-card ul{
	position:relative;
}
.refer-earn-card ul li{
	font-size:14pt;
	color:#000;
}
@media(max-width:1360px){
	.refer-earn-card{
		padding:5em;
	}
}
@media (max-width:992px){
	.refer-earn-card:before{
		left:100%;
		transform: translate(-50%, -50%) rotate(45deg);
	}
}
@media(max-width:768px){
	.refer-earn-card{
		padding:3em;
	}
}
/*** about page ***/
.section-about-page{
	background:#fff;
	background-size:cover;
	background-position:center;
	padding-bottom:0px;
	position:relative;
}
.hexagon-shield-top{
	position:absolute;
	left:50%;
	transform:translate(-50%,-80%);
	width:100%;
}
.about-label{
	padding:30pt;
	/*background:url(../images/icon-hexagon-shield.svg) no-repeat;
	background-size:contain;
	background-position:center;*/
	display:block;
	margin:0 auto;
}
.section-about-page h1, .section-about-page h2{
	color:var(--color-theme-2);
}
.section-intro-company{
	background:#fff;
	padding:100px 0;
	overflow:hidden;
}
.large-wording-about{
	text-align:center;
	margin-bottom:30pt;
}
.large-wording-about h3{
	font-size:7em;
	color:var(--color-theme-2);
	background:var(--color-theme);
	padding:0 20pt;
	margin-bottom:20pt;
	display:inline-block;
}
.large-wording-about p{
	font-size:20pt;
	font-family: "SegUIVar";
	color:var(--color-theme-2);
}
.our-company{
	margin-bottom:15pt;
	padding:50pt 30pt;
	background:#f7f7f7;
	border-radius:35px;
}
.logo-warmkey-mr{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:30pt;
	margin-bottom:20pt;
}
.logo-warmkey-mr img{
	max-width:360px;
}
.intro-wording-card{
	width:100%;
	max-width:100%;
	margin:0 auto 20pt;
	padding:20pt;
	/*background:#fff;
	box-shadow:0 0 15px rgba(100,100,100,.25);
	border-radius:15px;*/
	position:relative;
}
.intro-wording-card p{
	margin-bottom:0;
	font-size:20pt;
	font-family: "SegUIVar";
	color:var(--color-theme-2);
}
.large-wording{
	font-size:30pt;
	font-weight:bold;
}
.highlight-div{
	display:inline-block;
	position:relative;
	overflow:hidden;
	vertical-align: bottom;
}
.highlight-points{
	padding:0px 5px;
	font-weight:600;
	font-size:25pt;
	font-style:normal;
	letter-spacing:1.2px;
	position:relative;
	z-index:1;	
}
.highlight-points:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:var(--color-theme);
	z-index:-1;
	animation-name:slide-bg;
	animation-duration:2s;
	animation-iteration-count:infinite;
	transition:all ease .3s;
	overflow:hidden;
}
@keyframes slide-bg{
	0%{width:0;}
	25%{width:100%;}
	50%{width:100%;left:0%;}
	100%{width:100%;left:150%;}
}
.emphasize-point{
	display:flex;
	justify-content:center;
	gap:10px;
	max-width:800px;
	margin:0 auto;
}
.emphasize-point li{
	width:33.33%;
	padding:10px 20pt;
	background:var(--color-theme);
	border-radius:50px;
	font-size:16pt;
	font-weight:600;
	font-family: "SegUIVar";
	text-align:center;
	color:var(--color-theme-2);
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
}
.icon-black-key{
	width:18px;
}
.why-warmkey-born-card{
	width:100%;
	max-width:100%;
	margin: 0 auto 20pt;
    padding: 20pt;
    position: relative;
}
.warmkey-born-grid{
	margin-bottom:30pt;
}
.warmkey-born-grid h3{
	color:var(--color-theme-2);
	font-size:5em;
}
.warmkey-born-grid h4{
	color:var(--color-theme-2);
	font-size:20pt;
}
.warmkey-born-grid p{
	margin-bottom:0;
	font-size:18pt;
	font-family: "SegUIVar";
	line-height:52px;
	color:var(--color-theme-2);	
}
.warmkey-born-grid .highlight-points{
	font-size:20pt;
}
.warming-heart{
	margin:0 auto;
	padding:20pt;
	font-family: "SegUIVar";
	font-weight:600;
	font-size:20pt;
	font-style:italic;
	color:#000;
	border-radius:35px 35px 35px 35px;
	text-align:center;
	background:var(--color-theme);
	position:relative;
	max-width:660px;
}
.warming-heart:before{
	content:'';
	position:absolute;
	right:50%;
	bottom:0px;
	width:65px;
	height:35px;
	background:var(--color-theme);
	transform:skewY(-45deg) skewX(-25deg) translateX(0);
}
.section-quote{
	padding:100px 0;
	background:var(--color-theme);
	position:relative;
	overflow:hidden;
}
.section-quote:before{
	content:'';
	position:absolute;
	right:0px;
	top:50%;
	transform:translate(0, -50%);
	width:150%;
	height:150%;
	background:url(../images/icon-white-key.svg) no-repeat;
	background-size:contain;
	background-position:center;
	opacity:.25;
}
.quote-grid{
	width:100%;
	max-width:660px;
	margin:0 auto;
}
.quote-grid h4{
	font-size:3em;
}
.who-we-are{
	padding:100px 0;
	background:#f7f7f7;
}
.about-us-title h3{
	font-size:3em;
}
.about-us-title p{
	font-size:14pt;
	color:var(--color-theme-2);
}
.warmers-grid{
	padding:10pt;
	margin-bottom:30pt;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	cursor:pointer;
}
.warmers-img{
	display:block;
	margin:0 auto 10pt;
	position:relative;
	transition:all ease .3s;
}
.warmers-img:before{
	content:'';
	position:absolute;
	top:40%;
	left:50%;
	transform: translate(-50%, -50%) rotate(0deg);
	width:86%;
	height:86%;
	/*background:url(../images/icon-hexagon-shield.svg) no-repeat;*/
	background:url(../images/matrix-rainfall.png) no-repeat;
	background-size:contain;
	background-position:center;
	transition:all ease .2s;
}
.warmers-img:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) rotate(0deg);
	width:50%;
	height:50%;
	background:url(../images/icon-bg-key.svg) no-repeat;
	background-size:contain;
	background-position:center;	
	opacity:0;
	transition:all ease .2s;
	display:none;
}
.warmers-img:hover:before{
	background:url(../images/animate-matrix-rainfall.gif) no-repeat;
	width:86%;
	height:86%;
	/*transform: translate(-50%, -50%) rotate(45deg);
	filter:blur(2px);
	width:90%;
	height:90%;*/
}
.warmers-img:hover:after{
	transform: translate(-50%, -50%) rotate(90deg);
	top:40%;
	left:45%;
	width:100%;
	height:100%;
	opacity:1;
}
.warmers-img img{
	max-height:360px;
	position:relative;
	z-index:1;
}
.grayscale-img{
	filter: grayscale(1) saturate(0.25);
	transition:all ease .3s;
}
.warmers-img:hover .grayscale-img{
	filter: grayscale(0) saturate(1);
}
.warmers-img img.graphic-img{
	position:absolute;
	bottom:0;
	left:0;
	transition:all ease .3s;
}
.warmers-img:hover img.graphic-img{
	bottom:5px;
}
.warmers-des{
	margin:0 0 15pt;
	line-height:normal;
	text-align:center;
}
.warmers-name{
	font-size:20px;
	font-weight:bold;
	font-family: "SegUIVar";
	color:var(--color-theme-2);
}
.warmers-title{
	font-size:14px;
	color:#888;
}
@media(max-width:991px){
	.logo-warmkey-mr{
		flex-direction:column;
		gap:10pt;
	}
}
@media(max-width:768px){
	.about-label{
		padding:10pt;
	}
	.section-inner-header{
		padding-top:8em;
	}
	.hexagon-shield-top{
		transform: translate(-50%, -60%);
	}
	.large-wording-about h3{
		font-size:5em;
	}
	.emphasize-point{
		flex-direction:column;
	}
	.emphasize-point li{
		width:100%;
		margin-bottom:10px;
	}
	.quote-grid h4{
		font-size:2em;
	}
}
@media(max-width:550px){
	.large-wording-about p{
		font-size:14pt;
	}
	.intro-wording-card{
		margin:0 auto;
	}
	.intro-wording-card p{
		font-size:14pt;
	}
	.highlight-points{
		font-size:16pt;
	}
	.large-wording-about h3{
		font-size:3em;
	}
	.warmkey-born-grid h3{
		font-size:36pt;
	}
	.warmkey-born-grid h4{
		font-size:18pt;
	}
	.warmkey-born-grid p{
		font-size:14pt;
		line-height:32px;
	}
	.warmkey-born-grid .highlight-points{
		font-size:16pt;
	}
	.warming-heart{
		transform:skewX(0deg);
		font-size:14pt;
	}
}
/*** blog page ***/
.section-blog-page{
	padding:100px 0 0;
	background:url(../images/bg-green.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}
.section-blog{
	padding:100px 0;
	position:relative;
	background:#fff;
	color:#999;
}
.blog-categories-nav{
	display:flex;
	gap:10px;
}
.blog-categories-nav .nav-link{
	padding:6px 10pt;
	border-radius:20px;
	font-size:14px;
}
.blog-grid{
	margin:0;
	padding:0;
}
.blog-grid ul{
	margin:0;
	padding:0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); 
	grid-auto-rows: auto; /* row height adjusts automatically */
	gap: 1rem;
	align-items: start; /* controls vertical alignment inside cells */
	justify-items: stretch; /* controls horizontal alignment inside cells */
}
.blog-grid li{
	display:block;
	list-style:none;
	height:100%;
}
.blog-img-grid{
	width:100%;
	margin-bottom:15pt;
}
.blog-card{
	height:100%;
	padding:15pt;
	background:#fff;
	border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,.15);
	display:flex;
	flex-direction:column;
}
.blog-card h3{
	color:var(--color-theme-2);
	font-size:20pt;
	font-weight:bold;
	transition:all ease .3s;
}
.blog-card-header{
	min-height:145px;
}
.blog-card-title{
	min-height:300px;
}
.blog-card a{
	color:var(--color-theme);
}
.blog-card a:hover h3{
	color:#777;
}
.blog-card a.link{
	color:var(--bs-blue);
	text-decoration:underline;
}
.entry-meta{
	margin-bottom:10pt;
}
.entry-meta ul{
	margin:0;
	padding:0;
	display:flex;
	gap:20px;
}
.entry-meta li{	
	display:block;
	list-style:none;
	color:#666;
	font-size:14px;
}
.entry-content{
	margin-bottom:15pt;
	font-family: "SegUIVar";
	font-size:12pt;
	text-align:left;
	color:#555;
}
.blog-read-more{
	padding:10px 20pt;	
	color:var(--color-theme-2) !important;
	font-size:14px;
	font-weight:500;
	background:var(--color-theme);
	transition:all ease .3s;
}
.blog-read-more:hover{
	background:#9bdf00;
}
.sidebar{
	background:#fff;
	padding: 30px;
	box-shadow:0 0 5px rgba(0,0,0,.25);
}
.sidebar-title{
	font-size: 20px;
    font-weight: 700;
    padding: 0 0 0 0;
    margin: 0 0 15px 0;
    color:var(--color-theme-2);
    position: relative;
}
.search-form form{
	background: #fff;
    border: 1px solid #ddd;
    padding: 3px 10px;
    position: relative;
}
.sidebar .sidebar-item{
	margin-bottom:30px;
}
.sidebar .search-form form input[type=text]{
    border: 0;
    padding: 4px;
    border-radius: 4px;
    width: calc(100% - 40px);	
}
.sidebar .search-form form input:focus{
	outline:none;
}
.sidebar .search-form form button{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 15px;
    margin: -1px;
    background:var(--color-theme-2);
    color: #fff;
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
    line-height: 0;	
}
.sidebar .categories ul {
    list-style: none;
	padding: 0;
}
.sidebar .categories ul li{
	margin-bottom:10px;
}
.sidebar .categories ul a {
    color: #1e4356;
    transition: 0.3s;
}
.toggle-archive {
    position: relative;
    padding-right: 20px;
}
.toggle-archive:before {
    content: "+";
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
    font-size: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    transition: all ease .3s;
}
.toggle-archive[aria-expanded="true"]:before {
	content: "-";
}
.sidebar .categories ul a span {
    padding-left: 5px;
    color: #aaaaaa;
    font-size: 14px;
}
.collapse-archive {
    margin: 5px 0px 0px;
}
.collapse-archive li {
    padding: 5px 0px 5px 25px;
    list-style: none;
    display: block;
    font-size: 12px;
    position: relative;
}
.collapse-archive li:before {
    content: "-";
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
    position: absolute;
    top: 5px;
	left: 10px;
}
.sidebar .tags ul li{
	display:inline-block;
}
.tags li a{
	font-size:14px;
}
.tags li a:hover{
	background:var(--color-theme);
}
@media (max-width:991px){
	.blog-grid ul{
		grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
	}
}
@media (max-width:768px){
	.blog-grid ul{
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	}
}
/*** blog single page ***/
.blog-card-single-content{
	color:#000;
	font-family: "SegUIVar";
}
.blog-card-single-content h2,
.blog-card-single-content h3,
.blog-card-single-content h4,
.blog-card-single-content h5,
.blog-card-single-content h6{
	color:var(--color-theme-2);
}
.blog-card-single-content ul{
	margin-left:24px;
	margin-bottom:10pt;
}
.blog-card-single-content li{
	list-style:disc;
	font-size:14px;
}
.btn-try-me{
	padding:10pt 15pt;
	background:var(--color-theme);
	color:var(--color-theme-2) !important;
	font-size:2em;
	font-weight:bold;
	border-radius:50px;
	display:block;
	position:relative;
	overflow:hidden;
}
.btn-try-me:hover{
	opacity:.85;
}
.btn-try-me:before{
	content:'';
	position:absolute;
	bottom:-100%;
	left:120px;
	width:50%;
	height:100%;
	background:url(../images/icon-warmkey.png) no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
	transition:all ease .3s;
	transform:scale(2);
}
.btn-try-me:hover:before{
	bottom:0;
	left:-20px;
	transform:scale(1.5);
	opacity:.15;
}
.btn-try-me span{
	position:relative;
}
ul.decimal-form-list li{
	list-style:decimal;
	font-size:16px;
	padding-bottom:10px;
}
ul.point-form-list li{
	list-style:disc;
	font-size:16px;
	padding-bottom:10px;
}
.dialogue-cloud{
	padding:15pt;
	margin-bottom:25pt !important;
	text-align:center;
	background:#eee;
	border-radius:35px;
	position:relative;
}
.dialogue-cloud:before{
	content:'';
	position:absolute;
	right:50px;
	bottom:-20px;
	width: 0;
	height: 0;
	border-left: 0px solid transparent; /* Half the desired base width */
	border-right:35px solid transparent; /* Half the desired base width */
	border-top:35px solid #eee; /* Desired height and color */
}
.dialogue-cloud.left-dialogue:before{
	content:'';
	position:absolute;
	right:auto;
	left:50px;
	bottom:-20px;
	border-left:35px solid transparent; /* Half the desired base width */
	border-right:0px solid transparent; /* Half the desired base width */
}
.tldr-grid ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}
.tldr-grid li{
	width:25%;
	padding:10px;
	list-style:none;
}
.tldr-card{
	height:100%;
	padding:10px;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	border-radius:15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.tldr-icon{
	display:block;
	margin:0 auto 10pt;
	max-width:125px;
}
.tldr-card-content{
	text-align:center;
}
@media(max-width:991px){
	.tldr-grid li{
		width:50%;
	}
}
/*** section strengths ***/
.section-strengths{
	padding:100px 0 0;
	position:relative;
	overflow:hidden;
	background:#fefefe;
	border-top:1px solid #eee;
}
.strengths-compare-grid{
	background:#fff;
}
.strengths-compare-grid ul{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:0;
}
.strengths-compare-grid li{
	display:block;
	width:50%;
	list-style:none;
	padding:25pt 25pt 35pt;
}
.strengths-compare-grid li:nth-child(1){
	background:var(--color-theme);
}
.strengths-compare-grid li:nth-child(2){
	background:#000;
}
.strengths-compare-grid li:nth-child(2) .strengths-box-label{
	color:#000;
}
.strengths-compare-grid li:nth-child(2) .strengths-box-title,
.strengths-compare-grid li:nth-child(2) .strengths-box-subtitle{
	color:var(--color-theme);
}
.strengths-compare-grid li:nth-child(2) .strengths-box-label:before{
	background: url(../images/icon-hexagon-shield.svg) no-repeat;
    background-position: center;
}
.strengths-compare-grid li:nth-child(3){
	background:#000;
}
.strengths-compare-grid li:nth-child(3) .strengths-box-label{
	color:#000;
}
.strengths-compare-grid li:nth-child(3) .strengths-box-title,
.strengths-compare-grid li:nth-child(3) .strengths-box-subtitle{
	color:var(--color-theme);
}
.strengths-compare-grid li:nth-child(3) .strengths-box-label:before{
	background: url(../images/icon-hexagon-shield.svg) no-repeat;
    background-position: center;
}
.strengths-compare-grid li:nth-child(3) .warmkey-security-list li{
	color:#fff;
}
.strengths-compare-grid li:nth-child(4){
	background:var(--color-theme);
}
.strengths-compare-grid li:nth-child(5){
	background:var(--color-theme);
}
.strengths-compare-grid li:nth-child(6){
	background:#000;
}
.strengths-compare-grid li:nth-child(6) .strengths-box-label{
	color:#000;
}
.strengths-compare-grid li:nth-child(6) .strengths-box-title{
	color:var(--color-theme);
}
.strengths-compare-grid li:nth-child(6) .strengths-box-subtitle{
	color:var(--color-theme);
}
.strengths-compare-grid li:nth-child(6) .strengths-box-label:before{
	background: url(../images/icon-hexagon-shield.svg) no-repeat;
    background-position: center;
}
.our-strengths-box{
	width:50%;
	padding:20pt;
	padding-bottom:50pt;
	background:var(--color-theme);
	border-top:1px solid #9fe10c;
}
.other-strengths-box{
	width:50%;
	padding:20pt;
	padding-bottom:50pt;
	background:#000;
	border-top:1px solid #444;
}
.our-strengths-box p{
	color:#000;
}
.strengths-box-header{
	text-align:center;
	margin:15pt 0;
	display:inline-block;
	width:100%;
}
.strengths-box-label{
	margin: 0 auto 15pt;
    position: relative;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    font-weight: bold;
    font-size: 20pt;
	font-family: "Rajdhani", sans-serif;
    color: #fff;
}
.strengths-box-label:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icon-hexagon-shield-dark.svg) no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
    -webkit-filter: drop-shadow(3px 3px 5px rgba(100, 100, 100, .25));
    filter: drop-shadow(3px 3px 5px rgba(100, 100, 100, .25));
}
.strengths-box-title{
	font-size:45px;
	font-weight:bold;
	font-family: "Rajdhani", sans-serif;
	line-height:normal;
	text-transform:uppercase;
	color:#000;
	width:100%;
	max-width:650px;
	margin:0 auto;
	word-break: break-word;
}
.strengths-box-subtitle{
	font-size:20px;
	font-weight:600;
	color:#000;
	width:100%;
	max-width:650px;
	margin:0 auto;
	word-break: break-word;
}
.strengths-box-content{
	width:100%;
	max-width:800px;
	margin:0 auto;
	word-break: break-word;
    text-align: justify;
}
.strengths-box-content h4{
	color:#000 !important;
	font-size:20px;
}
/*.strengths-box-content ul{
	margin:0;
	padding:0;
}
.strengths-box-content ul li{
	margin-left:15px;
	list-style:disc;
	color:#333;
	font-size:14px;
}*/
.other-strengths-box .strengths-box-label{
	color:#000;
}
.other-strengths-box .strengths-box-label:before{
	background: url(../images/icon-hexagon-shield.svg) no-repeat;
	background-position: center;
}
.other-strengths-box .strengths-box-title,
.other-strengths-box .strengths-box-subtitle,
.other-strengths-box .strengths-box-content h4
{
	color:var(--color-theme);
} 
.other-strengths-box .strengths-box-content ul li{
	color:#999;
}
.strengths-box-content .secure-way-top .secure-user-badge:before,
.strengths-box-content .secure-way-top .secure-website-badge:before,
.strengths-box-content .secure-way-top .secure-warmkey-badge:before,
.strengths-box-content .secure-way-bottom .secure-user-badge:before,
.strengths-box-content .secure-way-bottom .secure-website-badge:before,
.strengths-box-content .secure-way-bottom .secure-warmkey-badge:before
{
	background:#96d506;
}
.strengths-box-content .secure-warmkey-badge span{
	box-shadow:0 0 10px rgba(0,0,0,.35);
	background:#000;
	color:var(--color-theme);
}
.strengths-box-content .warmkey-security-list li{
	font-size:16px;
	margin-bottom:20px;
	padding:0 20px 0 50px !important;
	color:#000;
	text-align:start;
	background:transparent;
}
.strengths-box-content .warmkey-security-list li:before{
	background:url(../images/icon-warmkey-reverse.png) no-repeat;
	background-size: contain;
    background-position: center;
	top:0;
	transform:translateY(0);
}
@media(max-width:1280px){
	.strengths-box-content .hacker-news{
		flex-direction:column;
		align-items:center;
	}
	.strengths-box-content .hacker-news-content{
		transform:none;
	}
	.strengths-box-content .hacker-news-content:before{
		display:none;
	}
	.strengths-compare-grid li:nth-child(3) .warmkey-security-list li{
		width:100%;
	}
}
@media(min-width:992px){
	.strengths-box-title{
		font-size:60px;
	}
}
@media(max-width:992px){
	.strengths-compare-grid li{
		width:100%;
	}
	.strengths-compare-grid li:nth-child(3){
		background:var(--color-theme);
	}
	.strengths-compare-grid li:nth-child(3) .strengths-box-label{
		color:var(--color-theme);
	}
	.strengths-compare-grid li:nth-child(3) .strengths-box-label:before {
		background: url(../images/icon-hexagon-shield-dark.svg) no-repeat;
		background-position: center;
	}
	.strengths-compare-grid li:nth-child(3) .strengths-box-title,
	.strengths-compare-grid li:nth-child(3) .strengths-box-subtitle{
		color:#000;
	}
	.strengths-compare-grid li:nth-child(4){
		background:#000;
	}	
	.strengths-compare-grid li:nth-child(4) .strengths-box-label{
		color:#000;
	}
	.strengths-compare-grid li:nth-child(4) .strengths-box-label:before {
		background: url(../images/icon-hexagon-shield.svg) no-repeat;
		background-position: center;
	}
	.strengths-compare-grid li:nth-child(4) .strengths-box-title,
	.strengths-compare-grid li:nth-child(4) .strengths-box-subtitle{
		color:var(--color-theme);
	}
	.strengths-compare-grid li:nth-child(4) .warmkey-security-list li{
		color:var(--color-theme);
		background:transparent;
	}
}
@media(max-width:768px){
	.strengths-compare-grid ul{
		flex-direction:column;
	}
	.strengths-compare-grid li{
		width:100%;
	}
	.strengths-compare-grid{
		flex-direction:column;
	}
	.our-strengths-box{
		width:100%;
		padding:20pt;
		background:var(--color-theme);
	}
	.other-strengths-box{
		width:100%;
		padding:20pt;
		background:#000;
	}
}
/*** Audit page ***/
.audit-card h1{
	color:var(--color-theme-2);
	font-size:22pt;
}
.audit-card h2{
	color:var(--color-theme-2);
	font-size:18pt;
}
.audit-tab-content h2{
	color:var(--color-theme-2);
	font-size:20px;
}
.audit-tab-content h3{
	color:var(--color-theme-2);
	font-size:16px;
	font-weight:500;
}
.syntax-textarea{
	width:100%;
	height:400px;
	background:#1e1e1e;
	color:#dcdcdc;
	font-family: monospace;
	padding:10px;
	border:none;
	resize:none;
}
.cm-s-default .cm-string-2{
	color:#000 !important;
}
/*** Term of use page ***/
.section-default-header{
	padding: 100px 0 0;
    background: url(../images/bg-green.jpg) no-repeat;
    background-position: center;
    background-size: cover;	
}
.section-default-header-label{
	padding: 30pt;
    display: block;
    margin: 0 auto;
}
.section-default-content{
	padding: 100px 0;
    position: relative;
    background: #fff;
    color: #444;
	font-size:14px;
	font-family: monospace
}
/*#typing {
	color:#000;
	border-right: 2px solid #0f0;
	white-space: pre-wrap;
	word-break: normal;
	max-width: 600px;
	padding-right: 4px;
}*/
.CodeMirror{
	min-height:530px;
}
#typing{
	color:#333;
	white-space: pre-wrap;   /* keep spaces + line breaks */
	word-break: normal;
	max-width:800px;
	line-height:1.5;
	min-height: 700px;
	height:100%;
	max-height:700px;
	overflow: hidden;
}
.typed{
	display:inline;
}
.caret{
	display:inline-block;width:2px;height:1em;margin-left:2px;
	background:#0f0;animation:blink 1s steps(1) infinite;vertical-align:-0.2em;
}
@keyframes blink{
	50%{opacity:0}
}
#modalAskChatGpt .modal-body{
	max-height: 80vh;
    min-height: 80vh;
    overflow-y: scroll;
	font-size:11pt;
	color:#444;
}
#modalAskChatGpt .modal-title{
	font-size:20px;
}
.btn-close-theme{
	width:26px;
	height:26px;
	border-radius:50%;
	background:var(--color-theme-2);
	color:var(--color-theme);
	font-weight:bold;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:1 !important;
	transition:all ease .3s;
}
.btn-close-theme:hover{
	color:#fff;
	opacity:.65 !important;
}