/* Container & Layout */
    .prayer-fan-slider-container {
        width: 100% !important;
        height: 600px !important;
        margin: 60px auto !important;
        position: relative !important;
        /* Removed perspective to make it look flat/2D like the image */
        padding: 20px !important;
		
		-webkit-user-select: none; /* Safari */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE10+/Edge */
		user-select: none;         /* Standard */

    }

    .prayer-fan-track {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
		overflow-y: hidden !important;
    }

    /* Card Base Styles */
    .prayer-card {
        position: absolute !important;
        width: 80% !important; /* Wider card relative to container */
		max-width: 750px;
        height: 100% !important;
        border-radius: 20px !important;
        padding: 70px 55px !important;
        box-sizing: border-box !important;
/*         box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important; */
        transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        display: flex !important;
        flex-direction: column !important;
        opacity: 0 !important;
        z-index: 0 !important;
        
        /* Default Background (will be overridden by data-pos) */
        background: #BFE0EF !important; 
    }

    /* Header & Content */
    .prayer-header {
        display: flex !important;
        justify-content: space-between !important;
        margin-bottom: 15px !important;
        font-size: 0.9em !important;
        color: #333 !important; /* Dark text for contrast */
        font-weight: bold !important;
    }

	.prayer-count{
		color: white;
		background: #a1c8d9;
		font-size: 14px;
		font-weight: 600;
		padding: 13px 28px;
		border-radius: 100px;
	}
    
    .prayer-content {
        flex-grow: 1 !important;
        font-size: 24px !important;
        line-height: 45px !important;
        color: #000 !important;
        overflow-y: hidden !important;
        text-align: justify !important;
		-ms-overflow-style: none;
    }

	.prayer-card[data-pos="0"] .prayer-content {
	    overflow-y: scroll !important;
	}
	.prayer-card[data-pos="0"] .prayer-content::-webkit-scrollbar {
	  /* 1. Increase width to accommodate the gap */
	  width: 12px; /* Was 6px, now 12px to allow for spacing */
	}

	.prayer-card[data-pos="0"] .prayer-content::-webkit-scrollbar-track {
	  background: transparent;
	  /* Optional: keeps the track specifically away from corners if needed */
	  margin-top: 4px;
	  margin-bottom: 4px;
	}

	.prayer-card[data-pos="0"] .prayer-content::-webkit-scrollbar-thumb {
	  background-color: rgba(0, 0, 0, 0.3);
	  border-radius: 20px;

	  /* 2. The Trick: Transparent border + background-clip */
	  border: 3px solid transparent; /* Creates 3px gap on all sides */
	  background-clip: content-box;  /* Clips color to inside the border */
	}

	/* Ensure buttons are still hidden */
	.prayer-card[data-pos="0"] .prayer-content::-webkit-scrollbar-button {
	  display: none;
	  width: 0;
	  height: 0;
	}

    /* Navigation Buttons - HIDDEN BY DEFAULT */
    .prayer-nav {
        margin-top: 20px !important;
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        opacity: 0 !important; /* Invisible */
        pointer-events: none !important; /* Unclickable */
        transition: opacity 0.3s !important;
    }

   .nav-btn {
    /* Set dimensions to match your SVG (32x32) or scale as needed */
    width: 32px; 
    height: 32px;
    
    /* Embed the SVG here. Note: # symbols are replaced with %23 for CSS compatibility */
    background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="32" height="32" transform="matrix(-1 0 0 1 32 0)" fill="url(%23pattern0_820_12290)"/><defs><pattern id="pattern0_820_12290" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_820_12290" transform="scale(0.00416667)"/></pattern><image id="image0_820_12290" width="240" height="240" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>');
    
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
	transform: rotate(180deg);
    
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important; /* Padding often pushes bg images off center */
}

.prev-btn {
    transform: rotate(0deg);
}
    

    /* --- FAN POSITIONS --- */

    /* CENTER (0) - Light Blue */
    .prayer-card[data-pos="0"] {
        opacity: 1 !important;
        z-index: 10 !important;
        transform: translateX(0) scale(1) rotate(0deg) !important;
        background: #BFE0EF !important;
		background-image: url("data:image/svg+xml,%3Csvg width='178' height='178' viewBox='0 0 178 178' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M83.6913 68.1229C84.0462 69.0991 84.3125 69.9866 84.3125 71.0516V117.379C84.3125 121.817 82.6263 126.077 79.6087 129.36L54.8475 156.429L24.6725 126.254L35.5 115.427L60.35 7.68411C60.8917 5.31362 62.288 3.22591 64.272 1.82002C66.256 0.414136 68.6885 -0.211305 71.1046 0.063247C73.5206 0.337799 75.7508 1.49309 77.3687 3.30828C78.9867 5.12348 79.879 7.47126 79.875 9.90286V53.9229C78.428 53.5292 76.937 53.3204 75.4375 53.3016C65.675 53.3016 57.6875 61.2891 57.6875 71.0516V97.6766C57.6875 100.162 59.64 102.114 62.125 102.114C64.61 102.114 66.5625 100.162 66.5625 97.6766V71.0516C66.5625 66.1704 70.5563 62.1766 75.4375 62.1766C77.1237 62.1766 78.5437 62.7979 79.875 63.5966C80.94 64.2179 81.7388 65.0166 82.5375 65.9041C82.8037 66.2591 83.07 66.6141 83.2475 67.0579C83.425 67.4129 83.6025 67.7679 83.6913 68.1229ZM0 150.927L35.5 177.552L45.8838 166.28L15.265 135.662L0 150.927ZM142 115.427L117.15 7.68411C116.608 5.31362 115.212 3.22591 113.228 1.82002C111.244 0.414136 108.811 -0.211305 106.395 0.063247C103.979 0.337799 101.749 1.49309 100.131 3.30828C98.5133 5.12348 97.621 7.47126 97.625 9.90286V53.9229C99.045 53.5679 100.554 53.3016 102.062 53.3016C111.825 53.3016 119.812 61.2891 119.812 71.0516V97.6766C119.812 100.162 117.86 102.114 115.375 102.114C112.89 102.114 110.938 100.162 110.938 97.6766V71.0516C110.938 66.1704 106.944 62.1766 102.062 62.1766C100.376 62.1766 98.9563 62.7979 97.625 63.5966C96.56 64.2179 95.7613 65.0166 95.0512 65.9041C94.785 66.2591 94.43 66.6141 94.2525 67.0579C94.075 67.4129 93.8975 67.7679 93.8087 68.1229C93.4538 69.0991 93.1875 69.9866 93.1875 71.0516V117.379C93.1875 121.817 94.8737 126.077 97.8913 129.36L122.652 156.429L152.827 126.254L142 115.427ZM162.235 135.662L131.616 166.28L142 177.552L177.5 150.927L162.235 135.662Z' fill='%23014F70' fill-opacity='0.1'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 60px) 60px !important;
    background-size: 180px !important;
}
    
    /* SHOW BUTTONS ONLY ON CENTER CARD */
    .prayer-card[data-pos="0"] .prayer-nav {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* RIGHT 1 (+1) - Medium Blue */
    .prayer-card[data-pos="1"] {
        opacity: 1 !important; /* Fully visible background */
        z-index: 9 !important;
        /* Move right, Scale down, Rotate clockwise */
        transform: translate(104px, -40px) scale(0.9) rotate(11deg) !important;
        background: #004562C9 !important;
        color: #fff !important;
    }

    /* RIGHT 2 (+2) - Dark Blue */
    .prayer-card[data-pos="2"] {
        opacity: 1 !important;
        z-index: 8 !important;
        transform: translate(202px, -43px) scale(0.8) rotate(24deg) !important;
        background: #0675A3 !important; /* Darkest Blue */
        color: #fff !important;
    }

    /* LEFT 1 (-1) - Medium Blue */
    .prayer-card[data-pos="-1"] {
        opacity: 1 !important;
        z-index: 9 !important;
        /* Move left, Scale down, Rotate counter-clockwise */
        transform: translate(-104px, -40px) scale(0.9) rotate(-11deg) !important;
        background: #004562C9 !important;
		color: #fff !important;
    }

    /* LEFT 2 (-2) - Dark Blue */
    .prayer-card[data-pos="-2"] {
        opacity: 1 !important;
        z-index: 8 !important;
        transform: translate(-202px, -43px) scale(0.8) rotate(-24deg) !important;
        background: #0675A3 !important; /* Darkest Blue */
        color: #fff !important;
    }
    .prayer-card[data-pos="-1"] .prayer-count,
	.prayer-card[data-pos="-2"] .prayer-count{
	  opacity: 0;  
	}
    
    /* Text Color Adjustments for Background Cards */
    .prayer-card[data-pos="1"] .prayer-content,
    .prayer-card[data-pos="2"] .prayer-content,
    .prayer-card[data-pos="-1"] .prayer-content,
    .prayer-card[data-pos="-2"] .prayer-content,
    .prayer-card[data-pos="1"] .prayer-header,
    .prayer-card[data-pos="2"] .prayer-header,
    .prayer-card[data-pos="-1"] .prayer-header,
    .prayer-card[data-pos="-2"] .prayer-header {
        color: rgba(255,255,255,0.7) !important; /* Fade text on background cards */
    }

    /* Hide others completely */
    .prayer-card[data-pos="hidden"] {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.5) !important;
    }


/* mobile */
@media (max-width: 767px){
	.prayer-card{
		padding: 20px !important;
	}
	.prayer-content{
		font-size: 20px !important;
		line-height: 30px !important;
	}
	.prayer-count{
		font-size: 12px !important;
		padding: 8px 19px !important;
	}
	.prayer-card[data-pos="2"],
	.prayer-card[data-pos="-2"]{
		display: none !important;
	}
	.prayer-card[data-pos="1"],
	.prayer-card[data-pos="-1"]{
		background: #004562 !important;
	}
	.prayer-card[data-pos="1"]{
		transform: translate(80px, 0px) scale(0.9) rotate(11deg) !important;
	}
	.prayer-card[data-pos="-1"]{
		transform: translate(-80px, 0px) scale(0.9) rotate(-11deg) !important;
	}
	.prayer-fan-slider-container{
		padding: 0px !important;
		overflow: hidden;
	}
	.prayer-fan-track{
		width: 100vw !important;
		overflow: hidden;
		height: 450px !important;
	}
	.prayer-card[data-pos="0"]{
		background-size: 80px !important;
	}
	
}