body {
    background: #F2F7FC;
    margin: 0px;
    padding: 0px;
    font-family: 'Rubik', sans-serif;
    overflow-x: hidden;
}
a {
    transition: 0.3s all !important;
    text-decoration: none !important;
    color: #FFD076;
}
a:hover {
    color: #ffc048;
}


.container {
    padding: 0px;
}
.container::before , .container::after {
    display: none !important;
}
@media (min-width: 1200px) {
.container {
    width: 1170px;
}
}

.dropdown-menu {display: block;visibility: hidden;opacity:0;transform: translateY(25px);transition:.3s ease all;}
.open .dropdown-menu {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.3s ease all;}








button, .btn {
    transition: 0.3s all !important;
}
.btn-info {
    color: #ffffff;
    background-color: #2997FF;
    border-color: #2997FF;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #0083ff;
    border-color: #0083ff;
    letter-spacing: 2px;
}






.panel.panel-default {
    border: none;
}
.panel-heading {
    background: transparent !important;
    border: none;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 700 !important;
}
.PatronPage .panel-heading {
    padding: 20px 15px 0px;
}



#loader {
    border: 12px solid #dee5f8;
    border-radius: 50%;
    border-top: 12px solid #1486e7;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 30px auto;
}
 
        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }




.header {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/a8656b4dd567389112ac9bc79fba5ffcf0056779.png);
    background-size: cover !important;
    margin: 0px;
    padding-bottom: 200px;
}
.header .logo {
    float: left;
    width: 100%;
    text-align: center;
}
.header .logo img {
    height: 300px;
}




.Clouds {
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
}
.Clouds img:nth-child(1) {
    filter: drop-shadow(-5px 7px 0px rgba(255, 255, 255, 0.1));
    opacity: 0.5;
    height: 200px;
    animation: MoveCloud ease-in-out 2s infinite alternate-reverse;
}
.Clouds img:nth-child(2) {
    filter: drop-shadow(-5px 7px 0px rgba(255, 255, 255, 0.1));
    opacity: 0.8;
    height: 275px;
    margin-top: 100px;
    animation: MoveCloudOne ease-in-out 2s infinite alternate-reverse;
}

.CloudsBar img {
    pointer-events: none;
    width: 888px;
}
.CloudsBar img:nth-child(4) {
    margin-top: 60px;
}
.CloudsBar img:nth-child(6) {
    margin-top: 20px;
}
.CloudsBar img:nth-child(5) {
    margin-top: 80px;
}
.CloudsBar img:nth-child(2) {
    margin-top: 50px;
}
.CloudsBar img:nth-child(1) {
    margin-top: -50px;
}
.CloudsBar img {
    margin-left: -500px;
}
.CloudsBar {
    margin-top: -275px;
    display: inline-flex;
}




@keyframes MoveCloudOne {
    
0% {
    transform: translateX(-10px);
}
100% {
    transform: translateX(10px);
}
    
}
@keyframes MoveCloud {
    
0% {
    transform: translateX(10px);
}
100% {
    transform: translateX(-10px);
}
    
}






div#maincontent {
    margin-top: -269px;
    z-index: 100;
    position: relative;
    margin-bottom: 50px;
}


.UserBar.panel {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    justify-content: space-between;
}





.CurrentPage {
    display: grid;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    font-weight: 800;
    font-size: 26px;
    text-shadow: 1px 3px 1px rgba(0, 0, 0, 0.25);
    margin: 0px auto;
    z-index: 0;
}
.CurrentPage span {
    text-transform: uppercase;
    font-size: 18px;
    color: #b2bbc8;
    text-shadow: none;
}


.UserBarLeft {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 10;
}
.UserBarLeft a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.BackBTN {
    background: rgb(253 203 91);
    padding: 15px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333333;
}
.BackBTN:hover {
    color: #000;
}
.BasketBTN {
    display: grid;
    text-align: center;
    background: rgba(0,0,0,0.02);
    padding: 15px 10px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #b2bbc7;
    gap: 6px;
    line-height: 13px;
    cursor: pointer;
}
.CartActions {
    display: flex;
    gap: 10px;
}
.BasketDropDown .dropdown-menu {
    width: 350px;
}
.package-options {
    display: inline-flex;
    gap: 5px;
}
.BasketFooter p {
    margin: 0px;
}
.BasketFooter {
    border-top: 1px solid rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    padding: 12px 20px;
    justify-content: space-between;
}
.BasketDropDown table {
    margin: 0px;
}
.currency.open {
    position: relative;
}
button.btn-currency {
    background: rgba(0,0,0,0.02);
    padding: 15px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #b2bbc7;
    gap: 6px;
    line-height: 13px;
    cursor: pointer;
    border: none;
}


.BasketDropDown.open .dropdown-menu {
    margin-right: 0px !important;
}
.BasketDropDown .dropdown-menu {
    width: 350px;
    height: 100%;
    right: 0;
    top: 0;
    margin-right: -350px !important;
    left: unset;
    position: fixed;
    margin: 0px;
    border: none;
}
.BasketDropDown th.name, .BasketDropDown td.name {
    padding: 15px !important;
}
.BasketPackageInfo img {
    width: 64px;
    border: none;
    background: transparent;
}
.BasketPackageInfo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.BasketDropDown table tr {
    position: relative;
}
.BasketDropDown .CartActions {
    position: absolute;
    top: 10px;
    left: -10px;
}





.UserMenu {
    height: 150px;
    overflow: hidden;
    margin-bottom: -30px;
    margin-top: -40px;
    position: relative;
    z-index: 10;
}
.UserMenu a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-align: right;
    color: #B2BBC6;
}

.UserMenu img {
    transform: scaleX(-1);
}









.CategoryNav {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    margin: 50px 0px 80px;
}


.CategoryNav a {
    border-radius: 10px;
    position: relative;
    color: #fff;
    display: block;
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    padding: 50px;
    transition: 0.3s all !important;
}
.CategoryCloud {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}
.CategoryCloud:after , .CategoryCloud:before {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/ea9c8903dd2595aabb36c52b73c4eb7ac8eddca4.png);
    background-size: cover !important;
    filter: drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.05));
    content: '';
    display: block;
    position: absolute; 
    transition: 0.5s all !important;
    opacity: 0.15;
    width: 371px;
    height: 149px;
}










.CategoryNav a:nth-child(1):before, .CategoryNav a:nth-child(1):after , .CategoryNav a:nth-child(2):before, .CategoryNav a:nth-child(3):before {
    position: absolute;
    background-size: cover !important;
    content: '';
    display: block;
    width: 212px;
    height: 212px;
}







.CategoryNav a:nth-child(1) {
    background: radial-gradient(50% 50% at 50% 50%, #FF906C 0%, #FF665C 100%);
    grid-row-start: 1;
    grid-row-end: 3;
}
.CategoryNav a:nth-child(1) .CategoryCloud:after {
    top: 20%;
    left: -10%;
}
.CategoryNav a:nth-child(1):hover .CategoryCloud:after {
    left: -5%;
}
.CategoryNav a:nth-child(1) .CategoryCloud:before {
    bottom: 10%;
    right: -30%;
}
.CategoryNav a:nth-child(1):hover .CategoryCloud:before {
    right: -20%;
}



.CategoryNav a:nth-child(1):before {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/10a952564f426dec92838f1301c683100fd7db31.png);
    top: -30%;
    right: 0;
}
.CategoryNav a:nth-child(1):after {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/5382925deaa32781798a6827f2d270a0dceb5e8d.png);
    left: -2%;
    bottom: -10%;
}



.CategoryNav a:nth-child(2) .CategoryCloud:after , .CategoryNav a:nth-child(2) .CategoryCloud:before {
    top: 5%;
    left: -15%;
}
.CategoryNav a:nth-child(2):hover .CategoryCloud:after , .CategoryNav a:nth-child(2):hover .CategoryCloud:before {
    left: -25%;
}


.CategoryNav a:nth-child(3) .CategoryCloud:after , .CategoryNav a:nth-child(3) .CategoryCloud:before {
    top: 10%;
    left: 20%;
}
.CategoryNav a:nth-child(3):hover .CategoryCloud:after , .CategoryNav a:nth-child(3):hover .CategoryCloud:before  {
    left: 25%;
}












.CategoryNav a:nth-child(2) {
    background: linear-gradient(265.84deg, #FFCD6C 1.08%, #FFD78A 96.61%);
}
.CategoryNav a:nth-child(2):before {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/079cb5c9f6241081a9ffaaedef18e6ea2e3238d4.png);
    left: -5%;
    bottom: -10%;
    width: 111px;
    height: 111px;
    z-index: 100;
}

.CategoryNav a:nth-child(3) {
    background: linear-gradient(100.94deg, #7FED7C 1.22%, #4DD04B 102.04%);
}
.CategoryNav a:nth-child(3):before {
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/2a6906f8500fba65596be2e9470f3e4a055d9f6e.png);
    right: -2%;
    bottom: -10%;
    z-index: 100;
}













.PackagesGrid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}


.Package {
    transition: 0.3s all !important;
    text-align: center;
    padding: 20px;
    border-radius: 4px;
    background: #f2f7fb;
}
.Package:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 9px rgba(0,0,0,0.15);
}
.Package .name , .RanksTable .name {
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
}
.price {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.6;
    color: #39C05E;
}
.Package .button a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: fit-content;
    padding: 12px 20px;
    margin: 10px auto;
}
.btn {
    font-weight: 600;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.15);
    border-radius: 10px;
}
















.loading {
    display: none;
}
.is-animating .loading , .is-changing .loading , .is-leaving .loading {
  color: #121212;
  font: 300 4em/150% Impact;
  text-align: center;
  display: block;
}
.loading:after {
  content: " .";
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
  0%,
  20% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 white;
  }
  40% {
    color: #666;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  60% {
    text-shadow: 0.25em 0 0 #666, 0.5em 0 0 rgba(0, 0, 0, 0);
  }
  80%,
  100% {
    text-shadow: 0.25em 0 0 #666, 0.5em 0 0 #666;
  }
}








table.RanksTable {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,.15);
}
tbody.RanksGrid tr:nth-child(3) {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
tbody.RanksGrid tr:nth-child(1), tbody.RanksGrid tr:nth-child(2), tbody.RanksGrid tr:nth-child(3) {
    background: rgba(0,0,0,0.025);
}
tbody.RanksGrid td {
    text-align: center;
    padding: 15px;
}
tbody.RanksGrid .image img {
    width: 150px;
}
.Feature {
    font-weight: 600;
    text-align: left !important;
    position: relative;
}
.Feature span {
    font-size: 18px;
    opacity: 0.4;
    position: absolute;
    top: -10px;
    margin-left: 5px;
}

.Mobs img {
    width: 25px;
    border-radius: 5px;
}
.Mobs > div {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 10px;
}
.FeatureCross {
    color: red;
    opacity: 0.5;
}
.FeatureCheck {
    color: #3a8b12;
}
tr#HeartsRow span {
    color: #FF6961;
}




.FooterTop .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.FooterSocials {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
}
.FooterSocials svg {
    width: 20px;
    height: 20px;
}
.FooterSocials a {
    background: #39434E;
    color: #fff;
    display: flex;
    padding: 12px 15px;
    border-radius: 4px;
}
.FooterSocials a:hover {
    background: #465664;
    transform: translateY(-5px);
}

.IP span {
    background: #39434E;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px;
    font-weight: 500;
}
.IP {
    cursor: copy;
}


.JimmyRights {
    background: #39434E;
    color: #fff;
    padding: 12px 20px;
    border-radius: 4px;
    font-weight: 500;
}



footer .container {
    /*background: #39434E;*/
    background: linear-gradient(45deg, rgb(57 68 80 / 90%), rgb(17 59 73 / 99%)) , url(https://cdn.tebex.io/store/983208/templates/152043/assets/f21174f4d01c5138a58b869e3a8ae7a947639122.png);
    background-size: Cover !important;
    background-position: left;
    color: #fff;
    padding: 30px 10px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
}
footer .container:after , footer .container:before {
    display: none !important;
}

.FooterLinks:first-child {
    grid-column-start: 3;
}

.FooterLinks h3 {
    font-weight: 700;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    margin-bottom: 15px;
}
.FooterLinks ul {
    list-style: none;
    padding: 10px 20px;
    display: grid;
    gap: 20px;
    font-weight: 500;
}
.FooterLinks a {
    color: #B2BBC6;
}
.FooterLinks a:hover {
    color: #FFD076;
}
.FooterCopyrights {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 80%;
    display: flex;
    align-items: end;
    padding-left: 30px;
}


















.modal-header {
    border: none;
    padding: 25px;
    text-align: center;
}
.modal-footer {
    padding: 20px;
    background: rgba(0,0,0,0.02);
}








.CheckoutPackages {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 30px;
    margin-bottom: 30px;
}
.CheckoutPackage.panel {
    padding: 25px 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    margin: 0px auto;
    position: relative;
    max-width: 525px;
    width: 100%;
}

.CheckoutPackage.panel .buttons {
    position: absolute;
    top: -15px;
    right: -15px;
}
.CheckoutPackageInfo {
    display: flex;
    align-items: center;
    gap: 30px;
}
.CheckoutPackageInfo img {
    width: 150px;
    border: none !important;
}
.PackageInfo {
    display: grid;
}
.PackageInfo h3 {
    font-weight: 700;
    font-size: 18px;
}
.GiftedPackage i {
    font-size: 32px;
    opacity: 0.3;
}
.quantity {
    display: flex;
    gap: 10px;
    margin: 20px 0px 10px;
}
.GiftedPackage {
    position: absolute;
}
span.options.hidden-xs {
    display: grid;
}





.CheckoutUser.panel {
    display: grid;
    align-items: center;
    justify-content: space-around;
    width: fit-content;
    gap: 30px;
    margin: 0px auto;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    
}
.UserCheckout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0.02);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: -1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 0px 20px;
    overflow: hidden;
}
.UserCheckout img {
    transform: scaleX(-1);
    margin: 0px 0px -50px;
}
.UserCheckout a span {
    display: inline-flex;
    color: #333;
}
.CheckoutLink {
    display: grid;
    text-align: right;
    padding: 25px;
}
form.gateway {
    text-align: center;
}
form.gateway .form-group {
    margin-bottom: 15px;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}
form.gateway small {
    font-size: 69%;
    opacity: 0.5;
}
.CheckoutLink button {
    border-radius: 6px;
    margin-top: 5px;
    padding: 14px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity input {
    border: 2px solid rgba(0,0,0,0.05);
    border-radius: 10px;
    width: 32px;
    padding-left: 10px;
}
.quantity button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 8px 10px;
}

















.Patrons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
}
.Patron {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding: 20px 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
    color: rgba(0,0,0,0.35);
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    max-height: 200px;
    transition: 0.3s all !important;
}
.Patron:hover {
    transform: translateY(-5px);
    box-shadow: 0px 10px 9px rgba(0,0,0,0.15);
}
.Patron:hover img {
    margin-top: -35px;
}
.Patron img {
    width: 100px;
    margin-top: -25px;
    transition: 0.3s all !important;
}
.PatronSkin {
    position: relative;
}
.Patron:hover .PatronSkin:after {
    top: -100px;
}
.PatronSkin:after {
    content: "";
    background: url(https://cdn.tebex.io/store/983208/templates/152043/assets/f0bb93350f4f8335ed699b5d54647088032c7590.png);
    width: 100%;
    height: 175px;
    background-size: cover;
    background-position: bottom;
    transform: rotate(-2deg);
    display: block;
    z-index: 10000;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: 0.3s all !important;
}




a#PatronBTN {
    background: #fdcb5b;
    display: block;
    position: relative;
    overflow: hidden;
    fill: #fff;
}
a#PatronBTN svg {
    filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.15));
}
.PatronBTN {
  position: absolute;
  top: 0;
  left: -70px;
  height: 98px;
  width: 50px;
  background: rgba(255, 255, 255, 0.4);
  transition: all 0.3s linear;
  transform: skewX(20deg) translateX(0);
  -webkit-animation: shine 5s infinite;
  -webkit-animation-timing-function: ease-in-out; 
  animation-delay: 3s;
}
@keyframes shine {
    20%, 100% {
        opacity: 0;
        transform: skewX(20deg) translateX(300px);
      }
      0% {
        opacity: 0;
        transform: skewX(0deg) translateX(00px);
      }
      10% {
        opacity: 1;
      }
}





.top-donator {
    overflow: hidden;
}
.top-donator .info {
    text-align: right !important;
}
.top-donator .avatar img {
    opacity: 0.3;
    width: 100px;
    filter: drop-shadow(2px 4px 5px rgba(0,0,0,0.2));
}
ul.payments {
    background: rgba(0,0,0,0.05);
    padding: 20px !important;
    margin: 0px -15px -15px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid rgba(0,0,0,0.05);
}
ul.payments img {
    border-radius: 8px;
}
ul.payments {
    display: flex;
    gap: 10px 30px;
    flex-wrap: wrap;
}

.login-disclaimer {
    text-align: center;
    color: rgba(0,0,0,0.5);
    font-weight: 500;
    padding: 10px 0px;
}
.content .panel-heading {
    text-align: center;
}





@media (max-width: 768px) {
    
.header .logo img {
    height: 200px;
}
.CategoryNav , .PackagesGrid {
    display: grid;
    grid-template-columns: repeat(1,1fr);
}
.CategoryNav a:nth-child(1) {
    height: 350px;
}
.FooterTop .container {
    flex-direction: column;
    gap: 30px;
}
footer .container {
    display: flex !important;
    justify-content: center !important;
    padding: 30px !important;
    flex-direction: column-reverse;
    gap: 30px;
}
.FooterCopyrights {
    background: rgb(255 255 255 / 8%);
    margin: 0px -30px -30px;
    width: 117%;
    padding: 37px;
    backdrop-filter: blur(7px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
footer .container div:nth-child(3) {
    display: none;
}
.FooterLinks ul {
    display: flex !important;
    flex-wrap: wrap;
}
.CloudsBar , .FooterTop , .CurrentPage, button.btn-currency  {
    display: none !important;
}
.Clouds img:nth-child(1) , .Clouds img:nth-child(2) {
    height: 100px !important;
}

.Clouds img:nth-child(2) {
    position: absolute;
    right: 0;
}
.loader:after {
    right: -150px !important;
}
.UserBar.panel {
    padding: 25px 10px !important;
}
.UserCheckout a {
    display: flex;
    flex-direction: column;
}


.Feature {
    text-align: left;
    left: 0 !important;
    position: sticky !important;
}
.RanksGrid {
    border: 0;
    border-collapse: separate;
    border-spacing: 6px 0;
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}
.RanksOverflow {
    overflow-x: auto;
}
td.Feature {
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(6px);
    z-index: 9999;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.Patrons {
    grid-template-columns: 1fr 1fr !important;
}

.buttons a {
    padding: 6px 17px !important;
    border-radius: 100px !important;
    background: #f2f7fc !important;
    color: #d9534f !important;
    font-size: 24px !important;
    border: none !important;
}
.CheckoutPackage.panel .buttons {
    bottom: -25px !important;
    top: unset !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    text-align: center;
}

.category .packages-row table td {
    width: unset !important;
}

}





















.category .packages-row table td {
    vertical-align: middle;
    padding: 15px;
    font-weight: 500;
}
a.UpgradesBTN {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    width: fit-content;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 700;
}
a.UpgradesBTN span {
    margin-top: -2px;
    transition: 0.3s all !important;
}
a.UpgradesBTN:hover span {
    transform: translateX(3px);
    opacity: 0.5;
}


.discount {
  text-decoration: line-through;
  opacity: 0.6;
  color: #787878;
}











body>[class*=tebex-footer-wrapper] {
    background: #dee8f2!important;
    height: auto!important;
    padding: 20px 32px!important;
    font-size: 12px!important;
    border-top: 1px solid rgba(0,0,0,0.1) !important;
}
body>[class*=tebex-footer-wrapper]>[class*=tebex-footer-links] a {
    text-decoration: none !important;
    font-weight: 600;
    color: rgba(0,0,0,0.4) !important;
    padding: 0px 15px;
}