@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-100.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-200.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-300.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-400.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-500.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-600.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-700.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-800.woff2) format('woff2')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://elixirnode.com/assets/fonts/Montserrat-900.woff2) format('woff2')
}

*,*:focus,*:hover,*:active,*:before,*:after {
    outline: 0;
    box-sizing: border-box;
}

*::-moz-selection {
    background: #97dfff;
    color: #ffffff;
}

*::selection {
    background: #a932c640;
    color: #ffffff;
}

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

html,body {
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    background-color: #fff;
    padding: 0;
    border: 0;
    margin: 0;
    overflow-x: hidden;
}

.open {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

a {
    text-decoration: none;
    color: #fff;
    border: 0;
    vertical-align: baseline;
    cursor: pointer;
}

#header {
    height: calc(85vh - 1px);
    background: linear-gradient(155deg,#511fb5,#a932c6);
    background-size: cover;
    background-position: center top;
    position: relative;
}

#navbar {
    position: absolute;
    z-index: 99;
    min-width: 100%;
}

#header:after {
    content: "";
    position: absolute;
    background: url(/assets/images/headb.svg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 280px;
    bottom: -1px;
}

.navbar-in {
    height: 80px;
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.navbar-logo {
    width: 280px;
    height: auto;
    position: relative;
}

.navbar-logo-m {
    display: none;
}

.navbar-l {
    display: flex;
    margin-right: auto;
    align-items: center;
}

.navbar-r {
    display: flex;
    margin-left: auto;
    position: relative;
    align-items: center;
}

.navbar-link {
    transition: 200ms ease-in-out 0ms;
    color: #ffffff;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 0;
    white-space: nowrap;
    margin: 0 8px;
}

.navbar-link:hover {
    color: #d839ff;
}

.oth-head {
    background: linear-gradient(155deg,#511fb5,#a932c6);
    padding-top: 90px;
    height: 35vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oth-head img {
    width: 35vw;
}

.navbar-link i {
    margin-left: 5px;
}

.dropdown:hover .dropdown-co {
    visibility: visible;
    opacity: 1;
    top: 40px;
}

.dropdown-co {
    position: absolute;
    top: 35px;
    background: #fff;
    min-width: 100%;
    display: flex;
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    right: 0;
    transition: 200ms ease 0s;
    border-radius: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.d-o .dropdown-co {
    visibility: visible;
}

.dropdown-co a {
    color: #a230c4!important;
    width: 100%;
    transition: none;
    margin: 0;
    padding: 10px 15px;
}

.dropdown-co a:hover {
    background: #607d8b24;
}

.bread-nav {
    display: none;
}

.navbar-link.ov {
    padding: 8px 15px!important;
    border: 2px solid #fff;
    border-radius: 25px;
    margin-left: 20px;
}

.mbnav {
    background: #ffffff;
    width: 100%;
    position: absolute;
    overflow: hidden;
    box-shadow: 0px 10px 40px #0000002b;
    top: 80px;
    border-radius: 12px;
    user-select: none;
    display: none;
    flex-direction: column;
}

.mbnav a {
    color: #a230c4;
    width: 100%;
    font-weight: 500;
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

.mbnav a:hover {
    background: #00000012;
}

.navbar-link.ov:hover {
    background: #ffffff;
    color: #a932c6;
}

.header-in {
    height: 100%;
    width: 1300px;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0 220px 0;
    z-index: 5;
}

.header-cont {
    width: 55%;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: left;
    color: #fff;
}

.header-c-title {
    font-size: 62px;
    font-weight: 600;
    margin: 0px 0 16px 0;
    line-height: 58px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 3px 24px #4c3654, 0 1px 1px rgba(24,25,28,.3);
}

.header-c-title span {
    font-weight: 900;
}

.header-c-sub {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 30px;
    text-shadow: 0 3px 24px #4c3654, 0 1px 1px rgba(24,25,28,.3);
}

.header-c-stitle {
    color: #d458f3;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    align-items: center;
}

.header-c-buto {
    background: #fff;
    margin-right: auto;
    padding: 12px 24px;
    color: #8e2cc1;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    transition: 250ms ease-in-out 0ms;
}

.header-c-buto:hover {
    transform: translateX(5px);
}

.header-cor {
    margin: auto 0 auto auto;
    height: 80%;
    width: auto!important;
}

.header-cor img {
    width: 430px;
}

body[page-data="small"] .header-c-sub {
    margin-bottom: 0;
}

body[page-data="small"] .header-c-title {
    font-weight: 700;
}

body[page-data="small"] .header-in {
    text-align: center;
    color: #fff;
    flex-direction: column;
    padding-bottom: 160px;
}

body[page-data="small"] #header {
    height: 50vh;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center bottom!important;
}

body[page-data="small"] #header:before {
    background: linear-gradient(155deg,#511fb5,#a932c6);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.75;
}

.section-main {
    min-width: 100%;
    position: relative;
    display: block;
    z-index: 5;
}

.features-in {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    margin-top: -200px;
    position: relative;
    z-index: 5;
}

.feature-box {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 12px 42px 7px rgba(84, 84, 84, 0.12);
}

.feature-box:nth-child(2) {
    margin: 20px;
}

.feature-box-icon {
    background: #ddeafc;
    width: 90px;
    height: 90px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    font-size: 40px;
    justify-content: center;
    border-radius: 100%;
}

.feature-box-icon i {
    background: -webkit-linear-gradient(-16deg,#a331c5,#4f00e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-box-titl {
    font-size: 24px;
    font-weight: 700;
    margin: 25px 0 20px 0;
    text-align: center;
    color: #232c38;
}

.feature-box-subs {
    text-align: center;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: auto;
    color: #6f6f6f;
}

.section-in {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-left: 40px;
    padding-right: 40px;
}

.section-in-statuspg {
    max-width: 1300px;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    position: relative;
    background-color: #F5F8FB;
    border-style: solid;
    border-color: #D9E1E8;
}

.status-body {
    margin-left: 20px;
    margin-right: 20px;
}

.status-actual {
    border: solid;
    padding: 10px;
    border-color: transparent transparent transparent green;
    border-left-width: 5px;
    background-color: rgba(14,176,51,.1);
}

.service-in {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    z-index: 5;
    position: relative;
}

.secm-titl {
    margin: 0 auto;
    font-size: 23px;
    font-weight: 500;
    color: #6f6f6f;
    text-align: center;
}

.secm-sbitl {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin: 10px auto;
}

.secm-sbitl span {
    color: #a230c4;
}

.service-holder {
    display: flex;
    position: relative;
    margin-top: 20px;
    min-width: 100%;
    width: 100%;
}

.service-box {
    padding: 40px;
    margin: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    position: relative;
    text-align: center;
    box-shadow: 0px 12px 42px 7px rgba(93, 93, 93, 0.13);
}

.service-box-image {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    box-shadow: inset 0px 0 0px 1px #6767672e;
    height: 200px;
    left: 0;
    top: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.service-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-box-titl {
    position: relative;
    margin-top: 190px;
    font-size: 21px;
    font-weight: 700;
    color: #232c38;
}

.service-box-sbttl {
    font-size: 16px;
    font-weight: 500;
    color: #6f6f6f;
    margin: 24px 0px;
    line-height: 22px;
}

.service-box-str {
    font-weight: 600;
    font-size: 16px;
    color: #444444;
    position: relative;
}

.service-box-prc {
    display: flex;
    font-size: 50px;
    color: #a230c4;
    font-weight: 800;
    justify-content: center;
    margin: 5px auto 12px auto;
    position: relative;
}

.service-box-prc i {
    margin-bottom: auto;
    font-size: 20px;
    top: 8px;
    left: -15px;
    position: absolute;
}

.service-box-prc span {
    font-size: 19px;
    margin-top: auto;
    margin-bottom: 7px;
    margin-left: 4px;
    position: absolute;
    bottom: 0;
    right: -43px;
}

.service-box-buto {
    background: linear-gradient(155deg,#511fb5,#a932c6);
    padding: 14px 10px;
    -webkit-transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    color: #fff;
    margin-top: 10px;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    border-radius: 100px;
}

#costumer {
    background: linear-gradient(-45deg,#511fb5,#a932c6);
    -webkit-transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    margin-top: 60px;
}

.costumer-in {
    display: flex;
    width: 1300px;
    position: relative;
    margin: 0 auto;
    padding: 70px 0 0px 0;
}

.costumer-box {
    background: #fff;
    border-radius: 10px;
    margin: 20px;
    user-select: none;
    position: relative;
    padding: 30px;
    display: flex;
    cursor: pointer;
    text-align: left;
    flex-direction: column;
    transition: 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.costumer-review {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #080808;
    line-height: 22px;
    margin-bottom: 20px;
}

.costumer-b {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.costumer-icon {
    background-size: cover;
    min-width: 70px;
    width: 70px;
    background-position: center;
    height: 70px;
    min-height: 70px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 20px;
}

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

.costumer-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.costumer-title, .costumer-info > h4 {
    font-size: 19px;
    font-weight: 700;
    color: #3a3a3a;
}

.costumer-sble, .costumer-info > p {
    position: relative;
    color: #6f6f6f;
    font-weight: 500;
    font-size: 15px;
}

.costumer-box:after {
    content: "";
    position: absolute;
    background: #ffffff3d;
    top: -20px;
    border-radius: 10px 10px 0 0;
    height: 21px;
    margin: 0 10%;
    width: 80%;
    left: 0;
}

.costumer-info .fas.fa-star {
    color: #ffc107;
}

.costumer-box:before {
    content: "";
    position: absolute;
    background: #ffffff3d;
    top: -10px;
    border-radius: 10px 10px 0 0;
    height: 11px;
    margin: 0 5%;
    width: 90%;
    left: 0;
}

.costumer-box {
    opacity: 0.4;
    transform: scale(0.9);
}

.costumer-box.slick-center {
    opacity: 1;
    transform: scale(1);
}

.costumer-box:hover {
    opacity: 1;
    transform: scale(1);
}

.xn-slibuto:hover {
    opacity: 1;
}

.xn-slibuto {
    font-size: 30px;
    color: #fff;
    margin: auto 0;
    cursor: pointer;
    opacity: 0.7;
}

.slick-list.draggable {
    padding: 0!important;
    border-radius: 10px;
    overflow: hidden;
}

.faq-in {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 60px;
    z-index: 5;
    position: relative;
}

.faq-holdd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin: 30px -15px 0 -15px;
}

.faq-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: calc(50% - 30px);
    margin: 0 15px;
    height: 100%;
    min-width: 300px;
}

.faq-box {
    padding: 25px;
    background: #ffffff;
    border-radius: 11px;
    width: 100%;
    box-shadow: 0px 12px 42px 7px rgba(140, 140, 140, 0.13);
    margin-bottom: 15px;
    flex-grow: 1;
    user-select: none;
    -webkit-transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    cursor: pointer;
}

.faq-bbottom {
    margin-top: 20px;
    display: none;
    height: auto;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #6f6f6f;
    line-height: 22px;
}

.faq-btop {
    display: flex;
    flex-direction: row;
    color: #23272a;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    -webkit-transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}

.faq-btop i {
    margin-left: auto;
}

.faq-box.fopen {
    height: auto;
    border: none;
    background: #fff;
}

.faq-box.fopen .faq-btop {
    color: #a230c4;
    font-size: 20px;
}

.faq-box.fopen .faq-bbottom {
    display: block;
}

.faq-box.fopen i.fas.fa-chevron-down {
    display: none;
}

.faq-box i.fas.fa-chevron-down {
    display: block;
}

.faq-box.fopen i.fas.fa-chevron-up {
    display: block;
}

.faq-box i.fas.fa-chevron-up {
    display: none;
}

.faq-box:hover > .faq-btop {
    color: #a230c4;
}

#faq:before {
    content: "";
    position: absolute;
    background: url(/assets/images/faq-bo.svg);
    background-size: cover;
    top: 0;
    left: 0;
    width: 645px;
    height: 500px;
}

footer {
    min-width: 100%;
    position: relative;
    background: linear-gradient(-45deg,#511fb5,#a932c6);
    display: block;
}

.footer-in {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    padding-top: 240px;
    padding-bottom: 20px;
    z-index: 5;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

footer:before {
    content: "";
    position: absolute;
    background: url(/assets/images/footer.svg) no-repeat;
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 180px;
    top: -1px;
    left: 0;
    z-index: 4;
}

.footer-sect {
    width: 70%;
    display: flex;
    margin: 0 40px;
    flex-direction: column;
    text-align: left;
    justify-content: flex-start;
}

.footer-sect:nth-child(1) {
    width: 100%;
    margin-left: 0;
}

.footer-sect:nth-child(4) {
    margin-right: 0;
}

.footer-litl {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    height: 60px;
    display: flex;
    align-items: center;
}

.footer-cont {
    margin: 2px auto 2px 0;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    font-weight: 500;
}

.footer-cname {
    font-weight: 500;
    color: #fff;
    font-size: 40px;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    margin-bottom: 10px;
}

.footer-icon {
    height: 60px;
    margin-right: 14px;
}

.footer-cname span {
    font-weight: 800;
}

.footer-cont span {
    font-weight: 700;
}

.footer-bt {
    display: flex;
    width: 1400px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    padding-top: 20px;
    position: relative;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
}

.footer-bt:before {
    content: " ";
    position: absolute;
    height: 4px;
    left: 0;
    border-radius: 25px;
    width: 70%;
    top: 0;
    background: #ffffff2b;
    margin: 0 15%;
}

.footer-crc {
    font-size: 15px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-crc.r {
    margin-left: auto;
}

.footer-crc a {
    margin-left: 8px;
}

#faq {
    z-index: 6;
}

.v2-btn-faq {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 20px;
}

.faq-fellinglost {
    margin: 10px auto 0 auto!important;
    background: linear-gradient(155deg,#511fb5,#a932c6);
    padding: 15px 30px;
    transition: .2s ease-in-out,transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    color: #fff!important;
    border-radius: 7px;
    font-weight: 600;
    box-shadow: 0px 5px 20px #b7b7b74a;
    margin: 0 8px;
    width: 190px;
    text-align: center;
}

.faq-fellinglost:hover {
    transform: translate(0px, 5px);
}

.faq-felling {
    margin-top: 30px;
    font-size: 17px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    color: #404040;
}

.minecraft-hosting-dif {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    z-index: 2;
}

.mt-box {
    min-width: 321px;
    margin: 20px;
    background: #ffffff;
    border: 2px solid #926eeb;
    border-radius: 13px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
    position: relative;
}

.mt-box-tbar {
    margin: -40px 10px 0 10px;
    clip-path: polygon(0 0, 100% 1%, 100% 75%, 50% 100%, 0 75%);
    background: #6e27d1;
    padding: 12px 12px 30px 12px;
    box-sizing: border-box;
    z-index: 5;
    width: auto;
    color: #fff;
    box-shadow: inset 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), inset 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.mt-box-tbar-lb {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: #926eeb;
    width: 20px;
    height: 18px;
    position: absolute;
    top: -19px;
    left: 10.5px;
    display: block;
}

.mt-box-tbar-rb {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    background: #926eeb;
    width: 20px;
    height: 17px;
    position: absolute;
    top: -18px;
    right: 10.3px;
    display: block;
}

.mt-box-tb-tit {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 12px;
}

.mt-box-tb-pri {
    font-weight: 900;
    font-size: 29px;
    margin-bottom: 10px;
}

.mt-box-cont {
    width: auto;
    height: auto;
    margin-top: 15px;
    display: block;
    position: relative;
}

.mt-box-cont-i {
    margin-top: 5px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding-bottom: 4px;
    box-sizing: border-box;
}

.mt-box-tb-pri > span {
    font-size: 17px;
}

.mt-box-cont-i:after {
    content: "";
    width: 80%;
    margin: 0 10%;
    height: 1px;
    background: #dadada;
    position: absolute;
    bottom: 0;
    border-radius: 11px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    left: 0;
}

.mt-box-cont-i:last-child:after {
    content: none;
}

.sec-b {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 10px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    border: 1px solid #cecece;
}

.selbut {
    padding: 10px 18px;
    user-select: none;
    text-align: center;
    font-size: 16px;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    font-weight: 700;
    text-transform: uppercase;
    color: #6e27d1;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 20px;
}

.selbut.ative {
    background: #6e27d1!important;
    color: #fff;
}

.selbut:hover {
    background: #a932c6!important;
    color: #fff;
}

#da-deluxe, #da-extreme {
    display: none;
}

.iconlocation {
    width: 100px;
    margin: 0 10px;
    height: auto;
}

.minecraft-hosting-pac-fle {
    display: flex;
    justify-content: center;
    margin: 60px auto;
    position: relative;
}

.loca-bo {
    display: flex;
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.08), 0px 14px 21px 2px rgb(230, 230, 230), 0px 5px 26px 4px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    margin: 0 25px;
    transition: 250ms ease 0s;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: #fff;
}

.loca-bo:hover {
    transform: translateY(-10px) scale(1.1);
}

.loca-imgr {
    display: flex;
    flex-direction: row;
    padding: 15px 20px;
    justify-content: center;
}

.loca-titl {
    background: #6e27d1;
    color: #fff;
    padding: 10px 0;
    font-size: 20px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
}

.loca-feat {
    padding: 20px;
    text-align: center;
    position: static;
    display: flex;
    flex-direction: column;
    user-select: none;
}

.loca-fea-n {
    font-size: 17px;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 2px 0;
}

.loca-fea-n span {
    color: #7b7b7b;
    font-weight: 700;
    margin-right: auto;
    padding-right: 10px;
    float: left;
}

.packages-in {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    position: relative;
    z-index: 5;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    user-select: none;
}

.pack-box {
    position: relative;
    background: hsl(0deg 0% 100%) url(https://i.imgur.com/7seHZak.png) no-repeat center top;
    background-size: contain;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    border-radius: 5px;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
    width: 100%;
    display: flex;
    padding: 60px 0 30px 0;
    flex-direction: column;
    align-items: center;
    border: 1px solid #6e27d1;
}

.pack-title {
    font-size: 38px;
    font-weight: 500;
    color: #0c070d;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 10px;
    line-height: 35px;
}

.pack-cost {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    color: #6e27d1;
    text-transform: uppercase;
}

.pack-frame {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #6e27d1;
}

.pack-ordernow {
    padding: 20px 0;
    text-align: center;
    margin: 15px 0;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    background: #6e27d1;
    border: 2px solid #6e27d1;
    font-weight: 600;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%);
    text-transform: uppercase;
}

.pack-ordernow:hover {
    background: #ede0ff;
    color: #6e27d1!important;
    border-color: transparent;
}

.pack-box:hover {
    transform: translateY(-10px);
}

.need-more-pra-ba:hover {
    padding: 15px 70px;
    background: #9f27d1;
}

.pack-fea {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 25px;
    color: #191919;
    font-weight: 500;
    font-size: 15px;
}

.web-boxi-modal {
    position: absolute;
    display: none;
    background: #8766ebf7;
    width: 215px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    left: 12px;
    top: 75%;
}

.pack-fea-cont {
    display: flex;
    justify-content: center;
}

.pack-fea-cont font {
    display: flex;
}

.moreifo i {
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out!important;
    margin-left: 10px;
    background: #5e3cc6;
    color: #fff;
    padding: 5px 11px;
    border-radius: 16px;
    cursor: pointer;
}

.pack-needmore {
    margin: 60px 0 0px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.need-more-pra-ti {
    font-size: 28px;
    font-weight: 600;
}

.need-more-pra-ba {
    background: #a932c6;
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    border-radius: 100px;
}

#more-packages-da2, #more-packages-da, #more-packages-da3 {
    z-index: 1;
    margin-top: 60px;
    display: none;
}

.trigpro {
    display: grid!important;
}

.minecraft-hosting-feature {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}

.mc-features-title {
    position: relative;
    font-size: 36px;
    width: fit-content;
    color: #6e27d1;
    font-weight: 900;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    line-height: 32px;
    margin-right: auto;
}

.mc-features-in {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 40px;
    position: relative;
    width: 100%;
}

.feautres-box {
    font-size: 16px;
    user-select: none;
    font-weight: 600;
    align-items: center;
    flex-direction: row;
    transition: 0.2s ease-in-out,transform .2s ease-in-out;
    text-transform: capitalize;
    display: flex;
    background: #FFF;
    box-shadow: 0px 10px 40px #71717130;
    padding: 10px;
    border-radius: 10px;
    color: #2c2f33;
}

.feautres-box:hover {
    transform: scale(1.04);
}

.feautres-box i {
    margin-right: 15px;
    color: #ffffff;
    font-size: 15px;
    width: 25px;
    height: 25px;
    background: #6e27d1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.com-bo {
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.08), 0px 14px 21px 2px rgba(0, 0, 0, 0.06), 0px 5px 26px 4px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    margin: 0 25px;
    transition: 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s !important;
    padding: 25px 70px;
    color: #71828a;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.com-bo:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.com-bo-ico {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
    padding: 15px;
    border-radius: 6px;
    font-size: 20px;
    margin-top: -60px;
    background: #fff;
    color: #6a44cd;
    margin-bottom: 30px;
}

.com-bo-smt {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.com-bo-mtp {
    font-size: 65px;
    display: flex;
    font-weight: 700;
    color: #6a44cd;
    margin: 15px 0;
    text-shadow: 1px 3px 8px #cbc2e4;
    position: relative;
    line-height: 45px;
}

.com-bo-mtp i {
    font-size: 30px;
    position: absolute;
    top: 0;
    left: -20px;
}

.com-bo-mtly {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}

.com-bo-fea {
    width: 100%;
    position: relative;
    display: block;
}

.com-bo-fea-t {
    position: relative;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    margin: 2px 0;
    align-items: center;
}

.flex-c-np {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px auto;
    grid-gap: 30px;
}

#da-sup {
    display: none;
}

.fea-cont {
    display: flex;
    flex-direction: row;
    text-align: center;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.fea-bo {
    width: 100%;
    padding: 10px;
    display: flex;
    position: relative;
    flex-direction: column;
}

.fea-bo i {
    margin: 0 auto;
    position: relative;
    width: 90px;
    height: 90px;
    user-select: none;
    border-radius: 50px;
    color: #fff;
    display: flex;
    background: linear-gradient(166deg, #492ab6, #8659f7);
    font-size: 44px;
    align-items: center;
    justify-content: center;
}

.fea-titl {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    color: #5231bf;
}

.fea-desc {
    font-size: 16px;
    color: #41484c;
    font-weight: 400;
}

.fea-lgo {
    background: transparent!important;
    font-size: 220px!important;
    width: auto!important;
    color: #5836c7!important;
    height: auto!important;
}

.fea-log-t {
    position: absolute;
    text-align: center;
    color: #fff;
    z-index: 5;
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    font-weight: 600;
    margin-top: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.fea-line {
    border-bottom: dotted 5px #764de66e;
    position: absolute;
}

.fea-lo {
    width: 90px;
    top: 25px;
    left: -10px;
    transform: rotate(45deg);
}

.fea-lth {
    width: 100px;
    top: 18px;
    right: -10px;
    transform: rotate(-45deg);
}

.fea-lt {
    width: 60px;
    top: -15px;
    left: 140px;
    transform: rotate(90deg);
}

.fea-lf {
    width: 70px;
    top: 130px;
    right: -50px;
    transform: rotate(0deg);
}

.fea-lfr {
    width: 150px;
    bottom: -40px;
    right: -80px;
    transform: rotate(45deg);
}

.fea-lfv {
    width: 150px;
    bottom: -40px;
    left: -80px;
    transform: rotate(-45deg);
}

.fea-lsi {
    width: 70px;
    bottom: -25px;
    left: 135px;
    transform: rotate(90deg);
}

.fea-lsn {
    width: 70px;
    top: 130px;
    left: -50px;
    transform: rotate(0deg);
}

.vp-tab {
    margin: 60px auto;
    display: block;
    position: relative;
}

table {
    position: relative;
    overflow: hidden;
    border-spacing: 0;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.08), 0px 14px 21px 2px rgba(0, 0, 0, 0.06), 0px 5px 26px 4px rgba(0, 0, 0, 0.07);
    color: #4a5669;
    text-align: center;
    background-color: #fff;
    border-collapse: separate;
    border-radius: 12px;
}

table thead tr th {
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    background-color: #a7a7a7;
    border-bottom: 2px solid #e6e9ee;
}

table tr td, table tr th {
    padding: 18px 18px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    vertical-align: middle;
    border-bottom: 1px solid #e6e9ee;
}

.tab-til-resp {
    display: none;
    width: 44%;
    margin-right: 10px;
    color: #8f98a7;
    font-size: 16px;
    font-weight: 600;
    float: left;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

.vps-pnow {
    color: #ffffff;
    font-weight: 600;
    background: #6e27d1;
    white-space: nowrap;
    padding: 10px;
    border-radius: 8px;
}

.vps-pnow:hover {
    color: #ffffff;
    background: #6320c1;
}

.p-b {
    color: #6e27d1;
    font-weight: 600;
}

#da-supr {
    display: none;
}

.sec-b.vbv {
    padding: 0;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
    border: none;
}

.sec-b.vbv .selbut {
    border-radius: 0;
    margin: 0;
    background: #ececec;
}

.s-titl.act {
    background: linear-gradient(160deg,#5e3cc6,#b068ff);
}

a.s-titl {
    position: relative;
    font-size: 22px;
    background: linear-gradient(160deg,#535353,#5e5e5e);
    color: #ffffff;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
    font-weight: 600;
    cursor: pointer;
    padding: 7px 18px;
    margin: 0 5px;
    border-radius: 3px;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out!important;
    text-transform: uppercase;
    user-select: none;
    text-align: center;
}

.s-titl:hover {
    background: linear-gradient(160deg,#5e3cc6,#b068ff);
    color: #fff;
}

.s-titl > span {
    position: absolute;
    right: -26px;
    transform: rotate(12deg);
    top: -11px;
    font-size: 12px;
    background: red;
    padding: 2px 10px;
}

.web-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: auto;
    margin: 60px 0;
}

.web-box:nth-child(1) > .we-box-img {
    background: url(/assets/images/elixirarcher.png) no-repeat;
    background-size: 127px!important;
    background-position: center!important;
}

.web-box:nth-child(2) > .we-box-img {
    background: url(/assets/images/elixirfighter.png) no-repeat;
    background-size: 174px!important;
    background-position: center!important;
}

.web-box:nth-child(3) > .we-box-img {
    background: url(/assets/images/elixirwizard.png) no-repeat;
    background-size: 174px!important;
    background-position: center!important;
}

.web-box {
    margin: 15px;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out!important;
    max-width: 310px;
    height: 100%;
    border-radius: 10px;
    display: flex;
    user-select: none;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12);
    flex-direction: column;
}

.web-box:hover {
    transform: scale(1.03) translateY(-10px);
}

.we-box-img {
    background: url(https://cdn.discordapp.com/attachments/593082499530489875/597848054392946701/elixiricon.png) no-repeat;
    background-size: 115px;
    background-position: center;
    width: 100%;
    height: 200px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}

.we-box-haeas {
    background: #5e3cc6;
    color: #fff;
    height: 39px;
    font-weight: 600;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.we-box-in {
    text-align: left;
    padding: 20px 19px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    word-spacing: 1px;
}

.we-box-info {
    height: 100%;
    display: flex;
    padding: 10px 0;
    font-size: 17px;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.we-box-info > span .moreifo i:hover {
    transform: rotate(23deg);
}

.we-box-info > span .moreifo i {
    -webkit-transition: 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out!important;
    -moz-transition: 0.2s ease-in-out, -moz-transform 0.2s ease-in-out!important;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out!important;
    margin-left: 10px;
    background: #5e3cc6;
    color: #fff;
    padding: 5px 11px;
    border-radius: 16px;
    cursor: pointer;
}

.we-box-info > .moreifo {
    margin-left: auto;
    position: relative;
    cursor: pointer;
}

.we-box-info > span {
    display: flex;
}

.we-box-info b {
    margin-right: 7px;
}

.mai-sases {
    text-align: center;
    justify-content: center;
    text-decoration: underline;
    color: #000;
    margin: 0 auto 0 0;
    font-weight: 600;
    word-spacing: 2px;
}

.mai-sases:hover {
    text-decoration: underline!important;
}

.we-box-buyn {
    background: #efefef;
    height: 50px;
    display: flex;
    flex-direction: row;
    border-radius: 0 0 10px 10px;
    align-items: center;
    color: #5e3cc6;
    justify-content: center;
    font-size: 21px;
    font-weight: 800;
}

.we-box-buyn i {
    margin-right: 10px;
}

.web-boxi-modal {
    position: absolute;
    z-index: 888;
    display: none;
    background: #8766ebf7;
    width: 215px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
    left: 0;
    top: 60%;
}

.we-box-rpicve {
    position: absolute;
    width: 76%;
    margin: 0px 12%;
    top: -30px;
    border-radius: 10px 10px 0 0;
    height: 30px;
    display: flex;
    color: #fff;
    background: #5e3cc6;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

#wehbo-2 {
    display: none;
}

.title-set {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 80px 0;
    text-align: center;
}

.ts-titl {
    font-size: 36px;
    color: #5e3cc6;
    text-shadow: 1px 2px 2px #00000038;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.ts-stitl {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #adadad;
    text-transform: none;
    user-select: none;
}

.vps-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.vps-feature-box {
    border: 1px solid #cecece;
    display: flex;
    align-items: center;
    padding: 25px;
    height: 100%;
    position: relative;
    width: 100%;
}

.vps-f-logo {
    margin: auto 20px auto 0;
    width: 90px;
    min-width: 90px;
    height: 90px;
    user-select: none;
    border-radius: 100px;
    color: #fff;
    display: flex;
    background: linear-gradient(166deg, #5e3cc6, #a486ff);
    font-size: 40px;
    align-items: center;
    justify-content: center;
}

.vps-feautre-boto {
    margin: auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vps-feautre-boto h1 {
    font-size: 20px;
    margin-bottom: auto;
    margin-top: auto;
    font-weight: 600;
}

.vps-feautre-boto p {
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 8px;
    color: #5a5a5a;
    font-weight: 500;
}

.dedi-fhol {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

.dedi-feature-box {
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    border-radius: 15px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    background: #fff;
    padding: 30px;
    box-shadow: 0px 3px 20px rgba(32, 41, 50, 0.11);
}

.about-logo {
    margin: 0 auto;
    width: 90px;
    height: 90px;
    user-select: none;
    border-radius: 50px;
    color: #fff;
    display: flex;
    background: -webkit-linear-gradient(166deg, #6a44cd, #c4aaff);
    background: linear-gradient(166deg, #6a44cd, #c4aaff);
    font-size: 51px;
    align-items: center;
    justify-content: center;
}

.dedi-feature-box:hover {
    transform: translateY(-10px);
    z-index: 2;
}

.dedicated-table {
    border: 2px solid #a932c6;
    border-radius: 6px;
    overflow: visible;
}

.dedicated-t-header {
    background: #a932c6;
    color: #fff;
}

.dedicated-table th, .dedicated-table td {
    text-align: left;
    padding: 12px 10px;
}

.dedicated-table td {
    font-size: 16px;
    position: relative;
}

.lim-stk.fas {
    position: absolute;
    left: 10px;
    cursor: pointer;
    margin: auto;
    height: 100%;
    display: flex;
    top: 0;
    align-items: center;
}

.dedicated-t-product > td:nth-child(1), .dedicated-t-header > th:nth-child(1) {
    padding-left: 30px;
    position: relative;
}

.dedicated-t-product > td:nth-child(6) {
    font-weight: 600;
    color: #4a4a4a;
}

tr > td {
    padding: 8px 30px 8px 0;
    color: #5f5f5f;
    border-bottom: 1.52px solid #bc9fff;
}

tr > th {
    padding: 8px 30px 8px 0;
}

.on-hv-ltd {
    display: none;
    left: -104px;
    position: absolute;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #302844;
    padding: 4px 4px;
}

.dedi-pnow {
    cursor: pointer;
    color: #a37bff!important;
    font-weight: 700;
}

.dedi-cust-or {
    background: #6a44cd;
    transition: 0.2s ease-in-out, transform 0.2s ease-in-out;
    color: #FFFFFF;
    border-radius: 25px;
    padding: 14px 45px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    display: block;
    width: fit-content;
    margin: 60px auto;
}

.dedi-cust-or:hover {
    background: #7a58d4;
    color: #fff;
}

.m-c-ti {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.15), 0px -5px 35px rgba(255,255,255,0.3);
    margin: 50px 0;
    position: relative;
    padding-bottom: 8px;
    color: #6a44cd;
}

.m-c-ti:after {
    position: absolute;
    height: 3px;
    margin: 0 30%;
    border-radius: 20px;
    width: 40%;
    background: #6a44cd;
    content: " ";
    left: 0;
    bottom: 0;
}

.status-title {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.15), 0px -5px 35px rgba(255,255,255,0.3);
    margin: 0;
    position: relative;
    padding-bottom: 8px;
    color: #6a44cd;
    background-color: #F5F8FB;
    border-style: solid;
    border-color: #D9E1E8;
    border-top: 0;
}

.xn-cf-reqb {
    box-shadow: 3px 4px 20px #00000029;
    width: 100%;
    text-align: left;
    display: flex;
    border-radius: 6px;
    flex-direction: column;
    position: relative;
}

.xn-cf-reqb:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fae7ff;
    border-radius: 6px;
    top: 5px;
    left: 5px;
}

.xn-cf-reqb:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    border-radius: 6px;
    top: 0;
    left: 0;
}

.xn-cf-reqb-t {
    padding: 20px;
    background: #722bd3;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    z-index: 1;
    border-radius: 6px 6px 0 0;
    letter-spacing: 1px;
}

.xn-cf-reqb-b {
    padding: 20px;
    color: #25282a;
    position: relative;
    z-index: 1;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sb-cem {
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: 4px 7px 30px #00000021;
    align-items: center;
    padding: 35px 40px;
    border-radius: 6px;
    width: 100%;
    background: #fff;
}

.sb-cem-mt {
    position: relative;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #722bd3;
}

.frm-sbce, .sb-ce-bo {
    display: flex;
    flex-direction: column;
    min-width: 100%;
}

#sub-domain-data {
    margin-bottom: 0;
}

.sb-ce-bo {
    margin-bottom: 25px;
    width: 100%;
    position: relative;
}

.sb-ce-bo label {
    margin-bottom: 2px;
    font-size: 16px;
    font-weight: 700;
    color: #363636;
}

.cb-ce-but {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    margin: 0 auto;
    background: #722bd3;
    color: #fff;
    border: none;
    user-select: none;
    padding: 15px;
    font-size: 17px;
    border-radius: 6px;
    text-transform: capitalize;
    cursor: pointer;
    transition: 150ms ease 0s;
    margin-top: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.cb-ce-but:hover {
    background: #844ad3;
}

select, input {
    border-left: none;
    border-right: none;
    padding: 10px 0;
    font-size: 20px;
    border-top: none;
    border-bottom: 2px #c4c2b9 solid;
}

.subdomain-result {
    width: 100%;
    color: #34444c;
    font-size: 15px;
    background: #b37bff1f;
    padding: 13px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: left;
}

.subdomain-result.b {
    background: #ff070729;
}

.subdomain-result.s {
    background: #4caf504f;
}

.subdomain-result span {
    margin-left: 8px;
    font-weight: 700;
}

.lino-sup {
    flex-direction: column;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 50px 25px;
    transition: 150ms ease 0s;
    border-radius: 10px;
    box-shadow: 4px 4px #511fb5;
    color: #000;
    border: 1px solid #c6a9ff;
    position: relative;
    background: #fff;
}

.lino-sup:hover {
    box-shadow: 6px 6px #a932c6;
    border: 1px solid #eda9ff;
}

.lino-sup img {
    width: 100px;
}

.sup-title {
    font-size: 30px;
    color: #000000;
    font-weight: 600;
    text-align: center;
    margin: 60px 0;
}

.sup-title span {
    color: #6a44cd;
    border-bottom: 3px solid;
}

.mc-features-in.support-xn-h {
    padding-bottom: 30px;
    grid-template-columns: repeat(3, 1fr);
}

.mc-features-in.support-xn-h:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: 5px;
    background: #a932c6;
    border-radius: 20px;
}

.lino-sup h3 {
    color: #000;
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lino-sup p {
    margin-bottom: 0;
    margin-top: 0;
    color: #444;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
}

.sup-bot {
    margin-top: 80px;
    text-align: left;
    align-items: center;
}

.sup-bot img {
    background: linear-gradient(166deg, #6a44cd, #c4aaff);
    border-radius: 10px;
    padding: 20px;
}

.sup-bot p {
    font-weight: 500;
    margin-left: 20px;
    color: #3c3c3c;
    text-align: left;
    line-height: 30px;
    font-size: 17px;
}

.xn-swit-bu {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: fit-content;
    position: relative;
}

#darkmode-swit {
    background: #fff;
    color: #9d2fc4;
    font-size: 15px;
    border: none;
    border-radius: 100px;
    padding: 6px 14px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
}

.partner-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -30px;
    position: relative;
}

.partner-card {
    background: #FFFFFF;
    margin: 40px 30px;
    padding: 40px 30px;
    border-radius: 15px;
    height: 320px;
    box-shadow: 4px 12px 30px 0px rgba(82, 82, 82, 0.13);
}

.parter-top a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.parter-top img {
    max-width: 60%;
    max-height: 100px;
}

.parter-top {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.parter-des {
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: #6f6f6f;
    font-weight: 500;
}

.xn-partner-title {
    margin-top: 50px;
}

.header-div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100px;
    top: -80px;
}

body[page-data="game"] .header-in {
    padding-bottom: 140px;
}

.header-div-o {
    width: 3900px;
    height: 500px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    background: #fff;
    margin-left: -1950px;
    top: 0;
}

.header-div-t {
    width: 3900px;
    height: 500px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -1950px;
    top: 60px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075) inset;
    background: #ffffff;
}

body[page-data="game"] #header {
    background-image: url(/assets/images/game-header.jpg);
    height: 67vh;
}

body[page-data="game"] #header:before {
    background: linear-gradient(155deg,#511fb5,#a932c6);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.85;
    backdrop-filter: blur(1px);
}

.header-c-buto i {
    margin-left: 6px;
}

body[page-data="game"] #header:after {
    display: none;
}

.xn-game-holder {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    position: relative;
    margin-top: -140px;
}

.game-category-card {
    overflow: hidden;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    box-shadow: 11px 16px 20px -10px hsl(0deg 0% 73% / 50%), inset 0 0 0 1px rgb(0 0 0 / 5%);
    height: 240px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    background-size: 480px;
    background-position: center;
    transition: 250ms ease-out 0s;
}

.game-category-card:hover {
    background-size: 550px;
    box-shadow: 6px 6px 20px 0px hsl(0deg 0% 73% / 50%), inset 0 0 0 1px rgb(0 0 0 / 5%);
}

.game-category-bottom {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.game-category-card:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: linear-gradient(123deg,#321762,#5b0e6c);
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0.4;
}

.game-category-title {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    font-size: 32px;
    line-height: 25px;
}

.game-category-pricing {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.game-category-pricing h2 {
    font-size: 60px;
    line-height: 48px;
    display: flex;
    align-items: flex-end;
}

.game-category-pricing h2 i {
    font-size: 22px;
    margin-right: 4px;
    color: #FFF;
}

.game-category-r {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 5px;
}

.game-category-rt {
    font-weight: 800;
    font-size: 31px;
    line-height: 23px;
    margin-bottom: 6px;
}

.game-category-rb {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}

.game-category-pricing h2 p {
    font-size: 11px;
    margin-top: auto;
    line-height: 15px;
    margin-right: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* .game-category-card:after {
    background: #ffffff;
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    transform: skew(
35deg, 0) translate(-150%);
    transition: transform 360ms;
    top: 0;
    left: 0;
    opacity: 1;
}

.game-category-card:hover:after {
    transform: skew(
35deg, 0) translate(-30%);
}

.game-category-card:hover .game-category-bottom, .game-category-card:hover .game-category-title, .game-category-card:hover .game-category-pricing i, .game-category-card:hover .game-category-rb {
    color: #aa32c7;
} */
.xn-game-card {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 500px;
    background-color: #fff;
    background-position: center;
    padding: 20px;
    position: relative;
    border-radius: 10px;
    color: #fff;
    user-select: none;
    cursor: pointer;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 280px;
    box-shadow: 0px 12px 42px 7px rgba(84, 84, 84, 0.12);
}

.xn-game-card h1 {
    font-size: 3.5em;
    margin: 0;
    letter-spacing: 2px;
    transition: 190ms ease 0ms;
}

.xn-game-card:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: hsla(285, 100%, 5%, 0.43);
}

.xn-game-card .service-box-prc {
    margin-top: 0;
    margin-bottom: 0;
    color: #9e30c4;
}

.xn-game-card .service-box-str {
    color: #656565;
    margin-top: 5px;
}

.xn-game-card-in {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.xn-game-card-inp {
    position: absolute;
    bottom: -50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: 190ms ease 0ms;
}

.xn-game-card:hover h1 {
    transform: translateY(-15px);
    color: #a331c5;
}

.xn-game-card:hover .xn-game-card-inp {
    transform: translateY(15px);
    opacity: 1;
    color: #202223;
}

.xn-game-card:after {
    background: #ffffff;
    content: "";
    position: absolute;
    width: 150%;
    height: 100%;
    transform: skew(35deg, 0) translate(-150%);
    transition: transform 360ms;
}

.xn-game-card:hover:after {
    transform: skew(35deg, 0) translate(0%);
}

.header-c-xn-btn {
    display: inline-block;
    position: relative;
    width: fit-content;
}

.header-c-buto.c {
    display: block;
    float: right;
    margin-left: 20px;
    background: transparent;
    box-shadow: inset 0 0 0 2px #fefefe;
    color: #fff;
}

.header-c-xn-btn .header-c-buto {
    display: block;
    float: left;
}

.header-c-xn-btn .header-c-buto.c:hover {
    background: #fff;
    color: #a932c6;
}

.header-c-xn-btn .header-c-buto:hover {
    background: transparent;
    box-shadow: inset 0 0 0 2px #fefefe;
    color: #fff;
    transform: none;
}

.xn-game-mfeautre {
    position: relative;
    background: #fff;
    box-shadow: 0px 12px 42px 7px rgba(84, 84, 84, 0.12);
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 40px;
    grid-gap: 40px;
}

.xn-game-mfea-in {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 3;
}

.xn-game-mfeautre:after {
    background: #fff;
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 10px;
    z-index: 2;
}

.xn-game-mfeautre:before {
    content: "";
    width: 300px;
    height: 288px;
    background: url(/assets/images/game-blob.svg);
    background-size: cover;
    background-position: center;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -60px;
    left: -80px;
}

.xn-game-title {
    margin: 80px 0 40px 0;
    max-width: 550px;
}

.xn-game-title h1 {
    font-size: 3em;
    color: #a932c6;
}

.xn-game-title p {
    font-size: 16px;
    margin-top: 4px;
    font-weight: 500;
    color: #7d7d7d;
}

.xn-game-holder:before {
    content: "";
    width: 8px;
    background: #a932c6;
    height: 280px;
    position: absolute;
    right: 90px;
    bottom: -240px;
    z-index: -1;
}

.xn-game-holder:after {
    content: "";
    width: 8px;
    background: #ffffffe8;
    height: 80px;
    position: absolute;
    right: 90px;
    bottom: -280px;
    animation: gelixir 1500ms infinite;
    animation-timing-function: ease-in-out;
    z-index: -1;
}

@keyframes gelixir {
    0% {
        bottom: 0px;
    }

    100% {
        bottom: -280px;
    }
}

.xn-game-mpanel {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 80px;
    width: 100%;
}

.xn-game-mpanel.xn {
    margin-top: 120px;
    margin-bottom: 120px;
}

.xn-game-panel-l {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.xn-game-panel-lin {
    position: relative;
    width: 470px;
    height: 280px;
    border-radius: 10px;
    transition: 250ms ease 0ms;
    /* overflow: hidden; */
    box-shadow: 0px 12px 42px 7px rgba(84, 84, 84, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.xn-game-panel-lin:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7px;
    left: 7px;
    background: #a932c6;
    border-radius: 10px;
}

.slick-arrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-arrow.r {
    right: 20px;
}

.slick-arrow.l {
    left: 20px;
}

.slick-arrow i {
    font-size: 22px;
    cursor: pointer;
    color: #ffffff;
    position: relative;
    text-shadow: 0px 0px 30px #90145d;
    z-index: 7;
    transition: 0.2s ease-in-out;
}

.slick-arrow.r i:hover {
    transform: translateX(2px);
}

.slick-arrow.l i:hover {
    transform: translateX(-2px);
}

.xn-game-panel-sl {
    width: 470px;
    height: 280px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.xn-game-panel-r {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}

.xn-game-panel-r h2 {
    font-weight: 600;
    color: #a932c6;
    font-size: 17px;
}

.xn-game-panel-r h1 {
    font-size: 33px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.xn-game-panel-r h2.h1 {
    font-size: 33px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.xn-game-panel-r p {
    color: #6b6b6b;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 29px;
}

.xn-game-mpanel.xn-game-feature {
    grid-template-columns: 1fr auto;
}

.xn-game-ping {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.13);
    padding: 60px 40px;
    border-radius: 10px;
}

.xn-game-pingin {
    display: flex;
    align-items: center;
    grid-template-columns: auto 1fr auto;
}

.xn-game-pingin i {
    color: #a932c6;
    font-size: 48px;
    margin-right: 10px;
}

.xn-game-pingin h1 {
    margin: 0;
    font-size: 20px;
    white-space: nowrap;
}

.xn-game-mpanel.xn-game-feature .xn-game-panel-l img {
    width: 100%;
    height: auto;
}

.xn-game-pingin span {
    font-size: 19px;
}

.xn-map-fl {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    position: relative;
    margin: 90px 0;
}

.xn-map-pn {
    width: 100%;
    height: 100%;
    position: absolute;
}

.xn-mp-marker {
    background: #5705e0;
    height: 13px;
    width: 13px;
    border-radius: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    background-position: center;
    cursor: pointer;
    transition: 200ms ease-in-out 0s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.xn-mp-marker span {
    white-space: nowrap;
    position: absolute;
    left: 25px;
    background: #a932c6;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 4px;
    transition: 100ms ease 0s;
    color: #fff;
    font-weight: 600;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}

.xn-mp-marker:hover span {
    visibility: visible;
    opacity: 1;
    left: 30px;
}

.xn-mp-marker:hover {
    background: #a932c6;
}

.xn-mp-marker:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    border: 1px #a932c6 solid;
    border-radius: 100px;
    /* visibility: hidden; */
    /* opacity: 0; */
    animation: ping 900ms infinite;
}

.xn-mp-marker.texas {
    top: 33%;
    left: 14%;
}

.xn-mp-marker.virginia {
    left: 20.5%;
    top: 29.5%;
}

.xn-mp-marker.canada {
    top: 22.5%;
    left: 23%;
}

.xn-mp-marker.london {
    left: 45%;
    top: 18.2%;
}

.xn-mp-marker.finland {
    top: 11.5%;
    left: 51.9%;
}

.xn-mp-marker.germany {
    left: 48.5%;
    top: 20%;
}

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

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

.xn-map-fl > img {
    width: 100%;
}

.xn-game-fea {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px;
}

.xn-game-fea-in {
    display: flex;
    align-items: center;
    text-align: left;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.13);
    padding: 20px 30px;
    border-radius: 10px;
}

.xn-game-fea-in i {
    font-size: 28px;
    margin-right: 10px;
    color: #a130c4;
    transition: 260ms ease 0s;
}

.xn-game-fea-in:before {
    content: "";
    background: #a331c5;
    width: 60px;
    height: 3px;
    position: absolute;
    right: -45px;
    z-index: -1;
}

.xn-game-fea-in:nth-child(3):before, .xn-game-fea-in:nth-child(6):before {
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(90deg);
    bottom: -20px;
}

.xn-game-fea-in:last-child:before {
    display: none;
}

.xn-game-fea-in:nth-child(5):after, .xn-game-fea-in:nth-child(1):after,.xn-game-fea-in:nth-child(4):after, .xn-game-fea-in:nth-child(2):after {
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(90deg);
    bottom: -20px;
    content: "";
    background: #a331c5;
    width: 60px;
    height: 3px;
    position: absolute;
    z-index: -1;
}

.xn-game-fea-in:hover i {
    transform: rotate3d(0, 1, 1, 360deg);
}

.xn-cs#faq:before {
    display: none;
}

.xn-cs#faq {
    padding-top: 0;
}

.xn-cs#faq .faq-holdd {
    margin-top: 0;
}

.section-main.csgo-top {
    background: url(https://i.imgur.com/Q0CrPGO.png) no-repeat,url(https://i.imgur.com/UkksnR7.png) no-repeat;
    background-position: bottom left, bottom right;
    background-size: 300px;
    padding: 60px 0;
    z-index: 6;
}

.xn-csgo-product {
    display: grid;
    grid-gap: 40px;
    width: fit-content;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
    position: relative;
}

.csgo-product-card {
    transition: 200ms ease 0s;
    display: flex;
    flex-direction: column;
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
    width: 330px;
    margin-bottom: 30px;
    position: relative;
}

.csgo-pro-top {
    border-radius: 10px 10px 0 0;
    height: 140px;
    position: relative;
    background-position: center;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    border-bottom: 5px solid #8617a3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.csgo-pro-top h1 {
    color: #fff;
    font-size: 2.4em;
    text-shadow: 3px 3px 2px #aa32c7;
    text-transform: uppercase;
}

.csgo-pro-con {
    padding: 30px 30px;
}

.csgo-pro-prc {
    display: block;
    font-size: 2.5em;
    width: fit-content;
    margin: 0 auto;
    color: #aa32c7;
}

.csgo-pro-prc span {
    font-size: 15px;
    color: #464646;
    font-weight: 500;
}

.csgo-pro-btn {
    background: #aa32c7;
    padding: 15px 20px;
    text-align: center;
    display: block;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: -50px;
    transition: 150ms ease 0ms;
}

.csgopro-c-in {
    margin: 30px 0;
    width: fit-content;
}

.csgo-pro-mi {
    width: fit-content;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.csgo-pro-mic {
    background: #f5d2ff;
    position: absolute;
    top: 10px;
    visibility: hidden;
    opacity: 0;
    padding: 12px 10px 12px 30px;
    width: 270px;
    transition: 200ms ease 0s;
    border-radius: 5px;
}

.csgo-pro-mi p {
    font-weight: 500;
    font-size: 15px;
    color: #2d2d2d;
    cursor: pointer;
}

.csgo-pro-mi:hover .csgo-pro-mic {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

.csgo-pro-mic li {
    font-size: 16px;
    line-height: 21px;
    color: #8617a3;
    font-weight: 500;
    margin-bottom: 5px;
}

.csgopro-c-in h3 {
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 5px;
    align-items: center;
    display: flex;
}

.csgopro-c-in h3 i {
    margin-right: 10px;
    font-size: 23px;
}

.csgopro-c-in h3 i:before {
    background: -webkit-linear-gradient(-16deg,#a331c5,#4f00e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.csgo-pro-btn:hover {
    background: #8a15a3;
}

.csgo-product-card:hover .csgo-pro-top:before {
    opacity: 0.1;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
    transition-property: transform;
    transform-origin: 50% 50%;
    transform: translateY(-20%) rotateZ(4deg) translateX(-50px);
}

.csgo-pro-top:before {
    content: "";
    opacity: 0;
    cursor: pointer;
    width: 150%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(242, 246, 248, 0.459) 0%, #d8e1e7 50%, #b5c6d0 52%, rgba(224, 239, 249, 0) 100%);
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
    transform: translateY(-50%) rotateZ(0deg) translateX(-50px);
    transition-timing-function: cubic-bezier(0, 0.73, 0.48, 1);
    transform-origin: 50% 50%;
    transition-property: transform, opacity;
    transition-duration: 0.6s;
}

.csgo-product-card:hover {
    transform: translateY(-5px);
}

section.section-main.csgo-feature {
    padding: 60px 0;
    background: #f9e5ff url(https://i.imgur.com/8b9jKBN.png) no-repeat;
    background-position: center bottom;
    background-size: 540px;
    z-index: 5;
}

.xn-csgo-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px 200px;
}

.xn-csgo-feature-c {
    width: 260px;
    display: flex;
    align-items: center;
    margin-left: auto;
    text-align: right;
}

.xn-csgo-feature-c span {
    background: #ffffff;
    min-width: 70px!important;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    border-radius: 100px;
}

.xn-csgo-feature-c i:before {
    background: -webkit-linear-gradient(-16deg,#a331c5,#4f00e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.xn-csgo-feature-c.r {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.xn-csgo-feature-c span {
    margin-left: 20px;
}

.xn-csgo-feature-c.r span {
    margin-left: 0;
    margin-right: 20px;
}

.xn-csgo-feature-c:nth-child(3) {
    margin-right: 22%;
}

.xn-csgo-feature-c:nth-child(4) {
    margin-left: 22%;
}

.xn-csgo-feature-c:nth-child(5) {
    margin-right: 42%;
}

.xn-csgo-feature-c:nth-child(6) {
    margin-left: 42%;
}

.xn-csgo-feature-c:nth-child(7) {
    margin-right: auto;
    margin-left: 0;
}

.xn-csgo-feature-c:nth-child(8) {
    margin-right: 0;
    margin-left: auto;
}

.csgo-faq#faq:before {
    width: 525px;
    height: 407px;
}

.xn-toprated {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: -1px;
    background: #f9e5ff;
    color: #aa32c7;
    font-size: 20px;
    display: flex;
    align-items: flex-end;
    padding: 30px 10px 10px;
    border-radius: 0 0 100px 100px;
}

.costumer-in .slick-arrow {
    top: 250px;
    z-index: 10;
    font-size: 50px!important;
}

.costumer-in .xn-slibuto.hvr-forward {
    transform: rotate(180deg);
    left: -50px;
}

.costumer-in .xn-slibuto.hvr-backward {
    right: -50px;
    transform: rotate(180deg);
}

.costumer-in .slick-arrow i {
    font-size: 30px;
}

.section-main.ark-main {
    background: url(https://elixirnode.com/assets/images/ark_left.png) no-repeat,url(https://elixirnode.com/assets/images/ark_right.png) no-repeat;
    background-position: bottom left, bottom right;
    background-size: 300px;
}

.section-in.ark-product {
    display: flex;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    padding-bottom: 80px;
    align-items: center;
    justify-content: center;
}

.product-ark-holder {
    display: grid;
    align-items: center;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.product-ark-flag {
    height: 150px;
    background-size: cover;
    background-position: left center;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 6px 6px 0px rgb(0 0 0 / 31%);
}

.ark-feature {
    padding: 60px 0;
    background: #f9e5ff;
    z-index: 5;
}

.ark-feature .section-in {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px;
}

.ark-card {
    display: flex;
    align-items: center;
    transition: transform 150ms ease 0s;
}

.ark-card:hover {
    transform: translateX(-10px);
}

.ark-feature-l {
    background: #ffffff;
    min-width: 120px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    border-radius: 100px;
    z-index: 1;
}

.ark-feature-r {
    background: #fcf3ff;
    height: 120px;
    padding-left: 80px;
    margin-left: -60px;
    border-radius: 0 100px 100px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ark-feature-r h1 {
    font-size: 20px;
    margin-bottom: 5px;
}

.ark-feature-r p {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
}

.ark-feature-l i:before {
    background: -webkit-linear-gradient(-16deg,#a331c5,#4f00e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-ark-card {
    background: #fff;
    box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.13);
    transition: 200ms ease 0s;
    position: relative;
    margin-top: 107px;
    display: flex;
    border-radius: 10px;
    overflow: visible;
    flex-direction: column;
    align-items: center;
    border-left: 4px solid #aa32c7;
    border-top: 4px solid #aa32c7;
    border-right: 4px solid #aa32c7;
}

.product-ark-l {
    width: 220px;
    height: 220px;
    border: 4px solid #aa32c7;
    background-color: #5f09dd;
    background-size: cover;
    background-position: center;
    border-radius: 300px;
    display: flex;
    align-items: center;
    z-index: 1;
    margin-top: -110px;
    justify-content: center;
}

.product-ark-r {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.product-ark-r-in {
    padding: 30px 30px;
    display: flex;
    flex-direction: column;
}

.product-ark-btn {
    padding: 13px;
    width: 100%;
    text-align: center;
    background: #aa32c7;
    display: block;
    font-weight: 600;
    border-radius: 0 0 7px 7px;
    transition: 150ms ease 0ms;
}

.product-ark-r-in h1 {
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
}

.product-ark-rbh {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 8px;
    grid-column-gap: 25px;
    margin-top: 10px;
}

.product-ark-rbh h3 {
    font-weight: 500;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.product-ark-rbh h3 i {
    margin-right: 10px;
    font-size: 23px;
    height: 20px;
}

.product-ark-rbh h3 i:before {
    background: -webkit-linear-gradient(-16deg,#a331c5,#4f00e4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.product-ark-price {
    color: #aa32c7;
    font-size: 3em;
    transition: 150ms ease 0s;
    margin: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
}

.product-ark-price span {
    letter-spacing: 1px;
    font-size: 15px;
    color: #464646;
    font-weight: 500;
}

.product-ark-btn:hover {
    background: #8a15a3;
}

.product-ark-card:hover {
    transform: translateY(-5px);
}

/*ESHXN MONDAY */
.xn-mcpe-rev {
    background: #00000000!important;
    margin-top: 0!important;
}

.xn-mcpe-rev .slick-arrow i {
    text-shadow: none;
    color: #6e27d1;
}

.xn-mcpe-rev .xn-slibuto {
    opacity: 1;
}

.xn-mcpe-rev .costumer-box {
    box-shadow: 0px 10px 40px #71717130;
    border-bottom: 6px solid #6e27d1;
}

.xn-mcpe-rev .costumer-box:after {
    background: #6e27d12b;
}

.xn-mcpe-rev .costumer-box:before {
    background: #6e27d161;
}

.xn-mchost-panel {
    background: #882bc0;
    padding: 100px 0 270px 0;
    position: relative;
    display: block;
}

.v2-xn-mch:after {
    z-index: 2;
    content: "";
    position: absolute;
    background: url(/assets/images/headc.svg) no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 230px;
    top: -230px;
}

.xn-mchost-panel .xn-game-panel-r h2 {
    color: #fff;
}

.xn-mchost-panel .xn-game-panel-r h1 {
    color: #fff;
}

.xn-mchost-panel .xn-game-panel-r p {
    color: #fff;
}

.xn-mchost-panel .xn-game-panel-lin:before {
    background: #0000002e;
}

.xn-mchost-panel .xn-game-mpanel.xn {
    margin: 0;
}

.v2-xn-mch .minecraft-hosting-feature {
    margin: 70px auto;
}

.v2-xn-mch .mc-features-title {
    color: #ffffff;
}

.v2-xn-mch {
    background: #6e27d0;
    padding: 40px 0 220px 0;
    margin-top: 200px;
}

.xn-mchost-panel:before {
    content: "";
    position: absolute;
    background: url(/assets/images/headd.svg) no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 230px;
    top: -227px;
}

.xn-mchost-panel:after {
    content: "";
    position: absolute;
    background: url(/assets/images/headb.svg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 254px;
    bottom: 0px;
}

.xn-main-v2 {
    z-index: 6;
}

.xn-main-v2:before {
    background: url(/assets/images/circle.svg) no-repeat;
    background-size: 535px;
    background-position: center;
    width: 600px;
    height: 600px;
    position: absolute;
    content: "";
    left: -370px;
}

.xn-main-v2:after {
    background: url(/assets/images/circle.svg) no-repeat;
    background-size: 535px;
    background-position: center;
    width: 600px;
    height: 600px;
    position: absolute;
    content: "";
    right: -370px;
    bottom: 0px;
}

.faq-holdd:before {
    content: "";
    position: absolute;
    top: -40px;
    left: -30px;
    background: url(/assets/images/circle-s.svg) no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
}

.xn-v2-faq .faq-box {
    cursor: auto!important;
    user-select: auto;
}

.xn-v2-faq .faq-btop i {
    margin-left: 0;
    width: 40px;
    margin-right: 9px;
    height: 40px;
    color: #d48fff;
    border: 2px solid #a230c4;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}

.xn-v2-faq .faq-btop {
    display: flex;
    align-items: center;
}

.v2-xn-mch:before {
    content: "";
    position: absolute;
    background: url(/assets/images/headb.svg) no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 254px;
    bottom: 0px;
}

.xn-v2-features {
    margin: 40px 0 227px 0;
}

.v2-features-in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-top: 60px;
}

.v2-features-card {
    display: flex;
    position: relative;
    box-shadow: 5px 9px 30px #0000001a;
    border-radius: 10px;
    padding: 30px;
    background: #fff;
    transition: 250ms ease 0ms;
}

.v2-features-card:hover {
    transform: translateY(4px);
}

.v2-features-b {
    margin-left: 20px;
}

.v2-features-card i {
    font-size: 40px;
    color: #882bc0;
}

.v2-features-title {
    margin-bottom: 10px;
}

.v2-features-desc {
    font-weight: 500;
    color: #656565;
    letter-spacing: 0.3px;
}

.faq-v2-inner {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.v2-btn-faq .faq-fellinglost {
    margin: 0 10px!important;
}

.v2-xn-mch .secm-sbitl {
    color: #fff;
}

.feature-con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    left: 0;
    margin-bottom: 60px;
    margin-top: 50px;
    grid-gap: 100px;
}

.feature-con-im {
    position: relative;
    width: fit-content;
    height: fit-content;
    display: flex;
}

.feature-con-im img {
    max-width: 100%;
    position: relative;
    border-radius: 4px;
    transform: rotate(-2deg);
    transition: 250ms ease 0s;
}

.fio {
    left: 0;
}

.fit {
    right: 0;
}

.feature-con-tx {
    display: block;
    position: relative;
}

.feature-con-txit {
    display: flex;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    color: #6e27d0;
}

.feature-con-txdc {
    padding-top: 10px;
    font-size: 18px;
    line-height: 29px;
    color: #4a4a4a;
    font-weight: 400;
}

.b-feature-in {
    display: flex;
    flex-direction: column;
    margin-bottom: 200px;
    margin-top: 50px;
}

.feature-con-im:before {
    background: #6e27d0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    transform: rotate(2deg);
    top: 0;
    left: 0;
    border-radius: 4px;
    transition: 250ms ease 0s;
}

.feature-con-im:hover:before {
    transform: rotate(-1deg) scale(1.05);
}

.feature-con-im:hover img {
    transform: rotate(1deg) scale(1.05);
}

.v2-feature-more {
    background: #fff;
    margin: 60px auto 0px auto;
    display: block;
    width: fit-content;
    color: #6e27cf;
    padding: 15px 30px;
    border-radius: 6px;
    box-shadow: 4px 4px #ffffff38;
    font-weight: 600;
    text-transform: uppercase;
    transition: 250ms ease 0ms;
}

.mc-features-in.v2-xn-more {
    margin-top: 60px;
    display: none;
}

.mc-features-in.v2-xn-more.shown {
    display: grid;
}

.v2-feature-more:hover {
    transform: translateY(-5px);
}

.xn-faq-gh {
    overflow: visible!important;
    margin: 0!important;
    width: 100%!important;
}

/*GHOST SEARCH UPDATE*/
.header-ghost {
    display: flex;
    align-items: center;
    position: relative;
    width: 350px;
}

.flp-input {
    background: #ffffff;
    border: 0;
    padding: 12px 25px 12px 45px;
    font-size: 17px;
    font-family: montserrat,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    color: #000;
    transition: 200ms ease 0ms;
    border-radius: 4px;
    width: 100%;
}

.header-ghost i {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 15px;
    left: 16px;
    color: #9d2dbe;
    font-size: 17px;
}

.flp-input::placeholder {
    color: #2d2d2d;
    font-weight: 500;
    transition: 200ms ease 0s;
    transform-origin: 0% 50%
}

.flp-input:focus::placeholder {
    color: transparent;
    transform: translateX(10px)
}

/*GHOST SEARCH UPDATE*/
.lino-sup-avg {
    position: absolute;
    top: 0;
    right: 0;
    background: #511fb5;
    transition: 150ms ease 0s;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    padding: 7px 10px;
    border-radius: 1px 5px 0px 5px;
    line-height: 13px;
}

.lino-sup:before {
    content: "";
    background: var(--primary-color);
    box-shadow: -1px -1px 15px 1px rgb(197 197 197 / 75%);
    border-radius: 10px;
    transform: translate(5px,5px);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
}

.lino-sup:hover .lino-sup-avg {
    background: #a932c6;
}

@media screen and (max-width: 1000px) {
    .navbar-in, .section-in, .header-in, .features-in, .service-in, .costumer-in, .faq-in, .footer-in, .footer-bt {
        width: 85%!important;
        padding-left: 0!important;
        padding-right: 0!important;
    }

    #header {
        height: calc(95vh - 1px);
    }

    .m-c-ti {
        font-size: 28px;
    }

    .sb-cem {
        width: 100%;
    }

    .features-in {
        flex-direction: column;
        margin-top: -150px;
    }

    #header {
        height: calc(100vh - 1px);
    }

    .header-cor {
        display: none;
    }

    .service-holder {
        flex-direction: column;
    }

    .faq-cont {
        width: 100%;
    }

    .feature-box {
        margin: 20px 0!important;
    }

    .header-cont {
        width: 100%;
        padding-top: 10%!important;
    }

    .header-c-title {
        font-size: 39px;
        line-height: 45px;
    }

    .service-box {
        margin: 20px 0;
    }

    .navbar-logo {
        display: none;
    }

    .navbar-logo-m {
        display: block;
        width: 30px;
    }

    .navbar-link {
        display: none;
    }

    .bread-nav {
        display: flex;
        position: relative;
        height: 25px;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .bread-nav-bar {
        display: flex;
        margin-left: auto;
        width: 35px;
        background: #fff;
        height: 3px;
        border-radius: 10px;
        align-items: center;
        justify-content: center;
        position: relative
    }

    .bread-nav-bar:before {
        width: 35px;
        background: #fff;
        height: 3px;
        position: absolute;
        content: "";
        top: -10px;
        border-radius: 20px
    }

    .bread-nav-bar:after {
        width: 35px;
        background: #fff;
        height: 3px;
        position: absolute;
        content: "";
        bottom: -10px;
        border-radius: 20px
    }

    #faq {
        overflow-x: hidden;
    }

    .footer-in {
        flex-direction: column;
        text-align: left;
        padding-top: 100px;
    }

    .footer-sect {
        margin: 10px 0;
        width: 100%;
    }

    .footer-bt {
        flex-direction: column;
        text-align: center;
    }

    .footer-crc.r {
        margin: 0 auto;
    }

    .footer-crc {
        font-size: 11px;
    }

    .footer-icon {
        display: none;
    }

    .minecraft-hosting-pac-fle {
        flex-direction: column;
    }

    .minecraft-hosting-dif {
        flex-direction: column;
    }

    .header-in {
        padding-bottom: 190px;
    }

    .loca-bo {
        margin: 20px 0;
    }

    .com-bo {
        margin: 40px 0px;
    }

    .flex-c-np {
        flex-direction: column;
    }

    .web-holder {
        flex-direction: column;
    }

    .web-box {
        margin: 33px 0px;
        width: 100%;
        max-width: unset;
    }

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

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

    .dedi-res-tab {
        overflow: scroll;
        white-space: nowrap;
    }

    .vp-tab {
        width: 100%;
        overflow: hidden;
        border-radius: 15px;
        box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.08), 0px 14px 21px 2px rgba(0, 0, 0, 0.06), 0px 5px 26px 4px rgba(0, 0, 0, 0.07);
    }

    .fea-mdl {
        display: none;
    }

    .fea-cont {
        flex-wrap: wrap;
        width: 100%;
    }

    .fea-bo {
        margin: 10px 0!important;
    }

    .com-bo {
        width: 100%;
        padding: 25px;
    }

    table {
        overflow: unset!important;
        box-shadow: none!important;
        margin: 0;
        width: 100%;
    }

    thead {
        display: none;
    }

    tbody tr {
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #e6e9ee;
    }

    td {
        border-bottom: 0!important;
    }

    .vps-pnow {
        width: 100%!important;
        position: relative;
        display: block;
    }

    .tab-til-resp {
        display: inline;
    }

    .mc-features-in {
        grid-template-columns: repeat(1, 1fr);
    }

    .dedicated-t-header {
        display: none;
    }

    .xn-game-mpanel, .xn-game-fea, .xn-game-ping, .xn-game-mfeautre, .xn-game-holder, .xn-csgo-product {
        grid-template-columns: auto!important;
    }

    body[page-data="game"] #header {
        height: 100vh;
    }

    .header-c-xn-btn {
        display: grid;
        grid-gap: 10px;
        width: 100%;
        text-align: center;
    }

    .header-c-xn-btn .header-c-buto {
        width: 100%;
    }

    .header-c-buto.c {
        margin-left: 0;
    }

    .xn-game-holder:before, .xn-game-holder:after {
        display: none;
    }

    .xn-game-panel-lin, .xn-game-panel-sl {
        width: 330px!important;
        height: 200px!important;
    }

    .xn-game-panel-r h1 {
        font-size: 28px;
        margin: 8px 0px;
    }

    .xn-game-panel-r h2 {
        margin-top: 30px;
    }

    .xn-game-ping {
        background: transparent;
        box-shadow: none;
        padding: 0;
        width: 100%;
        grid-row-gap: 30px;
        margin-bottom: 60px;
    }

    .xn-game-pingin {
        background: #fff;
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.13);
        padding: 20px 10px;
        border-radius: 10px;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    .xn-game-pingin i {
        font-size: 40px;
    }

    .xn-game-fea-in:before, .xn-game-fea-in:after {
        display: none;
    }

    .xn-game-pingin span {
        color: #8c8c8c;
    }

    .xn-csgo-features {
        grid-template-columns: 1fr;
    }

    .xn-csgo-feature-c {
        margin: 0 auto!important;
        width: 100%;
        justify-content: center;
    }

    section.section-main.csgo-feature {
        background: #fcf4ff;
    }

    .section-in.ark-product {
        grid-template-columns: 1fr;
    }

    .product-ark-flag {
        height: 90px;
    }

    .ark-feature .section-in {
        grid-template-columns: 1fr;
    }

    .ark-card {
        flex-direction: column;
    }

    .ark-feature-l {
        margin-bottom: 30px;
        min-width: 100px;
        min-height: 100px;
    }

    .product-ark-holder {
        display: flex;
        flex-direction: column;
    }

    .product-ark-rbh {
        grid-template-columns: 1fr;
        grid-row-gap: 18px;
    }

    .v2-features-in {
        grid-template-columns: 1fr;
    }

    .feature-con {
        grid-template-columns: 1fr;
    }

    .v2-btn-faq .faq-fellinglost {
        width: 100%;
        margin-bottom: 10px!important;
    }

    .sec-b {
        flex-direction: column;
        width: 100%;
    }

    .mc-features-in.support-xn-h {
        grid-template-columns: 1fr;
    }
}