* {
	margin: 0px;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#page {
	font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
	flex: 1;
	background: rgba(7, 14, 20, 1);
}

#content_page {
	padding-top: 6em;
	background: linear-gradient(180deg,rgba(18, 57, 60, 1) 11%, rgba(7, 14, 20, 1) 46%);
}

.single #content_page {
	background: linear-gradient(180deg,rgba(18, 57, 60, 1) 3%, rgba(7, 14, 20, 1) 8%);
}

#content_page a:hover {
	color: #28f5cd;
}

.single-platforms #content_page {
	padding-top: 4.8em;
}

#top_gradient {
    background: linear-gradient(0deg,rgba(37, 199, 193, 0.05) 0%, rgba(37, 199, 193, 0.2) 100%);
    padding: 5em 0;
}

section {
	margin-bottom: 5em;
}

@media (max-width: 768px) {
	.single-platforms #content_page {
		padding-top: 4.5em;
	}

    section {
        padding: 0 1.5em;
		margin-bottom: 4em;
    }

	.single-platforms section {
		margin-bottom: 0;
	}
}

.full_width {
	width: 100%;
}

#white_bg {
	background: #fff;
	color: #070e14;
	padding: 4em 0;
	margin-bottom: 0;
}

#light_gradient_bg {
	background: linear-gradient(180deg,rgba(242, 253, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
	padding-bottom: 2em;
	color: #070e14;
	margin-bottom: 0;
}

.single-platforms #light_gradient_bg {
	padding-top: 1em;
}

@media (max-width: 992px) {
	.single-platforms #white_bg,
	.single-platforms #addit_bg {
		padding: 4em 1.5em;
	}

	.single-platforms #white_bg .cont_col img {
		margin-bottom: 3em;
	}

    #light_gradient_bg {
        background: #fff;
        padding: 0 1.5em;
		padding-bottom: 4em;
    }

	.single-platforms #light_gradient_bg {
		background: linear-gradient(180deg,rgba(242, 253, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
		text-align: center;
	}
}

#addit_bg {
	background: linear-gradient(180deg,rgba(45, 74, 67, 0.7) 0%, rgba(45, 74, 67, 0) 34%);
	padding: 4em 0 2em 0;
}

.section_title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.4em;
}

@media (max-width: 992px) {
	.section_title {
		font-size: 1.5rem;
	}

	#platform {
		background: linear-gradient(180deg,rgba(45, 74, 67, 0.7) 0%, rgba(45, 74, 67, 0) 34%);
	}

	#platform .flex_row {
		display: block;
	}
}

#content h1 {
    font-size: 2.5em;
    font-weight: 600;
}

#content h4 {
	font-size: 1.25em;
	font-weight: 600;
}

#page a:hover {
    text-decoration: none;
}

strong {
    font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

#page .container, #footer .container {
	max-width: 1246px;
	padding: 0;
}

@media (max-width: 1680px) {
	#page .container {
		max-width: 1246px;
	}
}

.height_vert_center {
	height: 100%;
	display: flex;
	align-items: center;
}

.vert_center {
	display: flex;
	align-items: center;
}

.vert_bottom {
	display: flex;
	align-items: end;
}

a, .ease, .thumb img, img {
	transition: .4s all;
	-moz-transition: .4s all;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

hr {
	border-top: 1px solid rgba(255,255,288,0.09);
}

.full_bt {
	display: inline-block;
	padding: 0.7em 2em;
	border-radius: 6px;
	font-size: 0.875em;
	font-weight: 600;
	margin: 0 0.5em;
}

@media (max-width: 768px) {
	.full_bt {
		margin: 0;
	}
}

.green_bt {
	background: linear-gradient(90deg,rgba(40, 254, 208, 1) 0%, rgba(37, 199, 193, 1) 100%);
	color: #070E14;
}

.green_bt:hover {
	background: rgba(255,255,255,0.07);
	color: #070E14;
}

.blue_bt {
	background: linear-gradient(90deg,rgba(37, 127, 177, 1) 0%, rgba(37, 183, 199, 1) 100%);
	color: #fff;
}

.blue_bt:hover {
	background: linear-gradient(90deg,rgba(37, 199, 193, 1) 0%, rgba(40, 254, 208, 1) 100%);
	color: #070E14;
}

.gray_bt {
	background: rgba(255,255,255,0.07);
	color: #fff;
}

.white_bt {
	background: rgba(255,255,255,1);
	color: #070E14!important;
}

.white_bt:hover {
	background: linear-gradient(90deg,rgba(37, 199, 193, 1) 0%, rgba(40, 254, 208, 1) 100%);
	color: #fff;
}

.light_bt {
	background: rgba(255,255,255,0.07);
	color: #fff;
}

.category_bt {
	display: inline-block;
	font-family: "Kode Mono", monospace;
	padding: 0.7em 2em;
	border-radius: 3px;
	font-size: 0.875em;
	font-weight: 600;
	margin-right: 1em;
	background: rgba(255,255,255,0.07);
	color: #fff;
}

.full_width_bt {
	display: block !important;
    margin: 0;
    text-align: center;
    width: 100%;
}

.category_bt.active, .category_bt:hover {
	background: linear-gradient(90deg,rgba(40, 254, 208, 1) 0%, rgba(37, 199, 193, 1) 100%);
	color: #070E14;
}

.single-platforms .gray_bt {
	background: #F8FAFC;
	color: #070E14;
}

.gray_bt:hover {
	color: #28FED0;
}

.tit_bt {
	display: inline-block;
	font-family: "Kode Mono", monospace;
	font-size: 0.875em;
	font-weight: 400;
	border-radius: 3px;
	margin-bottom: 0;
}

.container .green_bt {
	margin-bottom: 3em;
}

.desktop {
	display: inline-block;
}

.mobile {
	display: none!important;
}

.no_mobile {
		display: none!important;
	}

@media (max-width: 992px) {
	.desktop {
		display: none!important;
	}

	.mobile {
		display: block!important;
	}

	.no_desktop {
		display: none!important;
	}
}

#breadcrumbs {
	font-family: "Kode Mono", monospace;
	margin-bottom: 2em;
	font-size: 0.87em;
	font-weight: 600;
	color: #fff;
}

#breadcrumbs a {
	color: rgba(255,255,255,0.5);
	font-weight: 400;
}

.search_col {
	background: rgba(255, 255, 255, 0.07);
	border-bottom: solid 1.5px #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.search_col input {
	width: 85%;
	background: none;
	border: 0px;
	padding: 0.7em 1em;
	font-size: 0.875em;
	font-family: "Kode Mono", monospace;
	color: #fff;
}

.search_col input::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.search_col button {
	background: none;
	border: 0px;
}

.search_col button .fa {
	color: #fff;
}

.sec-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
}

.sec-popup.active{
    display: flex;
}

.sec-popup-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
    backdrop-filter: blur(3px);
}

.sec-popup-box {
    position: relative;
    width: 100%;
    max-width: 460px;
    background: #fff;
    border-radius: 18px;
    padding: 40px;
    z-index: 2;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
    animation: popupShow .25s ease;
}

@keyframes popupShow {
    from{
        opacity:0;
        transform:translateY(10px) scale(.96);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.sec-popup-close {
    position: absolute;
    top: 14px;
    right: 16px;
    border: none;
    background: transparent;
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
    color: #070e14;
}

.sec-popup-content {
    font-size: 16px;
    line-height: 1.6;
    color: #070e14;
    text-align: center;
}

.sec-popup-success {
    color: #25C7C1;
    font-weight: 600;
}

.sec-popup-error {
    color: #d93025;
    font-weight: 600;
}

@media (max-width: 768px) {
	.home #home_content {
		padding-top: 3em;
	}

	.home #home_content ul {
		margin-left: 1em;
		margin-right: 1em;
	}

	.mob_cont p {
		padding: 0 1em;
	}
	
	.mob_cont h2 {
		padding: 0 0.7em;
	}

	hr {
        border-top: 1px solid rgba(255,255,255,0.09)!important;
    }

    .container .green_bt {
        margin-bottom: 1em;
    }
    
    .full_bt {
        display: block;
    }
    
    .menu .full_green_bt {
        margin-bottom: 1.5em !important;
    }
    
    .menu .full_green_bt .mega-menu-link {
        text-align: center!important;
        background: linear-gradient(90deg,rgba(40, 254, 208, 1) 0%, rgba(37, 199, 193, 1) 100%)!important;
        padding: 0.5em 0!important;
        color: #070E14!important;
        border-radius: 6px!important;
        margin-bottom: 1em;
    }
    
    .menu .full_gray_bt .mega-menu-link {
        text-align: center!important;
        background: rgba(255,255,255,0.07)!important;
        padding: 0.5em 0!important;
        border-radius: 6px!important;
    }

	#breadcrumbs {
		padding: 0 1.5em;
	}
}