.MainHeader .MainMenuCon {
 background: rgb(60 67 102 / 50%) !important;
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 }

 #YaldaCmp {
 display: none !important;
 }

 .txt-shine {
 filter: drop-shadow(3.9px -4.99px 19.57px #698FF5);
 }
.z-10{
 z-index: 15;
}
 .ModalBox .container {
 background-color: #171717!important;
 }
.ttitle{
 font-size: 23px;
 color: white !important;
 text-shadow: 0px 3px 0px #000000, -3px 1px 0px #000000, 2px 3px 12px #445f8b;
 font-weight: 900;
}
.cat_timer{

 transition: all .5s;
 animation: timerAnimation 1s infinite;
 background-color: #992222;
 bottom: 57px;
 backdrop-filter: blur(6px);

 border-radius: 9px;
 padding: -10px;
 position: absolute;
 width: 79px !important;
 font-size: 13px !important;
}
.li.on .cat_timer{
 background-color: #872e8a;
}
 .SolidBtn,
 .OutlineBtn {
 min-width: 130px;
 height: 44px;
 border-radius: 80px;
 color: white;
 padding: 11px;
 margin: 3px 6px;
 transition: all 0.5s;
 cursor: pointer !important;
 }

 .SolidBtn {
 background-color: #28364A;
 }

 .SolidBtn:hover {
 background-color: white;
 color: #28364A;
 }

 .OutlineBtn {
 border: solid thin #3D77CF;
 }

 .OutlineBtn:hover {
 border: solid thin white;
 }

 .text-span {
 color: #6c6c6c !important;
 }
.productCard img {
 max-width: 138px;
 margin-top: 20px;
}
.DetailProd strong {
 color: white !important;
}
span.brand-text {
 color: #a235a0 !important;
 text-shadow: 0px 1px 2px #0a090a;
}
span.b-discount {
 display: block;
 color: #ff0000;
 text-decoration: line-through;
 width: 100%;
}
.titlebar {
 margin: 0 0;
 align-items: safe center;
 color: #ffffff;
 text-shadow: 1px 0px 7px #ffffff;
 display: flex;
 font-size: 16px;
 font-weight: bolder;
 justify-content: space-between;
}
.titlebar a {
 color: #007bff;
 font-size: 13px;
 font-weight: lighter;
 text-shadow: 3px 0px 9px #0072ff;
}
.col{
 flex:0!important;
}
 .mainCat,.productCard {
background: linear-gradient(197deg, #ffffff -110% -70%, #2c3e57 30%, #1a2639);
 border-radius: 32px;
 height: 370px;
 min-width: 230px;
 max-width: 220px;
 margin-left: 12px;
 margin-top: 12px;
 display: flex;
 flex-direction: column;
 border: solid thin #2c394e;
 align-content: center;
 box-shadow: 3px 1px 0px #1a2639, inset 1px 1px 0px #695d79, 0px 0px 0px 0px #0024ff;
 justify-content: center;
 }
.poeScroll{
 max-height: 190px;
 overflow: auto;
 background-color: #9393931c;
 border-radius: 22px;
 padding: 12px;
 margin: 0px;
}
 .toptitle {
 color: #FF9000;
 text-shadow: 1px 1px 0px white, 1px 0px 0px white;
 margin-top: 9px;
 font-weight: 200 !important;
 }
.product-card span.left-badge {
 left: unset;
 right: 20px;
 top: unset;
 bottom: 7px;
 width: 35px;
}
 .mainYaldaText {
 background-image: url(https://www.apple-nic.com/files/image/17879);
 width: 230px;
 height: 70px;
 margin: 0 auto;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;

 }

 .ModalBox {
 width: 100vw;
 height: 100vh;
 border-radius: 20px;
 display: flex;
 position: fixed;
 box-shadow: -3px 2px 7px 3px #b3aeae99;
 top: 0;
 background-color: #00000052;
 backdrop-filter: blur(7px);
 -webkit-backdrop-filter: blur(7px);
 justify-content: center;
 align-items: center;
 transition: oapcity 0.5s;
 }


 .ModalBox .container {
 width: 30vw;
 min-height: 30vh;
 color:white!IMPORTANT;
 border-radius: 30px;
 padding: 2%;
 transform: scale(0.0);
 transition: transform 0.5s;
 }

 .product-card a {
 height: 100%;
 }

 .ModalBox .container.active {
 transform: scale(1);
 }

 .header {
 width: 100%;
 height: 655px;
 position: absolute;
 top: 0;
 overflow: hidden;
 background: radial-gradient(72.49% 90.19% at 17% -18.83%, #6C6CA7 0%, #1A2638 100%);

 }

 .header h1 {
 font-size: 57px !IMPORTANT;
 font-wight: 400px;
 font-variation-settings: "wght"896, "dots"2;
 font-weight: 900 !important;
 }

 .Page {
 margin-top: 604px;
 background-color: #1A2638;
 }

 .topobj {
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;
 position: absolute;
 }

 .product-card strong {
 font-size: 15px;
 color: #ffffff !important;
 }

 .product-card {
 border-radius: 33px !important;
 padding: 0 !important;
 background-color: #223249 !important;
 color: white !important;
 overflow: hidden !important;
 /* border: solid 2px white; */
 min-height: 0px !important;
 box-shadow: inset -2px 0px 0px #777777e6, inset 1px 1px 0px #dddddde6, 0px 0px 0px 0px #ababab !important;


 }

 .product-card strong {
 text-align: center;
 }

 .product-card .detail div:last-child {
 align-items: center;
 }

 .product-card img:first-of-type {
 height: 12em !important;
 margin-bottom: 10px;
 }

 .max-img {

 max-height: 180px;
 max-width: 240px;
 }

 .product-card img:nth-child(1) {
 height: unset !important;
 margin: 0px auto !important;
 }

 .product-card .detail {
 min-height: 0px !important
 }

 .p-1.p-Foot {
 display: flex;
 background-color: #161616;
 width: 95%;
 margin-left: 5%;
 height: 85px;
 border-radius: 60px 0px 0px 213px;
 padding: 0 !important;
 align-items: center;
 justify-content: flex-start;
 margin-top: 22px;
 }
.MainHeader .MainMenuWrp>ul li.MenuTrigger.MMTrigger .TopLine span,
.MainHeader .MainMenuWrp>ul li.MenuTrigger.MMTrigger .BottomLine span {
    background-color: #ffffff !important;
}
 .span.b-discount {
 margin-left: 20px;
 font-size: 14px;
 color: #ffffff !important;
 }

 span.a-discount {
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 }
.MainHeader .MainMenuWrp>ul li a {
    color: #ffffff !important;
}
.MainHeader .MainMenuWrp .MobileMenuTray ul li a {
    color: #ffffff !important;
}
 .back-slide,
 .next-slide {
 background-color: #1c293b;
 }

 .product-card:hover {
 box-shadow: none !important;
 }

 .p-1.p-Foot div {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 }
.container-fluid.mt-5.pt-5.position-relative{
display: none;
}
 .row .product-card {
    height: 365px;
 }

 :not(.row)>.product-card {
 min-width: 252px !important;
 min-height: 0px;
 }

 .p-1.p-Foot img {
 max-width: 90px;
 margin: 0px !important;
 padding: 0px !importnat;
 }

 .product-card .p-Head {
 display: flex;
 background-size: cover;
 flex-direction: column;
 background-image: url(https://www.apple-nic.com/files/image/14770);
 background-size: cover;
 border-radius: 56px 56px 76px 0px;
 width: 100%;
 align-items: center;
 }

 .product-card .p-Head * {
 color: white;
 }

 .from-5 {
 animation: from5 1.2s linear infinite alternate forwards;
 }

 .froml-5 {
 animation: froml5 8.2s linear infinite alternate forwards;
 }

 .from-10 {
 animation: from10 2s linear infinite alternate forwards;
 }

 .from-20 {
 animation: from20 2s linear infinite alternate forwards;
 }

 .from-30 {
 animation: from30 2s linear infinite alternate forwards;
 }

 .d-1 {
 animation-delay: 20ms;
 }

 .d-2 {
 animation-delay: 40ms;
 }

 .d-3 {
 animation-delay: 60ms;
 }

 .d-4 {
 animation-delay: 80ms;
 }

 .d-5 {
 animation-delay: 90ms;
 }



 .CategoryBar li {
 width: 25%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 cursor: pointer;
 }

 .CategoryBar li.on a {
 background-image: url(https://apple-nic.com/files/image/circ1.png?fileId=17833);
 filter: drop-shadow(0px 0px 14px #b42e938f) drop-shadow(0px 0px 4px #b42e934a);
 }

 .CategoryBar li strong {
 color: #555454 !important;
 }

 .CategoryBar li.on strong {
color: white !important;
 padding-top: 23px;
 display: block;
 text-shadow: 2px 1px 10px #c270c7, -2px

 }

 .wheel-wrapper canvas {

 margin-top: 36px;
 margin-right: 6px;
 }

 .CategoryBar li a {
height: 104px;
 display: flex;
 flex-direction: column;
 color: white;
 padding: 0px;
 width: 88% !important;
 background-image: url(https://apple-nic.com/files/image/circoff.png?fileId=17834);
 background-size: 89%;
 background-position: 41% 113%;
 background-repeat: no-repeat;
 align-items: center;


 }
 .CategoryBar li{
 position: relative;
 }
 .CategoryBar li a img {
 width: 100%;
 transition: margin-top 0.5s;
 opacity: 0.5;
 filter: grayscale(1);
 }

 .CategoryBar li.on a img {
 width: 66%;
 opacity: 1;
 filter: none;
 margin-top: 29px;

 }

 /* .CategoryBar li a:hover img {
 margin-top: -10px;
 } */

 #loader {
 width: 100vw;
 height: 100vh;
 position: fixed;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 top: 0;
 left: 0;
 z-index: 10000;
 background: rgb(252 217 218);
 color: white;
 }

 .MainWaterMelone {
 background-image: url(https://www.apple-nic.com/files/image/watermelon1.png?fileId=17832);
 width: 177px;
 height: 76px;
 z-index: 2;
 bottom: 0px;
 left: 59px;
 rotate: -10deg;
 animation: rotate 1.2s linear infinite alternate forwards;

 }

 .WheelBg {
 background-image: url(https://www.apple-nic.com/files/image/spinner-1.png?fileId=17881);
 width: 177px;
 height: 542px;
 width: 579px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 90%;
 display: flex;
 z-index: 6;
 align-content: center;
 align-items: center;
 filter: drop-shadow(6px 4px 26px red);
 flex-direction: column;
 justify-content: center;
 animation: spinnerLight 1.2s linear infinite alternate forwards;


 }

 .Cloud1 {
 background-image: url(https://www.apple-nic.com/files/image/cloud1.png?fileId=17831);
 width: 267px;
 height: 116px;
 z-index: 2;
 }

 .Cloud2 {
 background-image: url(https://www.apple-nic.com/files/image/cloud2.png?fileId=17830);
 width: 267px;
 height: 116px;
 z-index: 2;

 }

 .Star {
 background-image: url(https://www.apple-nic.com/files/image/star.png?fileId=17828);
 width: 87px;
 height: 116px;

 }



 .blur-2 {
 filter: blur(2px);
 }

 .blur-4 {
 filter: blur(4px);
 }

 .blur-6 {
 filter: blur(6px);
 }

 .blur-12 {
 filter: blur(12px);
 }

 .rotate-10 {
 rotate: 10deg;
 }

 .rotate-20 {
 rotate: 20deg;
 }

 .rotate-30 {
 rotate: 30deg;
 }

 .rotate-60 {
 rotate: 60deg;
 }

 .rotate-90 {
 rotate: 90deg;
 }

 .-rotate-10 {
 rotate: -10deg;
 }

 .-rotate-20 {
 rotate: -20deg;
 }

 .-rotate-30 {
 rotate: -30deg;
 }

 .-rotate-60 {
 rotate: -60deg;
 }

 .-rotate-90 {
 rotate: -90deg;
 }

 .left-10 {
 left: 10%;
 }

 .left-20 {
 left: 20%;
 }

 .left-22 {
 left: 22%;
 }

 .left-30 {
 left: 30%;
 }

 .left-40 {
 left: 40%;
 }

 .left-42 {
 left: 42%;
 }

 .left-50 {
 left: 50%;
 }

 .left-60 {
 left: 60%;
 }

 .left-70 {
 left: 70%;
 }

 .left-72 {
 left: 72%;
 }

 .left-80 {
 left: 80%;
 }

 .left-90 {
 left: 90%;
 }

 .left-92 {
 left: 92%;
 }

 .left-94 {
 left: 94%;
 }

 .top-10 {
 top: 10%;
 }

 .top-20 {
 top: 20%;
 }

 .top-30 {
 top: 30%;
 }

 .top-40 {
 top: 40%;
 }

 .top-51 {
 top: 50%;
 }

 .scale-md {
 transform: scale(0.8)
 }

 .scale-sm {
 transform: scale(0.6)
 }

 .scale-xs {
 transform: scale(0.4)
 }

 .scale-lg {
 transform: scale(1.1)
 }

 .scale-xl {
 transform: scale(1.6)
 }

 .shin {
 filter: drop-shadow(15px 4px 28px #505C8F);
 }

 .shin-e {
 filter: drop-shadow(2px -5px 34px #84A5FF) drop-shadow(0px 3.04px 32.66px #ffffff40);
 animation: shinee 1.2s linear infinite alternate forwards;



 }

 .main_img {
 position: relative;
 z-index: 6;
 width: 369px;
 }

 .spinner {
 width: 600px;
 height: 600px;
 background-color: red;
 }

 .spin-container {
 width: 359PX;
 height: 369px;
 background-color: #ccc;
 border-radius: 50%;
 position: relative;
 overflow: hidden;
 animation: SpinAmim 1s linear infinite;
 transition: 1s;
 }

 .spin-container .pie {
 height: 52%;
 width: 100px;
 position: absolute;
 clip-path: polygon(100% 0, 50% 100%, 0 0);
 transform: translateX(-50%);
 transform-origin: bottom;
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 20px;
 font-weight: bold;
 font-family: sans-serif;
 color: #fff;
 left: 130px;
 }

 .spin-container .pie:first {
 background-color: #3f51b5;
 left: 50%;
 }

 .spin-container .pie:nth-child(even) {
 background-color: #4C0909;
 }

 .spin-container .pie:nth-child(odd) {
 background-color: #CB3131;
 }

 .spin-container .pie span {
 transform: rotate(90deg);
 white-space: nowrap;
 text-align: center;
 font-size: 13px;
 }

 .arrow {
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 color: #fff;
 }

 .arrow::before {
 content: "\1F817";
 font-size: 50px;
 }

 .BigSpin {
 width: 412px;
 display: flex;
 height: 425px;
 background-color: #ae1313;
 justify-content: center;
 align-items: center;
 border-radius: 100%;
 }

 .toCenter {}

 #spin {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 z-index: 10;
 background-color: #e2e2e2;
 text-transform: uppercase;
 border: 8px solid #fff;
 font-weight: bold;
 font-size: 20px;
 color: #a2a2a2;
 width: 80px;
 height: 80px;
 font-family: sans-serif;
 border-radius: 50%;
 cursor: pointer;
 outline: none;
 letter-spacing: 1px;
 }

 @keyframes from5 {
 from {
 top: 9%;
 }
 }

 @keyframes rotate {
 from {
 rotate: 0deg;
 }
 }

 @keyframes froml5 {
 from {
 translate: 0%;
 }

 to {
 translate: 10%;
 }
 }

 @keyframes from10 {
 from {
 top: 15%;
 }
 }

 @keyframes spinnerLight {
 to {
 background-image: url(https://www.apple-nic.com/files/image/spinner-2.png?fileId=17880);
 }
 }

 @keyframes shinee {
 from {
 filter: drop-shadow(0px -2px 0px #84A5FF) drop-shadow(0px 4.04px 0px #ffffff40);
 }
 }

 @keyframes from20 {
 from {
 top: 28%;
 }
 }

 @keyframes from30 {
 from {
 top: 48%;
 }
 }

 @media only screen and (max-width: 700px) {
.productCard div{
    flex-wrap: wrap;
}
.mainCat,
.productCard {
    background: linear-gradient(197deg, #ffffff -110% -70%, #2c3e57 30%, #1a2639);
    border-radius: 32px;
    height: 330px;
    min-width: 203px;
    max-width: 214px;
    margin-left: 12px;
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    border: solid thin #2c394e;
    align-content: center;
    box-shadow: 3px 1px 0px #1a2639, inset 1px 1px 0px #695d79, 0px 0px 0px 0px #0024ff;
    justify-content: center;
}

    .MainHeader .MainMenuWrp .MobileMenuTray ul li a {
        border-bottom: solid thin #ffffff;
        font-size: 13px;
        font-weight: normal;
    }

.flex-basis-90 {
    flex-basis: 90%;
    width: -90%;
    display: flex;
    justify-content: center;
}
.container {
    width: 100%;
    padding: 1px 5px;
}
 .type3{
    display: none!important;
 }
 .ttitle{
 font-size: 18px!IMPORTANT;
 }
 .main_img {
 width: 164px;
 margin-top: 19px;
 }
 .WheelBg {
 background-image: url(https://www.apple-nic.com/files/image/spinner-1.png?fileId=17881);
 height: 212px;
 width: 236px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: 90%;
 display: flex;
 z-index: 6;
 filter: drop-shadow(6px 4px 26px red);
 flex-direction: column;
 animation: spinnerLight 1.2s linear infinite alternate forwards;
 /* margin: 0px -25px; */
 align-items: center;
 padding: 0;
 justify-content: center;
 align-content: center;
 }
 .wheel-wrapper canvas {
 margin-top: 9px;
 margin-right: -1px;
 scale: 0.7;
 }
 .MainWaterMelone {
 width: 92px;
 height: 40px;
 bottom: 0px;
 left: 23px;
 }

 .Cloud1,
 .Cloud2 {
 width: 117px;
 height: 46px;
 z-index: 2;
 }

 .toptitle {
 font-size: 16px !important;
 }

 .mainYaldaText {
 width: 190px;
 height: 52px;
 }

 .SolidBtn,
 .OutlineBtn {
 min-width: 100px;
 height: 33px;
 border-radius: 80px;
 color: white;
 padding: 6px;

 margin: 8px 4px;
 transition: all 0.5s;
 cursor: pointer !important;
 }

 .header {
 width: 100%;
 height: 381px;

 }

 .left-20 {
 left: 0%;
 }

 .Star {
 width: 29px;
 height: 96px;
 }

 .mainCat {
 min-width: 200px;
 max-width: 200px;
 height: 356px;
 }

 .xs-left-70 {
 left: 70%
 }

 .xs-right-75 {
 left: unset;
 right: 75%;
 }



 .CategoryBar li {
 display: flex;
 white-space: nowrap;
 min-width: 110px;


 justify-content: center;
 align-items: center;
 }

 .CategoryBar {
 width: 100%;
 height: 60px;
 overflow-y: clip;
 }

 .CategoryBar ul {
 overflow-x: scroll !important;
 overflow-y: clip !important;
 height: 150px;
 }

 .CategoryBar .container {
 width: 100%;
 max-width: 100%;
 margin: 0;
 padding: 0;
 }

 .CategoryBar li a {

 display: auto;
 padding: 0px;
 width: auto;
 }


 .CategoryBar ul {
 overflow: scroll;
 }

 .CategoryBar {
 height: auto;
 background: transparent;
 }

 .row .product-card:not(.stock) {
 border-radius: 48px !important;
 min-width: 220px !important;
 max-width: 220px !important;
 min-height: 355px !important;
 }

 .ModalBox .container {
 width: 98vw;
 min-height: 30vh;
 border-radius: 10px;
 }

 .Page {
 margin-top: 333px;
 }

 .ModalBox .container img {
 width: auto;
 max-width: 260px;
 max-height: 210px;
 }


 .ModalBox .container .d-flex {
 flex-direction: column;
 justify-content: center;
 align-items: center;
 }
 }

 @media (prefers-color-scheme: dark) {
 
 .product-card {
 background-color: #223249 !important;
 }
 }