@import 'https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap';:root {
    --primary-color: #f44336;
    --secondary-color: #000000;
    --text-color: #FFFFFF;
    --text-color-d: #d9d9d9
}

* {
    box-sizing: border-box
}

*,*:focus,*:hover,*:active,*:before,*:after {
    outline: 0
}

*::selection {
    background: rgb(255 255 255/15%);
    color: var(--primary-color)
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #424242
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color)
}

html {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative
}

body {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: montserrat,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    background: #0c0d10;
    line-height: unset;
    display: flex;
    flex-direction: column;
    color: #fff
}

.overflow-hidden {
    overflow: hidden
}

a {
    text-decoration: none!important;
    color: var(--text-color);
    border: 0;
    cursor: pointer;
    transition: 130ms ease 0s
}

p,h1,h2,h3,h4,h5 {
    margin: 0
}

.section-main,nav,footer,.dashboard-body {
    min-width: 100%;
    position: relative;
    display: block
}

.navbar-in,.header-in,.section-in,.footer-in {
    width: 100%;
    padding-left: 40px;
    height: 100%;
    margin-left: auto!important;
    max-width: 1500px;
    position: relative;
    padding-right: 40px;
    margin-right: auto!important
}

.header {
    position: relative;
    height: 60vh;
    background: url(/assets/images/background.webp) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 110px
}

.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #685858;
    opacity: .5
}

.header-bg-cloud {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 1px);
    user-select: none;
    pointer-events: none
}

.header-container {
    max-width: 490px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    grid-gap: 20px
}

.header-container h1,.offer-banner h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 38px;
    letter-spacing: 1px
}

.header-container p,.offer-banner p {
    color: #fff;
    letter-spacing: .5px;
    margin: 10px
}

nav {
    position: relative;
    background: var(--secondary-color);
    z-index: 10
}

.navbar-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px
}

.navbar-l,.navbar-r {
    display: flex;
    align-items: center;
    grid-gap: 30px;
    z-index: 2
}

.navbar-r {
    grid-gap: 15px
}

.navbar-r .btn-secondary {
    padding-left: 22px;
    padding-right: 22px
}

.btn-primary.icon {
    height: 44px;
    width: 44px!important;
    min-width: 44px;
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-primary.icon i {
    margin: 0;
    font-size: 17px;
    transition: 120ms ease 0s
}

.btn-primary.icon:hover i.fa-solid.fa-gear {
    transform: rotate(45deg) scale(1.05)
}

.navbar-r .navbar-link {
    margin-right: 6px;
    margin-left: 6px
}

.navbar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}

.navbar-logo img {
    height: 41px
}

.navbar-link,.sidebar-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffff;
    user-select: none
}

.navbar-link span:before {
    content: "";
    height: 2px;
    width: 0%;
    background: var(--primary-color);
    position: absolute;
    bottom: -4px;
    border-radius: 4px;
    left: 0;
    transition: 150ms ease 0s;
    z-index: -1
}

.navbar-link.active span:before,.navbar-link:hover span:before {
    width: 100%
}

.navbar-link.active span:before {
    height: calc(100% + 6px);
    left: -10px;
    width: calc(100% + 20px)
}

.navbar-link span>i {
    margin-left: 6px
}

.navbar-icon {
    width: 40px;
    height: 40px;
    background: #ffffff17;
    color: #ffff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.navbar-icon:hover {
    background: #ffffff40
}

.navbar-icon i {
    font-size: 17px
}

.dropdown-in {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 40px;
    margin-top: 20px;
    width: calc(100% - 80px);
    transition: 130ms ease 0s;
    transform: translateY(-10px) scale(.9);
    opacity: 0;
    visibility: hidden
}

.dropdown-in-x {
    display: grid;
    grid-template-columns: repeat(4,auto);
    border-radius: 5px;
    border: 1px solid #3b3b3b;
    border-bottom: 6px solid var(--primary-color);
    width: 100%
}

.dropdown.active .dropdown-in {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 1;
}

.dropdown-container {
    display: flex;
    flex-direction: column;
    padding: 30px;
    grid-gap: 10px;
    background: #0f1114;
    border-radius: 6px;
}

.dropdown-container:nth-child(2),.dropdown-container:nth-child(3) {
    border-left: 1px solid #3b3b3b;
    background: #1b1e23;
    border-right: 1px solid #3b3b3b;
}

.dropdown-container>h1,.dropdown-container>h3,.dropdown-container>span {
    color: #fff;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 19px
}

.navbar-link span {
    position: relative;
    cursor: pointer
}

.dropdown-link {
    padding-left: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    grid-gap: 8px;
    text-transform: math-auto
}

.dropdown-link:before {
    width: 5px;
    height: 5px;
    background: var(--primary-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 10px
}

.dropdown-link:hover {
    transform: translateX(5px)
}

.small.dropdown {
    position: relative
}

.small.dropdown .dropdown-in {
    width: auto;
    left: unset;
    right: 0
}

.small.dropdown .dropdown-in .dropdown-in-x {
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(7px);
    border: 1px solid #ffffff29;
    background: #181b20;
    padding: 10px
}

.small.dropdown .dropdown-container {
    padding: 0;
    grid-gap: 0;
    background: 0 0
}

.small.dropdown .dropdown-container .dropdown-link {
    transition: 100ms ease 0s;
    padding: 10px;
    color: #fff;
    border-radius: 5px
}

.small.dropdown .dropdown-container .dropdown-link:first-child {
    border-radius: 5px 5px 0 0
}

.small.dropdown .dropdown-container .dropdown-link:last-child {
    border-bottom: 0;
    border-radius: 0 0 5px 5px
}

.small.dropdown .dropdown-container .dropdown-link:hover {
    transform: none;
    background: #ffffff12
}

.dropdown.list .dropdown-in {
    width: fit-content;
    left: -10px;
    white-space: nowrap
}

.dropdown.list {
    position: relative
}

.dropdown-links {
    display: flex;
    flex-direction: column;
    padding: 15px;
    background: #4f4f4f40;
    backdrop-filter: blur(40px);
    border: 1px solid #ffffff29;
    border-radius: 8px
}

.dropdown-links .dropdown-link {
    padding: 12px;
    color: #fff;
    text-transform: math-auto;
    grid-gap: 12px;
    letter-spacing: .5px
}

.dropdown-links .dropdown-link:hover {
    background: #ffffff24;
    transform: none;
    border-radius: 5px
}

.title-set {
    margin-top: 120px;
    margin-bottom: 60px;
    width: fit-content
}

.title-set h1,.title-set h2 {
    font-size: 33px;
    font-weight: 800;
    margin: 8px 0;
    letter-spacing: .5px;
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content
}

.title-set p {
    font-family: montserrat alternates,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #484848;
    letter-spacing: .5px
}

.title-set h4,.title-set span {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    background: #ff000014;
    color: var(--primary-color);
    box-shadow: inset 0 0 0 1px rgb(0 0 0/4%);
    width: fit-content;
    padding: 2px 8px;
    border-radius: 2px
}

.title-set h1:before,.title-set h2:before {
    content: "";
    position: absolute;
    bottom: 4px;
    left: -5px;
    height: 10px;
    width: 40%;
    background: var(--primary-color);
    opacity: 1;
    z-index: -1;
    border-radius: 5px;
    transition: 150ms ease 0s
}

.title-set h1 span,.title-set h2 span {
    position: relative
}

.title-set h1:hover:before,.title-set h2:hover:before {
    height: calc(100% - 8px)
}

.tooltip-x-text {
    /* font-family: montserrat alternates,sans-serif; */
    position: absolute;
    font-size: 12px;
    top: calc(100% + 16px);
    background: var(--primary-color);
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    padding: 5px 10px;
    border-radius: 3px;
    transform: translateY(5px);
    opacity: 0;
    transition: 150ms ease 0s;
    visibility: hidden;
    color: #fff;
    user-select: none;
    pointer-events: none
}

.tooltip-x-text:after {
    content: " ";
    position: absolute;
    bottom: calc(100% - 1px);
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent var(--primary-color) transparent
}

.tooltip-x:hover .tooltip-x-text {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
    margin-bottom: 120px
}

.grid-5 {
    grid-template-columns: repeat(5,1fr)
}

.product-card.out-of-stock {
    order: 1
}

.product-card.out-of-stock:before {
    content: "OUT OF STOCK";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000073;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 30px;
    font-weight: 900;
    color: #fff
}

.marketplace-product .product-image {
    max-height: 280px;
    height: 280px
}

.marketplace-product .product-image img {
    object-fit: cover;
    height: 100%
}

.product-card {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    border: 1px solid #ffffff24;
    padding: 20px;
    transition: 150ms ease 0s;
    cursor: pointer;
    height: 100%;
    position: relative
}

.product-card-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-card:hover {
    background: linear-gradient(120deg,#ffffff1c,transparent,#ffffff08);
    transform: translateY(-10px)
}

.product-image img {
    width: 100%;
    border-radius: 10px
}

.product-title {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-subtitle {
    font-family: montserrat alternates,sans-serif;
    font-size: 15px;
    color: #060606;
    font-weight: 500;
    margin-bottom: 12px
}

.stat-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 12px 0;
    margin-top: auto
}

.stat-grid>p span {
    margin-right: 5px;
    position: relative;
    color: var(--text-color-d);
    white-space: nowrap
}

.stat-grid>p span:before {
    height: 2px;
    width: 102%;
    top: 50%;
    left: -1%;
    content: "";
    background: red;
    position: absolute
}

.stat-offer {
    color: #fff!important;
    padding: 5px 10px;
    border: 2px solid var(--primary-color);
    text-transform: uppercase;
    font-size: 13px;
    line-height: inherit;
    border-radius: 3px;
    font-weight: 700;
    letter-spacing: .5px
}

.product-btns,.order-btns {
    display: flex;
    align-items: center;
    grid-gap: 10px;
    z-index: 5
}

.btn-primary,.btn-secondary {
    background: var(--primary-color);
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    padding: 12px 30px;
    border-radius: 6px;
    text-transform: uppercase;
    width: 100%;
    font-size: 13px;
    letter-spacing: .5px;
    font-weight: 600;
    text-align: center;
    position: relative;
    user-select: none;
    font-family: montserrat,sans-serif!important;
    border: 0;
    border: 2px solid var(--primary-color);
    transition: 120ms ease 0s
}

.navbar-r .btn-primary {
    width: fit-content;
    padding: 12px 32px
}

.btn-primary i,.btn-secondary i {
    margin-left: 10px
}

.btn-primary:hover,.order-btns .btn-primary:hover {
    background: #c70e01
}

.btn-secondary:hover {
    background: #f4433642
}

.product-btns .btn-primary:hover,.order-btns .btn-secondary:hover {
    background: #9f0303
}

footer {
    background: var(--secondary-color)
}

footer.top .footer-in {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    grid-gap: 60px
}

.footer-container {
    display: flex;
    position: relative;
    flex-direction: column;
    grid-gap: 20px
}

.footer-link:hover {
    color: #fff
}

.footer-link i {
    width: 15px
}

.footer-logo {
    margin-bottom: 10px;
    width: 90px;
    height: auto;
    object-fit: contain
}

.footer-container p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    color: #fff
}

.footer-links {
    display: flex;
    flex-direction: column;
    grid-gap: 8px
}

.footer-links h3 {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer-link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #dfdfdf;
    border-radius: 5px;
    user-select: none;
    display: flex;
    align-items: center;
    grid-gap: 7px
}

footer.top {
    padding: 80px 0
}

footer.bottom {
    background: #111214;
    border-top: 1px solid #1e1e1e;
    padding: 14px 0
}

footer.bottom .footer-in,.session-header {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.footer-para {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #fff
}

.footer-para a {
    color: var(--primary-color);
    font-weight: 500;
    letter-spacing: .5px
}

.trustpilot-set {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    margin-bottom: auto;
    color: var(--text-color)
}

.trustpilot-set .tp-logo__text {
    fill: #fff
}

.trustpilot-set .trustpilot-star {
    display: flex;
    grid-gap: 5px;
    align-items: center
}

.trustpilot-set .tp-widget-rating {
    white-space: nowrap;
    display: flex;
    grid-gap: 5px
}

.providers {
    background: #111214;
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    margin-top: auto
}

.providers-in {
    justify-content: space-between;
    padding: 25px 0
}

.providers-in img,.providers-in svg {
    height: 50px;
    transition: 150ms ease 0s
}

.providers-in img:hover,.providers-in svg:hover {
    transform: scale(1.1)
}

.product-container,.document-container {
    display: flex;
    flex-direction: column;
    grid-gap: 40px;
    margin: 100px 0
}

.product-single-l .product-image {
    max-width: 550px;
    min-width: 550px;
    max-height: 550px;
    height: 550px;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    background: linear-gradient(120deg,#ffffff17,transparent,#ffffff0a);
    border: 1px solid #ffffff1f
}

.product-single-l .product-image img {
    height: 100%;
    object-fit: contain;
    width: 100%
}

.product-single-title {
    font-size: 33px
}

.product-single-r .stat-grid {
    width: fit-content;
    grid-gap: 20px;
    padding: 10px;
    background: #ffffff14;
    border-radius: 5px;
    border: 1px solid #ffffff17;
    margin-bottom: 15px
}

.product-single-r .stat-grid .stat-price {
    font-size: 19px;
    font-weight: 600;
    color: #fff
}

.product-single-r .stat-grid .stat-offer {
    font-size: 11px!important;
    padding: 4px 12px
}

.product-single-r .btn-primary {
    padding: 16px 15px
}

.product-single-r .product-btns,.warranty-popup .product-btns {
    margin-top: 40px;
    position: relative;
    z-index: 1
}

.product-single-providers img {
    object-fit: contain;
    height: 20px
}

.product-single-providers .providers-in {
    width: fit-content;
    padding: 0;
    grid-gap: 18px;
    margin: 22px auto;
    display: flex;
}

.container-klarna {
    background: #212121;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 20px;
    border-radius: 4px;
    border: 1px solid #0000000f
}

.container-klarna .text-klarna {
    font-size: 14px;
    color: #fff
}

.product_policy {
    font-size: 13px;
    letter-spacing: .1px
}

.product_policy a {
    text-decoration: underline!important;
    color: #fff
}

.product-list {
    display: flex;
    flex-direction: column;
    grid-gap: 20px
}

.product--single {
    display: flex;
    align-items: center
}

.prduct--image {
    width: 70px;
    min-width: 70px;
    height: 70px;
    background: #ffffff0f;
    border-radius: 6px;
    border: 1px solid #ffffff1a
}

.prduct--image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.product--info {
    margin-left: 20px;
    margin-right: auto
}

.product--info h3 {
    font-size: 18px;
    font-weight: 600
}

.product--info span {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    color: #c1c1c1;
    letter-spacing: .5px
}

.payment-r-b {
    margin-top: auto;
    padding-top: 20px
}

#coupon-apply {
    display: flex;
    grid-gap: 10px
}

#coupon-apply button {
    padding: 12px 32px;
    max-width: fit-content
}

.error.not-really span {
    background: #00ff211c;
    border: 1px solid #61ba74;
    padding: 10px 20px
}

.product--price .stat-grid {
    margin: 0;
    white-space: nowrap
}

.product--price .stat-price {
    white-space: nowrap;
    color: #fff;
    font-weight: 700
}

.product--single-total {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product--single-total>span {
    font-weight: 500;
    font-size: 20px
}

.product--single-total-price {
    line-height: 20px;
    align-items: flex-end;
    display: flex;
    grid-gap: 8px
}

.product--single-total.small .product--single-total-price h3 {
    font-size: 16px
}

.product--calculation {
    border-top: 1px solid #ffffff2b;
    display: flex;
    flex-direction: column;
    grid-gap: 15px;
    padding-top: 20px
}

.product--single-total.small>span {
    font-size: 15px
}

.product--single-total-price>span {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #ddd
}

.product--single-total-price h3 {
    font-size: 26px
}

.flp-input {
    padding: 17.5px 20px;
    font-size: 15px;
    font-family: montserrat,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    color: #fff;
    transition: 160ms ease 0ms;
    border-radius: 6px;
    background: #0d1016;
    box-shadow: inset 0 0 0 1px rgb(255 255 255/6%);
    border: none;
    width: 100%!important;
    display: block;
    max-width: unset;
    position: relative
}

.flp-input:focus,.flp-input:not(:placeholder-shown) {
    background: #12161e;
    box-shadow: inset 0 0 0 1px #1e222f
}

.flp-input.complete {
    box-shadow: inset 0 0 0 1px green;
    background: #00800014
}

.flp-input.paid {
    box-shadow: inset 0 0 0 1px red;
    background: #80000014
}

.flp-input.opt {
    padding: 10px;
    line-height: 18px;
    font-weight: 500
}

.checkout-container {
    flex-direction: column;
    grid-gap: 20px
}

.checkout-group,.inp-row,.input-group {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    width: 100%
}

.checkout-group>h1 {
    font-weight: 600
}

.inp-row {
    flex-direction: row
}

.checkout-container {
    display: none
}

.checkout-container.active {
    display: flex
}

.error {
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-gap: 5px
}

.error span {
    font-size: 14px;
    background: #ff00001c;
    border: 1px solid #f44336;
    color: var(--text-a);
    border-radius: 3px;
    padding: 4px 8px
}

.btn-row {
    display: flex;
    align-items: center;
    grid-gap: 20px
}

.header-container .btn-primary {
    border: 2px solid #fff;
    width: fit-content
}

.btn-secondary {
    width: fit-content;
    background: 0 0;
    transition: 150ms ease 0s
}

.btn-secondary.active {
    background: var(--primary-color)
}

.btn-secondary.link {
    border: none;
    background: 0 0;
    padding: 0;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    border-radius: 0
}

.btn-secondary.border-only {
    background: 0 0;
    border: 2px solid #717171
}

.collection-visit {
    color: var(--primary-color);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-left: 10px
}

.collection-visit:hover {
    transform: translateX(5px)
}

.loading-disable,.loading {
    position: relative;
    pointer-events: none
}

.loading-disable:before,.loading:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0000000d url(/assets/images/loading.gif) no-repeat;
    background-position: center;
    background-size: 10%;
    top: 0;
    left: 0;
    z-index: 5;
    user-select: none;
    cursor: no-drop
}

.swal-button {
    width: 100%;
    background: var(--primary-color);
    outline: 0!important;
    box-shadow: none!important;
    transition: 150ms ease 0s
}

.swal-icon--error {
    border: 2px solid red!important
}

.swal-icon--error__line {
    background-color: #f44!important
}

.swal-button-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.swal-button:hover {
    background: #a7362e!important
}

.swal-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 900
}

.swal-footer,.swal-title {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px
}

.swal-text {
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: 400
}

.swal-modal {
    background: #0a0c12;
    border: 1px solid #ffffff17
}

.swal-overlay {
    backdrop-filter: blur(2px);
    background-color: rgb(45 45 45/12%)
}

.swal-icon--success:after,.swal-icon--success:before,.swal-icon--success__hide-corners {
    background: #0a0c12
}

.swal-icon {
    border-color: transparent
}

.container-box,.order--accounts {
    padding: 30px;
    border-radius: 8px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    border: 1px solid #ffffff17;
    width: 100%
}

.box-title {
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 15px
}

.container-box-in p {
    line-height: 26px;
    word-break: break-all;
}

.container-order-info-billing {
    grid-column-start: 1;
    grid-column-end: 2
}

.container-order-info-payment .providers-in {
    padding: 0;
    width: fit-content;
    grid-gap: 10px
}

.container-order-info-payment .providers-in img {
    height: 30px
}

.document-container .title-set {
    margin: 0
}

.checkout-mode.disabled {
    display: none
}

.navbar-mobile,.profile-mobile-nav {
    display: none;
    height: 40px;
    width: 40px
}

.navbar-mobile-links {
    position: absolute;
    margin: 0 40px;
    width: calc(100% - 60px);
    left: -10px;
    background: #111215;
    box-shadow: 6px 6px 20px -4px #00000012,inset 0 0 0 1px rgb(0 0 0/10%);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    transition: 250ms ease 0s;
    top: 80px;
    transform: translateY(0px);
    opacity: 0;
    visibility: hidden
}

.navbar-mobile-links .navbar-link {
    color: #fff;
    padding: 12px 10px;
    text-align: center;
    border-bottom: 1px solid #1d1d1d;
    display: block;
    margin-right: 0
}

.navbar-mobile-links .navbar-link:hover {
    transform: none;
    background: #0000000d
}

.navbar-mobile-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 38px;
    height: 38px;
    background: content-box
}

.navbar-mobile-btn:before,.navbar-mobile-btn:after,.navbar-mobile-btn>i {
    width: 100%;
    border-radius: 1000px;
    height: 4px;
    background: #fff;
    content: "";
    position: absolute;
    transition: 350ms ease 0s;
    transform-origin: center
}

.active.navbar-mobile .navbar-mobile-btn:before {
    transform: rotate(45deg)
}

.active.navbar-mobile .navbar-mobile-btn:after {
    transform: rotate(-45deg)
}

.active.profile-mobile-nav .navbar-mobile-links {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px)
}

.active.navbar-mobile .navbar-mobile-btn>i {
    width: 0
}

.navbar-mobile-btn:before {
    transform: translateY(-12px)
}

.navbar-mobile-btn:after {
    transform: translateY(12px)
}

.navbar-mobile-links .navbar-link:last-child {
    border-bottom: 0
}

.navbar-mobile-links .dropdown-in {
    position: relative;
    margin: 0;
    margin-top: 10px;
    width: 100%;
    left: 0;
    display: none
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        filter: blur(0px)
    }

    100% {
        opacity: 0;
        filter: blur(10px)
    }
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    -webkit-transform: translate3d(0px,0px,0px)
}

.owl-carousel .owl-wrapper,.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    height: 100%;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-dots {
    display: flex;
    grid-gap: 10px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content
}

.owl-dot {
    padding: 0;
    height: 4px;
    width: 100px;
    background: #e1e1e191;
    border: none;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    max-width: 80px;
    cursor: pointer
}

.owl-dot span {
    background: var(--primary-color);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

@keyframes expandWidth {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.owl-dot.active span {
    animation: expandWidth 6s linear forwards
}

.faq-box {
    transition: height 250ms ease 0ms;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 6px 6px 20px -4px #00000012
}

.faq-top {
    user-select: none;
    display: flex;
    flex-direction: row;
    color: var(--text-a);
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    transition: 150ms ease 0s;
    background: linear-gradient(120deg,#181a20,#0c0e14,#121419);
    border: 1px solid #2f3135;
    position: relative;
    cursor: pointer;
    z-index: 1;
    border-radius: 5px
}

.faq-top i {
    margin-left: auto;
    padding: 0 30px;
    font-size: 18px;
    display: flex;
    color: var(--primary-color);
    align-items: center;
    justify-content: center
}

.faq-box.fopen {
    height: auto;
    border-color: var(--primary-color-x)
}

.faq-bt-l {
    padding: 25px;
    width: 100%;
    transition: padding .2s ease-in-out
}

.faq-box.fopen .faq-top {
    color: var(--primary-color);
    border-radius: 5px 5px 0 0;
    border-bottom: 0
}

.faq-box.fopen .faq-bottom {
    opacity: 1;
    display: flex
}

.faq-box:last-child {
    margin-bottom: 0
}

.faq-top i:before {
    transition: 250ms ease 0ms
}

.faq-box.fopen i:before {
    transform: rotate(45deg)
}

.faq-bottom {
    box-shadow: inset 0 0 0 1px rgb(47 49 53);
    \: auto;
    width: 100%;
    background: #12151c;
    color: var(--text-b);
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    z-index: -1;
    border-radius: 0 0 5px 5px
}

.faq-bottom span {
    padding: 25px;
    width: 100%
}

.faq-bottom span p:last-child {
    margin: 0
}

.faq-bottom span p a,.feature-r-desc a {
    color: var(--primary-color)
}

.faq-holder {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    margin-bottom: 100px
}

.top-bar-prod {
    background: var(--primary-color);
    padding: 5px 0;
    color: #fff;
    width: 100%
}

.top-bar-prod p {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.top-bar-prod .section-in {
    text-align: center;
    text-transform: uppercase
}

.navbar-search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    user-select: none
}

.navbar-search input {
    background: #ffffff24;
    padding: 11px 45px 11px 15px;
    font-size: 14px;
    font-family: montserrat,sans-serif;
    -webkit-font-smoothing: antialiased;
    transition: 150ms ease 0s;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    border: 2px #ffffff24 solid;
    font-weight: 600;
    letter-spacing: .5px
}

.navbar-search input::placeholder {
    color: #fff;
    text-transform: capitalize
}

.navbar-search>i {
    position: absolute;
    color: #fff;
    right: 20px;
    cursor: pointer;
    transition: 150ms ease 0s
}

.navbar-search input:focus {
    border-color: #fff
}

.search-area {
    display: flex
}

.search-area .navbar-search input {
    background: #ebebeb24;
    width: 320px;
    padding: 15px 45px 15px 25px;
    font-size: 16px
}

.search-area .navbar-search input:focus {
    border-color: var(--primary-color)
}

.navbar-search>i:hover {
    color: var(--primary-color)
}

.inp-ico {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%
}

.inp-ico .flp-input {
    padding-left: 70px
}

.inp-ico i,.inp-ico .img-icon {
    position: absolute;
    z-index: 1;
    height: calc(100% - 2px);
    left: 1px;
    width: 52px;
    background: #23262e;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #616161;
    font-size: 21px
}

.inp-ico.zip {
    max-width: 270px
}

.inp-ico.house {
    max-width: 300px
}

.payment-method {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px
}

.payment-method-row {
    background: linear-gradient(120deg,#ffffff17,transparent,#ffffff0a);
    border: 1px solid #ffffff1f;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    grid-gap: 25px
}

.payment-method-icon {
    height: 56px;
    min-width: 100px;
    border-radius: 5px;
    width: 100px;
    box-shadow: inset 0 0 0 1px rgb(0 0 0/10%);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-method-icon img,.payment-method-icon svg {
    object-fit: contain
}

.payment-method-in {
    display: flex;
    flex-direction: column
}

.payment-method-in h1 {
    font-size: 20px;
    font-weight: 700
}

.payment-method-in p {
    font-size: 15px;
    font-weight: 500
}

.payment-method-icon.cards {
    background: var(--secondary-color)
}

.payment-method-icon.cards svg {
    fill: #fff;
    height: 38px
}

.error-required,.error-email {
    box-shadow: inset 0 0 0 1px #f44336!important
}

.bottom-social-btn {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 6;
    display: flex;
    flex-direction: column;
    grid-gap: 15px
}

.whatsapp-btn-in {
    background: #40c351;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffff;
    padding: 0 20px;
    user-select: none;
    border-radius: 10px
}

.whatsapp-btn-in svg {
    width: 34px
}

.whatsapp-btn-in:hover {
    transform: translate(-5px,-5px);
    box-shadow: #1b6d26 5px 5px 0;
    background: #35af45
}

.whatsapp-btn-in.discord {
    background: #4e5ad6;
    height: 48px
}

.whatsapp-btn-in.discord svg {
    height: 25px
}

.whatsapp-btn-in.discord:hover {
    background: #4e5ad6;
    box-shadow: #2a338b 5px 5px 0
}

header {
    position: relative;
    padding-top: 20px
}

.flex-row {
    display: flex;
    align-items: center;
    grid-gap: 20px
}

.flex-row .navbar-icon {
    display: flex;
    border: 1px solid #3d3d3d;
    background: #fff
}

footer .fa-discord {
    color: #5865f2;
    font-size: 19px
}

footer .fa-youtube {
    color: red;
    font-size: 20px
}

footer .fa-tiktok {
    color: #000;
    font-size: 20px
}

footer .fa-square-instagram,footer .fa-hashtag,footer .fa-instagram {
    background: linear-gradient(to right,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 20px
}

.checkout-progress-bar {
    display: flex;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 20px
}

.checkout-progress-in {
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #838383
}

.checkout-progress-in .bar {
    height: 2px;
    width: 100%;
    background: #fff;
    position: relative;
    margin-left: 20px
}

.checkout-progress-in:last-child {
    width: fit-content;
    padding: 0
}

.checkout-progress-in p {
    margin-left: 10px;
    color: #fff
}

.checkout-progress-in.active {
    color: #000
}

.checkout-progress-in .icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #838383;
    border-radius: 100px
}

.checkout-progress-in.active .icon {
    transition: border-color 400ms ease;
    color: #f44336!important
}

.checkout-progress-in:first-child .icon,.checkout-progress-in.active+.checkout-progress-in .icon {
    border-color: var(--primary-color)!important
}

.checkout-progress-in .bar:before {
    position: absolute;
    content: "";
    background: var(--primary-color);
    width: 0%;
    height: 100%;
    transition: 250ms ease-in-out
}

.checkout-progress-in.active .bar:before {
    width: 100%
}

.checkout-progress-in.active .icon span {
    display: none
}

.checkout-progress-in.active .icon i {
    display: block
}

.checkout-progress-in .icon i {
    display: none
}

.checkout-progress-bar.light .bar {
    background: #fff
}

nav .checkout-progress-bar {
    margin: 0 50px;
    max-width: 800px;
    width: 100%
}

.checkout-progress-bar.light .icon,.checkout-progress-bar.light .checkout-progress-in {
    border-color: #fff;
    color: #fff
}

.region-setting,.region-setting>div {
    display: flex;
    align-items: center;
    color: #fff;
    grid-gap: 8px
}

.region-setting {
    grid-gap: 10px;
    margin-top: 20px
}

.region-setting>div p {
    font-weight: 500
}

.language-switch svg {
    height: 22px;
    width: 36px;
    border-radius: 2px
}

.region-setting>div {
    cursor: pointer
}

.margin-0 {
    margin: 0
}

.product-addon-feilds {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    grid-gap: 10px
}

.inp-grp {
    display: flex;
    flex-direction: column
}

.inp-grp label {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .5px
}

.session-card {
    max-width: 440px;
    width: 100%;
    display: none;
    flex-direction: column;
    grid-gap: 20px;
    margin: auto 0;
    position: relative
}

.sign-form {
    display: flex;
    flex-direction: column;
    width: 100%
}

.sign-header {
    font-size: 22px;
    font-weight: 700;
    width: 100%
}

.session-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.session-footer a {
    text-transform: uppercase;
    color: var(--text-color-d);
    font-weight: 500;
    font-size: 13px
}

body[type=full-width] .section-main {
    height: 100vh;
    width: 100vw;
    display: flex
}

.session-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.session-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute
}

.session-l,.session-r {
    position: relative;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.session-l .navbar-logo {
    position: relative;
    width: fit-content;
    margin-right: auto
}

.sign-form input {
    margin-bottom: 10px
}

.sign-form .error span:first-child {
    margin-top: 10px
}

.session-card.active {
    display: flex
}

input[type=date] {
    max-width: 165px
}

.session-card.register {
    max-width: 520px
}

.devider-title {
    display: flex;
    position: relative;
    align-items: c;
    justify-content: center
}

.devider-title:before {
    content: "";
    height: 1px;
    background: #fff;
    opacity: .2;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.devider-title p {
    position: relative;
    z-index: 1;
    width: fit-content;
    background: #0a0c12;
    padding: 0 10px;
    font-weight: 500
}

.third-party-login {
    display: flex;
    align-items: center;
    width: 100%;
    grid-gap: 10px
}

.third-party-login button {
    transition: 150ms ease 0s;
    width: 100%;
    height: 50px;
    border: 0;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.third-party-login button img {
    height: 24px;
    object-fit: contain
}

.third-party-login button:hover {
    transform: translateY(-3px)
}

.third-party-login button#login_google,#connect_google {
    box-shadow: inset 0 0 0 1px #e5e5e5
}

.third-party-login button#login_facebook,#connect_facebook {
    background: #1877f2
}

.third-party-login button#login_apple,#connect_apple {
    background: #000;
    border: 1px solid #ffffff2e
}

.third-party-login button#login_discord,#connect_discord {
    background: #5865f2
}

.third-party-login button#login_discord img,#connect_discord img {
    height: auto
}

.sign-form .flp-input:focus,.third-party-login button:hover {
    box-shadow: inset 0 0 0 2px #f44336!important
}

hr {
    margin: 20px 0;
    border-bottom: 0;
    border-top: 1px solid #ffffff2b
}

.up-prof {
    align-items: center
}

.profile-picture {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden
}

.profile-picture.full {
    height: 120px;
    width: 120px
}

.profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.up-prof a {
    background: #272727;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #28292d;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px
}

.up-prof a:hover {
    transform: translateX(6px)
}

button:disabled {
    opacity: .5!important;
    background: #000!important;
    cursor: not-allowed!important
}

.social-x-connected {
    position: relative;
    user-select: none;
    cursor: not-allowed!important
}

.social-x-connected:before {
    content: "Connected";
    font-family: montserrat,sans-serif!important;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #0000002e;
    border-radius: 5px;
    backdrop-filter: blur(3px)
}

.social-x-connected:hover {
    transform: none!important
}

p.navbar-link span:before {
    display: none
}

.note-msg {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #4caf50
}

.xn-table-info h3 {
    max-width: 750px
}

.wallet-balance {
    background: #131418;
    width: fit-content;
    padding: 20px 16px;
    border-radius: 5px;
    border: 1px solid #28292d;
    white-space: nowrap
}

.section-dashboard.wallet .dashboard-header-l .input-group {
    width: auto;
    grid-gap: 0
}

.dashboard-header-r.input-group.giftcard {
    width: clamp(100px,100%,700px)
}

.section-dashboard.wallet .dashboard-header-l {
    display: flex;
    align-items: center;
    width: fit-content;
    grid-gap: 20px
}

.giftcard-table {
    margin-top: 40px
}

.log_amount span {
    padding: 5px 12px;
    background: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #b1b1b1
}

.log_amount span.debit {
    background: #ff00001f;
    border-color: #852424;
    color: red
}

.log_amount span.credit {
    background: #80ff0024;
    border-color: #477b0b;
    color: #88cf36
}

.close-btn {
    z-index: 1;
    position: relative;
    width: 41px;
    height: 41px;
    border: 2px solid;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.close-btn:hover {
    transform: scale(1.1)
}

.desktop-only {
    display: flex
}

.mobile-only {
    display: none
}

.session-r .close-btn {
    color: #fff;
    position: absolute;
    top: 60px;
    right: 60px
}

.profile-picture.small {
    width: 40px;
    height: 40px
}

.wallet_balance_mobile {
    background: var(--primary-color)!important;
    color: #fff!important;
    margin: 0!important;
    border-radius: 0 0 5px 5px
}

.mobile-navbar-full .navbar-link {
    display: block
}

.mobile-navbar-full {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(-100%);
    width: 100vw;
    height: 100vh;
    background: #0e1013;
    transition: 200ms ease 0s;
    z-index: 1;
    padding-top: 100px
}

.active.mobile-navbar-full {
    transform: translateX(0%)
}

.mobile-navbar-full-in {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto
}

.mobile-navbar-full-in .btn-secondary {
    border: 2px solid #414141
}

.mobile-navbar-full-in .navbar-link {
    background: #14171a;
    display: block;
    width: 100%;
    padding: 13px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #2b2b2b
}

.mobile-navbar-full-in>.btn-row {
    padding: 30px
}

.mobile-navbar-full-in>.btn-row.top {
    background: #171a1e;
    height: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #252a31
}

.mobile-navbar-full-in>.btn-row.bottom {
    background: #0e1013
}

.profile-set {
    width: 100%;
    display: flex;
    align-items: center;
    grid-gap: 20px;
    color: #fff
}

body.safari .btn-row.bottom {
    padding-bottom: 100px!important
}

.account-stats p {
    width: auto!important;
    padding: 10px;
    height: auto!important;
    line-height: normal;
    color: #fff;
    text-transform: uppercase
}

.account-stats p span {
    margin-left: 5px;
    color: var(--primary-color);
    font-weight: 700;
    font-size: 16px
}

#remove_referral {
    color: #fff
}

.input-referral {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.input-referral p {
    position: absolute;
    z-index: 1;
    padding-left: 20px;
    padding-right: 5px;
    font-size: 15px;
    font-weight: 500;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f714;
    box-shadow: inset 0 0 0 1px rgb(0 0 0/10%);
    left: 0;
    border-radius: 5px 0 0 5px
}

.input-referral .flp-input {
    padding-left: 304px
}

label {
    font-size: 16px;
    font-weight: 500
}

.region-setting select {
    font-family: montserrat,sans-serif!important;
    -webkit-font-smoothing: antialiased;
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer
}

.region-setting select option {
    color: #000
}

.offer-banner-section {
    background: linear-gradient(140deg,#ffffff0f,#0c0c0c,#ffffff1f);
    border-top: 1px solid #ffffff24;
    border-bottom: 1px solid #ffffff24;
    padding: 80px 0
}

.offer-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 10px;
    text-align: center;
    margin: 0 auto
}

.offer-banner i {
    font-size: 42px;
    color: var(--primary-color);
    margin-bottom: 20px
}

.offer-banner h3 {
    color: #fff
}

.product-options {
    display: flex;
    flex-direction: column;
    grid-gap: 10px
}

.option-checkbox,.option-select {
    padding: 10px;
    background: #252731;
    border: 1px solid #4d4d4d;
    border-radius: 5px
}

.option-checkbox label,.option-select select {
    cursor: pointer
}

.option-checkbox>p,.option-select>p {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    color: #f5f5f5
}

.option-checkbox>p span,.option-select>p span {
    margin-left: 5px;
    color: var(--primary-color)
}

.option-checkbox label {
    font-size: 14px;
    line-height: 24px;
    color: #efefef
}

.product-gallery {
    width: 550px;
    height: 550px;
    position: relative
}

.product-gallery .owl-stage-outer {
    overflow: hidden;
}

.product-gallery img {
    width: 550px!important;
    height: 550px!important;
    object-fit: cover!important;
    border: 2px solid #0000000d
}

.product-gallery .owl-item {
    height: 550px!important;
}

.product_tags {
    margin-top: 14px;
    display: flex;
    grid-gap: 6px;
    flex-wrap: wrap
}

.product_tags span {
    padding: 2px 10px;
    background: #f9f9f9;
    box-shadow: 0 0 0 1px #efefef;
    text-transform: capitalize;
    font-size: 13px;
    border-radius: 2px;
    display: block;
    font-weight: 500
}

.delivery_time {
    margin-top: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    grid-gap: 15px
}

.delivery_time_r p {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.delivery_time .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.delivery_time .icon:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #6aff64;
    border-radius: 20px;
    animation: ping 1500ms infinite
}

@keyframes ping {
    0% {
        transform: scale(0);
        opacity: 1
    }

    100% {
        transform: scale(3);
        opacity: 0
    }
}

.delivery_time .icon:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #54c63a;
    border-radius: 10px;
    z-index: 1
}

nav.game-menu {
    z-index: 8
}

.game-menu .navbar-in {
    height: auto;
    grid-gap: 20px;
    justify-content: center
}

.game-menu .navbar-link {
    padding: 14px 20px;
    text-align: center;
    width: 100%;
    background: #222325;
    border: 1px solid #373737;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
    margin-bottom: -20px;
    border-radius: 5px
}

.game-menu .navbar-link:hover {
    border: 1px solid #f44336
}

.game-menu .navbar-link.active {
    background: var(--primary-color);
    border: 1px solid #f44336
}

.header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 470px;
    width: 100%;
    margin: 40px 0;
    border: 1px solid #1e1e1e;
    border-radius: 8px;
    background: #0c0c0c;
    position: relative;
    padding: 30px
}

.header-content-in>span {
    padding: 5px 10px;
    background: #ff000014;
    border: 1px solid var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 3px
}

.header-content-in h1 {
    font-size: 54px;
    color: #fff;
    margin: 20px 0
}

.header-content-in h1 span {
    color: var(--primary-color)
}

.header-content-in p {
    color: #fff;
    width: 80%;
    line-height: 32px;
    font-size: 16px;
    font-weight: 400
}

.header-content-in {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 800px;
    position: relative
}

.header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px
}

.header-bg .bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header-bg .travis-right,.header-bg .travis-left {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 5%;
    transition: 150ms ease-in-out 0s;
    max-height: 100%
}

.header-bg .travis-left {
    right: unset;
    left: 5%;
    height: clamp(200px,90%,392px)
}

.header-content:hover .header-bg .travis-right {
    transform: scale(1.1) translateY(-10px)
}

.header-content:hover .header-bg .travis-left {
    transform: scale(1.1) translateY(-10px)
}

.header-content:hover .header-bg .travis-right,.header-content:hover .header-bg .travis-left {
    filter: drop-shadow(8px 8px #532835)
}

.game-category {
    position: relative
}

.game-card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    height: 200px;
    padding: 30px;
    transition: 100ms ease 0s
}

.game-card img {
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    transition: 140ms ease 0s
}

.game-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#210000c7,transparent);
    z-index: 1;
    opacity: 0;
    transition: 300ms ease 0s
}

.game-card:hover:before {
    opacity: 1
}

.game-card-body {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    color: #fff;
    opacity: 0;
    z-index: 1;
    transition: 200ms ease 0s
}

.game-card-body p i {
    font-family: montserrat alternates,sans-serif;
    color: #fff
}

.game-card-body p {
    font-size: 15px;
    font-weight: 500;
    margin-top: 2px;
    transform: translateY(20px);
    transition: 260ms ease 0s
}

.game-card-body h4 {
    font-size: 18px;
    transform: translateY(20px);
    transition: 200ms ease 0s
}

.game-card-body p strong {
    color: #f44336;
    letter-spacing: .5px
}

.game-card:hover .game-card-body {
    opacity: 1
}

.game-card:hover .game-card-body h4,.game-card:hover .game-card-body p {
    transform: translateY(0)
}

.game-card:hover {
    transform: translateY(-10px)
}

.game-card:hover>img {
    transform: scale(1.05)
}

p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: var(--text-color-d)
}

.title-set-x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 120px;
    margin-bottom: 80px
}

.title-set-x p {
    max-width: 670px
}

.title-set-x h2 {
    max-width: 500px;
    font-size: 42px;
    font-weight: 600
}

.features-set,.review-set {
    position: relative
}

.feature-card,.review-card {
    border-radius: 8px;
    padding: 40px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    border: 1px solid #ffffff17;
    transition: 100ms ease 0ms
}

.review-holder {
    overflow: hidden;
    mask-image: linear-gradient(to right,transparent,#0a0c12 14%,#0a0c12 86%,transparent);
    position: relative
}

.steps-list-btn:before {
    content: "";
    height: 4px;
    position: absolute;
    bottom: 0;
    background: #ffffffd6;
    left: 0;
    bottom: 0
}

.steps-list-btn.active:before {
    animation: expandWidth 5s linear forwards
}

.feature-card {
    background: radial-gradient(250px circle at var(--x) var(--y),rgb(246 36 36/14%) 0%,transparent 80%);
    display: flex;
    flex-direction: column;
    grid-gap: 15px
}

.features-set.column .feature-card h4 {
    flex-direction: column;
    align-items: flex-start
}

.feature-card h4 i,.steps-list-btn i {
    border: 1px solid #ffffff26;
    background: #ffffff29;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    font-size: 19px;
    color: var(--primary-color)
}

.feature-card h4 {
    font-size: 22px;
    display: flex;
    align-items: center;
    grid-gap: 20px
}

.feature-card p {
    font-size: 15px
}

.review-outer {
    position: relative;
    margin-bottom: 120px;
}

.review-outer:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 0 1060px 180px #f443362b;
    z-index: -1;
    border-radius: 100%
}

.review-set {
    width: 100%;
    display: flex;
    grid-gap: 25px;
    z-index: 1
}

.review-card {
    min-width: 500px
}

.stat-price {
    line-height: inherit
}

.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9 {
    display: grid;
    grid-gap: 25px
}

.grid-1 {
    grid-template-columns: repeat(1,1fr)
}

.grid-2 {
    grid-template-columns: repeat(2,1fr)
}

.grid-3 {
    grid-template-columns: repeat(3,1fr)
}

.grid-4 {
    grid-template-columns: repeat(4,1fr)
}

.grid-5 {
    grid-template-columns: repeat(5,1fr)
}

.grid-6 {
    grid-template-columns: repeat(6,1fr)
}

.grid-7 {
    grid-template-columns: repeat(7,1fr)
}

.grid-8 {
    grid-template-columns: repeat(8,1fr)
}

.margin-top-40 {
    margin-top: 40px
}

.faq-container {
    display: flex;
    flex-direction: column;
    grid-gap: 25px
}

.trustpilot-set.on-title.row .trustpilot-r {
    display: flex;
    align-items: center;
    grid-gap: 20px
}

.trustpilot-set.on-title.row {
    justify-content: center;
    margin-top: 20px;
    background: linear-gradient(150deg,#00a36d66,#0a3d2ce0,#114a37)
}

.trustpilot-set.on-title {
    flex-direction: row;
    align-items: center;
    grid-gap: 30px;
    margin: 0;
    padding: 20px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    border: 1px solid #ffffff24;
    border-radius: 8px
}

.trustpilot-set.on-title .tp-widget-rating {
    font-size: 13px;
    font-weight: 600
}

.review-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.review-user {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    margin-top: 20px
}

.review-avatar {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    background: #ffffff2b;
    border: 1px solid #5b5b5b
}

.review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.review-user-info {
    flex-direction: column;
    display: flex
}

.review-user-info p {
    font-weight: 600;
    color: #fff;
    letter-spacing: .5px;
    line-height: inherit
}

.review-user-info span {
    font-size: 14px;
    color: #9f9f9f
}

.review-user-info span i {
    font-size: 12px
}

.steps-list {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(18,minmax(0,1fr));
    position: relative
}

.steps-list-btn {
    padding: 30px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    box-shadow: inset 0 0 0 1px #ffffff17;
    display: flex;
    a;: c;
    align-items: center;
    grid-gap: 24px;
    border-radius: 8px;
    cursor: pointer;
    transition: 120ms ease 0s;
    position: relative;
    overflow: hidden
}

.steps-list-l {
    grid-column: span 7;
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: 25px
}

.steps-list-r {
    grid-column-start: 10;
    grid-column-end: 19;
    position: relative;
    max-height: 500px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.steps-list-image {
    display: none;
    height: 100%;
    object-fit: cover;
}

.steps-list-image.active {
    display: block
}

.steps-list-btn.active {
    background: var(--primary-color)
}

.steps-list-btn-content h4 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .5px
}

.steps-list-btn-content p {
    margin-top: 10px;
    display: none;
    color: #fff;
    font-weight: 500
}

.steps-list-btn i {
    margin-bottom: auto
}

.steps-list-btn.active .steps-list-btn-content p {
    display: block
}

.steps-list-btn.active i {
    border: 1px solid #ff9c94;
    background: #fff
}

.game-header-body {
    padding-top: 40px;
    display: flex;
    align-items: center;
    grid-gap: 30px
}

.game-header-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 7px
}

.game-header-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.game-header-content {
    display: flex;
    flex-direction: column
}

.game-header-content h1 {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px
}

.game-header-content p {
    font-size: 15px;
    color: #ebebeb
}

.sales-banner {
    height: auto;
    align-items: flex-start;
    padding: 40px;
    margin-bottom: 0
}

.sales-content {
    align-items: flex-start;
    text-align: left
}

.sales-content h1 {
    font-size: 42px
}

.sales-banner .travis-right {
    max-height: unset;
    height: calc(100% + 100px)
}

.game-header .header-in {
    padding-bottom: 0;
    overflow: hidden
}

.sales-banner .header-bg {
    overflow: unset
}

.sale-coupon {
    border: 2px dashed var(--primary-color);
    background: 0 0
}

.sale-coupon:hover {
    background: #f443363b
}

.product-header-body {
    display: grid;
    grid-template-columns: 550px 1fr;
    margin-top: 40px;
    grid-gap: 55px
}

.product-single-l,.product-single-r {
    width: 100%;
    height: 100%
}

.product-single-l {
    width: fit-content
}

.product-single-r {
    position: relative;
    border-radius: 8px;
    transition: 100ms ease 0ms;
    height: 100%;
    width: 100%
}

.product-single-r-in {
    max-height: 550px;
    overflow: auto;
    padding: 50px;
    display: flex;
    flex-direction: column
}

.product-single-r:before {
    content: "";
    backdrop-filter: blur(20px);
    background: linear-gradient(120deg,#ffffff17,transparent,#ffffff0a);
    box-shadow: inset 0 0 0 1px #ffffff1f;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: -1
}

.product-bg {
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background: #1c1c1c;
    pointer-events: none
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.breadcrumb li {
    display: inline;
    font-size: 13px
}

.breadcrumb li+li:before {
    padding: 4px;
    color: #a7a7a7;
    content: "/\00a0"
}

.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase
}

.breadcrumb li a:hover {
    color: var(--primary-color);
    text-decoration: underline
}

.breadcrumb li:last-child a {
    color: var(--primary-color)
}

.product-mini-desc {
    line-height: 26px;
    font-size: 16px;
    margin-top: 10px
}

.product-mini-desc a {
    color: var(--primary-color);
    font-weight: 600
}

.product-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.product-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#0a0c12 10%,transparent 100%)
}

.product-header.has-background .product-bg {
    height: 500px;
    border: 0
}

.product-description {
    margin-top: 80px;
    padding: 50px;
    background: linear-gradient(120deg,#ffffff0f,transparent,#ffffff08);
    border: 1px solid #ffffff17;
    color: #fff;
    border-radius: 8px
}

.product-description .title-set {
    margin-top: 0;
    margin-bottom: 40px
}

.hidden {
    display: none
}

.nav-profile-pic {
    padding: 0;
    background: 0 0;
    border: 0;
    display: flex
}

.nav-profile-pic img {
    border: 1px solid #3c3d40;
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 5px
}

@media screen and (max-width: 1024px) {
    .navbar-in,.header-in,.section-in,.footer-in {
        padding-left:30px;
        padding-right: 30px
    }

    .checkout-section:before,.dropdown-container>h1,.dropdown-container>h3,.session-r,.xn-order-product,.checkout-progress-in .bar,.collection-visit,.header-bg:before,.dashboard-header .profile-picture.full,.navbar-link,.navbar-icon,.header-container p,.features,.navbar-btnx,.tooltip-x-text,.payment-method-in p,.whatsapp-btn-in span,.game-card,.desktop-only,.navbar-r .navbar-search {
        display: none
    }

    .header-container h1 {
        font-size: 22px
    }

    .feature-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px
    }

    .feature-card>i {
        margin: 0;
        margin-bottom: 10px;
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        font-size: 25px
    }

    .features-r h3 {
        font-size: 23px
    }

    .stat-grid {
        flex-direction: column;
        margin-bottom: 7px;
        align-items: flex-start;
        justify-content: center
    }

    .stat-grid>p {
        font-size: 15px
    }

    .stat-offer {
        width: 100%;
        font-size: 12px!important;
        text-align: center;
        margin-top: 5px
    }

    .product-title {
        font-size: 15px;
        letter-spacing: 0;
        font-weight: 800
    }

    .product-subtitle {
        font-size: 13px
    }

    .header {
        padding-top: 150px;
        padding-bottom: 100px;
        height: auto
    }

    footer.bottom .footer-in {
        flex-direction: column;
        grid-gap: 10px;
        text-align: center
    }

    .providers-in {
        flex-wrap: wrap;
        grid-gap: 10px;
        justify-content: center
    }

    .product-single {
        flex-direction: column
    }

    .product-single-l,.product-single-r {
        width: 100%
    }

    .product-single-title {
        font-size: 28px
    }

    .checkout-group,.inp-row,.order-header {
        flex-direction: column
    }

    .product--single {
        flex-wrap: wrap;
        grid-gap: 20px
    }

    .product--info {
        margin-left: 0
    }

    .product-btns,.order-btns,.btn-row {
        flex-direction: column;
        grid-gap: 10px
    }

    .btn-row .btn-secondary,.order-btns .btn-secondary {
        width: 100%
    }

    .product-btns .btn-primary,.product-btns .btn-secondary {
        white-space: break-spaces
    }

    .product-card:hover {
        transform: none;
        background: 0 0
    }

    .product-card {
        padding: 0;
        background: 0 0;
        border: none
    }

    .title-set {
        margin-top: 50px;
        width: 100%
    }

    .navbar-mobile,.profile-mobile-nav {
        display: block
    }

    .footer-link {
        font-size: 16px;
        padding: 15px;
        background: #ffffff0d;
        text-align: center;
        width: 100%
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden
    }

    .faq-box.fopen .faq-bottom iframe {
        width: 100%;
        height: 100%
    }

    .product-single-bottom img,input[type=date],.inp-ico.zip,.inp-ico.house {
        max-width: 100%
    }

    .grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9 {
        grid-template-columns: repeat(1,1fr)!important
    }

    .product-single-r .stat-grid {
        grid-gap: 0!important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%!important;
        justify-content: flex-start
    }

    .payment-container {
        grid-template-columns: 1fr!important;
    }

    .container-order-info-billing {
        grid-column-start: 1;
        grid-column-end: unset
    }

    .product-grid {
        grid-template-columns: repeat(2,1fr)!important;
        grid-gap: 20px
    }

    .product-grid,footer.top .footer-in {
        grid-template-columns: repeat(1,1fr)
    }

    .title-set h1,.title-set h2 {
        font-size: 26px;
    }

    .header-container {
        padding-bottom: 70px
    }

    .navbar-mobile-links .dropdown-in {
        width: calc(100% + 20px);
        margin: 10px -10px -12px
    }

    .dropdown-container:nth-child(even) {
        border: 0;
        border-top: 1px solid #3b3b3b;
        border-bottom: 1px solid #3b3b3b;
    }

    .navbar-mobile-links .dropdown-in .dropdown-in-x {
        border-radius: 0
    }

    .checkout-progress-in .icon {
        width: 25px;
        min-width: 25px;
        height: 25px
    }

    .checkout-progress-in {
        font-size: 12px;
        padding-right: 10px
    }

    .checkout-progress-in p {
        margin-left: 6px
    }

    .mobile-only {
        display: flex
    }

    #coupon-apply {
        display: flex;
        flex-direction: column;
        margin-top: 10px
    }

    #coupon-apply button {
        max-width: 100%
    }

    .session-l,.session-r {
        padding: 20px
    }

    .owl-dot {
        width: 100%;
        max-width: unset
    }

    .owl-dots {
        width: calc(100% - 80px)
    }

    .btn-row {
        width: 100%
    }

    .xn-order-main,.xn-order-stat-row {
        flex-direction: column;
        width: 100%
    }

    .block {
        padding: 30px
    }

    .xn-table-info {
        width: 100%
    }

    .xn-table-notifications {
        top: 0;
        right: 0
    }

    .xn-table-info h3 {
        margin-top: 20px
    }

    .xn-order-footer .xn-order-footer-l p {
        font-size: 14px
    }

    .giftcard-table, .referral-table {
        white-space: nowrap;
        overflow-y: auto
    }

    .swal-modal {
        width: calc(100% - 60px)
    }

    .section-dashboard.row {
        flex-direction: column
    }

    .btn-primary,.btn-secondary {
        padding-left: 12px;
        padding-right: 13px
    }

    .third-party-login button {
        width: calc(50% - 5px)
    }

    .dropdown-in .dropdown-in-x {
        display: flex;
        flex-direction: column;
        text-align: left;
        transition: none;
    }

    .mobile-navbar-full {
        display: block!important
    }

    .dropdown-in {
        width: calc(100% - 60px);
        left: 30px
    }

    .dropdown-container {
        padding: 20px
    }

    .third-party-login button img {
        height: 20px
    }

    .third-party-login button#login_discord img,#connect_discord img {
        height: 14px
    }

    .session-footer {
        flex-direction: column;
        grid-gap: 10px
    }

    .product-gallery,.product-gallery .owl-item,.product-gallery img {
        width: calc(100vw - 60px)!important;
        height: 320px!important
    }

    .product-gallery .owl-dots {
        width: calc(100% - 80px);
        position: relative;
        top: 30px
    }

    .title-set-x {
        flex-direction: column;
        align-items: flex-start;
        grid-gap: 20px
    }

    .title-set-x h2 {
        font-size: 22px
    }

    .game-menu .navbar-in {
        overflow: auto;
        scrollbar-width: none;
        padding: 0;
        padding-bottom: 20px;
        justify-content: flex-start;
        grid-gap: 0
    }

    .game-menu .navbar-link {
        margin: 0;
        white-space: nowrap;
        margin-left: 15px
    }

    .game-menu .navbar-link:first-child {
        margin-left: 30px
    }

    .game-menu .navbar-link:last-child {
        margin-right: 30px
    }

    .header-bg .travis-right,.header-bg .travis-left {
        display: none
    }

    .header-content-in h1 {
        font-size: 22px
    }

    .header-content-in {
        text-align: left;
        align-items: flex-start
    }

    .title-set-x h2 {
        font-size: 22px
    }

    .title-set-x {
        align-items: flex-start
    }

    .trustpilot-set.on-title,.trustpilot-r {
        grid-gap: 9px!important;
    }

    .header-container h1,.offer-banner h3 {
        font-size: 19px
    }

    .steps-list,.steps-list-btn {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .product-card .product-image {
        margin-bottom: 10px
    }

    .product-card .product-image img {
        border-radius: 5px
    }

    .product-header-body {
        grid-template-columns: 1fr;
    }

    .product-single-l .product-image {
        min-width: 100%;
        height: 100%;
    }

    .product-single-r-in {
        padding: 20px;
        max-height: 100%;
    }

    .product-description {
        padding: 20px!important;
    }

    .extended-warranty {
        flex-direction: column!important;
    }

    .warranty-popup-l {
        display: none!important;
    }

    .warranty-popup-r {
        padding: 20px!important;
    }

    .product-single-r .product-btns, .warranty-popup .product-btns, .extended-warranty {
        margin-top: 20px!important;
    }

    .modal-in {
        width: 90%!important;
    }

    .warranty-popup .product-btns, .warranty-popup-r .btn-primary, .warranty-popup-r .btn-secondary {
        width: 100%!important;
    }

    [for="warranty-14"] {
        display: none!important;
    }

    .warranty-option {
        width: 100%!important;
    }

    .steps-list-r {
        margin-bottom: 60px;
    }

    .steps-list-image {
        width: 100%;
    }

    .marketingcheckbox {
        flex-direction: row;
    }

    .trustpilot-set.on-title.row .trustpilot-r svg {
        height: 14px;
        width: fit-content;
    }

    .trustpilot-logo {
        height: 20px;
        width: fit-content;
    }

    .trustpilot-set.on-title .tp-widget-rating {
        font-size: 12px;
    }

    .trustpilot-set.on-title {
        padding: 14px 10px;
    }

    .payment-method {
        display: flex;
        flex-direction: column;
    }

    .product-card.out-of-stock:before {
        font-size: 22px;
        text-align: center;
    }

    .marketplace-product .product-image {
        height: 120px;
    }
}