@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body.cyber {}

body.cyber {
	background-image: url(/images/cyber/cyber_bg.png);
	background-color: #07002A;
	background-attachment: inherit;
	background-repeat: no-repeat;
	font-family: "Outfit", sans-serif;
}

body.cyber h1, body.cyber h2, body.cyber h3, body.cyber h4, body.cyber h5, body.cyber h6, body.cyber .h1, body.cyber .h2, body.cyber .h3, body.cyber .h4, body.cyber .h5, body.cyber .h6 {
	font-family: "Outfit", sans-serif;
	font-weight: 800;
}

body.cyber .wbg label {
	font-family: "Outfit", sans-serif;
}

body.cyber #order2 {
	background-image: linear-gradient(90deg, #1EBCE4 0%, #C76FE7 50%, #F94F5D 100%);
	border-color: white;
	font-weight: 800;
	font-family: "Outfit", sans-serif;
	text-transform: uppercase;
	border-radius: 8px;
	box-shadow: inset 0 -3px 1px rgba(0,0,0,0.3);
	font-size: 24px;
}

body.cyber #order2:hover{
	background-image: linear-gradient(-90deg, #1EBCE4 0%, #C76FE7 50%, #F94F5D 100%);
	text-shadow: 0 0 3px rgba(0,0,0,0.8);
}

body.cyber #order2:before { content: url(/images/cyber/double_arrow_left.svg); margin-right: 15px;}
body.cyber #order2:after { content: url(/images/cyber/double_arrow_right.svg); margin-left: 10px;}


body.cyber #products_table {
	font-family: "Outfit", sans-serif;
}

body.cyber #top-header {font-weight: 800}

body.cyber .text-gold {
	color: #1FBCE4;
}

body.cyber .wbg h5 {
	font-weight: 800;
}

body.cyber .wbg h5 .blue1 {
  color: #1FBCE4;
}

body.cyber .owl-carousel .owl-item .card h5 {
  color: #1FBCE4;
}

body.cyber .optional > div:first-child {display:none;}
body.cyber .optional > hr {display:none;}
body.cyber .optional > h4 {margin-top:0 !important;}
body.cyber .optional h5{color: black;}
body.cyber .optional h6 {color: #F94F5E;}
body.cyber .optional ul li::before {content: url(/images/checkmark-blue.svg);}


body.cyber #footer {
  background-color: black;
}


@media (max-width:460px) {

	body.cyber h1, body.cyber h2, body.cyber h3, body.cyber h4, body.cyber h5, body.cyber h6, body.cyber .h1, body.cyber .h2, body.cyber .h3, body.cyber .h4, body.cyber .h5, body.cyber .h6 {
		font-family: "Outfit", sans-serif;
		font-weight: 700;
	}
	
	body.cyber .wbg h5 { font-weight: 700; }	
	body.cyber #top-header { font-weight: 700;}
	
	body.cyber #order2:before { display: none}
	body.cyber #order2:after { display: none}
	
	
	body.cyber { font-family: "PT Sans", sans-serif; }
	body.cyber h1, body.cyber h2, body.cyber h3, body.cyber h4, body.cyber h5, body.cyber h6, body.cyber .h1, body.cyber .h2, body.cyber .h3, body.cyber .h4, body.cyber .h5, body.cyber .h6 { font-family: "PT Sans", sans-serif; }
	body.cyber .wbg label { font-family: "PT Sans", sans-serif; }
	body.cyber #order2 { font-family: "PT Sans", sans-serif; }

}

@media (max-width:372px) {
	body.cyber { font-family: "PT Sans Narrow", sans-serif; }
	body.cyber h1, body.cyber h2, body.cyber h3, body.cyber h4, body.cyber h5, body.cyber h6, body.cyber .h1, body.cyber .h2, body.cyber .h3, body.cyber .h4, body.cyber .h5, body.cyber .h6 { font-family: "PT Sans Narrow", sans-serif; }
	body.cyber .wbg label { font-family: "PT Sans Narrow", sans-serif; }
	body.cyber #order2 { font-family: "PT Sans Narrow", sans-serif; }
}