.donate-choose-table_tab {
     transition: 0.1s;
     padding: 4px 10px;
     border: 2px solid #FFFFFF;
     box-sizing: border-box;
     border-radius: 4px;
     font-weight: 500;
     font-size: 20px;
     line-height: 23px;
 }

 input[type=radio] {
     display: none;
 }

 .donate-tab-main input[type=radio]:checked+label {
     background: #FFFFFF;
     color: #191919;
 }

 .donate-tab-main input[type=radio]:checked+label div {
     display: block;
     height: 10px;
 }

 .donate-choose-table {
     margin: 24px 32px;
 }

 .donate-black input[type=radio]:checked~.popup_donate_number_view {
     justify-content: flex-end !important;
 }

 .view-black {}

 .donate-choose-table__title {
     margin-bottom: 16px;
     font-weight: normal;
     font-size: 16px;
     line-height: 18px;
     color: rgba(255, 255, 255, 0.45);
 }

 .donate-choose-table__blocks {
     gap: 14px;
     height: 31px;
     width: 198px;
 }

 .donate-mini-circle {
     transition: 0.1s;
     margin-right: 10px;
     display: none;
     width: 10px;
     height: 0;
     border-radius: 50%;
     background: #191919;
 }

 /*************************************/
 .donat-page {
     overflow: hidden;
     background: url(../img/donate/donat-top-bg.png) top center/cover no-repeat, #000;
     margin-top: -92px;
     padding: 246px 15px 0 15px;

 }

 .donat-page .container {
     max-width: 952px;
     margin: 0 auto;
 }

 .donat_slider_header h1 {
     text-align: center;
     font-size: 56px;
     color: #fff;
 }

 .donat_slider_header p {
     margin-top: 32px;
     font-size: 18px;
     color: #fff;
     text-align: center;
     opacity: 0.7;
 }

 .donat_slider_wrapper {
     gap: 16px;
     overflow-x: scroll;
     overflow-y: hidden;
     margin-top: 24px;
     height: 380px;
     width: 1000px;
 }

 .donat_slider_wrapper::-webkit-scrollbar {
     display: none;
 }

 .donat_slider_item {
     width: 226px;
     min-width: 226px;
     padding: 0 0 32px 0;
     cursor: pointer;
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 18px;
     position: relative;
     transition: all .70s;
     background: rgba(255, 255, 255, 0.15);
 }
 .donat_slider_item:hover{
     border: none;
 }
 .donat_slider_item_label {
     position: absolute;
     top: -15px;
     right: -15px;
     transition: all .70s;
     width: 40px;
     height: 42px;
 }

 .donat_slider_item_label span {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     margin: auto;
     color: #101010;
     font-size: 16px;
     font-weight: bold;
     transform: rotate(15deg);
     display: block;
     text-align: center;
     line-height: 42px;
     transition: all .70s;
 }

 .donat_slider_item-1 {}

 .donat_slider_img_bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 10;
     overflow: hidden;
 }

 .donat_slider_item_img {
     position: relative;
     z-index: 10;
     overflow: hidden;
     margin-top: 12px;
     transition: all .70s;
 }

 .donate_slider_item_img_anim .normal {
     opacity: 1 !important;
     filter: grayscale(100%);
 }

 .donate_slider_item_img_anim:hover .normal {
     opacity: 1 !important;
     filter: none;
 }

 .donat_slider_item_img .black {
     max-width: 227px;
     height: auto;
     height: 200px;
 }

 .donat_slider_item_img .normal {
     max-width: 227px;
     height: auto;
     opacity: 0;
     position: absolute;
     top: 0;
     left: 0;
 }

 .donat_slider_item_content {
     padding-left: 32px;
 }

 .donat_slider_item_content h3 {
     font-size: 16px;
     color: #fff;
     font-weight: 500;
     margin-bottom: 4px;
     transition: all .70s;
 }

 .donat_slider_item_content .donat_slider_item_reward {
     color: rgba(255, 255, 255, 0.45);
     font-size: 16px;
     font-weight: 500;
     transition: all .70s;
 }

 .donat_slider_item_content .donat_slider_item_old_reward {
     color: rgba(255, 255, 255, 0.15);
     font-size: 16px;
     font-weight: 500;
     text-decoration: line-through;
     margin-left: 8px;
     transition: all .70s;
 }

 .donat_slider_item_content .donat_slider_item_price_wrapper {
     margin-top: 10px;
     display: inline-flex;
     align-items: center;
 }

 .donat_slider_item_content .donat_slider_item_price_wrapper .donat_slider_item_price {
     font-size: 24px;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     transition: all .70s;
 }

 .donat_slider_item_content .donat_slider_item_price_wrapper .donat_slider_item_price_discount {
     display: block;
     padding: 3px 6px;
     margin-left: 8px;
     background: #FFFFFF;
     box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.16), 0px 14px 32px -16px rgba(255, 255, 255, 0.64);
     border-radius: 10px;
     font-size: 12px;
     font-weight: bold;
     color: #101010;
     transition: all .70s;
 }

 .donat_slider_item:hover {
     margin-top: -20px;
     background: #FFFFFF;
     box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.24), 0px 5px 16px -16px rgba(255, 255, 255, 0.64);
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_label svg path {
     fill: #000;
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_label span {
     color: #fff;
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_content h3 {
     color: #101010;
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_reward {
     color: rgba(16, 16, 16, 0.45);
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_old_reward {
     color: rgba(16, 16, 16, 0.45);
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_price {
     color: #101010;
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_price_discount {
     background: #EA4F3D;
     color: #fff;
     box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.16), 0px 14px 32px -16px rgba(255, 255, 255, 0.64);
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_img_bg svg g path {
     fill: rgba(234, 79, 61);
     transition: all .70s;
 }

 .donat_slider_item:hover .donat_slider_item_img .black {
     opacity: 0;
 }

 .donat_slider_item:hover .donat_slider_item_img .normal {
     opacity: 1;
     height: 200px;

 }

 .donat_slider_item:hover .donat_slider_item_img {
     transform: rotate(-15deg);
     transition: all .70s;
 }

 .donat_slider_wrapper .slick-slide {
     margin-right: 16px;
     width: 226px !important;
 }

 .donat_slider_wrapper .slick-slide:last-child {
     margin-right: 0;
 }

 .donat_slider_wrapper .slick-slide>div {
     padding-top: 40px;
 }

 .donat_slider_item-4 .donat_slider_item_img {
     height: 200px;
     padding-top: 20px;
     overflow: hidden;
 }

 .donat_slider_item-4 .black {
     width: 208px;
     height: 170px;
 }

 .donat_slider_item-4 .normal {
     width: 208px;
     height: 170px;
     right: -14px;
     top: 20px;
     left: auto;
 }

 .donat_slider_item-4:hover .normal-slider-magnat {
     transform: scale(1.1);
  filter: none;
 }

 .normal-slider-magnat {
     transform-origin: bottom right;
     transition: 0.3s;
     height: 149px;
     width: 247px;
     margin-left: 10px;
     margin-top: 10px;
     filter: invert(0%) sepia(58%) saturate(0%) hue-rotate(
        264deg) brightness(98%) contrast(93%);
 }

 .donat_slider_item-4:hover .donat_slider_item_img .black {
     width: 208px;
     height: 170px;
 }

 .donat_slider_item-4:hover .donat_slider_item_img .normal {
     width: 208px;
     height: 170px;
     left: 0;
     right: 0;
     margin: auto;
 }

 .donat_slider_item-4:hover .donat_slider_item_img {
     transform: rotate(0);
 }

 .donate_slider_item_img_anim {
     transition: all .70s;
     position: absolute;
     right: 0;
 }

 .donat_slider_item-4:hover .donate_slider_item_img_anim {
     transform: scaleX(1.2);
     top: 0;
 }

 /*************************************/
 .donat_buy_coins_btn {
     text-align: center;

 }

 .donat_buy_coins_btn button {
     font-size: 18px;
     color: #fff;
     opacity: 0.7;
     background: transparent;
     border: none;
     outline: none;
     font-family: inherit;
     cursor: pointer;
     position: relative;
     padding: 6px 8px;
     transition: all .70s;
     opacity: 0.7;
 }

 .donat_buy_coins_btn button svg {
     margin-right: 8px;
 }

 .donat_buy_coins_btn button:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 30%;
     background: rgba(255, 255, 255, 0.1);
     border-radius: 16.5px;
     transition: all .70s;
     visibility: hidden;
     opacity: 0;
 }

 .donat_buy_coins_btn button:hover {
     opacity: 1;
     transition: all .30s;
 }

 .donat_buy_coins_btn button:hover:before {
     width: 100%;
     transition: all .30s;
     visibility: visible;
     opacity: 1;
 }

 /**************************************/
 .donat_get_car_number {
     margin-top: 97px;
     text-align: center;
 }

 .donat_get_car_number h2 {
     text-align: center;
     font-size: 56px;
     color: #fff;
     font-weight: bold;
 }

 .donat_get_car_number p {
     margin-top: 32px;
     color: #fff;
     opacity: 0.7;
     font-size: 18px;
     text-align: center;
 }

 .donat_get_car_number .open_popup_get_car_number {
     margin-top: 32px;
     background: #EA4F3D;
     box-shadow: 0px 2px 8px rgba(234, 79, 61, 0.24), 0px 14px 32px -16px rgba(234, 79, 61, 0.64);
     border-radius: 32px;
     padding: 16px 24px;
     border: none;
     outline: none;
     font-size: 12px;
     color: #fff;
     font-weight: bold;
     cursor: pointer;
     transition: all .30s;
 }

 .donat_get_car_number .open_popup_get_car_number svg {
     margin-right: 8px;
     width: 16px;
     vertical-align: middle;
     text-align: center;
     transition: all .30s;
 }

 .donat_get_car_number .open_popup_get_car_number:hover {
     background: #FF8D80;
     transition: all .30s;
 }

 .donat_get_car_number .open_popup_get_car_number:hover>svg rect {
     transform: scale(1.2) translate(-1px, -1px);
     transition: all .30s;
 }

 /***************************************************/
 .donate_car_number_img {
     text-align: center;
     margin-top: 64px;
     padding-bottom: 240px;
 }

 /******************************************************/
 .popup {
     background: #191919;
     border-radius: 19px;
     position: fixed;
     top: 0;
     bottom: -2000px;
     right: 0;
     left: 0;
     margin: auto;
     z-index: 1000;
     padding-top: 32px;
     padding-bottom: 32px;
     z-index: 9100;
     transition: all .70s;
     visibility: hidden;
 }

 .popup_opend {
     bottom: 0;
     visibility: visible;
     transition: all .70s;
 }

 .popup .close_popup {
     background: #242424;
     height: 30px;
     width: 30px;
     border-radius: 50%;
     line-height: 30px;
     cursor: pointer;
     position: absolute;
     right: 16px;
     top: 16px;
     transition: all .30s;
 }

 .popup .close_popup svg {
     margin-left: 10px;
     height: 10px;
     width: 10px;
 }

 .popup .close_popup:hover {
     background: #fff;
     transition: all .30s;
 }

 .popup .close_popup:hover>svg path {
     stroke: #000;
 }

 .popup_input label {
     color: rgba(255, 255, 255, 0.45);
     transition: all .30s;
 }

 .popup_input input {
     display: block;
     width: 100%;
     padding: 0 0 8px 0;
     margin-top: 6px;
     background: transparent;
     outline: none;
     border: none;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff;
     transition: all .30s;
 }

 .popup_input input:focus {
     border-bottom: 1px solid #fff;
     transition: all .30s;
 }

 .popup_input input:focus+label {
     color: rgba(255, 255, 255, 1.0);
     transition: all .30s;
 }

 .low-inp-donate {
     margin: 24px 0 16px 32px;
     font-size: 16px;
     line-height: 18px;
     color: rgba(255, 255, 255, 0.45);

 }

 .popup-p-16 {
     padding-right: 16px;
     padding-left: 16px;
 }

 .popup-p-32 {
     padding-right: 32px;
     padding-left: 32px;
 }

 .popup_btn {
     display: block;
     width: 100%;
     padding: 16px 0;
     margin-top: 32px;
     border: none;
     outline: none;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
     background: #EA4F3D;
     box-shadow: 0px 2px 8px rgba(234, 79, 61, 0.24), 0px 14px 32px -16px rgba(234, 79, 61, 0.64);
     border-radius: 32px;
     cursor: pointer;
 }

 .black-wrapper {
     transition: all .70s;
     position: fixed;
     bottom: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background: rgba(16, 16, 16, 0.9);
     z-index: 9000;
     transition: all .70s;
     z-index: -1;
     opacity: 0;
 }

 .black-wrapper-opend {
     opacity: 1;
     z-index: 200;
 }

 .hide-body-overflow {
     overflow: hidden;
 }

 /******************************************************/
 .popup_buy_coins {
     max-width: 352px;
     height: 273px;
 }

 .popup_buy_coins h3 {
     font-size: 24px;
     color: #fff;
     font-weight: bold;
 }

 .popup_buy_coins p {
     font-size: 16px;
     color: #fff;
     opacity: 0.7;
     margin-top: 8px;
 }

 .popup_buy_coins form {
     margin-top: 32px;
 }

 .popup_buy_coins {}

 /********************************************************/
 .popup_donate_pack {
     max-width: 414px;
     height: 388px;
 }

 .popup_donate_pack h3 {
     color: #fff;
     font-size: 24px;
     font-weight: bold;
 }

 .popup_donate_pack_price {
     display: inline-block;
     margin-top: 16px;
     padding: 4px 24px 4px 8px;
     background: #EA4F3D;
     border-radius: 4px;
     position: relative;
     font-size: 20px;
     color: #fff;
     font-weight: 500;
 }

 .popup_donate_pack_price:after {
     position: absolute;
     content: '';
     height: 8px;
     width: 8px;
     background: #191919;
     right: 8px;
     top: 12px;
     border-radius: 50%;
 }

 .popup_donate_pack_name {
     margin-top: 36px;
     padding: 16px;
     height: 140px;
     background: url(../img/donate/popup-donat-pack-bg.png) top right no-repeat, #242424;
     border-radius: 8px;
 }

 .popup_donate_pack_name .x2-label {
     position: relative;
     display: inline-block;
     visibility: hidden;
 }

 .popup_donate_pack_name .x2-label span {
     position: absolute;
     left: 0;
     right: 0;
     top: 6px;
     bottom: 0;
     margin: auto;
     text-align: center;
     font-size: 12px;
     color: #101010;
     font-weight: bold;
 }

 .popup_donate_pack_name .x2-label svg {
     height: 28px;
     width: 28px;
 }

 .popup_donate_pack_name p {
     margin-top: 35px;
     color: #fff;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 4px;
 }

 .popup_donate_pack_name span {
     font-size: 16px;
     color: rgba(255, 255, 255, 0.45);
 }

 .popup_donate_pack_name>span:last-child {
     text-decoration: line-through;
     color: rgba(255, 255, 255, 0.25);
     margin-left: 8px;
 }

 /********************************************************/
 .popup_donate_number {
     width: 414px;
     height: 542px;
 }

 .popup_donate_number h3 {
     color: #fff;
     font-size: 24px;
     font-weight: bold;
 }

 .popup_number_price {
     display: inline-block;
     margin-top: 16px;
     padding: 4px 24px 4px 8px;
     background: #EA4F3D;
     border-radius: 4px;
     position: relative;
     font-size: 20px;
     color: #fff;
     font-weight: 500;
 }

 .popup_number_price:after {
     position: absolute;
     content: '';
     height: 8px;
     width: 8px;
     background: #191919;
     right: 8px;
     top: 12px;
     border-radius: 50%;
 }

 .popup_donate_number_view_wrapper {
     height: 139px;
     width: 382px;
     margin-top: 32px;
     background: #242424;
     border-radius: 8px;
     /* padding: 16px; */
 }

 .view-span {
     padding-left: 16px;
     align-self: flex-start;
     font-size: 16px;
     color: rgba(255, 255, 255, 0.45);
 }

 .popup_donate_number_view {

     pointer-events: none;
     justify-content: flex-start;
     gap: 32px;
     margin-top: 16px;
     height: 74px;
     width: 382px;
     overflow-x: visible;
     overflow-y: hidden;
     padding: 16px 0;
     border-radius: 4px;
 }

 .popup_donate_number_view::-webkit-scrollbar {
     display: none;
 }


 .view-el {
     transition: 0.5s;
     position: relative;
     padding: 2px;
     height: 74px;
     width: 350px;
     min-width: 350px;
     box-sizing: border-box;
     border-radius: 7px;

 }

 .view-el img {
     z-index: 19;
     position: absolute;
 }

 .view-el span {
     z-index: 20;
     font-weight: 300;
     font-size: 30px;
     line-height: 34px;
     letter-spacing: 0.285em;

 }

 .view-black span {
     color: white !important;
 }

 .view-white {
     padding-left: 32px;
 }

 .view-white span {
     color: #101010 !important;
 }

 .popup_donate_number_view p {
     text-align: center;
     color: rgba(255, 255, 255, 0.25);
     font-size: 30px;
     letter-spacing: 8px;
 }

 .popup_donate_number form {
     margin-top: 32px;
 }

 .popup_donate_number form span {
     color: rgba(255, 255, 255, 0.45);
     font-size: 16px;
 }

 .popup_donate_number form #OTPInput input:last-child {
     margin-right: 0 !important;
 }

 .popup_donate_number form #OTPInput {
     margin-top: 16px;
 }

 /********************************************************/