:root { --primary-font: 'Gilroy', sans-serif; --secondary-bg-color-2: #111111; --secondary-font: 'Poppins', sans-serif; --primary-bg-color: #090A1A; --header-bg-color: #121117; --secondary-p-color: #E1E1E1; --h1-weight: 900; --secondary-color: #57048A; --h3-weight: 600; --h6-size: 1rem; --footer-bg-color: #121117; --h3-size: 2rem; --h2-weight: 700; --secondary-bg-color: #040402; --black-color: #040402; --dark-grey-color: #191919; --h5-weight: 600; --invalid-color: #E34F4F; --nav-item-color: #121117; --primary-t-color: #F5F5F5; --secondary-bg-color-3: #191919; --h2-size: 3rem; --h4-size: 1.5rem; --p-size: 1rem; --primary-color: #0047FF; --h1-size: 4.5rem; --p-weight: 400; --h4-weight: 600; --h5-size: 1.2rem; --card-bg-color: #16182D; --h6-weight: 600; --primary-p-color: #9CA0D2; --primary-l-color: rgba(0, 0, 0, .12); --valid-color: #007A4D; --secondary-t-color: #F5F5F5; --white-color: #F9F9F9; --primary-bg-color-3: #E5E5E5; --primary-b-color: #F5F5F5; --top-nav-item-color: #F5F5F5; --primary-bg-color-2: #EEEEEE; --secondary-l-color: rgba(255, 255, 255, 0.12); --grey-color: #f3f5f7; --nav-brand-height: 55px; }
video { padding: 0; vertical-align: baseline; border: 0; font-size: 100%; margin: 0; }
section { display: block; }
html { overflow-x: hidden; }
body { background-color: var(--primary-bg-color); color: var(--primary-p-color); font-family: var(--secondary-font); }
body.odd { background-color: var(--secondary-bg-color); }
body:not(.page-template) .odd:not(.comment) { color: #8E8E8E; }
body.page-template .odd { color: var(--white-color); }
ul { padding-left: 20px; }
ol { list-style: decimal; }
ul_1 { list-style: disc; }
ul ul { list-style: circle; }
code { color: var(--primary-color); display: block; margin: 1rem 0; }
q { display: block; margin: 1rem 0; border-left: 5px solid var(--primary-bg-color-3); font-style: italic; padding: 1rem 1.5rem; quotes: none; }
q_1 { border-left: 5px solid var(--secondary-bg-color-3); }
q:after { content: none; }
q p { margin: 0; }
figure { margin-bottom: 1.5rem; }
figcaption { margin-bottom: 1.5rem; font-style: italic; padding: 1rem 1.5rem; border-left: 5px solid var(--primary-bg-color-3); }
.odd figcaption { border-left: 5px solid var(--secondary-bg-color-3); }
table { border-collapse: collapse; border-spacing: 0; }
::-moz-selection { background: rgba(166, 175, 189, 0.3); }
::selection { background: rgba(166, 175, 189, 0.3); }
::-moz-selection_1 { background: rgba(166, 175, 189, 0.3); }
*:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
a:active:not(.btn) { text-decoration: none; -webkit-transition: all .4s ease-out 0s; color: var(--primary-color); font-size: 1rem; font-weight: 400; line-height: 1.5; transition: all .4s ease-out 0s; }
a:not([href]) i:hover { color: var(--primary-b-color); }
p { -ms-word-wrap: break-word; font-size: var(--p-size); word-wrap: break-word; font-weight: var(--p-weight); line-height: 1.5; margin: 1.5rem 0; }
p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }
.odd:not(.comment) p { color: var(--white-color); }
.page-template .odd p { opacity: 0.7; }
.swiper-wrapper.odd p { opacity: 0.8; }
h1 { color: var(--primary-color); word-wrap: break-word; line-height: 1.2; margin-bottom: 1.5rem; font-family: var(--primary-font); font-size: var(--h1-size); font-weight: var(--h1-weight); -ms-word-wrap: break-word; }
h1 em { font-weight: 300; display: block; font-size: var(--h2-size); }
h2 { font-size: var(--h2-size); margin: 1.5rem 0; word-wrap: break-word; color: var(--primary-t-color); font-weight: var(--h2-weight); font-family: var(--primary-font); line-height: 1.2; -ms-word-wrap: break-word; }
.odd h2 { color: var(--white-color); }
h3 { font-weight: 700; -ms-word-wrap: break-word; color: var(--primary-t-color); font-size: 1.5rem; line-height: 1.2; word-wrap: break-word; font-family: var(--primary-font); margin: 1.5rem 0; }
h4 { font-family: var(--primary-font); font-weight: 700; line-height: 1.2; word-wrap: break-word; -ms-word-wrap: break-word; margin: 1.5rem 0; font-size: 1.5rem; color: var(--primary-t-color); }
.odd h4 { color: var(--secondary-t-color); }
h5 { word-wrap: break-word; color: var(--primary-t-color); font-family: var(--primary-font); line-height: 1.2; margin: 1.5rem 0; -ms-word-wrap: break-word; font-size: 1.2rem; font-weight: 600; }
h6 { color: var(--primary-t-color); line-height: 1.2; font-family: var(--primary-font); font-size: 1rem; font-weight: 600; margin: 1.5rem 0; word-wrap: break-word; -ms-word-wrap: break-word; }
strong { font-weight: 700; }
li { font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0.5rem 0; }
img { height: auto; max-width: 100%; vertical-align: middle; }
::-webkit-input-placeholder { color: var(--primary-p-color) !important; }
:-ms-input-placeholder { color: var(--primary-p-color) !important; }
::-ms-input-placeholder { color: var(--primary-p-color) !important; }
::placeholder { color: var(--primary-p-color) !important; }
table_1 { border-collapse: separate; border-spacing: 10px; }
table td { padding: 10px 0; }
table th { padding: 10px 0; }
dt { margin: 15px 0; }
address { margin-bottom: 1rem; }
form { width: 100%; }
form label { width: 100%; }
select { box-shadow: none; border-width: 2px; width: 100%; -webkit-box-shadow: none; border-color: var(--primary-l-color); border-radius: 2px; height: 50px; padding: 0.7rem 1rem; background: no-repeat; }
select:focus { outline: none; -webkit-box-shadow: none; background: no-repeat; border-color: inherit; box-shadow: none; color: inherit; }
input { border-color: var(--primary-p-color); color: var(--primary-p-color); }
input:focus { border-color: var(--primary-t-color); color: var(--primary-t-color); }
input[type="radio"] { height: initial; }
input[type="submit"] { max-width: 200px; padding: 2.5px 10px; text-align: center; width: fit-content; border: 1px solid; color: var(--primary-color); display: block; }
input[type="submit"]:hover { background-color: var(--primary-color); border-color: var(--primary-color); color: var(--primary-b-color); }
input[type=checkbox] { height: 20px; width: 20px; }
textarea { height: 100px; resize: none; border-color: var(--primary-p-color); color: var(--primary-t-color); }
textarea:focus { color: var(--primary-t-color); border-color: var(--primary-t-color); }
select_1 { text-overflow: ''; -moz-appearance: none; line-height: 1.2; -webkit-appearance: none; border-color: var(--primary-l-color); text-indent: 1px; appearance: none; color: var(--primary-t-color); }
select option { color: #2f323a; }
select:focus_1 { border-color: var(--primary-t-color); color: var(--primary-t-color); }
hr { border-top: 1px dashed var(--primary-l-color); margin: 35px 0; }
.odd hr { border-top: 1px dashed var(--secondary-l-color); margin: 35px 15px; }
table_2 { width: 100%; }
tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--primary-l-color); }
.odd tr:not(:last-child) { border-bottom: 1px solid; border-color: var(--secondary-l-color); }
td { padding: 10px 0; }
section_1 { width: 100%; padding: 130px 0; background-attachment: fixed; background-position: center; background-size: cover; }
section.no-hero { padding: 150px 0 130px; }
section#slider:not(.bg-inherit) { background-color: var(--hero-bg-color); }
main { padding: 0; }
aside { padding: 0; }
.container { max-width: 1170px; padding: 0; }
.container.header { max-width: 1140px; }
.container.full { max-width: 100%; }
.container.full-grid { margin: 0 15px; max-width: calc(100% - 30px); padding: 0; }
.container.smaller { max-width: 970px; }
.row { margin-left: 0; margin-right: 0; }
.vh-100 { height: 100vh; }
.vh-75 { height: 75vh; }
.clearfix { clear: both; content: ""; display: block; }
.gameon-preloader { -ms-flex-align: center; height: 100%; width: 100%; justify-content: center; align-items: center; -webkit-box-align: center; left: 0; position: fixed; -ms-flex-pack: center; -webkit-box-pack: center; cursor: default; display: flex; top: 0; z-index: 99999; }
.gameon-preloader .preloader-animation { z-index: 1000; }
.gameon-preloader .preloader-animation .spinner { -webkit-animation: spinner 1s infinite linear; height: 8em; margin: 0 auto 3.5em auto; width: 8em; border-radius: 50%; animation: spinner 1s infinite linear; border: 10px solid var(--card-bg-color); border-top-color: var(--primary-color); }
.gameon-preloader .preloader-animation p { letter-spacing: 8px; }
.gameon-preloader .loader-animation { top: 0; width: 100%; z-index: 1; height: 100%; position: fixed; left: 0; pointer-events: none; }
.gameon-preloader .loader-animation .single-loader .loader-bg { transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); width: 100%; -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1); background-color: var(--primary-bg-color); height: 100%; left: 0; }
.gameon-preloader.loaded { visibility: hidden; }
.gameon-preloader.loaded .preloader-animation { opacity: 0; visibility: hidden; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }
.gameon-preloader.loaded .single-loader .loader-bg { -webkit-transition: 0.7s all cubic-bezier(0.1, 0.1, 0.1, 1); transition: 0.7s all cubic-bezier(0.1, 0.1, 0.1, 1); width: 0; }
to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); }
to_1 { transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); }
100% { -webkit-transform: rotateY(-90deg); opacity: 0; transform: rotateY(-90deg); }
50% { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
100%_1 { -webkit-transform: rotateY(-90deg); opacity: 0; transform: rotateY(-90deg); }
50%_1 { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
.avatar-sm { height: 3rem; width: 3rem; }
.avatar-md { height: 4rem; width: 4rem; }
.avatar-lg { height: 5rem; width: 5rem; }
.avatar-max-lg { height: 6rem; width: 6rem; }
.intro { margin-bottom: 60px; }
.intro .intro-text { color: var(--primary-color); display: inline-block; letter-spacing: 3px; position: relative; font-weight: 600; text-transform: uppercase; }
.intro .intro-text::after { transform: translateY(-50%); background-color: var(--primary-color); left: calc(100% + 20px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); height: 3px; width: 45px; content: ''; }
.intro h3:first-child { margin-top: 0; }
.intro.text-center span::after { content: none; }
.list-group-item { border-color: var(--card-bg-color); font-size: 1rem; margin: 0; padding-right: 0; padding-left: 0; background: none; background-color: transparent; }
.list-group-item:first-child { border: none; }
.list-group-item a { -webkit-transition: 0.3s; transition: 0.3s; }
.list-group-item .badge.circle { background-color: var(--card-bg-color); }
.post-holder { width: 100%; background-color: var(--card-bg-color); list-style: none; border-left: 5px solid var(--primary-color); margin-top: 35px; padding: 25px; }
.posted-on a:not(.btn) { font-weight: 600; }
.sidebar .item { margin-bottom: 35px; }
.sidebar ol { list-style: none; padding: 0; }
.sidebar ol ol { padding: 15px; }
.sidebar ul { padding: 0; list-style: none; }
.sidebar ul.children { padding: 0; }
.sidebar ul li:not(.nav-item):not(.list-group-item) { padding-left: 0; position: relative; }
.sidebar ul li a:not(.btn) { color: inherit; overflow-wrap: break-word; }
.sidebar ul li a:not(.btn):hover { color: var(--primary-color); }
.sidebar ul ul { padding: 15px; }
.sidebar ul ul li:not(.nav-item):not(.list-group-item):not(.cat-item) { padding-left: 20px; }
.sidebar li:hover::before { background-color: var(--primary-color); }
.sidebar .sub-menu { padding: 0; }
.sidebar .title { list-style: none; margin-top: 0; width: 100%; }
.list-group .list-group-item .icon { -ms-flex-align: center; color: var(--primary-color); -ms-flex-pack: center; -webkit-box-align: center; align-items: center; margin-right: 15px; display: flex; -webkit-box-pack: center; justify-content: center; }
.post-details .blog-thumb img { border-radius: 4px; }
.post-details blockquote { font-size: 1.2rem; background-color: var(--card-bg-color); border-left: 5px solid var(--primary-color); color: var(--primary-color); margin: 1rem 2rem; padding: 2rem 1.5rem; }
.post-details blockquote_1 { font-size: 100%; }
.post-details .sidebar .title { position: relative; font-weight: 700; }
.post-details .sidebar .title::before { content: ''; height: 3px; left: 3px; position: absolute; background-color: var(--primary-color); top: calc(100% + 10px); width: 50px; }
.btn { font-weight: 700; outline: 0 none; font-size: 1rem; padding: 16px 34px; position: relative; border: 0 none; border-radius: 100px; z-index: 1; text-align: center; color: var(--white-color); cursor: pointer; line-height: 1; }
.btn:active { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); color: var(--white-color); }
.btn.btn-bordered { background: transparent none repeat scroll 0 0; color: #444; }
.btn.btn-bordered::before { -webkit-transition: all 0.3s ease 0s; position: absolute; background-image: linear-gradient(135deg, var(--primary-color) 10%, var(--secondary-color)); content: ""; z-index: -2; height: calc(100% + 4px); top: -2px; border-radius: 100px; left: -2px; transition: all 0.3s ease 0s; width: calc(100% + 4px); }
.btn.btn-bordered:after { content: ""; position: absolute; height: 100%; top: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 100%; z-index: -1; left: 0; background: #fff none repeat scroll 0 0; border-radius: 100px; }
.btn.btn-bordered.active { color: #fff; }
.btn.btn-bordered.active::after { opacity: 0; }
.btn.btn-bordered-white { background: transparent none repeat scroll 0 0; border: 2px solid #fff; }
.btn.btn-bordered-white::after { opacity: 0; -webkit-transition: all 0.3s ease 0s; height: calc(100% + 4px); z-index: -1; background-image: linear-gradient(135deg, var(--primary-color) 10%, var(--secondary-color)); top: -2px; content: ""; left: -2px; width: calc(100% + 4px); transition: all 0.3s ease 0s; position: absolute; border-radius: 100px; }
.btn.btn-bordered-white:focus { border-color: transparent; outline: 0 none; }
.btn.btn-bordered-white:focus::after { opacity: 1; }
.btn.content-btn { padding: 0; padding-right: 15px; text-align: left; -webkit-box-shadow: none; font-weight: 600; background: transparent; box-shadow: none; line-height: 1.2; color: var(--primary-t-color); }
.btn.content-btn_1 { margin-bottom: 5px; }
.btn.content-btn::before { content: '\f061'; font-family: 'Font Awesome 6 Free'; top: 50%; transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); position: absolute; right: 0; opacity: 0; -webkit-transform: translateY(-50%); font-weight: 900; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); transform: translateY(-50%); }
.btn.content-btn::after { transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -10px; opacity: 1; font-family: 'Font Awesome 6 Free'; transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); font-weight: 900; top: 50%; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75); content: '\f061'; position: absolute; }
.btn.content-btn:hover { color: var(--primary-color); }
.btn.content-btn:hover::before { opacity: 1; right: -10px; }
.btn.content-btn:hover::after { opacity: 0; right: -20px; }
.btn-smaller { font-size: 0.9rem; padding: 12px 18px; }
.button-group { margin-top: 30px; }
.button-group a { margin-right: 10px; }
.button-group a:last-child { margin-right: 0; }
.button-group a_1 { margin-top: 0; margin-right: 5px; }
.button-group a:last-child_1 { margin-top: 0.5rem; }
.button-group a .btn { padding: 12px 20px; }
.breadcrumb-area { background: rgba(0, 0, 0, 0) url("../img/bg/inner_bg.jpg") no-repeat scroll top center/cover; }
.breadcrumb-area.bg-overlay::after { opacity: 0.89; }
header { z-index: 5; position: relative; }
header .navbar-expand { z-index: 2; position: fixed; padding: 20px 25px; top: 0; width: 100%; }
header .navbar-expand .navbar-brand { color: var(--nav-item-color); font-size: 1.5rem; font-weight: 600; line-height: 0; padding: 0; }
header .navbar-expand .navbar-brand i { font-size: 1.8rem; font-style: initial; font-weight: bold; color: var(--primary-color); }
header .navbar-expand .navbar-brand img { height: var(--nav-brand-height); }
header .navbar-expand .navbar-nav.toggle { display: none; }
header .navbar-expand .navbar-nav.toggle i { font-size: 20px; }
header .navbar-expand .navbar-nav .nav-item { margin: 0; }
header .navbar-expand .navbar-nav .nav-item a:not(.btn) { color: var(--white-color); font-weight: 600; padding-left: 1rem; align-items: center; display: flex; padding-right: 1rem; -ms-flex-align: center; -webkit-box-align: center; }
header .navbar-expand .navbar-nav .nav-item .nav-link.active:not(.btn):not(.title) { color: var(--primary-color); }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu { width: max-content; opacity: 0; padding: 0.625rem 0; visibility: hidden; -webkit-transform: translateY(20px); border-radius: 2px; min-width: 14.375rem; border: none; display: block; transform: translateY(20px); }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu .nav-link:not(.btn) { padding: 0.625rem 1.25rem; -webkit-box-pack: justify; color: var(--nav-item-color); justify-content: space-between; -ms-flex-pack: justify; }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu .nav-link.active:not(.btn):not(.title) { background-color: rgba(1, 114, 128, 0.05); }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu .nav-link.title { color: var(--primary-t-color); font-weight: 600; opacity: 0.8; }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu .nav-link:not(.btn):not(.title):hover { background-color: rgba(1, 114, 128, 0.05); color: var(--primary-color); }
header .navbar-expand .navbar-nav .dropdown .dropdown-menu .dropdown-menu { left: 100%; top: -8px; }
header .navbar-expand .navbar-nav .dropdown i.icon-arrow-down { font-size: 12px; font-weight: 600; margin: 0 0 0 0.3rem; top: 1.5px; position: relative; }
header .navbar-expand .navbar-nav .dropdown i.icon-arrow-right { margin: 0 0 0 0.3rem; position: relative; font-size: 10px; left: 5px; top: 0; font-weight: 600; }
header .navbar-expand .navbar-nav .dropdown:hover>.dropdown-menu { transform: translateY(0px); transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: translateY(0px); -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease; margin: 0; visibility: unset; opacity: 1; }
header .navbar-expand .icons i { font-weight: 400; }
header .navbar-sticky { -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; background-color: var(--header-bg-color); }
.menu .items { margin-left: -5px; width: calc(100% + 10px); }
.menu .navbar-nav { font-size: 1.5rem; font-weight: 400; line-height: 1; }
.menu .navbar-nav .nav-item { margin: 0; }
.menu .navbar-nav .nav-item .nav-link:not(.btn) { margin: 0 5px; padding: 10px 5px; width: calc(100% - 12px); }
.menu .navbar-nav .nav-item .nav-link:not(.btn):hover { color: var(--primary-color); }
.menu .navbar-nav .nav-item .nav-link:first-child { display: flex; color: var(--primary-t-color); padding-left: 0; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center; font-size: 1.5rem; justify-content: space-between; -ms-flex-align: center; -ms-flex-pack: justify; font-weight: 600; padding-right: 0; border: none; }
.menu .navbar-nav .dropdown .dropdown-menu { background: none; opacity: 1; padding: 0 0 0 20px; width: 100%; display: none; margin: 0 0 10px; visibility: visible; }
.menu .navbar-nav .dropdown .dropdown-menu.show { display: block; }
.menu .navbar-nav .dropdown .dropdown-menu .nav-link { text-align: left; color: var(--primary-p-color); font-size: 1rem; margin: 5px; padding: 0.5rem 0; }
.menu .navbar-nav .dropdown .dropdown-menu .nav-link:hover { color: var(--primary-color); }
.menu .navbar-nav .dropdown .dropdown-menu .nav-link.title { color: var(--primary-t-color); font-weight: 600; opacity: 0.8; border: none; }
.menu .navbar-nav .dropdown .dropdown-menu .dropdown-menu { left: initial; position: relative; top: initial; }
.menu .navbar-nav .dropdown .dropdown-menu .right { width: 50%; }
.menu .navbar-nav .dropdown:first-child { margin-top: 0; }
.menu .navbar-nav i.icon-arrow-down { font-size: 18px; }
.icon { display: block; font-size: 44px; text-align: center; width: 44px; height: 44px; line-height: 44px; margin: auto; }
.icon.smaller { line-height: 24px; width: 24px; height: 24px; font-size: 24px; }
.icon.bigger { height: 7rem; width: 7rem; line-height: 7rem; margin: 0; font-size: 6.5rem; font-weight: bold; }
.icon.circle { border-radius: 100px; font-size: 28px; }
.icons { display: inline-block; font-size: 3rem; line-height: 1; }
.items .item { margin-top: 30px; }
.share-list .nav-link i { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.blog-details .pagination>li.active>a { background-image: linear-gradient(150deg, var(--secondary-color) 0%, var(--primary-color) 78%); }
.swiper-pagination-fraction { margin-top: 50px; position: relative; }
.swiper-pagination-bullet { border: none !important; height: 5px !important; opacity: 0.25 !important; border-radius: 0 !important; width: 40px !important; background-color: var(--primary-p-color); }
.swiper-pagination-bullet-active { background-color: var(--primary-color); opacity: 1 !important; }
.card-columns { -webkit-column-gap: 30px; column-gap: 30px; margin: 0 15px; }
.card-columns .card { margin-bottom: 30px; }
.card { -webkit-box-shadow: 0 3px 20px 0px var(--primary-l-color); -webkit-transition-duration: 0.3s; padding: 1.5rem; background-color: var(--card-bg-color); border: none; -webkit-transition-property: opacity, -webkit-transform; border-radius: 8px; -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-property: opacity, transform, -webkit-transform; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); box-shadow: 0 3px 20px 0px var(--primary-l-color); transition-duration: 0.3s; }
.card .card-img-top { border-radius: 6px; }
.card .card-body { -webkit-box-flex: 1; flex: 1 1 auto; padding: 35px 0 0; -ms-flex: 1 1 auto; min-height: 1px; }
.card .card-body h6 { margin-top: 0; }
.card .card-body .card-bottom span { color: var(--white-color); }
.card .card-footer { border-top: 1px solid var(--primary-l-color); margin: 0 30px; padding: 30px 0; background: none; border-radius: 0; }
.card .card-footer a { margin: 0 10px; }
.card .card-footer a:not(.btn) { color: var(--primary-p-color); }
.card .card-footer .card-footer i { margin: 0 5px 2.5px; }
.card:hover .card-footer { border-color: rgba(255, 255, 255, 0.25); color: #f5f5f5; }
.card.no-hover { -webkit-box-shadow: none; border: none; box-shadow: none; }
.card.no-hover:hover { -webkit-box-shadow: none !important; -webkit-transform: inherit; transform: inherit; box-shadow: none !important; }
.card:not(.no-hover):hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.card.project-card { border-radius: 2rem; padding: 2.5rem 2rem; }
.card.project-card .card-img-top { border-radius: 8px; }
.card.project-card .media-body h4 { -webkit-transition: 0.4s; transition: 0.4s; }
.card.project-card .media-body a:hover h4 { color: var(--primary-color); }
.card.project-card .single-item { font-weight: 600; margin: 2px 0; padding: 0.5rem 0.8rem; background: var(--primary-bg-color); font-size: 12px; border-radius: 100px; display: inline-block; }
.card.project-card .single-item span:last-child { color: var(--white-color); }
.card.project-card .single-item.prev-project { font-size: 13px; margin: 0 0.5rem; padding: 0.6rem 1rem; }
.card.project-card .single-item.prev-project_1 { font-size: 12px; }
.card.project-card .single-item.prev-project .single-item { margin: 0.25rem 0.5rem; }
.card.project-card .progress { background-color: var(--primary-bg-color); border-radius: 1rem; height: 1.8rem; }
.card.project-card .progress .progress-bar { background-color: var(--primary-color); }
.card.project-card .progress-sale span { color: var(--white-color); }
.card.project-card .project-footer .social-share li { margin: 0 0.5rem; }
.card.project-card .project-footer .social-share li_1 { margin: 0 0.3rem; }
.card.project-card .project-footer .social-share li a { color: var(--white-color); font-size: 1.2rem; }
.card.project-card .blockchain-icon:not(.prev-project) { right: 2rem; top: 2rem; position: absolute; }
.card.project-card.prev-project-card { padding: 2rem; background-color: rgba(22, 24, 45, 0.69); }
.card.project-card .project-link { left: 0; top: 0; width: 100%; border-radius: inherit; height: 100%; position: absolute; }
.card.tier-card { border: 8px dashed var(--primary-bg-color); border-radius: 2rem; }
.card.tier-card .title { font-family: var(--primary-font); font-weight: 900; letter-spacing: 1px; }
.card.tier-card .category { font-size: 1.2rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 600; color: var(--white-color); }
.card.tier-card .card-body li span { display: block; }
.card.tier-card .card-body li span:last-child { margin-top: 0.5rem; color: var(--white-color); font-weight: 600; }
.card.tier-card .tier-type { position: absolute; right: 2.5rem; top: 2rem; }
.card.tier-card .tier-type span { font-family: var(--primary-font); font-weight: 900; font-size: 1.2rem; color: var(--primary-color); }
.card.team-card { border-radius: 1.5rem; }
.card.team-card .team-photo { width: 100px; -webkit-box-shadow: inset 0 0 0 2px rgba(22, 24, 45, 0.5); height: 100px; margin: 0 auto; text-align: center; position: relative; border: 3px solid var(--card-bg-color); box-shadow: inset 0 0 0 2px rgba(22, 24, 45, 0.5); }
.card.team-card .team-photo::after { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; margin: auto; position: absolute; border-radius: 1rem; left: 0; right: 0; }
.card.team-card .team-photo::before { width: 94px; -webkit-transform: scale(0.8); content: ""; height: 94px; box-shadow: 0 0 0 2px rgba(22, 24, 45, 0.5); top: 0; transform: scale(0.8); -webkit-box-shadow: 0 0 0 2px rgba(22, 24, 45, 0.5); opacity: 0; }
.card.team-card .team-photo::after_1 { background-color: rgba(22, 24, 45, 0.5); box-shadow: 0 0 0 0 transparent; content: ""; width: 84px; -webkit-box-shadow: 0 0 0 0 transparent; height: 84px; top: 5px; }
.card.team-card .team-photo img { border-radius: 1rem; }
.card.team-card .team-content h4 { -webkit-transition: 0.4s; font-size: 1.3rem; transition: 0.4s; }
.card.team-card .team-content .social-share li { margin: 0 0.5rem; }
.card.team-card .team-content .social-share li a { color: var(--white-color); font-size: 1rem; }
.card.team-card:hover .team-photo::before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.card.team-card:hover .team-photo::after { box-shadow: 0 5px 10px rgba(0, 71, 255, 0.2); left: -5px; top: -5px; width: 104px; -webkit-box-shadow: 0 5px 10px rgba(0, 71, 255, 0.2); background-color: rgba(22, 24, 45, 0.2); height: 104px; }
.card.team-card:hover a h4 { color: var(--primary-color); }
.card.blog-card { border-radius: 1.5rem; }
.card.blog-card .blog-thumb img { border-radius: 6px; }
.card.blog-card .blog-content a { transition: 0.3s; -webkit-transition: 0.3s; color: var(--white-color); }
.card.blog-card .blog-content a h4 { -webkit-transition: 0.3s; transition: 0.3s; }
.card.blog-card .blog-content a:hover { color: var(--primary-color); }
.card.blog-card .blog-content a:hover h4 { color: var(--primary-color); }
.inner .card.project-card { padding: 2.5rem 1.7rem; }
.hero-section { background-attachment: scroll, fixed; background-image: linear-gradient(0deg, #090919, rgba(9, 10, 26, 0.8)), url(/ipfs/Qmf1oEu4gVbDVcPJoNUWzRnqxKy4cVh8GgjRDrDKQ19FXy); background-position: 0 0, 0 0; background-repeat: repeat, no-repeat; position: relative; z-index: 1; background-size: auto, cover; }
.hero-section h1 { color: var(--white-color); }
.hero-section p { font-size: 1.2rem; }
.content-list .content-icon span { place-items: center; width: 100px; border-radius: 2rem; display: grid; background-color: var(--card-bg-color); height: 100px; }
.content-list .content-icon span_1 { border-radius: 1.8rem; height: 80px; width: 80px; }
.content-list .content-icon span svg { color: var(--white-color); font-size: 2rem; }
.content-list .content-icon span svg_1 { font-size: 1.5rem; }
.content-list .content-icon span.featured { background-color: var(--primary-color); }
.wrapper-animation { margin: 8rem 0; }
.wrapper-animation .blockchain-wrapper { transform-origin: 3.75rem 3.75rem; transform-style: preserve-3d; -webkit-transform-origin: 3.75rem 3.75rem; -webkit-transform-style: preserve-3d; width: 7.5rem; -webkit-animation: rotate 4s linear infinite; -webkit-transform: rotateX(50deg) rotateZ(45deg); animation: rotate 4s linear infinite; height: 7.5rem; margin: 0 auto; transform: rotateX(50deg) rotateZ(45deg); position: relative; }
.wrapper-animation .blockchain-wrapper .pyramid { -webkit-perspective: 500px; -webkit-transform-style: preserve-3d; position: absolute; perspective: 500px; transform-style: preserve-3d; }
.wrapper-animation .blockchain-wrapper .pyramid.inverse { -webkit-transform: translateZ(-1.42857rem) rotateY(180deg); transform: translateZ(-1.42857rem) rotateY(180deg); }
.wrapper-animation .blockchain-wrapper .square { -webkit-transform-style: preserve-3d; width: 7.5rem; background: #3f65ff; height: 7.5rem; transform-style: preserve-3d; }
.wrapper-animation .blockchain-wrapper .triangle { width: 10rem; height: 10rem; position: absolute; }
.wrapper-animation .blockchain-wrapper .triangle:nth-child(1) { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); top: -33%; -webkit-transform-origin: 50% 100%; background: #728eff; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); -webkit-transform: rotateX(-68deg); transform: rotateX(-68deg); transform-origin: 50% 100%; width: 7.5rem; }
.wrapper-animation .blockchain-wrapper .triangle:nth-child(2) { -webkit-transform: rotateX(68deg); -webkit-transform-origin: 50% 0%; clip-path: polygon(50% 100%, 0 0, 100% 0); width: 7.5rem; background: #728eff; transform: rotateX(68deg); transform-origin: 50% 0%; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); }
.wrapper-animation .blockchain-wrapper .triangle:nth-child(3) { background: #a5b7ff; height: 7.5rem; transform-origin: 100% 50%; transform: rotateY(68deg); -webkit-transform-origin: 100% 50%; clip-path: polygon(100% 100%, 0 50%, 100% 0); -webkit-transform: rotateY(68deg); left: -33%; -webkit-clip-path: polygon(100% 100%, 0 50%, 100% 0); }
.wrapper-animation .blockchain-wrapper .triangle:nth-child(4) { transform-origin: 0% 50%; -webkit-transform: rotateY(-68deg); clip-path: polygon(0 100%, 100% 50%, 0 0); transform: rotateY(-68deg); -webkit-transform-origin: 0% 50%; height: 7.5rem; -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0); background: #a5b7ff; }
from { -webkit-transform: rotateX(50deg) rotateZ(0deg) translateZ(-0.5rem); transform: rotateX(50deg) rotateZ(0deg) translateZ(-0.5rem); }
50%_2 { -webkit-transform: rotateX(50deg) rotateZ(180deg) translateZ(0.5rem); transform: rotateX(50deg) rotateZ(180deg) translateZ(0.5rem); }
to_2 { transform: rotateX(50deg) rotateZ(360deg) translateZ(-0.5rem); -webkit-transform: rotateX(50deg) rotateZ(360deg) translateZ(-0.5rem); }
from_1 { -webkit-transform: rotateX(50deg) rotateZ(0deg) translateZ(-0.5rem); transform: rotateX(50deg) rotateZ(0deg) translateZ(-0.5rem); }
50%_3 { -webkit-transform: rotateX(50deg) rotateZ(180deg) translateZ(0.5rem); transform: rotateX(50deg) rotateZ(180deg) translateZ(0.5rem); }
to_3 { -webkit-transform: rotateX(50deg) rotateZ(360deg) translateZ(-0.5rem); transform: rotateX(50deg) rotateZ(360deg) translateZ(-0.5rem); }
0% { top: 0px; }
50%_4 { top: 25px; }
100%_2 { top: 0px; }
0%_1 { top: 0px; }
50%_5 { top: 25px; }
100%_3 { top: 0px; }
.countdown { color: var(--white-color); text-transform: uppercase; }
.countdown>div { display: block; }
.countdown .countdown-container { margin: 0 5px; }
.countdown .countdown-container:first-child { margin-left: 0; }
.countdown .countdown-container .countdown-heading { font-size: 12px !important; font-weight: 500; }
.countdown .countdown-container .countdown-value { padding: 5px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); font-family: var(--primary-font); font-weight: 600; font-size: 16px; }
.countdown .countdown-container .countdown-value:first-child { padding-left: 0; }
.countdown .countdown-container .countdown-value_1 { font-size: 18px; }
.load-more .item { display: none; }
.explore-area .explore-menu .btn { font-weight: 600; outline: none; -webkit-box-shadow: none; background: inherit; cursor: pointer; font-size: 14px; position: relative; box-shadow: none; color: var(--white-color); }
.explore-area .explore-menu .btn::after { border-top-left-radius: 6px; transition: all 0.3s ease 0s; left: 50%; content: ''; border-top-right-radius: 6px; -webkit-transform: translateX(-50%); bottom: 5px; height: 2px; position: absolute; transform: translateX(-50%); visibility: hidden; -webkit-transition: all 0.3s ease 0s; opacity: 0; width: 0; background-color: var(--primary-color); }
.explore-area .explore-menu .btn.active { color: var(--primary-color); }
.explore-area .explore-menu .btn.active::after { opacity: 1; visibility: visible; width: 60%; }
.item-details-area .countdown-value { font-size: 18px !important; }
.item-details-area .single-item-content:first-child { margin-top: 0; }
.item-details-area .single-item-content .table.token-content { color: inherit; border-spacing: 0; }
.item-details-area .single-item-content p:last-child { margin: 0; }
.item-details-area .single-item-content.card { overflow: hidden; }
.item-details-area .single-item-content.card .image-over { border-radius: 2px; overflow: hidden; }
.item-details-area .single-item-content.card .image-over:before { top: 0; right: 0; width: 100%; z-index: 1; left: 0; background-color: rgba(0, 0, 0, 0.5); bottom: 0; position: absolute; content: ''; height: 100%; }
.item-details-area .single-item-content.card .image-over img { object-position: center; -o-object-position: center; height: 400px; min-height: 350px; object-fit: cover; position: relative; -o-object-fit: cover; }
.item-details-area .single-item-content.card .image-over img.card-img-top { border-radius: 0; }
.item-details-area .single-item-content.card .image-over img_1 { height: 350px; }
.item-details-area .single-item-content.card .card-caption { z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute; text-align: center; }
.item-details-area .single-item-content.card .card-caption .play-btn a { background-color: var(--primary-color); transition: 0.3s ease-in-out; border-radius: 14px; -webkit-transition: 0.3s ease-in-out; display: inline-grid; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12); padding: 1.5rem; color: var(--white-color); place-items: center; }
.item-details-area .single-item-content.card .card-caption .play-btn a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.item-details-area .item-info img { border-radius: 8px; }
.item-details-area .item-info .countdown-container { margin: 0 10px; }
.item-details-area .item-info .countdown-container .countdown-heading { font-size: 14px !important; }
.item-details-area .item-info .countdown-container .countdown-value { font-size: 20px; }
.item-details-area .gameon-tab.nav-tabs { border-bottom: 2px solid var(--card-bg-color); }
.item-details-area .gameon-tab li { margin: 0; }
.item-details-area .gameon-tab li a { margin: 0 10px; display: inline-block; padding: 10px 0; position: relative; }
.item-details-area .gameon-tab li a::after { content: ''; left: 0; width: 0; position: absolute; transition: all 0.3s ease 0s; visibility: hidden; opacity: 0; background-color: var(--primary-color); bottom: -2.5px; -webkit-transition: all 0.3s ease 0s; height: 3px; }
.item-details-area .gameon-tab li a.active h5 { color: var(--primary-color); }
.item-details-area .gameon-tab li a.active::after { opacity: 1; visibility: visible; width: 100%; }
.item-details-area .gameon-tab li:first-of-type a { margin-left: 0; }
.item-details-area .tab-content .single-tab-list { margin: 1.5rem 0; }
.item-details-area .tab-content .single-tab-list a { -webkit-transition: 0.3s; color: var(--white-color); transition: 0.3s; }
.item-details-area .tab-content .single-tab-list a:hover { color: var(--primary-color); }
.item-details-area .tab-content .owner h6 { -webkit-transition: 0.3s; transition: 0.3s; }
.item-details-area .tab-content .owner:hover h6 { color: var(--primary-color); }
.staking-area .card { border-radius: 2rem; padding: 3rem; }
.staking-area .card_1 { padding: 2.5rem 2rem; }
.staking-area .card .balance { font-size: 2rem; font-weight: 600; color: var(--white-color); font-family: var(--primary-font); }
.staking-area .card .balance_1 { font-size: 2rem; }
.staking-area .card .staking-tabs .nav-item { margin: 0.25rem 0.5rem 0.25rem 0; }
.staking-area .card .staking-tabs .tab-link { font-weight: 500; border-radius: 10px; display: inline-block; font-size: 15px; padding: 12px 24px; background-color: #2c2f4c; border: 0; color: var(--white-color) !important; }
.staking-area .card .staking-tabs .tab-link_1 { font-size: 14px; padding: 12px 18px; }
.staking-area .card .staking-tabs .tab-link.active { background-color: var(--primary-color); }
.staking-area .card .staking-tab-content .info-box .info-right span { font-family: var(--primary-font); font-weight: 600; }
.staking-area .card .staking-tab-content .info-box .info-right span:first-child { font-weight: 500; font-size: 3rem; }
.staking-area .staking-items .card p { font-weight: 600; }
.staking-area .input-area .input-text { position: relative; width: 70%; z-index: 3; }
.staking-area .input-area .input-text_1 { width: 100%; }
.staking-area .input-area .input-text input { border: 2px solid; border-radius: 10px; position: relative; z-index: 3; }
.staking-area .input-area .input-text a { right: 2px; top: 50%; color: var(--white-color); position: absolute; background-color: #2c2f4c; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0.8rem 1rem; }
.staking-area .input-btn { font-size: 15px; border-radius: 10px; }
.staking-area .single-accordion-item { background-color: var(--card-bg-color); border-radius: 2rem; }
.staking-area .single-accordion-item:not(:first-child) { margin-top: 3rem; }
.staking-area .single-accordion-item .staking-btn { -webkit-box-shadow: none !important; background-image: none !important; box-shadow: none !important; color: var(--primary-p-color); padding: 3rem 2rem !important; position: relative; }
.staking-area .single-accordion-item .staking-btn_1 { padding: 2.5rem 1.5rem !important; }
.staking-area .single-accordion-item .staking-btn::after { content: '\f107'; font-family: 'Font Awesome 5 Free'; top: 3rem; font-size: 2rem; font-weight: 900; position: absolute; right: 3rem; }
.staking-area .single-accordion-item .staking-btn.collapsed { border-radius: 2rem; }
.staking-area .single-accordion-item .staking-btn.collapsed::after { font-weight: 900; right: 3rem; top: 3rem; font-family: 'Font Awesome 5 Free'; position: absolute; content: '\f106'; font-size: 2rem; }
.staking-area .single-accordion-item .staking-btn img { border-radius: 8px; }
.staking-area .single-accordion-item .staking-btn .content p { font-weight: 500; }
.staking-area .single-accordion-item .staking-btn .staking-info .single-item { -ms-flex-align: center; -ms-flex-direction: column; -webkit-box-align: center; -webkit-box-orient: vertical; align-items: center; -webkit-box-direction: normal; text-align: center; display: flex; flex-direction: column; }
.staking-area .single-accordion-item .staking-btn .staking-info .single-item_1 { -ms-flex-align: start; -webkit-box-align: start; align-items: start; margin: 0.6rem; }
.staking-area .single-accordion-item .staking-btn .staking-info .single-item span { display: inline-block; }
.staking-area .single-accordion-item .staking-btn .staking-info .single-item span:last-child { margin-top: 0.5rem; }
.staking-area .single-accordion-item .card-body { padding: 3rem 2rem !important; position: relative; }
.staking-area .single-accordion-item .card-body_1 { padding: 2.5rem 1.5rem !important; }
.staking-area .single-accordion-item .card-body::before { height: 2px; position: absolute; top: 0; left: 3rem; right: 3rem; background-color: rgba(115, 115, 115, 0.3); content: ''; }
.staking-area .single-accordion-item .card-body .single-staking-item:not(:first-child) { margin-top: 25px; }
.staking-area .single-accordion-item .card-body .single-staking-item .item-title { display: inline-block; font-size: 0.9rem; font-weight: 600; }
.staking-area .single-accordion-item .card-body .single-staking-item .price { color: var(--primary-p-color); font-weight: 700; }
.staking-area .single-accordion-item .card-body .single-staking-item .reward { display: inline-block; font-size: 0.9rem; }
.staking-area .single-accordion-item .input-area .input-text { width: 100%; }
.leaderboard-area table { border-spacing: 0; color: var(--primary-p-color); font-weight: 500; }
.leaderboard-area table tr td { padding: 1.2rem; width: 20%; margin-bottom: 10px; background-color: var(--card-bg-color); display: inline-block; }
.leaderboard-area table tr td_1 { display: table-cell; padding: 1rem; }
.leaderboard-area table tr th { color: var(--white-color); margin-bottom: 0; text-transform: uppercase; background-color: transparent; }
.cta-area .card { border-radius: 2rem; box-shadow: none; padding: 3rem 2rem; -webkit-box-shadow: none; background-image: linear-gradient(0deg, rgba(9, 10, 26, 0.9), rgba(9, 10, 26, 0.5)), url(/ipfs/Qmf1oEu4gVbDVcPJoNUWzRnqxKy4cVh8GgjRDrDKQ19FXy); }
.cta-area .card p { color: var(--white-color); }
.cta-area img { max-width: 120px; }
.cta-area .cta-link { width: 100%; border-radius: inherit; height: 100%; left: 0; position: absolute; top: 0; }
.wallet-connect-area .single-wallet { border-radius: 2rem; height: 100%; padding: 45px; }
.wallet-connect-area .single-wallet h4 { -webkit-transition: 0.3s; transition: 0.3s; }
.wallet-connect-area .single-wallet p { color: var(--primary-p-color); }
.wallet-connect-area .single-wallet:hover h4 { color: var(--primary-color); }
.help-center-area .card { justify-content: center; -ms-flex-pack: center; border-radius: 2rem; display: flex; min-height: 300px; padding: 45px; -webkit-box-pack: center; }
.help-center-area .card h4 { -webkit-transition: 0.3s; transition: 0.3s; }
.help-center-area .card p { color: var(--primary-p-color); }
.help-center-area .card:hover h4 { color: var(--primary-color); }
.faq-area .single-accordion-item:not(:last-child) { margin-bottom: 1rem; }
.faq-area .single-accordion-item .card-header .btn { position: relative; }
.faq-area .single-accordion-item .card-header .btn::after { -webkit-transform: translateY(-50%); content: '◄'; font-family: 'Font Awesome 6 Free'; font-size: 18px; left: calc(100% - 34px); font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); }
.faq-area .single-accordion-item .card-header .btn.collapsed::after { content: '▼'; font-family: 'Font Awesome 6 Free'; font-size: 18px; position: absolute; transform: translateY(-50%); font-weight: 900; left: calc(100% - 34px); top: 50%; -webkit-transform: translateY(-50%); }
.apply-form { border-radius: 2rem; padding: 3rem; }
.apply-form_1 { padding: 2rem; }
.apply-form .form-group { margin-bottom: 2rem; }
.apply-form .form-group label { font-weight: 600; margin-bottom: 0.5rem; font-size: 1.2rem; }
.apply-form .form-group .form-text { font-size: 0.9rem; }
.apply-form .form-group.form-check input[type="checkbox"]::after { border: 1px solid var(--primary-p-color); content: ''; height: 100%; position: absolute; background-color: var(--card-bg-color); left: 0; width: 100%; top: 0; }
.apply-form .form-group.form-check input:checked::after { content: none; }
.apply-form .form-group.form-check label { font-size: 0.9rem; margin: 4px 0px 0px 5px; margin-bottom: 0; }
.apply-form .form-group.form-check label_1 { margin-top: 0; }
.apply-form .checkbox-area .reset-link { color: var(--primary-p-color); font-size: 0.9rem; font-weight: 600; }
.apply-form span { font-size: 0.9rem; }
.apply-form span.notice { font-weight: 500; }
.apply-form span.notice a { font-weight: 500; font-size: 0.9rem; }
.contact .contact-items .card { border-radius: 2rem; }
ul.page-numbers { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: .25rem; justify-content: center; width: fit-content; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); margin: 35px auto; list-style: none; -webkit-box-pack: center; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); padding-left: 0; -ms-flex-pack: center; display: flex; }
ul.page-numbers li { margin: 0 5px; }
span.page-numbers { font-size: 17px; -webkit-box-align: center; font-weight: 400; transition: 0.3s ease-in-out; line-height: 50px; display: flex; -ms-flex-align: center; align-items: center; width: 50px; -webkit-transition: 0.3s ease-in-out; color: var(--white-color) !important; height: 50px; -webkit-box-pack: center; background-color: var(--card-bg-color); justify-content: center; border-radius: 10px; -ms-flex-pack: center; }
span.page-numbers.current { background-color: var(--primary-color); color: var(--white-color); }
a.page-numbers:hover { background-color: var(--primary-color); color: var(--secondary-bg-color); }
.badge { font-weight: 500; }
.badge.circle { line-height: 30px; -ms-flex-align: center; background-color: var(--primary-bg-color-3); height: 30px; -ms-flex-pack: center; justify-content: center; align-items: center; display: flex; -webkit-box-align: center; -webkit-box-pack: center; border-radius: 100%; width: 30px; }
.badge.tag { -webkit-transition: 0.3s; border: 2px solid var(--card-bg-color); font-weight: 400; border-radius: 2px; margin: 0.3rem; transition: 0.3s; color: var(--primary-p-color) !important; padding: 0.5rem 1rem; font-size: 1rem; }
.badge.tag.active { border-color: var(--primary-color); color: var(--primary-color); }
.badge.tag:hover { color: var(--primary-color) !important; }
.share-list { display: -webkit-inline-box; }
.share-list .nav-link i_1 { font-size: 22px; margin: 0 1rem; }
.breadcrumb { -webkit-box-pack: center; justify-content: center; margin: 0; -ms-flex-pack: center; background: none; color: inherit; }
.breadcrumb-area_1 { height: 450px; z-index: 1; }
.breadcrumb-area .breadcrumb-item { font-size: 1rem; font-weight: 600; margin: 0.3rem 0; }
.breadcrumb-area .breadcrumb-item a:not(.btn) { -webkit-transition: color 0.3s ease-in-out; font-weight: 600 !important; transition: color 0.3s ease-in-out; }
.breadcrumb-area .breadcrumb-item a:not(.btn):not(:hover) { color: var(--white-color); }
.breadcrumb-area .breadcrumb-item.active { color: var(--primary-color); }
.breadcrumb-area .breadcrumb-item.active:hover { color: var(--primary-color); }
.breadcrumb-area .breadcrumb-content h2 { font-weight: var(--h1-weight); }
.breadcrumb-area .breadcrumb-content .breadcrumb { margin: 0; background-color: transparent; }
.breadcrumb-area .breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: ">"; color: var(--white-color); }
.image-over { border-radius: 2px; overflow: hidden; }
.overlay-dark { z-index: 0; position: relative; }
.overlay-dark::after { position: absolute; top: 0; width: 100%; content: ''; height: 100%; left: 0; background-color: var(--primary-bg-color); z-index: -1; opacity: 0.84; }
.social-icons i { display: flex; height: 100%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -ms-flex-align: center; -webkit-box-align: center; margin: 0 auto; align-items: center; -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; }
.social-icons>a { color: var(--white-color) !important; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; margin: 5px; overflow: hidden; background: var(--card-bg-color); border-radius: 14px; font-size: 22px; width: 45px; }
.social-icons>a:hover i:first-child { margin-top: -45px; }
.footer-area { padding: 50px 0; }
.footer-area .footer-items .navbar-brand { margin-right: 0; }
.footer-area .footer-items ul { padding-left: 0; }
.footer-area .footer-items ul li { margin: 0.5rem 1rem; }
.footer-area .footer-items ul li_1 { margin: 1rem; display: block; }
.footer-area .footer-items a { -webkit-transition: 0.3s; transition: 0.3s; }
.footer-area .footer-items a:not(:hover) { color: var(--white-color); font-weight: 500; }
.footer-area .footer-items a:hover { font-weight: 500; }
.modal-open { overflow-y: hidden; overflow-x: hidden; }
.modal-open .modal { overflow: hidden; }
.dialog-animated { margin: 0 0 0 auto; min-height: 100%; }
.modal.fade .modal-dialog.dialog-animated { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); height: 100%; transform: translate(100%, 0) scale(1); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-transform: translate(100%, 0) scale(1); }
.modal.fade.show .modal-dialog.dialog-animated { height: 100%; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.modal-content { border: none; background-color: var(--primary-bg-color); border-radius: 0; overflow-x: hidden; }
.modal-header { align-items: center; border: none; border-radius: 0; font-weight: 600; padding: 2rem; -ms-flex-align: center; -webkit-box-align: center; }
.modal-header .icon-close { cursor: pointer; font-size: 24px; }
.modal-body { -ms-flex-align: center; -webkit-box-align: center; display: flex; align-items: center; padding: 2rem; }
.search-title { letter-spacing: -1.6px; line-height: 1em; }
.search-title_1 { font-size: 45px; }
.scroll-to-top { line-height: 45px; margin: 0 auto; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: 0.3s ease-out; background-color: var(--card-bg-color); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); height: 45px; width: 45px; -webkit-transition: 0.3s ease-out; border-radius: 14px; text-align: center; }
.scroll-to-top a { display: block; height: 100%; line-height: 45px !important; width: 100%; }
.scroll-to-top a svg { color: var(--white-color); font-size: 20px; }
.scroll-to-top:hover { background-color: var(--primary-color); }
.scroll-to-top:focus { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
.single-widget { margin-bottom: 35px; }
.single-widget h4 { border-bottom: 2px solid var(--card-bg-color); font-weight: 700; }
.sidebar .single-widget:last-child { margin-bottom: 0; }
.blog .col-12.col-sm-6 { padding: 0; }
.blog .single-comments { -webkit-box-direction: normal; flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; }
.blog .single-widget ul li { margin: 1.2rem 0; }
.blog .single-widget .tags-widget a { border: 1px solid var(--primary-bg-color-3); }
.blog .single-widget .post-widget h6 { font-size: var(--h5-size); }
.blog .pagination>li>a { border: 1px solid var(--primary-bg-color-3); height: 45px; line-height: 45px; color: var(--primary-p-color); display: inline-block; text-align: center; width: 45px; }
.blog .pagination>li.active>a { border: none; color: var(--white-color); }
.teamate { color: var(--primary-color); }
body .container { margin: auto; max-width: 80%; padding: 0 10px; }
body header .navbar-expand .navbar-nav.toggle { display: flex; }
body header .navbar-expand .navbar-nav.icons .social { display: none; }
body .card-footer { margin: 0; }
body h1 { font-size: 4rem; }
body h2 { font-size: 2.5rem; }
body aside { margin-top: 60px; }
body .intro { margin-bottom: 25px; }
body .res-margin { margin-bottom: 30px; }
body_1 { overflow-x: hidden; }
body h1_1 { font-size: 3rem; }
body section { padding: 90px 0; }
body .gameon-preloader .preloader-animation .spinner { height: 6em; width: 6em; }
body .gameon-preloader .preloader-animation .loader { font-size: var(--h2-size); }
body header .navbar-expand .navbar-brand { margin: 0; }
body header .navbar-expand .navbar-nav.action .btn { font-size: 0; padding: 5px 10px; }
body header .navbar-expand .navbar-nav.action .btn i { font-size: initial; margin: 0; }
body .icon.bigger { height: 5rem; line-height: 5rem; font-size: 4.5rem; font-weight: bold; margin: 0; width: 5rem; }
body footer .contacts { left: 0; margin-bottom: 30px; }
body footer .contacts:before { left: 0; width: 100%; }
body footer .contacts:after { left: 0; width: 100%; }
body .footer-area { padding: 80px 0; }
body .footer-area .items .item { margin-bottom: 30px; }
body .gameon-preloader .preloader-animation .spinner_1 { height: 5em; width: 5em; }
body .gameon-preloader .preloader-animation .loader_1 { font-size: var(--h3-size); }
body .avatar-max-lg { width: 5rem; height: 5rem; }
body .cta-area .card h2 { font-size: 2rem; }
body .modal-body { -ms-flex-align: start; -webkit-box-align: start; align-items: start; }
body a { text-decoration: none; }
.content-body { padding-left: 30px; }