/*!
Theme Name: HypeU Blog
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hypeu-blog
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-primary: #FF003E;
    --color-success: #00DA16;
    --color-light: #ffffff;
    --color-dark: #000000;
    --color-bg: #141414;
    --card-bg: #262626;

    --color-legendary: #E8CD00;
    --color-epic: #A4A4A4;
}
html.lenis { height: auto; } 

html, body,
.lenis .lenis-scroller,
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
a {
    color: var(--color-primary);
}
body {
    width: 100%;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    color: var(--color-light);    
    background-color: var(--color-bg);
    font-size: 1rem;
}
.sec_title {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 1.4rem;
}
.content {
  z-index: 1;
  background-color: var(--color-bg);
  overflow: hidden;
}
.btn {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.btn.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 2.5rem;
    padding: .6rem 2.6rem;
    font-size: 1rem;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, 
.btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color:  var(--color-primary);
    border-color: var(--color-primary);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "-";
    color: var(--color-light);
}

.sec_title_md {
    font-size: 2.4rem;
}
.git_form .sec_title_md {
    margin-bottom: 2rem;
}

.testimonials_grid {
    padding: 4rem 0 6rem;
}
.testimonials_grid .tes_card {
    padding: 7rem 2rem 2rem;
}
.testimonials_grid .quote_left {
    left: 2rem;
}
.testimonials_grid .quote_right {
    right: 2rem;
    bottom: 2rem;
}
.testimonials_grid .row {
    row-gap: 2rem;
}



.page_banner {
    min-height: 65vh;
}
.pb_img {
    position: absolute;
    inset: 0;
}
.pb_img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
.page_titlebar {
    z-index: 1;
    margin-top: 7rem;
    padding-left: 10rem;
    padding-right: 10rem;
}
.page_breadcumb {
    justify-content: center;
}
.page_breadcumb .breadcrumb-item {
    color: var(--color-light);
}
.page_breadcumb .breadcrumb-item > a {
    color: inherit;
    text-decoration: none;
}
.page_title {
    background: linear-gradient(0deg, rgb(255, 255, 255, 10%), rgb(255, 255, 255, 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.4rem;
    font-weight: 800;
}
.sec_sub_title {
    font-size: 1.2rem;
    color: var(--color-primary);
}
.sec_title {
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 1.4rem;
}

.userNameLink, .action-link,
.userNameLink:active, .action-link:active,
.userNameLink:focus, .action-link:focus {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.full_screen_loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background-color: rgb(0 0 0 / 78%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nftImg{
    border-radius: 15px;
}

.btn {
    font-family: Roboto, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.header.fixed {
	animation: FadeIn .6s ease-in-out;
	position: fixed;
}

.header.fading-out {
	animation: FadeOut .4s ease-in-out;
}

@keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes FadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.menu_item_card:nth-child(1) {
    padding-right: 2rem;
}
.menu_item_card:nth-child(2) {
    border-style: dashed;
    border-width: 0px 1px;
    border-color: rgb(70, 70, 70);
    padding-inline: 2rem;
}
.menu_item_card:nth-child(3) {
    padding-left: 2rem;
}

.header_card {
    background-color: #353535;
    padding: .5rem;
    border-radius: 3rem;
    margin-top: 1rem;
}
.brand {
    max-width: 220px;
}
.brand img {
    max-width: 100%;
    height: auto;
}
.menu_toggle {
    color: var(--color-primary);
}
.auth {
    color: var(--color-light);
}
.auth_icon {
    color: var(--color-success);
}
.auth.btn {
    background-color: #4C4C4C;
    padding: .6rem 2rem;
    border-radius: 3rem;
}
.menu_toggle.btn {
    padding: .2rem;
    width: 2.813rem;
    height: 2.813rem;
    border-radius: 50%;
    border: 0;
    margin-right: .6rem;
}
.menu_toggle.btn:hover {
    background-color: #4C4C4C;
    color: #ccc;
}
.menu {
    position: fixed;
    inset: 0;
    z-index: 999;
    background-color: var(--card-bg);    
    transform: translateY(-100%);
    transition: transform .6s cubic-bezier(0.78, 0, 0.12, 0.99);
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
}
.menu_wrap {
    padding: 3rem 0;
    height: 100vh;    
}
.menu.active {
    transform: translateY(0);
}
.menu_close.btn.btn-primary {
    width: 2.6rem;
    height: 2.6rem;
    padding: .2rem;
    transition: transform .15s ease;
    transform-origin: center;
}
.menu_close.btn.btn-primary:hover {
    transform: scale(1.1);
}
.menu_close.btn.btn-primary:active {
    transform: scale(.95);
}
.ms_input {
    height: 3.4rem;
    background-color: #343434;
    border-color: #343434;
    padding-right: 3rem;
    box-shadow: none !important;
    color: var(--color-light);
    font-size: 1.4rem;
    padding-left: 1.2rem;
    border-radius: .6rem;
}
.ms_input::placeholder {
    color: #474747;
}
.ms_input:focus {
    border-color: var(--color-primary);
    background-color: #343434;
    color: var(--color-light);
}
.ms_btn.btn {
    position: absolute;
    right: .5rem;
    color: var(--color-light);
    background-color: #343434;
    border-radius: 50%;
    width: 2.6rem;
    height: 2.6rem;
    top: .4rem;
    padding: .2rem;
}
.menu_item .nav-item .nav-link {
    color: #A2A2A2;
    font-size: 1.8rem;
    font-weight: 300;
    padding-left: 0;
}

.menu_bottom .social_links .social_item,
.term_menu .nav-item .nav-link {
    color: #A2A2A2;
}




.page_loader {
    display: none;
}
.page_loader.active {
    display: block;
}
.pl_wrapper {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background-color: var(--color-bg);
}
.pl_img {
    width: 20rem;
}
.pl_brand {
    flex: 0 0 5rem;
    width: 5rem;    
}
.pl_brandText {
    flex: 1 1;
}
.pl_brandIcon {
    transform: translateX(80px) rotate(-90deg);
}
.pl_brandText {
    width: 15rem;
    
}
.brandName {
    opacity: 0;
    animation: fadeIn 1s linear forwards;
    animation-delay: .8s;
}

.pl_brandIcon {
  animation: backOnPlace 1s linear forwards;
  animation-delay: 1s;
}
.plb_animated {
    animation: rotatethreesixty .15s linear forwards infinite;
}

@keyframes rotatethreesixty {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-380deg);
  }
}

@keyframes backOnPlace {
  0% {
    transform: translateX(80px) rotate(-90deg);
  }
  50% {
    transform: translateX(0) rotate(0deg);
  }
  75% {
    transform: translateX(-5px) rotate(0deg); 
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.footer {
    background-color: var(--color-bg);
    padding-top: 4rem;
}
.contact_list li {
    padding-left: 2rem;
    position: relative;
}
.contact_list li a {
    color: inherit;
    text-decoration: none;    
}
.contact_list li a{
    transition: color .4s ease-in-out;
    color: var(--color-light);
}
.cl_icon {
    position: absolute;
    left: 0;
}
.contact_list li a:hover {
    color: var(--color-primary);
}
.footer_card h4 {
    font-size: 1rem;
    text-transform: uppercase;
}
.newsletter_form .form-control {
    background-color: var(--color-bg);
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none !important;
    padding: .6rem 2rem .6rem 0;
    height: 46px;
    color: var(--color-light);
}
.newsletter_form .form-control::placeholder {
    color: #8C8C8C;
}
.newsletter_form .form-control:focus {
    border-color: var(--color-primary);
}
.newsletter_form .btn {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 46px;
    text-indent: -50000px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 102 102' width='20' height='20'%3e%3cpath fill='none' stroke='%23ff003e' stroke-width='6' d='M16.253 16.04c1.726-1.727 4.54-2.584 8.562-2.2 4.018.383 9.102 1.997 15.15 5.026h.002l36.38 18.19c8.015 4.008 11.687 9.117 11.687 13.938s-3.672 9.931-11.687 13.939l-36.38 18.19c-6.06 3.029-11.15 4.642-15.17 5.025-4.024.384-6.836-.472-8.559-2.198-1.723-1.725-2.576-4.54-2.19-8.561.387-4.018 2.003-9.103 5.033-15.152l3.696-7.35.005-.01a8.743 8.743 0 0 0 0-7.723l-.004-.007-3.697-7.395-.552-1.123c-2.675-5.558-4.115-10.262-4.474-14.028-.384-4.022.472-6.836 2.198-8.562Z'/%3e%3c/svg%3e") no-repeat center/contain;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    width: 2rem;
}
.newsletter_form .wpcf7-spinner {
    position: absolute;
    top: 10px;
    right: 5px;
    margin: 0;
    opacity: 1;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 8px;
    border-width: 1px;
    border-radius: 4px;
    font-size: .9rem;
    line-height: 1.2;
}
.footer_card .social_links .social_item,
.footer_bottom .term_menu .nav-item .nav-link:hover,
.contact_list .cl_icon {
    color: var(--color-primary);
}
.footer_bottom p,
.footer_bottom .term_menu .nav-item .nav-link {
    font-size: .9rem;
    color: #8C8C8C;
}
.footer_bottom .term_menu {
    gap: 1.5rem;
}
.footer_bottom .term_menu .nav-item .nav-link {
    padding: .5rem 0;
}
.footer_phones {
    position: relative;
    padding-left: 1.4rem;
}
.fp_icon {
    position: absolute;
    left: 0;
    top: 0;
}
.fp_item > a,
.footer_email > a {
    text-decoration: none;
    color: #fff;
    line-height: 1.4;
    display: inline-block;
}
.fp_item > a:hover,
.footer_email > a:hover {
    color: var(--color-primary);
}
.sports_link_item {
    position: relative;
    cursor: pointer;
} 
.sports_link {
    flex-direction: row;
    column-gap: .2rem;
    justify-content: space-between;
}
.sport_label {
    font-size: .9rem;
    font-weight: 300;
    position: absolute;
    left: .3rem;
    top: 0;
    z-index: -1;
    width: max-content;
    bottom: 0;
    display: block;
    padding-left: 2.6rem;
    padding-right: 1rem;
    transition: transform .4s ease-in-out;
    transform: scaleX(0);
    transform-origin: left;
    line-height: 2rem;
    background-color: #2C2C2C;
    border-radius: 2.6rem;
    pointer-events: none;
}
.sports_link_item:hover {
    z-index: 1;
}
.sports_link_item:hover .sport_label {
    transform: scaleX(1);
}

.sports_link_item:nth-last-child(-n+3) .sport_label {
    transform-origin: right;
    left: unset;
    right: .3rem;
    padding-right: 2.6rem;
    padding-left: 1rem;
}
.menu_item_card .hype_dropdown_menu {
    max-height: 300px;
    overflow-y: auto;
}
.menu_item_card .hype_dropdown_toggle {
    border: 0;
    color: #A2A2A2;
    font-size: 1.8rem;
    font-weight: 300;
    padding: .5rem 2rem .5rem 0;
    line-height: 1.4;
}
.menu_item_card .hype_dropdown_toggle:after {
    display: none;
}


.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
}
.post-navigation .nav-links a {
    color: #A1A1A1;
    text-decoration: none;
}
.post-navigation .nav-links a:hover {
    color: var(--color-primary);
}
.nav-previous .nav_icon {
    display: inline-block;
    margin-right: .4rem;
}
.nav-next .nav_icon {
    display: inline-block;
    margin-left: .4rem;
}
.news_grid,
.news_details {
    padding: 4rem 0;
}
.news_card {
    background-color: var(--color-dark);
    border-radius: 1rem;
    overflow: hidden;
    height: 420px;
    margin-bottom: 1.6rem;
}
.news_img,
.news_body {
    transition: transform .6s ease;
}
.news_body {
    padding: 1rem;
}
.news_img img {
    height: 294px;
    width: 100%;
    object-fit: cover;
    border-radius: 1rem;
}
.news_date {
    background-color: var(--color-primary);
    padding: .2rem .6rem;
    line-height: 1;
    border-radius: 1.8rem;
    font-size: .9rem;
    display: inline-block;
    color: #fff;
}
.news_card .news_date {
    position: absolute;
    right: .8rem;
    bottom: .8rem;
}
.news_body h4 {
    font-size: 1.4rem;
    max-width: 90%;
}
.news_anchor {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid var(--color-primary);
    border-radius: .5rem;
    cursor: pointer;
    overflow: hidden;
    color: var(--color-primary);
}
.na_arrow,
.na_hidden {
    position: absolute;
    inset: 0;
    transition: transform .4s ease;
}
.na_hidden {
    transform: translate(-100%, 100%);
}
.news_anchor:hover .na_arrow {
    transform: translate(100% , 100%);
}
.news_anchor:hover .na_hidden {
    transform: translate(0 , 0);
}
.news_body p {
    opacity: 0;
    transition: transform .6s ease, opacity .6s ease;
    transform: translateY(20px);
    font-size: .96rem;
}
.news_card:hover .news_body p {
    opacity: 1;
    transform: translateY(0);
}
.news_card:hover .news_img,
.news_card:hover .news_body {
    transform: translateY(-100px);
}
.news_card:hover .news_text {
    height: 40px;
}
.news_card > a {
    all: unset;
}
.sort_field select {
    max-width: 150px;
    padding: .6rem;
    background-color: #141414;
    border: 1px solid #505050;
    border-radius: .4rem;
    color: #fff;
    font-size: .9rem;
}
blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    background-color: #202020;
    padding: 1rem;
    border-left: 4px solid #ff003e;
    border-radius: .6rem;
}
blockquote>:last-child {
    margin-bottom: 0;
}
.widget {
    background-color: var(--card-bg);
    padding: 1.2rem;
    border-radius: 1rem;
    display: block;
}
.menu_search .ms_input {
    font-size: 1rem;
    background-color: var(--card-bg);
    border: 1px solid #505050;
}
.news_list {
    gap: 1rem;
}
.news_list_img {
    flex: 0 0 100px;
    width: 100px;
}
.news_list_body {
    flex: 1 1;
}
.news_list .news_date {
    display: inline-block;
    margin-bottom: .4rem;
    font-size: .7rem;
}
.news_list_body h4 {
    font-size: 1rem;
    line-height: 1.4;
}
.news_list_img > img {
    width: 100%;
    height: 5rem;
    border-radius: .6rem;
    object-fit: cover;
}
.news_list > a {
    position: absolute;
    inset: 0;
}
.topic_item {
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    padding: .4rem 2rem .4rem .4rem ;
    display: block;
    text-decoration: none;
    color: var(--color-light);
}
.topic_count {
    position: absolute;
    right: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-primary);
    top: .45rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5rem;
    font-size: .8rem;
}
.ng_page .pagination {
    gap: .2rem;
}
.ng_page .page-item .page-link {
    background-color: transparent;
    color: #fff;
    border: 0;
    border-radius: .4rem !important;
}
.ng_page .page-item:not(.active) .page-link:hover {
    background-color: var(--card-bg);
}
.ng_page .page-item.active .page-link {
    background-color: var(--color-primary);
}
.nd_body img {
    border-radius: 1.2rem;
}

.share_post {
    flex-direction: row;
    justify-content: flex-end;
    gap: 3rem;
    align-items: center;
    padding: 1.5rem 0;
    margin: 2.5rem 0;
    border-style: solid;
    border-width: 1px 0;
    border-color: #A7A7A7;
}
.share_post_label {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.share_post .social_item {
    color: var(--color-primary);
}

.tags ul {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}
.tags ul li {
    width: max-content;
}
.tags ul li a {
    text-decoration: none;
    color: var(--color-light);
    border: 1px solid #D9D9D9;
    padding: .4rem 1rem;
    display: block;
    border-radius: 2rem;
    transition: background-color .3s ease, border-color .3s ease;
}
.tags ul li a:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.nd_body .post_title {
    color: #fff;
    font-weight: 600;
}
.post_content {
    color: #9d9d9d;
    line-height: 1.6;
}
.nd_body :where(h2, h3, h4, h5, h6) {
    color: #dfdfdf;
}
#ez-toc-container {
    background: #262626;
    border: 1px solid #262626;
    display: block;
    margin-bottom: 2rem;
    border-radius: .6rem;
    padding: 1.2rem;
}
#ez-toc-container a {
    color: #b5b5b5;
}
#ez-toc-container a:visited {
    color: #ffffff;
}
.hypeDropdown {
    position: relative;
    z-index: 1;
}
.hype_dropdown_toggle {
    all: unset;
    border: 1px solid #505050;
    padding: .8rem 2rem;
    line-height: 1;
    border-radius: .4rem;
    color: #a2a2a2;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat;
    background-size: 14px;
    background-position: 96% 50%;
    display: block;
    box-sizing: border-box;
    text-align: center;
}

.hype_dropdown_menu {
    background-color: #343434;
    padding: 1.2rem;
    border-radius: 1rem;
    position: absolute;
    min-width: 13rem;
}
.hype_dropdown_item {
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
    color: #a2a2a2;
}



.footer_bottom {
    padding: 1rem 0;
    border-top: 1px solid #313131;
}
.footer_main {
    margin-bottom: 2rem;
}











.support-tabs {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    -webkit-overflow-scrolling: touch;
}

.support-tabs::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Opera */
}

.support-tabs li {
    flex: 0 0 auto;
    padding: .6rem 2.4rem;
    border-radius: 2rem;
    background: var(--card-bg);
    cursor: pointer;
    user-select: none;
    transition: background 0.3s;
    color: var(--color-light);
}
.support-tabs li.active {
    background: var(--color-primary);    
}
.support-posts {
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
}
.support-group {
    display: none;
}
.support-group.active {
    display: block;
}
.support-item {
    padding: 1.4rem 1rem;
    border-radius: 1.2rem;
    position: relative;
    flex: 0 0 calc(25% - .7rem);
    background-color: var(--card-bg);
    text-align: center;
    height: 100%;
}
.no_support {
    padding-block: 50px;
    margin: 0;
    color: #7e7e7e;
    font-size: .9rem;
}
.support-item:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1px;
    width: 9.6rem;
    height: 6rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='113' viewBox='0 0 187 113' fill='none'%3E%3Cpath d='M0.5 2.9546e-10H187C168.5 2.96041e-10 158 14.5 158 30.5V48.5C158 84.1224 129.122 113 93.5 113V113C57.8776 113 29 84.1224 29 48.5V30.5C29 12.5 17 0 0.5 2.9546e-10Z' fill='%23141414'/%3E%3C/svg%3E") no-repeat top center;
    background-size: contain; 
}
.support-icon {
    margin-bottom: 2.4rem;
    max-width: 3rem;
    transition: transform .3s ease;
}
.support-item:hover .support-icon {
    transform: scale(1.05);
}
.support-item h3 {
    font-size: 1.32rem;
}
.si_link {
    position: absolute;
    inset: 0;
}
.faq-wrapper {
    padding: 6rem 0;
}
.faq-categories {
    border-right: 1px solid #2e2e2e;
    padding-right: 0;
}
.faq-categories li {
    padding: .8rem 1rem;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: right;
    border-style: solid;
    border-width: 0 2px 0 0;
    margin-right: -2px;
    border-color: transparent;
}
.faq-content {
    padding-left: 3rem;
} 
.faq_category_reset {
    counter-reset: faq-item;
}
.faq_ac .accordion-item {
    border: 0;
    background-color: transparent;
    counter-increment: faq-item;
    margin-bottom: 1rem;
    min-height: 71px;
}
.faq_ac .accordion-item .accordion-header {
    position: relative;
    z-index: 1;
    margin-bottom: -1.8rem;
}
.faq_ac .accordion-button:not(.collapsed):after {
    transform: rotate(0);
}
.faq_ac .accordion-button {
    color: var(--color-light);
    padding: 1.2rem 1rem 1.2rem 5rem;
    font-size: 1.25rem;
    font-weight: 600;
    box-shadow: none !important;
    background-color: var(--card-bg);
    border-radius: 3rem !important;
}
.faq_ac .accordion-button:before {
    content: "0" counter(faq-item);
    position: absolute;
    left: 1.2rem;
    font-size: 2.2rem;
    color: #343434;
    font-weight: 800;
}
.faq_ac .accordion-button:after {
    background: var(--color-primary) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    transform-origin: center;
}
.faq_ac .accordion-body {
    background-color: #1f1f1f;
    color: var(--color-light);
    padding: 3rem 1.2rem 1.2rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    font-size: .9rem;
}
.faq-categories li.active {
    border-color: var(--color-primary);
    font-weight: bold;
}
.faq-group { display: none; }
.faq-group.active { display: block; }

.faq-item.active .faq-answer { display: block; }
.faq-item p {
    margin: 0;
}
.need_help_card {
    display: flex;
    flex-wrap: wrap;
    background-color: #292929;
    padding: 3rem 0;
    border-radius: 1.4rem;
}
.ngc_item > span {
    display: inline-block;
}
.ngc_text {
    flex: 0 0 40%;
}
.ngc_whatsapp, .ngc_email, .ngc_text {
    padding-inline: 2rem;
}
.ngc_email, .ngc_whatsapp {
    flex: 1 1;
}
.ngc_email {
    border-style: solid;
    border-width: 0 1px;
    border-color: #3D3D3D;
}
.ngc_email h4,
.ngc_whatsapp h4 {
    font-size: 1.4rem;
    font-weight: 600;
}
.ngc_text > h2 {
    font-size: 2.8rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}
.ngc_text h4 {
    font-size: 1.2rem;
    font-weight: 600;
}
.top_area {
    padding: 8rem 0 4rem;
}

.support_steps_wrapper {
    padding: 2rem 0;
}
.support_steps_card {
    background-color: var(--card-bg);
    padding: 1.4rem;
    border-radius: 1.4rem;    
}
.support_steps_divider {
    border-color: #323232;
    opacity: 1;
}
.support_steps_card:not(:last-child) {
    margin-bottom: 1.4rem;
}
.support_step_count {
    padding: .4rem 1rem;
    font-size: 1rem;
    background-color: var(--color-primary);
    border-radius: 2rem;
    display: inline-block;
    margin-bottom: 1.4rem;
    line-height: 1;
    font-weight: 600;
}
.support_steps_card h4 {
    font-size: 1.6rem;
    font-weight: 600;
}
.support_search .ms_input::placeholder {
    color: #6a6a6a;
}
.support_search .ms_input {
    font-size: 1.2rem;
}
.support_search .ms_btn {
    pointer-events: none;
}
.search_result {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #343434;
    border-radius: .6rem;
    margin-top: .2rem;
    padding: 1.2rem;
    max-height: 250px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.search_result > a {
    display: block;
    color: #ACACAC;
    text-decoration: none;
    transition: color .3s ease;
    padding: .4rem 0;
}
.search_result > a:hover {
    color: var(--color-primary);
}
.support_form_wrapper {
    padding: 4rem 0;
}
.sf_card .form-control:not(textarea),
.sf_card .form-select {
    height: 50px;
    border-radius: .5rem;
}
.sf_card .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FF003E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

}
.sf_card .form-control,
.sf_card .form-select {
    background-color: #080808;
    border: 0;
}
.sf_card .form-control::placeholder,
.sf_card .form-control,
.sf_card .form-select {
    color: #ccc;
}
.sec_sub_title_sm {
    font-size: 1rem;
}
.site-info {
   color: #8C8C8C;
   font-size: .95rem;
}

.support-wrapper .sec_title {
	text-transform: capitalize;
}



@media screen and (max-width : 1199px) {
	.news_body h4 {
        font-size: 1.2rem;
        max-width: 88%;
    }
	.date_field_label {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .sec_title { 
        font-size: 2.4rem;
        margin-bottom: 1.2rem;
    }
}

@media screen and (max-width : 820px) {
    .footer_main .row {
        row-gap: 1.5rem;
    }
    .footer_main .col-md-3 {
        flex: 0 0 50%;
        width: 50%;
    }
    .sports_link {
        overflow-y: auto;
    }
    .sec_title {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .page_titlebar {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .page_breadcumb .breadcrumb-item {
        font-size: .9rem;
        text-align: center;
    }
	.news_body h4 {
        font-size: 1rem;
    }
    .news_anchor {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: .4rem;
    }
    .news_anchor > svg {
        width: 20px;
        top: 0rem;
        height: 20px;
    }
    .news_body p {
        font-size: .8rem;
    }
    .news_list_img {
        flex: 0 0 60px;
        width: 60px;
    }
    .news_list_img > img {
        height: 3rem;
    }
    .news_list_body h4 {
        font-size: .8rem;
        line-height: 1.4;
    }
}
@media screen and (max-width: 767px) {
    .menu_item_card:nth-child(3) {
        padding-left: 0.8rem;
    }
    .menu_item_card:nth-child(2) {
        padding-inline: 0.8rem;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
    }
    .menu_item_card:nth-child(1) {
        padding-right: 0.8rem;
    }
    .faq-content {
        padding-left: .95rem;
    }
    .faq-categories {
        padding-right: .95rem;
    }
    .faq-categories ul.list-unstyled {
        display: flex;
        overflow-x: auto;
    }
    .faq-categories li {
        width: fit-content;
        flex: 0 0 auto;
        border-width: 0 0 2px 0;
        padding-inline: 1rem;
    }
    
    .need_help_card {
        row-gap: 2rem;
    }
    .page_title {
        font-size: 2rem;
    }
    .hn_left,
    .hn_right.text-end,
    .csh_right {
        text-align: center !important;
    } 
    .hn_left,
    .nd_body {
        margin-bottom: 1.4rem;
    } 
	 .ng_filter .row {
        row-gap: 1rem;
    }   
}
@media screen and (max-width : 575px) {
    .faq-wrapper {
        padding: 4rem 0;
    }
    .faq_ac .accordion-button {
        font-size: .9rem;
        padding: 1rem 1rem 1rem 4rem;
        line-height: 1.2;
    }
    .faq_ac .accordion-button:before {
        font-size: 1.4rem;
    }
    .faq_ac .accordion-button:after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 14px;
    }
    .ngc_text,
    .footer_main .col-md-3 {
        flex: 0 0 100%;
        width: 100%;
    }
    .ngc_email, .ngc_whatsapp {
        flex: 1 1;
        width: 100%;
        flex: 0 0 100%;
    }
    .ngc_text > h2 {
        font-size: 1.8rem;
    }
    .page_banner {
        height: 300px;
    }
    .auth_label {
        display: none;
    }
    .auth.btn {
        width: 2.813rem;
        height: 2.813rem;
        padding: 0;
        border-radius: 50%;
        line-height: 2.8rem;
    }
    .brand {
        max-width: 160px;
    }
    .menu_item .nav-item .nav-link,
    .menu_item_card .hype_dropdown_toggle  {
        font-size: 1.2rem;
    }
    .menu_item_card .hype_dropdown_toggle {
        display: block;
        width: 100%;
        text-align: left;
    }
    .menu_item_card .hype_dropdown_menu {
        position: static !important;
        transform: none !important;
    }
    .term_menu.justify-content-end.nav {
        justify-content: flex-start !important;
        margin-top: 1.4rem;
    }

}
@media screen and (max-width : 480px) {
    .page_title {
        font-size: 1.4rem;
    }
    .menu_bottom {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }
    .menu_wrap {
        height: auto;
        padding: 2rem 0;
    }
    .term_menu .nav-item .nav-link {
        padding-left: 0;
    }
}








@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 920px;
    }
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 1080px;
    }
    .ast_cont {
        display: flex;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 90%;
    }
    .h2, h2 {
        font-size: 2.8rem;
    }
    .h3, h3 {
        font-size: 2rem;
    }
    .h5, h5 {
        font-size: 1.5rem;
    }

}
@media (min-width: 1920px) {
    body {
        font-size: 1.2rem;
    }
    .sec_title {
        font-size: 3.8rem;
    }
}