.campaign-show-page{background:#f5f8fa;padding-top:150px;padding-bottom:80px}
        .campaign-page-header{background:#071a26;color:#fff;padding:0px 0 45px;margin-bottom:40px;position:relative;overflow:hidden}
      
        .campaign-page-header .main-container{position:relative;z-index:2}
        .campaign-page-header h1{font-size:42px;font-weight:900;line-height:1.25;max-width:900px;color:#fff}
        .campaign-page-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;color:rgba(255,255,255,.8);font-weight:700}
        .campaign-page-breadcrumb a{color:#fff;text-decoration:none}
        .campaign-card-style{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(15,67,75,.09);border:1px solid rgba(8,20,32,.06);overflow:hidden}
        .campaign-details-layout{padding:24px}
        .campaign-gallery-main{border-radius:22px;overflow:hidden;background:#eef2f7}
        .campaign-gallery-main .swiper-slide a{display:block}
        .campaign-gallery-main img{width:100%;height:520px;object-fit:cover;display:block}
        .campaign-gallery-thumbs{margin-top:14px}
        .campaign-gallery-thumbs .swiper-slide{cursor:pointer;opacity:.55;border-radius:14px;overflow:hidden;border:3px solid transparent;transition:.2s ease}
        .campaign-gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:#EE811D}
        .campaign-gallery-thumbs img{width:100%;height:92px;object-fit:cover;display:block}
        .project-details-main-info{height:100%}
        .project-details-main-info h2{font-size:34px;font-weight:900;color:#081420;line-height:1.25;margin-bottom:10px}
        .project-place{color:#70798B;font-size:15px;font-weight:700}
        .pro-details-option-list{gap:10px}
        .favorite-btn,.share-btn{width:42px;height:42px;border-radius:50%;border:1px solid #e7edf4;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#717579;transition:.2s ease}
        .favorite-btn:hover,.share-btn:hover{background:#0F434B;color:#fff;border-color:#0F434B}
        .share-social{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:#fff;border-radius:14px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.15);display:flex;gap:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:20}
        .position-relative:hover .share-social{opacity:1;visibility:visible;transform:translateY(0)}
        .share-social a{width:36px;height:36px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;color:#fff}
        .share-social .facebook-share{background:#1877f2}
        .share-social .twitter-share{background:#111827}
        .campaign-donation-card{background:#f9fbff;border:1px solid #e7edf4;border-radius:22px;padding:22px;margin-top:22px}
        .campaign-amounts{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:40px;color:#081420;font-size:15px;font-weight:800}
        .campaign-amounts span{display:inline-flex;align-items:center;gap:6px}
        .campaign-progress-bar{height:12px;background:#e6edf5;border-radius:999px;position:relative;overflow:visible;margin:22px 0 28px}
        .campaign-progress-bar .bar-inner{height:100%;width:0;background:linear-gradient(90deg,#EE811D,#f5b05f);border-radius:999px;transition:width .7s ease}
        .campaign-progress-bar .bar-percent{position:absolute;top:-34px;inset-inline-start:var(--percent-left,0%);transform:translateX(-50%);background:#0F434B;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;white-space:nowrap}
        html[dir="rtl"] .campaign-progress-bar .bar-percent{transform:translateX(50%)}
        .campaign-open-raised{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e7edf4;border-radius:16px;padding:14px;font-weight:900;color:#081420;margin-bottom:18px}
        .campaign-description-card{margin-top:28px;padding:28px;background:#fff;border-radius:24px;border:1px solid rgba(8,20,32,.06);box-shadow:0 14px 40px rgba(15,67,75,.06)}
        .campaign-description-card h3,.campaign-section-title{font-size:24px;font-weight:900;color:#081420;margin-bottom:16px}
        .content-styled{color:#334155;font-size:17px;line-height:1.9}
        .content-styled p{margin-bottom:16px}
        .content-styled img{max-width:100%;height:auto;border-radius:18px;margin:14px 0}
        .campaign-sidebar{position:sticky;top:110px}
        .sidebar-box{background:#fff;border:1px solid rgba(8,20,32,.06);border-radius:22px;padding:20px;box-shadow:0 14px 40px rgba(15,67,75,.06);margin-bottom:22px}
        .sidebar-box h3{font-size:21px;font-weight:900;color:#081420;margin-bottom:16px}
        .related-campaign-card{border:1px solid #e7edf4;border-radius:18px;overflow:hidden;margin-bottom:16px;background:#fff;transition:.2s ease}
        .related-campaign-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
        .related-campaign-img{position:relative;display:block;overflow:hidden}
        .related-campaign-img img{width:100%;height:170px;object-fit:cover;display:block;transition:.3s ease}
        .related-campaign-card:hover .related-campaign-img img{transform:scale(1.05)}
        .related-campaign-img .tag{position:absolute;top:12px;inset-inline-start:12px;background:rgba(15,67,75,.9);color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
        .related-campaign-body{padding:14px}
        .related-campaign-body h4{font-size:16px;line-height:1.35;font-weight:900;margin-bottom:8px}
        .related-campaign-body h4 a{color:#081420;text-decoration:none}
        .related-campaign-body h4 a:hover{color:#EE811D}
        .related-campaign-body p{color:#70798B;font-size:14px;line-height:1.6;margin-bottom:12px}
        .mini-progress{height:8px;background:#e6edf5;border-radius:999px;overflow:hidden;margin-bottom:10px}
        .mini-progress span{display:block;height:100%;background:#EE811D;border-radius:999px}
        .related-amounts{display:flex;justify-content:space-between;gap:10px;color:#70798B;font-size:12px;font-weight:800;margin-bottom:12px}
        .related-donate-btn{width:100%;min-height:42px;border-radius:12px;background:#0F434B;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900}
        .related-donate-btn:hover{background:#EE811D;color:#081420}
        .category-list{list-style:none;padding:0;margin:0}
        .category-list li:not(:last-child){border-bottom:1px solid #edf2f7}
        .category-list a{display:flex;align-items:center;gap:8px;padding:12px 0;color:#081420;text-decoration:none;font-weight:800}
        .category-list a:hover{color:#EE811D}
        .project-mobile-title{display:none}
        @media(max-width:1199.98px){.campaign-gallery-main img{height:430px}.project-details-main-info h2{font-size:29px}}
        @media(max-width:991.98px){.campaign-show-page{padding-top:105px}.campaign-page-header{padding:42px 0 32px;margin-bottom:24px}.campaign-page-header h1{font-size:30px}.campaign-details-layout{padding:16px}.campaign-gallery-main img{height:390px}.campaign-sidebar{position:static;margin-top:24px}.project-desktop-title{display:none}.project-mobile-title{display:block;margin-bottom:18px}.project-mobile-title h2{font-size:24px;font-weight:900;color:#081420;line-height:1.35}}
        @media(max-width:575.98px){.campaign-show-page{padding-top:0px;padding-bottom:50px}.campaign-page-header h1{font-size:24px}.campaign-gallery-main img{height:300px}.campaign-gallery-thumbs img{height:70px}.campaign-amounts{flex-direction:column;align-items:flex-start;font-size:14px}html[dir="rtl"] .campaign-amounts{align-items:flex-end}.campaign-donation-card{padding:16px}.campaign-description-card{padding:18px}}
   
   
		@media(min-width:991.98px){
			#header{
				background:#071a26;
			}
			

		}
		
		@media(max-width:991.98px){
			.main-container, .navbar>.container-fluid {
				padding-left: 0px;
				padding-right: 0px;
			}
			#footer .main-container{
				padding-left: 20px;
				padding-right: 20px;
			}
			.campaign-details-layout , .campaign-description-card,.sidebar-box{
				border-radius:0px;
			}
			.project-mobile-title .row{
				flex-direction:column;
			}
			
		}
		
		.campaign-progress-bar{
    position: relative;
    margin-top: 18px;

}

html[dir="ltr"] .campaign-progress-bar .bar-percent{
    position: absolute;
    top: -35px;
    left: var(--percent-left);

    transform: translateX(-50%);

    background: #064b55;
    color: #fff;

    font-size: 13px;
    font-weight: 700;

    min-width: 44px;
    height: 34px;

    border-radius: 999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 20px rgba(6,75,85,.18);
}

html[dir="rtl"]  .campaign-progress-bar .bar-percent{
    position: absolute;
    top: -35px;
    right: var(--percent-left);

    transform: translateX(50%);

    background: #064b55;
    color: #fff;

    font-size: 13px;
    font-weight: 700;

    min-width: 44px;
    height: 34px;

    border-radius: 999px;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 20px rgba(6,75,85,.18);
}

/* السهم */
.campaign-progress-bar .bar-percent::after{
    content: "";

    position: absolute;
    left: 50%;
    top: 100%;

    transform: translateX(-50%);

    width: 0;
    height: 0;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #064b55;
}

.campaign-progress-bar{
    height: 12px;
    background: #e8edf4;
    border-radius: 999px;
    overflow: visible !important;
}

.campaign-progress-bar .bar-inner{
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg,#064b55,#0d7484);
}