:root{
    --rtl__font:"Noto Kufi Arabic";
    --ltr__font:"Ropa Sans";
    --rtl__fs:14px;
    --ltr__fs:18px;
    --rds:15px;
    --cP:rgb(230, 72, 72);
    --cP2:rgb(230, 72, 72,0.1);
    --cB:rgb(255, 255, 255);
    --cF:rgb(24, 24, 24);
    --cD:rgb(132, 132, 134,0.1);
    --cS:rgb(218, 218, 218);
    --cM:rgb(153, 153, 153);
    --c0:rgb(223, 49, 43);
    --c02:rgb(223, 49, 43,0.1);
    --c1:rgb(22, 185, 117);
    --c12:rgb(22, 185, 117,0.1);
    --c2:rgb(189, 186, 17);
    --c22:rgb(189, 186, 17,0.1);
    --cBlack:rgb(0, 0, 0);
    --cWhite:rgb(255, 255, 255);
    --cBlue:rgb(64, 107, 221);
    --cGreen:rgb(2, 159, 114);
    --cPink:rgb(220, 65, 147);
    --animate-delay:0.1s;
}

.swiper-wrapper{height:auto !important;}

.grd2{mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}

body{background-color:var(--cB);}

.navbarActive *{color:var(--cP) !important;}

/* Screen sm */
@media(max-width:767px){
  .iframeH{height:250px !important;}
}

 /* Screen md */
@media(min-width:768px){
  .iframeH{height:450px !important;}
}


popup{display:block; position:fixed; top:30px; left:50%; transform:translateX(-50%); background-color:var(--cP); backdrop-filter:blur(10px); color:var(--cB); border:1px solid var(--cF2); padding:10px 20px; border-radius:var(--rds); display:none; width:70%; z-index:1000;}

.vCardSearch{position:relative; box-sizing:border-box; flex:1 1 calc(50% - 10px); overflow:hidden; height:300px; min-height:300px; max-height:300px;}
.vCardSearch:last-child{flex: 0 calc(50%);}

.vCardSlope{position:relative; box-sizing:border-box; flex:1 1 calc(50% - 10px); overflow:hidden; height:300px; min-height:300px; max-height:300px;}
.vCardSlope:first-child{width:150px; min-width:150px; overflow:visible !important; transform:translateY(0) !important;}
.vCardSlope:first-child > :first-child{height:390px !important; max-height:390px !important;}
.vCardSlope:nth-child(odd){transform:translateY(90px);}
.vCardSlope:last-child{min-height:390 !important; max-height:390 !important;}

according_body{display:none;}
according.open according_body{display:block;}



/* loading-bar */
.loading{width:100%; position:absolute; top:0; left:0; height:3px; border:0; border-radius:0px; overflow:hidden;}
.loading:after{content:" "; display:block; width:150px; top:-50%; height:250%; position:absolute; animation:loadingbar 2s linear infinite; z-index:2; background:var(--cP);}
@keyframes loadingbar{from{left:-120px;} to{left:100%;}}



.glow{content:""; position:absolute; aspect-ratio:1; background:linear-gradient(259.53deg, #0A3FFF 6.53%, #F55F0A 95.34%); border-radius:100%; filter:blur(70px); opacity:0.8; animation:loop 10s infinite linear; bottom:-250px; left:0; right:0; width:300px; height:300px; transform-origin:50% 50%; margin:0 auto;}
@keyframes loop{0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}



.notification_pulse{position:absolute; top:0; right:0; height:7px; width:7px; background:var(--cP); margin-top:-5px; border-radius:100%; animation:pulse-animation 1.5s infinite;}
@keyframes pulse-animation{0%{box-shadow: 0 0 0 0px rgba(238, 255, 0, 0.5);} 100%{box-shadow: 0 0 0 15px rgba(238, 255, 0, 0);}}



.live_pulse{animation:pulse-animation 1.5s infinite;}
@keyframes pulse-animation{0%{box-shadow: 0 0 0 0px rgba(255, 0, 0, 0.3);} 100%{box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);}}