body, html {
    height: 100%;
}

body {
    background: #0F0E15;
    color: #fff;
    font-family: Inter, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin: 0;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: none;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.row-20 {
    margin: 0 -10px;
}

.row-20 > div {
    padding: 0 10px;
}

/*Header*/
.header-nav {
    padding: 15px 0 15px;
}

.header-nav .container-fluid, footer .container-fluid {
    max-width: 1300px;
}

.babki-logos_shop {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    line-height: inherit;
    white-space: nowrap;
    background-color: transparent;
    flex-wrap: nowrap;
    height: 60px;
    color: #fff;
}

.babki-logos_shop a {
    text-decoration: none;
}

.babki-logos_shop .navbar-brand_container__name {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.babki-logos_shop .navbar-brand_logo, .babki-logos_shop .navbar-brand_logo-full {
    color: transparent;
    display: inline-block;
    height: 60px;
    width: 60px;
    margin-right: 18px;
    background-color: #e9ecef;
    border-radius: 50rem;
}

.babki-logos_shop .navbar-brand_container__domain {
    font-size: 16px;
    line-height: 19px;
    white-space: nowrap;
    color: #fff;
}

.babki-logos_shop .navbar-brand_container__domain i {
    color: #F3A45D;
    font-size: 16px;
    margin-left: 5px;
}

.babki-logos_shop .navbar-brand_container__domain .navbar-brand_container__domain__info {
    background-color: #2D2C33;
    color: hsla(0, 0%, 100%, .5) !important;
    animation: explode .2s;
    border-radius: .5rem;
    bottom: -2.5rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    display: none;
    padding: .5rem 1rem;
    position: absolute;
    z-index: 1000;
}

.babki-logos_shop .navbar-brand_container__domain:hover .navbar-brand_container__domain__info {
    display: block;
}

.babki-logos_shop .navbar-brand_container__domain__info .fa-lock {
    color: #80da60;
    margin-right: .5rem;
}

.btn {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    transition: all 0.3s;
    font-weight: 700;
    color: #0F0E15;
    text-decoration: none;
    border-radius: 16px;
    cursor: pointer;
    border: 0;
}

.btn:disabled {
    pointer-events: none;
    opacity: 0.5;
}

.btn.btn-sm {
    padding: 0 20px;
    height: 38px;
    line-height: 38px;
    border-radius: 16px;
}

.btn.btn-lg {
    padding: 0 40px;
    height: 50px;
    line-height: 50px;
    border-radius: 16px;
}

.btn.loading > span {
    display: none;
}

.btn i {
    font-size: 22px;
    margin-left: 10px;
}

.btn.icon-left i {
    margin-right: 10px; 
}

.btn.btn-orange {
    background: #F3A45D;
}

.btn.btn-orange:hover {
    background: #F5B275;
}

.btn.btn-danger {
    color: #fff;
    background: #F5313A;
}

.btn.btn-danger:hover {
    background: #F75058;
}

.btn.btn-blue {
    color: rgb(0, 0, 0);
    background: #a9c26f;
}

.btn.btn-blue:hover {
    background: #879b59;
}

.btn.btn-link {
    background: none;
    color: rgba(255, 255, 255, 0.5);
}

.btn.btn-link:hover {
    background: none;
    color: rgba(255, 255, 255, 1);
}

.main-menu {
    height: 100%;
}

.main-menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.main-menu ul li {
    margin-left: 50px;
    opacity: 0.5;
    transition: opacity 0.5s;
}

.main-menu ul li:first-child {
    margin-left: 0;
}

.main-menu ul li:hover, .main-menu ul li.active {
    opacity: 1;
}

.main-menu ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.main-menu ul li a i {
    font-size: 23px;
    margin-right: 10px;
}

.mini-profile-nav {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

.page-inner {
    margin-top: 10px;
    padding: 0 37.5px 145.5px;
}

.page-inner.other-page {
    padding: 0 0 145.5px;
}

.page-inner h1 {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 15px;
}

.page-inner .subtitle {
    color: #9E9EAC;
    line-height: 19px;
    margin-top: 15px;
    font-weight: 500;
}

.page-title {
    text-align: center;
}

.home-page-menu {
    margin: 15px 0 30px;
}

.home-page-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.home-page-menu ul li {
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding: 7px 12px;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.home-page-menu ul li:hover {
    opacity: 1;
}

.home-page-menu ul li:first-child {
    margin-left: 0;
}

.home-page-menu ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

.home-page-menu ul li a i {
    font-size: 19px;
    margin-right: 10px;
}

.gift-button-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.form-group {
    margin-bottom: 30px;
}

.giftcards-page .form-group {
    margin-bottom: 20px;
}

.form-label-group {
    margin-bottom: 25px;
}

.form-label-group.comission-amount {
    margin-bottom: 10px;
}

.form-label-group.comission-amount {
    position: relative;
    padding-left: 29px;
}

.form-label-group.comission-amount i {
    font-size: 19px;
    position: absolute;
    left: 0;
    top: 0;
}

.form-group label, .form-section-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 15px;
}

.form-group label i, .form-section-title i {
    font-size: 19px;
    margin-right: 10px;
}

.form-group .field-wrapper {
    position: relative;
    transition: opacity .3s;
}

.form-group .field-wrapper.loading {
    pointer-events: none;
    opacity: 0.7;
}

.form-group .field-wrapper .fa-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -13px;
    color: #fff !important;
    z-index: 1000;
}

.form-group .field-wrapper > i {
    position: absolute;
    left: 20px;
    top: 50%;
    font-size: 19px;
    color: #87868A;
    transform: translateY(-50%);
}

.form-group .field-wrapper .form-group-buttons {
    display: flex;
    position: absolute;
    right: 20px;
    top: 50%;
}

.form-group .field-wrapper .form-group-helper, .giftcard-item .amount-to-pay {
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    color: #87878A;
    background: #35343C;
    font-size: 14px;
    font-weight: 500;
    height: 27px;
    padding: 0 10px;
    margin-left: 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s;
    cursor: pointer;
    border: 0;
}

.form-group .field-wrapper .currency-symbol {
    position: absolute;
    top: 50%;
    left: 82px;
    color: #fff;
    transform: translateY(-50%);
    font-weight: 700;
}

.form-group .field-wrapper .form-group-helper:first-child {
    margin-left: 0;
}

.form-group .field-wrapper .form-group-helper i {
    font-size: 15px;
    margin-left: 5px;
}

.form-group .field-wrapper .form-group-helper:hover, .form-group .field-wrapper .form-group-helper.active, .giftcard-item .amount-to-pay {
    color: #fff;
    background: #444349;
}

.form-group .form-control {
    font-family: Inter, Arial, sans-serif;
    width: 100%;
    height: 61px;
    background: #1E1D24;
    transition: all 0.3s;
    color: #87878A;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    border-radius: 8px;
    border: 0;
    box-shadow: none !important;
    outline: none !important;
    letter-spacing: normal;
}

.form-group .form-control:-webkit-autofill, 
.form-group .form-control:-webkit-autofill::placeholder {
    background-color: #f0f8ff !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    -webkit-text-fill-color: #fff !important; 
}

.form-group .form-control:-webkit-autofill:hover,
.form-group .form-control:-webkit-autofill:focus,
.form-group .form-control:-webkit-autofill:active {
    background-color: #f0f8ff !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    -webkit-box-shadow: 0 0 0px 1000px #f0f8ff inset;
    -webkit-text-fill-color: #fff !important; 
    transition: background-color 5000s ease-in-out 0s;
}

.login-wrapper .form-group .form-control {
    background: #2D2C33;
    color: rgba(255, 255, 255, 0.5);
}

.login-wrapper .form-group .form-control + i {
    color: rgba(255, 255, 255, 0.5);
}

.login-wrapper .form-group .form-control:hover, .login-wrapper .form-group .field-wrapper:hover .form-control {
    background: #3C3B43;
}

.form-group .form-control:disabled, .form-group .form-control:read-only {
    opacity: 0.5;
}

.form-group .form-control:disabled + i, .form-group .form-control:read-only + i {
    opacity: 0.5;
}

.form-group .form-control:disabled, .form-group .form-control.is-valid:read-only {
    opacity: 1;
}

.form-group .form-control:disabled + i, .form-group .form-control.is-valid:read-only + i {
    opacity: 1;
}

.form-group .field-wrapper .form-control {
    padding: 0 140px 0 49px;
}

.form-group .field-wrapper #email {
    padding-right: 20px;
}

.form-group .form-control:hover, .form-group .field-wrapper:hover .form-control {
    background: #2D2C33;
    color: rgba(255,255,255, 0.5);
}

.form-group .form-control.active, .form-group .form-control:focus {
    background: #2D2C33;
    
}

.form-group .form-control.active {
    color: #fff !important;
    font-weight: 700;
}

.form-group .form-control.active + i {
    color: #fff !important;
}

.form-group .form-control.is-valid {
    border: 1px solid #ADF7B6;
    color: #ADF7B6 !important;
}

.form-group .form-control.is-valid + i {
    color: #ADF7B6 !important;
}

.form-group .form-control.is-invalid {
    border: 1px solid #F52F57;
    color: #F52F57 !important;
}

.form-group .form-control.is-invalid + i {
    color: #F52F57 !important;
}

.form-group .field-wrapper:hover > i {
    color: rgba(255,255,255, 0.5);
}

.custom-control-input {
    display: none;
}

.form-promo-alert-wrapper {
    display: none;
}

.form-promo-alert {
    position: relative;
    line-height: 19px;
    margin-bottom: 10px;
    padding-left: 29px;
}

.form-promo-alert i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 19px;
}

.form-promo-alert.success {
    color: #ADF7B6;
}

.form-promo-alert.error {
    color: #F52F57;
}

.custom-control-label {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    line-height: 19px;
    margin: 0;
}

.custom-control-label::before {
    content: '\f0c8';
    font-size: 19px;
    font-family: "Font Awesome 6 Pro";
    margin-right: 10px;
    cursor: pointer;
}

.custom-control-input:checked + .custom-control-label::before {
    content: '\f14a';
}

#payment-button, #buy-card-button {
    width: 100%;
    text-transform: uppercase;
    justify-content: center;
}

#payment-button i, #buy-card-button i {
    margin-right: 10px;
} 

@-webkit-keyframes explode {
    0% {
        transform: scale(0) rotate(-25deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

@keyframes explode {
    0% {
        transform: scale(0) rotate(-25deg)
    }

    to {
        transform: scale(1) rotate(0deg)
    }
}

.purchase-paymethod {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    border-radius: 8px;
    background: #1E1D24;
    color: #87878A;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 20px;
    transition: all 0.3s;
    padding: 0 66px 0 20px;
}

.purchase-paymethod:hover, .purchase-paymethod.selected {
    color: #fff;
    background: #2D2C33;
}

.purchase-paymethod::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-size: 19px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

.purchase-paymethod.selected::after {
    opacity: 1;
}

.purchase-paymethod .purchase-paymethod_logo {
    line-height: 0;
    transition: opacity .3s;
    opacity: 0.5;
    margin-right: 10px;
}

.purchase-paymethod .purchase-paymethod_logo img {
    width: 37px;
    height: 37px;
    object-fit: cover;
}

.purchase-paymethod:hover .purchase-paymethod_logo, .purchase-paymethod.selected .purchase-paymethod_logo {
    opacity: 1;
}

.payments-methods-list {
    margin: 0 -10px -20px;
}

.payments-methods-list .col-sm-6 {
    padding: 0 10px;
}

footer {
    padding-bottom: 51px;
}

.footer-info-row {
    margin-bottom: 50px;
    justify-content: space-between;
}

.footer-nav {
    height: 100%;
}

.footer-nav ul {
    list-style: none;
    display: flex; 
    align-items: center;
    justify-content: end;
    height: 100%;
}

.footer-nav ul li {
    margin-left: 31px;
}

.footer-nav ul li:first-child {
    margin-left: 0;
}

.footer-nav ul li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(255,255,255, 0.5);
    text-decoration: none;
    transition: all .3s;
}

.footer-nav ul li a:hover {
    color: rgba(255,255,255, 1);
}

.footer-nav ul li a i {
    font-size: 17px;
    margin-right: 10px;
}

.footer-description {
    color: #9E9EAC;
    text-align: center;
    font-weight: 500;
    max-width: 560px;
    margin: 0 auto;
}
/* Modal */
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #1E1D24;
    border-radius: 8px;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.8;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 30px 30px 0 30px;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    font-size: 16px;
    display: flex;
    align-items: center;
    margin: 0;
    font-weight: 600;
    line-height: 19px;
}

.modal-title i {
    font-size: 19px;
    margin-right: 10px;
}

.modal-body {
    position: relative;
    padding: 25px 30px 30px;
    text-align: center;
}

.modal-body p {
    margin: 0;
}

.modal-body .btn {
    margin-top: 25px;
    font-weight: 600;
}

.modal-body a {
    color: #F3A45D;
    font-weight: 600;
}

.modal-body a:hover {
    text-decoration: none;
}

.modal-body img {
    margin-bottom: 20px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.modal-footer> :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer> :not(:last-child) {
    margin-right: 0.25rem;
}

#checkpromo-btn {
    display: none;
    transition: none;
}

.page-wrapper {
    width: 100%;
    background: #1D1D23;
    border-radius: 8px;
    padding: 30px 80px;
    margin-top: 30px;
}

.page-wrapper.text-page {
    padding: 20px;
}

.page-wrapper.text-page .terms-content h2 {
    font-size: 16px;
    margin: 20px 0;
}

.page-wrapper.text-page .terms-content h2:first-child {
    margin-top: 0;
}

.page-wrapper .title {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.page-wrapper .title.success-title {
    color: #ADF7B6;
}

.page-wrapper .title.error-title {
    color: #F52F57;
}

.page-wrapper .title i {
    font-size: 19px;
    margin-right: 10px;
}

.page-wrapper .order-info {
    margin-bottom: 40px;
}

.page-wrapper .text {
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

.order-info-wrapper {
    display: flex;
    justify-content: center;
}

.order-info-wrapper .order-info {
    margin-bottom: 40px;
}

.order-info .order-info-row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
}

.order-info .order-info-row strong {
    color: #F3A45D;
    font-weight: 700;
    margin-left: 4px;
}

.order-info .order-info-row i {
    font-size: 17px;
    margin-right: 10px;
}

.order-info .order-info-row:last-child {
    margin-bottom: 0;
}

.order-buttons {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

.order-buttons .btn-orange {
    text-transform: uppercase;
}

.order-buttons .btn-link {
    margin-top: 20px;
    font-size: 12px;
}

.order-buttons .btn-link i {
    font-size: 16px;
    margin: 0 5px 0 0;
}

.order-buttons .btn {
    align-self: center;
}

.cancel-order-btn span {
    display: flex;
    align-items: center;
}

.gifts-list {
    margin-top: 30px;
}

.gifts-list .gift-item {
    border-radius: 8px;
    background: rgba(45, 44, 51, 0.50);
    padding: 30px 20px 20px;
    text-align: center;
}

.gifts-list .gift-item h2 {
    font-size: 20px;    
    margin-bottom: 20px;
}

.gifts-list .gift-item .image {
    line-height: 0;
}

.gifts-list .gift-item .description {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    margin: 20px 0;
}

.login-wrapper {
    text-align: center;
}

.login-wrapper .login-form {
    margin-top: 25px;
}

.login-wrapper .form-promo-alert {
    margin-bottom: 18px;
}

.login-wrapper .form-group {
    margin-bottom: 25px;
}

.login-btn .fa-spin {
    margin: 0;
}

.faq-wrapper {
    margin-top: 30px;
}

.spoiler-item {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
}

.faq-wrapper .spoiler-item:last-child {
    margin-bottom: 0;
}

.spoiler-item .spoiler-header {
    position: relative;
    padding: 17px 20px 17px 49px;
    color: #BEBEC7;
    background: #1E1D24;
    transition: all 0.3s;
    line-height: 19px;
    font-weight: 700;
    cursor: pointer;
}

.spoiler-item.active .spoiler-header, .spoiler-item .spoiler-header:hover {
    color: #fff;
    background: #2D2C33;
}

.spoiler-item .spoiler-header::before {
    content: '\2b';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 19px;
    transform: translateY(-50%);
    font-weight: 400;
}

.spoiler-item.active .spoiler-header::before {
    content: '\f068';
}

.spoiler-item .spoiler-content {
    padding: 20px;
    font-weight: 500;
    background: #1E1D24;
    line-height: 19px;
    display: none;
}

.page-wrapper.profile-page {
    padding: 30px 20px;
}

.profile-page .profile-nav {
    display: flex;
    justify-content: center;
    line-height: 19px;
    margin-bottom: 40px;
}

.profile-page .profile-nav .user-email {
    color: #F3A45D;
    font-weight: 700;
}

.profile-page .profile-nav .user-email i {
    font-size: 19px;
    margin-right: 10px;
}

.profile-page .profile-nav .user-logout-btn {
    display: flex;
    align-items: center;
    color: #8E8E91;
    font-size: 12px;
    margin-left: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s;
}

.profile-page .profile-nav .user-logout-btn:hover {
    color: #fff;
}

.profile-page .profile-nav .user-logout-btn i {
    font-size: 15px;
    margin-right: 10px;
}

.orders-history-wrapper h4 {
    text-align: center;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 15px;
}

.empty {
    text-align: center;
    font-weight: 500;
}

.empty a {
    color: #F3A45D;
} 

.empty a:hover {
    text-decoration: none;
} 

.orders-history-list .orders-history-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 17px 20px;
    height: 53px;
    border-radius: 8px;
    background: #2D2C33;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    transition: all 0.3s;
}

.orders-history-list .orders-history-item:hover {
    background: #3A3942;
}

.orders-history-list .orders-history-item:last-child {
    margin-bottom: 0;
}

.orders-history-list .orders-history-item i {
    font-size: 17px;
    margin-right: 10px;
}

.orders-history-list .orders-history-item .order {
    margin-right: 20px;
}

.orders-history-list .orders-history-item .order strong {
    color: #F3A45D;
    font-weight: 700;
}

.orders-history-list .orders-history-item .date {
    display: flex;
    align-items: center;
}

.orders-history-list .orders-history-item .order-btn {
    display: flex;
    align-items: center;
    position: absolute;
    top: 13px;
    right: 20px;
    color: #fff;
    background: #3D3C46;
    font-size: 14px;
    font-weight: 500;
    height: 27px;
    padding: 0 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s;
    cursor: pointer;
    border: 0;
}

.orders-history-list .orders-history-item .order-btn:hover {
    background: #4C4A57;
}

.orders-history-list .orders-history-item:hover .order-btn {
    background: #4C4A57;
}

.orders-history-list .orders-history-item:hover .order-btn:hover {
    background: #5d5a6b;
}

.show-more-wrapper {
    text-align: center;
    margin-top: 40px;
}

.mobile-menu-button-col {
    display: none;
}

/*Giveaway*/
.btn.btn-green {
    background: #3BD080;
}

.btn.btn-green:hover {
    background: #59c089;
}

.btn.btn-yellow {
    background: #FFCC65;
}

.btn.btn-yellow:hover {
    background: #f9d07e;
}

.giveaway-buttons {
    display: flex;
    justify-content: center;
    margin: 30px 0 30px;
}

.giveaway-buttons .btn {
    margin: 0 15px;
}

.time {
    display: flex;
    justify-content: center;
}

.text-orange {
    color: #F3A45D;
}

.giveaway-page .page-wrapper {
    max-width: 770px;
    margin: 0 auto;
}

.giveaway-wrapper {
    margin-bottom: 40px;
}

.giveaway-wrapper h3.text-orange {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
}

.giveaway-wrapper .giveaway-item {
    width: 250px;
    padding: 20px;
    border-radius: 16px;
    background: #272731;
    margin: 0 auto;
    text-align: center;
}

.giveaway-wrapper .giveaway-item .image {
    line-height: 0;
    margin-bottom: 10px;
}

.giveaway-wrapper .giveaway-item .image img {
    max-width: 200px;
    height: auto;
}

.giveaway-wrapper .giveaway-item .giveaway-title {
    font-weight: 600;
}

.giveaway-wrapper .giveaway-item .giveaway-title i {
    margin-right: 6px;
}

.giveaway-wrapper .timer {
    padding: 10px;
    text-align: center;
    margin-top: 20px;
}

.giveaway-wrapper  .timer .timer-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.giveaway-wrapper  .timer .time {
    font-weight: 600;
}

.giveaway-page .faq-wrapper {
    margin: 0 0 25px;
}

.giveaway-page .spoiler-header {
    background: #31313A;
}

.giveaway-page .spoiler-item .spoiler-content {
    background: #31313A;
}

.giveaway-page .form-group .field-wrapper .form-control {
    padding: 0 49px;
    background: #2D2C33;
}

.giveaway-page .form-group .field-wrapper .form-control:hover {
    background: #3C3B43;
}

.giveaway-button-wrapper {
    text-align: center;
    margin-top: -10px;
}

.giveaway-page .form-promo-alert-wrapper {
    margin-top: 20px;
}

.giveaway-page .form-promo-alert {
    margin-bottom: 0;
}

.giveaway-page .form-promo-alert i {
    top: 50%;
    transform: translateY(-50%);
}

.members-wrapper {
    margin-top: 30px;
    padding: 15px 20px;
    border-radius: 8px;
    background: #31313A;
}

.members-wrapper .members-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

.members-wrapper .members-title i {
    position: relative;
    top: 2px;
    font-size: 19px;
    margin-right: 6px;
}

.members-table .table-row {
    padding: 10px 20px;
    border-radius: 8px;
    background: #1D1D23;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
}

.members-table .table-row.winner {
    border: 1px solid #FFB169;
}

.members-table .table-row:last-child {
    margin-bottom: 0;
}

.members-table .table-row i {
    font-size: 17px;
    margin-right: 10px;
}

.members-table .table-row .table-cell {
    display: flex;
    justify-content: center;
    align-items: center;
}

.members-show-more-button {
    margin-top: 15px;
    text-align: center;
}

.giveaway-complete {
    text-align: center;
    font-weight: 500;
    margin-top: 30px;
}

.giveaway-complete .icon {
    font-size: 22px;
    margin-bottom: 10px;
}

.offline-text {
    color: #9E9EAC;
    font-weight: 500;
    text-align: center;
}

.giveaway-instruction h3 {
    font-size: 17px;
}

.giveaway-instruction ol {
    margin-left: 18px;
}

.giveaway-instruction ol ol {
    margin-left: 75px;
}

.giveaway-page .content-loader, .giveaway-page .no-giveaways {
    text-align: center;
    font-size: 32px;
    padding: 40px 0; 
}

.giveaway-process {
    text-align: center;
    font-weight: 500;
    margin-top: 30px;
}

.giveaway-process .fa-spinner {
    font-size: 22px;
}

.timer .time span {
    display: inline-block;
    margin-right: 5px;
}

.timer .time .timer-days {
    margin-right: 5px;
}

.timer .time span:last-child {
    margin-right: 0;
}

.btn.loading {
    pointer-events: none;
}

.btn.loading i {
    margin: 0;
}

.btn.btn-gold {
    background: #FFCC65;
}

.btn.btn-gold:hover {
    background: #f1b63f;
}

.no-members {
    text-align: center;
}

.giveaway-page .page-wrapper.giveaway-hisory {
    margin-top: 30px;
}

.giveaways-list .giveaway-item {
    padding: 17px 20px;
    border-radius: 8px;
    background: #292930;
    color: #BEBEC7;
    transition: all 0.3s;
    font-weight: 700;
    margin-bottom: 20px;
}

.giveaways-list .giveaway-item:last-child {
    margin-bottom: 0;
}

.giveaways-list .giveaway-item:hover {
    background: #31313A;
    color: #fff;
}

.giveaways-list .giveaway-item .giveaway-title, .giveaways-list .giveaway-item .giveaway-finish-date {
    display: flex;
    align-items: center;
}

.giveaways-list .giveaway-item .giveaway-type {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    margin-right: 4px;
}

.giveaways-list .giveaway-item .giveaway-title i {
    font-size: 22px;
    margin-right: 10px;
}

.giveaways-list .giveaway-item .giveaway-finish-date {
    justify-content: center;
}

.giveaways-list .giveaway-item .giveaway-finish-date i {
    font-size: 17px;
    margin-right: 10px;
}

.giveaways-list .giveaway-item .more-details-btn {
    display: inline-block;
    border-radius: 8px;
    background: #39383E;
    color: #BEBEC7;
    padding: 5px 10px;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
}

.giveaways-list .giveaway-item:hover .more-details-btn {
    background: #444349;
    color: #fff;
}

.text-center {
    text-align: center;
}

.history-show-more-button, .history-members-show-more-button {
    margin-top: 20px;
    text-align: center;
}

/*Gifts*/
.steam-gift-page .page-wrapper {
    max-width: 770px;
    margin: 30px auto 0;
    padding-top: 50px;
}

.steam-gift-wrapper .steam-gift-item {
    width: 250px;
    height: 250px;
    padding: 20px;
    border-radius: 16px;
    background: #272731;
    margin: 0 auto;
    text-align: center;
}

.steam-gift-wrapper .steam-gift-item .image {
    line-height: 0;
    margin-bottom: 10px;
}

.steam-gift-wrapper .steam-gift-item .image img {
    max-width: 200px;
    height: auto;
}

.steam-gift-wrapper .form-group .field-wrapper .form-control {
    padding: 0 49px;
    background: #2D2C33;
}

.steam-gift-wrapper .form-group .field-wrapper .form-control:hover {
    background: #3C3B43;
}

.steam-gift-wrapper .steam-gift-button-wrapper {
    text-align: center;
    margin-top: -5px;
}

.steam-gift-wrapper .steam-gift-form {
    margin: 60px 0 0;
}

.alert {
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
}

.alert.alert-dark-green {
    background: rgba(34, 111, 84, 0.30);
}

.alert .alert-title {
    display: flex;
    align-items: center;
    font-weight: 700;
    margin-bottom: 15px;
}

.alert .alert-title i {
    margin-right: 10px;
    font-size: 19px;
}

.alert a {
    text-decoration: none;
}

.alert b {
    font-weight: 700;
}

.alert.alert-dark-green b {
    color: #F3A45D;
}

.steam-gift-wrapper .steam-gift-faq {
    margin-top: 25px;
}

.prizes-list-wrapper {
    margin-top: 40px;
}

.steam-gift-wrapper .section-title {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.get-steam-gift .section-title {
    justify-content: center;
}

.steam-gift-wrapper .section-title i {
    margin-right: 10px;
    font-size: 19px;
}

.prizes-list-wrapper .prizes-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 25px;
}

.prize-item {
    position: relative;
    width: 186px;
    padding: 20px;
    border-radius: 17px;
    background: #272731;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

.prize-item .prize-item-inner {
    position: relative;
    z-index: 2;
}

.prize-item:hover {
    transform: scale(1.1);
}

.gift-ticket-item .prize-item:hover, .get-steam-gift .prize-item:hover {
    transform: scale(1);
}

.prize-item::before, .prize-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 17px;
    transition: all 0.3s;
}

.prize-item::after {
    opacity: 0;
}

.prize-item:hover::after {
    opacity: 1;
}

.prize-item.yellow-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 219, 94, 0.25) 80.23%);
}

.prize-item.yellow-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 219, 94, 0.5) 80.23%);
}

.prize-item.purple-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(136, 71, 255, 0.25) 80.31%);
}

.prize-item.purple-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(136, 71, 255, 0.5) 80.31%);
}

.prize-item.rare-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(75, 105, 255, 0.25) 80.31%);
}

.prize-item.rare-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(75, 105, 255, 0.5) 80.31%);
}

.prize-item.arcana-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(139, 204, 71, 0.25) 80.31%);
}

.prize-item.arcana-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(139, 204, 71, 0.5) 80.31%);
}

.prize-item.mythical-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(136, 71, 255, 0.25) 80.31%);
}

.prize-item.mythical-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(136, 71, 255, 0.5) 80.31%);
}

.prize-item.legendary-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(211, 44, 230, 0.25) 80.31%);
}

.prize-item.legendary-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(211, 44, 230, 0.5) 80.31%);
}

.prize-item.immortal-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(232, 193, 59, 0.25) 80.31%);
}

.prize-item.immortal-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(232, 193, 59, 0.5) 80.31%);
}

.prize-item.orange-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 177, 105, 0.25) 80.31%);
}

.prize-item.orange-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 177, 105, 0.5) 80.31%);
}

.prize-item.coral-style::before {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 106, 115, 0.25) 80.31%);
}

.prize-item.coral-style::after {
    background: linear-gradient(180deg, #272731 0%, rgba(255, 106, 115, 0.5) 80.31%);
}

.prize-item .prize-image {
    width: 100%;
    height: 92px;
    overflow: hidden;
    line-height: 0;
    border-bottom: 2px solid;
    margin-bottom: 13px;
}

.prize-item .prize-image img {
    width: 100%;
    height: 92px;
}

.prize-item.yellow-style .prize-image {
    border-color: #FFDB5E;
}

.prize-item.purple-style .prize-image {
    border-color: #8847FF;
}

.prize-item.rare-style .prize-image {
    border-color: rgb(75, 105, 255);
}

.prize-item.arcana-style .prize-image {
    border-color: rgb(139, 204, 71);
}

.prize-item.mythical-style .prize-image {
    border-color: rgb(136, 71, 255);
}

.prize-item.legendary-style .prize-image {
    border-color: rgb(211, 44, 230);
}

.prize-item.immortal-style .prize-image {
    border-color: rgb(232, 193, 59);
}

.prize-item.orange-style .prize-image {
    border-color: rgb(255, 177, 105);
}

.prize-item.coral-style .prize-image {
    border-color: rgb(255, 106, 115);
}

.prize-item .prize-title {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gift-ticket-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.gift-ticket-wrapper .gift-ticket-item {
    width: 186px;
    height: 164px;
    border-radius: 17px;
    cursor: pointer;
    perspective: 1000px;
}

.gift-ticket-wrapper .gift-ticket-item .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.gift-ticket-wrapper .gift-ticket-item.is-flipped .card-inner {
    transform: rotateY(180deg);
}

.gift-ticket-wrapper .gift-ticket-item .card-front, .gift-ticket-wrapper .gift-ticket-item .card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.gift-ticket-wrapper .gift-ticket-item .card-front {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 17px;
    background: #272731;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
}

.gift-ticket-wrapper .gift-ticket-item .card-front i {
    transform: rotate(-10deg);
    font-size: 70px;
}

.gift-ticket-wrapper .gift-ticket-item.flipped .card-back .prize-item {
    border: 2px solid #F3A45D;
    border-radius: 19px;
}

.gift-ticket-wrapper .gift-ticket-item .card-back {
    transform: rotateY(180deg);
}

.gift-ticket-wrapper .gift-ticket-item.is-flipped:hover, .gift-ticket-wrapper .gift-ticket-item.is-flipped:hover {
    animation: none;
}

.gift-ticket-wrapper .gift-ticket-item:hover {
    animation: shake 1s ease-in-out;
}

.gift-ticket-result {
    text-align: center;
    margin-top: 25px;
}

.gift-ticket-result .gift-ticket-status {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.gift-ticket-result .gift-ticket-status i {
    font-size: 19px;
    margin-right: 10px;
}

.gift-ticket-result.success .gift-ticket-status i {
    color: #ADF7B6;
}

.gift-ticket-result.success .gift-ticket-status b {
    font-weight: 700;
    color: #FFB169;
    margin-left: 6px;
}

.gift-ticket-result .gift-ticket-status-description {
    font-size: 16px;
    font-weight: 500;
}

.gift-ticket-result .gift-ticket-status-description b {
    color: #FFB169;
    font-weight: 600;
}

.gift-ticket-result .gift-ticket-result-button {
    margin-top: 25px;
}

.gift-ticket-result-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift-ticket-result-button .btn {
    margin: 0 5px;
}

.gift-ticket-result-button .btn span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift-ticket-result-button .btn.loading span {
    display: none;
}

.gift-ticket-result-button .btn.left-icon i {
    margin: 0 10px 0 0;
}

.gift-info-btn.loading {
    pointer-events: none;
}

.gift-info-btn.loading span {
    display: none;
}

.user-gift-wrapper {
    display: flex;
    justify-content: center;
}

.user-gift-description {
    margin-top: 25px;
}

.user-gift-description p {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.user-gift-description p b {
    color: #F3A45D;
}

.get-steam-gift .gift-ticket-result-button {
    text-align: center;    
    margin-top: 25px;
}   

#alert-send-balance {
    margin-top: 25px;
}

.gift-button-wrapper .btn {
    margin: 0 5px;
}

.btn.btn-red {
    background: #D52931;
    color: #000;
}

.btn.btn-red:hover {
    background: #C72D34;
}

.order-buttons .btn-red {
    margin-top: 10px;
}

@keyframes shake {
    0% {
        transform: translate(0, 0) scale(1);
    }
    15% {
        transform: translate(-1px, 1px) scale(1.01);
    }
    30% {
        transform: translate(1px, -1px) scale(1.02);
    }
    45% {
        transform: translate(-1px, 1px) scale(1.01);
    }
    60% {
        transform: translate(1px, -1px) scale(1.02);
    }
    75% {
        transform: translate(-1px, 1px) scale(1.01);
    }
    100% {
        transform: translate(0, 0) scale(1);
    } 
}

/*Giftcards*/
.giftcards-page .page-wrapper {
    padding: 30px 76px;
}

.giftcards-list {
    margin-bottom: -20px;
}

.giftcards-list.nominals {
    margin-bottom: 10px;
}

.giftcards-page .row {
    margin: 0 -10px;
}

.giftcards-page .row > div {
    padding: 0 10px;
}

.giftcards-list .giftcard-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 50px;
    align-items: center;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    background: #2D2C33;
    margin-bottom: 20px;
    opacity: 1;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.giftcards-list .giftcard-item.disabled {
    pointer-events: none;
    opacity: 0.7;
}

.giftcards-list.nominals .giftcard-item {
    height: 78px;   
}

.giftcards-list.nominals .giftcard-item.active {
    border-color: #F3A45D;
}

.giftcards-list.nominals .giftcard-item.active::before {
    content: '\f00c';
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    right: 20px;
    font-weight: 400;
    color: #F3A45D;
    font-size: 25px;
}

.giftcards-list .giftcard-item:hover {
    opacity: 0.75;
}

.giftcards-list .giftcard-item img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.giftcards-list .giftcard-item .giftcard-item-title {
    width: calc(100% - 35px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.giftcards-list.nominals .giftcard-item .giftcard-item-title {
    width: calc(100% - 60px);
}

.giftcards-list .giftcard-item .amount-to-pay-block {
    width: 100%;
    display: flex;
    margin-top: 10px;
    white-space: nowrap;
}

.giftcard-item .amount-to-pay {
    height: 23px;
    padding: 0 6px;
    margin-left: 16px;
    transform: none;
    font-size: 16px;
    font-weight: 700;
}

.digital-gift-field {
    width: 100%;
    max-width: 476px;
    height: 53px;
    line-height: 19px;
    padding: 17px 20px;
    text-align: center;
    border-radius: 8px;
    background: #3C3B43;
    color: #fff;
    font-weight: 700;
}

.giftcards-page .home-page-menu, .giftcards-page .home-page-menu ul {
    margin-bottom: 0;
}

@media screen and (min-width:992px) {
    .header-nav-menu {
        display: flex !important;
        align-items: center;
    }

    .header-nav-menu .header-nav-menu-inner {
        width: 100%;
    }
}

@media screen and (max-width:991px) {
    .header-nav-menu {
        display: none;
    }

    .mobile-menu-button-col {
        display: block;
        text-align: right;
        padding-top: 7px;
    }

    .mobile-menu-button-col .mobile-menu-button {
        cursor: pointer;
        border: none;
        background: none;
        font-size: 39px;
        padding: 0;
        color: #fff;
        border-radius: 6px;
    }

    .page-inner {
        margin-top: 0;
        padding: 0;
    }

    .main-menu ul {
        display: block;
    }

    .main-menu ul li {
        margin: 0 0 20px 0;
    }

    .main-menu ul li:last-child {
        margin-bottom: 0;
    }

    .main-menu ul li a {
        justify-content: center;
    }

    .mini-profile-nav {
        justify-content: center;
    }

    .header-nav-menu-inner {
        background: #1E1D24;
        border-radius: 0 0 8px 8px;
        margin-top: 10px;
        padding: 20px 10px;
    }

    .header-nav-menu-inner .mini-profile-nav {
        height: inherit;
        margin-top: 30px;
    }

    footer {
        margin-top: 30px;
    }

    footer .babki-logos_shop {
        justify-content: center;
    }

    .footer-nav {
        margin-top: 30px;
    }

    .footer-nav ul {
        display: block;
        height: inherit;
    }

    .footer-nav ul li {
        margin: 0 0 20px 0;
    }

    .footer-nav ul li:last-child {
        margin-bottom: 0;
    }

    .footer-nav ul li a {
        justify-content: center;
    }

    .footer-info-row {
        margin-bottom: 30px;
    }

    /*Giveaway*/
    .giveaways-list .giveaway-item .more-details-btn {
        margin-top: 15px;
    }

    /*Gifts*/
    .prizes-list-wrapper .prizes-list {
        gap: 20px;
    }

    .prize-item {
        width: calc(33.333333% - 15px);
    }

    .prize-item .prize-image {
        width: 100%;
        height: auto;
    }

    .prize-item .prize-image img {
        width: 100%;
        height: auto;
    }

    .gift-ticket-wrapper .gift-ticket-item {
        width: 30.8%;
        height: 157px;
    }

    .gift-ticket-wrapper .gift-ticket-item .prize-item {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .home-page-menu ul {
        flex-wrap: wrap;
    }

    .page-wrapper {
        padding: 30px 20px;
    }

    .gifts-list .gift-item {
        margin-bottom: 30px;
    }

    .gifts-list .col-md-6:last-child .gift-item {
        margin-bottom: 0;
    }

    .babki-logos_shop .navbar-brand_container__name {
        font-size: 16px;
        line-height: 19px;
    }

    .babki-logos_shop .navbar-brand_container__domain {
        font-size: 12px;
        line-height: 15px;
    }

    .babki-logos_shop .navbar-brand_container__domain i {
        font-size: 12px;
    }

    .babki-logos_shop .navbar-brand_container__domain:hover .navbar-brand_container__domain__info {
        display: none;
    }

    .page-inner.other-page {
        padding: 0 0 60px;
    }

    .profile-page .profile-nav {
        flex-wrap: wrap;
    }

    .profile-page .profile-nav .user-email {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: center;
    }

    .profile-page .profile-nav .user-logout-btn {
        margin: 10px 0 0 0;
    }

    .orders-history-list .orders-history-item {
        height: inherit;
        flex-wrap: wrap;
        justify-content: center;
    }

    .orders-history-list .orders-history-item .order-btn {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 20px;
    }

    .orders-history-list .orders-history-item .order {
        margin: 0;
    }

    .orders-history-list .orders-history-item .date {
        width: 100%;
        margin-top: 10px;
        justify-content: center;
    }

    .orders-history-list .orders-history-item  .order-btn-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .orders-history-list .orders-history-item .order-btn {
        display: inline-flex;
        align-items: center;
    }

    /*Giveaway*/
    .giveaways-list .giveaway-item .giveaway-title, .giveaways-list .giveaway-item .giveaway-finish-date {
        justify-content: center;
    }

    .giveaways-list .giveaway-item .giveaway-title {
        margin-bottom: 5px;
    }

     /*GIFTS*/
    .prizes-list-wrapper .prizes-list {
        gap: 10px;
    }

    .prize-item {
        width: calc(50% - 5px);
        padding: 10px;
    }

    .prize-item .prize-title {
        font-size: 11px;
    }

    .prize-item .prize-image {
        margin-bottom: 6px;
    }

    #steam-gift-form .col-md-6:last-child label {
        display: none;
    }

    .gift-ticket-result-button .btn {
        white-space: nowrap; 
    }

    .gift-ticket-result-button {
        flex-wrap: wrap;
    }
    
    .gift-ticket-result-button .btn:last-child:not(:first-child) {
        margin-top: 10px;
    }

    .gift-ticket-result .gift-ticket-status {
        flex-wrap: wrap;
    }

    .gift-ticket-wrapper {
        gap: 12px;
    }

    .gift-ticket-wrapper .gift-ticket-item {
        width: calc(33.333333% - 8px);
        padding-top: calc(33.333333% - 8px);
        height: inherit;
        position: relative;
    }

    .gift-ticket-wrapper .gift-ticket-item .card-inner {
        position: absolute;
        top: 0;
        left: 0;
    }

    .gift-ticket-wrapper .gift-ticket-item .card-front i {
        font-size: 35px;
    }

    /*Giftcards*/
    .giftcards-page .page-wrapper {
        padding: 30px 20px;
    }
}

@media (max-width: 576px) {
    /*Giveaway*/
    .giveaway-buttons {
        flex-wrap: wrap;
    }

    .giveaway-buttons .btn {
        width: 100%;
        white-space: nowrap;
        justify-content: center;
    }

    .giveaway-buttons .btn:last-child {
        margin-top: 10px;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

.btn.btn-yellow {
    color: rgb(0, 0, 0);           /* Цвет текста */
    background: #CACACA;   /* Основной цвет фона */
}

.btn.btn-yellow:hover {
    background: #939393;   /* Цвет фона при наведении */
}