:root{
  --dukany_button_color:#FFDD22;	
  --dukany_txt_color:#fd2;
  --y:#f5c518;       /* brand yellow           */
  --yd:#d4a017;      /* yellow dark            */
  --yl:#fffbeb;      /* yellow light bg        */
  --yb:rgba(245,197,24,.15); /* yellow blur     */
  --navy:#1a1a2e;    /* footer / cta dark      */
  --dark:#111827;    /* headings               */
  --body:#374151;    /* body text              */
  --muted:#6b7280;   /* secondary text         */
  --light:#9ca3af;   /* placeholders           */
  --bg:#f7f8fa;      /* page bg                */
  --card:#fff;       /* card bg                */
  --bdr:#e5e7eb;     /* borders                */
  --bdr2:#f3f4f6;    /* light borders          */
  --radius:16px;
  --shadow:0 2px 16px rgba(0,0,0,.07);
  --shadow-hover:0 12px 40px rgba(0,0,0,.12);
}

.toggle-wrap{display:inline-flex;align-items:center;gap:0;background:var(--bg);border:1.5px solid var(--bdr);border-radius:50px;padding:4px}
.toggle-wrap button{border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--muted);padding:9px 26px;border-radius:50px;cursor:pointer;transition:.22s;position:relative}
.toggle-wrap button.active{background:var(--dukany_button_color);color:#000;box-shadow:0 3px 12px var(--yb)}
.save-pill{display:inline-block;background:var(--y);color:black;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:50px;margin-left:6px;vertical-align:middle}
.billing-note{font-size:.82rem;color:var(--muted);margin-top:14px;min-height:22px;transition:.2s}

/* ─── TRUST BAR ─── */
.trust-bar{background:#fff0be;border-top:1px solid rgba(245,197,24,.3);border-bottom:1px solid rgba(245,197,24,.3);padding:14px 0}
.trust-item{display:flex;align-items:center;gap:8px;font-size:.83rem;font-weight:600;color:black;white-space:nowrap}
.trust-item i{color:var(--yd)}


/* ─── PLANS SECTION ─── */
.plans-section{padding:48px 0 0px}

/* ─── PLAN CARD ─── */
.plan-card{background:var(--card);border:1.5px solid var(--bdr);border-radius:var(--radius);padding:30px 26px 32px; /*display:flex;*/flex-direction:column;height:100%;position:relative;/*overflow:hidden;*/transition:border-color .22s,transform .22s,box-shadow .22s;}
.plan-card:hover{border-color:var(--y);transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.plan-card.popular{border-color:var(--y);box-shadow:0 8px 36px rgba(245,197,24,.18)}
.plan-card.popular::before{/*content:'';*/ position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--y),var(--yd))}
.cust-popular{
	border-top: 5px solid var(--y);
}
.plan-card.special{border-color:var(--navy);background:linear-gradient(145deg,#1a1a2e,#16213e);color:#fff}
.plan-card.special h4,.plan-card.special .plan-name,.plan-card.special .feat-list li,.plan-card.special .plan-tagline{color:rgba(255,255,255,.85)}
.plan-card.special .plan-name{color:rgba(255,255,255,.5)}
.plan-card.special .feat-divider{border-color:rgba(255,255,255,.1)}
.plan-card.special .plan-price .amount{color:#fff}
.plan-card.special .plan-price .currency,.plan-card.special .plan-price .period{color:rgba(255,255,255,.6)}
.plan-card.special .fl-label{color:rgba(255,255,255,.4)}
.popular-badge{display:inline-flex;top:51px;right:115px;background:var(--y);color:#000;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:50px}
.plan-icon{width:48px;height:48px;background:var(--dukany_button_color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.3rem;flex-shrink:0}
.plan-card.special .plan-icon{background:rgba(245,197,24,.12)}
.plan-name{font-size:.100 rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--light);margin-bottom:4px;text-align:left}
.plan-tagline{font-size:.875rem;color:var(--muted);margin-bottom:20px;line-height:1.55;flex-grow:0; text-align:left;}
.plan-price{margin-bottom:5px;line-height:1}
.plan-price .currency{font-size:.95rem;font-weight:700;color:var(--dukany_txt_color);line-height:1.8}
.plan-price .amount{font-size:2.9rem;font-weight:800;color:var(--dark);letter-spacing:-.03em;transition:opacity .2s}
.plan-price .period{font-size:.84rem;color:var(--muted);margin-left:2px}
.plan-price.free-plan .amount{font-size:2rem}
.billed-sub{font-size:.78rem;color:var(--light);min-height:18px;margin-bottom:20px}
.billed-sub .was{text-decoration:line-through;margin-right:4px}
.billed-sub .now{color:var(--dukany_txt_color); font-weight:600}


.tax-badge{

	background:var(--y);
	color:#000;
	font-size:.68rem;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	padding:4px 12px;
	border-radius:4px;
	
	margin-top: -20px;
    margin-bottom: 10px;
	
	display: inline-block;
    padding: 4px 10px;
    
}

/* card CTA buttons */
.btn-card{display:block;width:100%;text-align:center;padding:11px;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;border:none;margin-bottom:22px;transition:.2s}
.btn-outline-card{background:transparent;border:1.5px solid var(--bdr);color:var(--dark); text-decoration:none;}
.btn-outline-card:hover{border-color:var(--dukany_button_color);color:var(--yd);background:var(--yl)}
.btn-yellow-card{background:var(--dukany_button_color);color:#000; text-decoration:none;}
.btn-yellow-card:hover{background:var(--yd);color:#000;box-shadow:0 6px 20px var(--yb);transform:translateY(-1px)}
.btn-white-card{background:#fff;color:var(--navy);font-weight:700}
.btn-white-card:hover{background:var(--yl);color:var(--yd)}

.feat-list{
  padding-left: 0rem;
  padding-right: 0rem;
  text-align:left;
}
.feat-list li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: .86rem;
    padding: 4px 0;
    line-height: 1.45;
}
.feat-list li .dot {
    width: 7px;
    height: 7px;
    background: var(--y);
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 6px;
}
.feat-list li.dim {
    color: var(--light);
}
.feat-list li.dim .ci {
    color: #d1d5db;
}

.scale-90 {
    transform: translate(0, 0) rotate(0deg) skew(0deg, 0deg) scale(0.9);
}
.offer_badge_v1{
	height: 35px;
    position: inherit;
    margin-right:-110px;
    margin-top: -16px;
}
.reveal .offer_badge_v1{
	height: 35px;
    position: absolute;
    margin-top: 25px;
    width: 9rem;
    z-index: 1;
    margin-left: 23rem;
    rotate: 40deg;
}
.arrow_image{
	position: inherit;
    margin-bottom: -25px;
    rotate: 353deg;
}
.ribbon_parent_div{
	width: 50%;
    position: absolute;
    rotate: 30deg;
    left: 22rem;
    right: 0;
    z-index: 5;
    display: flex;
    top:57px;
}
.offer-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 9999px;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(245 197 24 / var(--tw-bg-opacity, 1));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.card_offer_badge_v1{
	    padding-left: 0.25rem;
    padding-right: 0.08rem;
    justify-content: initial;
    gap: 0.05rem;
    /* width: 55%; */
    position: relative;
    right: 0;
    top: 52px;
    width: calc(100% - 330px);
    overflow: hidden;
    rotate: 34deg;
    height: auto;
    pointer-events: unset;
    margin-left: calc(100% - 150px);
    z-index: 10;
    left: 14px;
}
.offer-badge__text {
    margin-top: 0.10rem
    white-space: nowrap;
    font-size: 14px;
    opacity: 1;
	margin-bottom:0;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}	
.ltr\:flip {
	scale: -1 1;
}
.scale-90 {
    transform: scale(0.9);
}

html[lang="ar"] {
    .ltr\:flip {
        scale: -1 1;
    }
	.popular-badge{
		left: 16px !important;
		text-align:center;
		right:10rem;
	}
	.toggle-wrap button{
	  padding: 9px 23px;
	}
	.plan-tagline{
		text-align:right !important;
	}
	.plan-name{
		text-align:right;
	}
}

.end-\[-75px\] {
    inset-inline-end: -75px;
}

.scale-90 {
    scale-x: .9;
    scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-12 {
	rotate: 17deg;
}
.pill-ribbon {
    position: absolute;
    top: 18px;
    right: -30px;
    z-index: 100;
	rotate: 397deg;
    background-color: #ffcc00;
    color: #000;
    padding: 8px 16px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border: 2px solid #ffffff;
    white-space: nowrap;
    pointer-events: none;
}
html[lang="ar"] {
    .-rotate-12 {
        rotate:339deg;
    }
	.offer_badge_v1{
	  margin-left: -110px !important;
	  margin-right:0px;
	}
	.arrow_image{
	  transform: rotate(349deg) scaleX(-1);
	}
	.reveal .offer_badge_v1 {
        height: 35px;
        position: absolute;
        margin-top: 12px;
        width: 8rem;
        z-index: 1;
        margin-right: 17rem !important;
        rotate:326deg;
    }
	.feat-list{
		text-align:right;
	}
	.ribbon_parent_div{
		width: 50%;
        position: absolute;
        rotate: 330deg;
        right: 14.7rem;
        z-index: 5;
        display: flex;
        top: 40px;
	}
	.card_offer_badge_v1{
		width: 66%;
	}
	.pill-ribbon{
	  left: -30px;
	  rotate: 322deg;
	  right: auto;
	}
}

/* ─── ANIMATIONS ─── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.reveal.in{opacity:1;transform:none}
.card-loading .plan-price .amount{opacity:.4}

/* ─── RESPONSIVE ─── */
@media(max-width:991px){.plan-card{margin-bottom:0; overflow:visible;}}
@media(max-width:767px){
		.cta-box{padding:40px 22px}.btn-cta-ghost{margin:10px 0 0;display:block;text-align:center}.trust-item span{display:none}
		.card_offer_badge_v1{
			left: 0;
			margin-left: calc(100% - 153px);
			rotate: 42deg;
			width: calc(100% - 330px);
			top: 65px;
		}
		.pill-ribbon{
			right: -23px;
		}
		.reveal .offer_badge_v1 {
			height: 35px;
			position: absolute;
			margin-top: 12px;
			width: 9rem;
			z-index: 1;
			margin-left: 14rem;
			rotate: 31deg;
			display:flex !important;
			
		}
		.billed-sub{
			text-align:left;
		}
		.tax_badge_parent{
			text-align:left;
		}
		.ribbon_parent_div{
			width: 70%;
			position: absolute;
			rotate: 32deg;
			left: 13rem;
			right: 0;
			z-index: 5;
			display: flex;
			top:58px;
		}
		html[lang="ar"] .billed-sub{
		  text-align:right;	
		}
		html[lang="ar"] .tax_badge_parent{
		  text-align:right;	
		}
		html[lang="ar"] .feat-list{
		  text-align:right;
		}
		html[lang="ar"] .reveal .offer_badge_v1{
		    margin-right: 15rem !important;
		}
		html[lang="ar"] .plan-tagline{
			text-align:right !important;
		}
		html[lang="ar"] .pill-ribbon{
		  left: -17px;
		  rotate: 322deg;
		  right: auto;
		}
@media(max-width:575px){.hero h1{font-size:1.8rem}}