.elementor-47367 .elementor-element.elementor-element-13b519a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;}.elementor-47367 .elementor-element.elementor-element-13b519a:not(.elementor-motion-effects-element-type-background), .elementor-47367 .elementor-element.elementor-element-13b519a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-47367 .elementor-element.elementor-element-13b519a::before, .elementor-47367 .elementor-element.elementor-element-13b519a > .elementor-background-video-container::before, .elementor-47367 .elementor-element.elementor-element-13b519a > .e-con-inner > .elementor-background-video-container::before, .elementor-47367 .elementor-element.elementor-element-13b519a > .elementor-background-slideshow::before, .elementor-47367 .elementor-element.elementor-element-13b519a > .e-con-inner > .elementor-background-slideshow::before, .elementor-47367 .elementor-element.elementor-element-13b519a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://roshdemali.com/wp-content/uploads/2024/02/Vector.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-47367 .elementor-element.elementor-element-84e0fed{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-47367 .elementor-element.elementor-element-c06b403 .elementor-heading-title{font-family:"pelak", Sans-serif;font-weight:900;line-height:1.6em;letter-spacing:-0.4px;color:#FFFFFF;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-47367 .elementor-element.elementor-element-e4169e6{color:#FDFDFD;}.elementor-47367 .elementor-element.elementor-element-e4169e6 a{color:#EF8D2B;}.elementor-47367 .elementor-element.elementor-element-633470b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-47367 .elementor-element.elementor-element-c97f6d8{text-align:start;}.elementor-47367 .elementor-element.elementor-element-c97f6d8 .elementor-heading-title{font-family:"pelak", Sans-serif;font-weight:600;}@media(max-width:767px){.elementor-47367 .elementor-element.elementor-element-13b519a{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-47367 .elementor-element.elementor-element-c06b403 .elementor-heading-title{font-size:18px;}.elementor-47367 .elementor-element.elementor-element-c97f6d8 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for html, class: .elementor-element-0fcb831 */:root {
            --primary-blue: #3266ad;
            --secondary-blue: #185FA5;
            --success-green: #0F6E56;
            --danger-red: #A32D2D;
            --bg-page: #f8fafc;
            --bg-card: #ffffff;
            --bg-secondary: #f1f5f9;
            --text-primary: #1e293b;
            --text-secondary: #64748b;
            --border-color: #e2e8f0;
        }

        body {
            font-family: "pelak", Sans-serif;
            background-color: var(--bg-page);
            color: var(--text-primary);
            margin: 0;
            line-height: 1.6;
        }

        .container {
            max-width: 1100px;
            margin: 0 auto;
        }

        h2 {
            font-size: 1.5rem;
            color: var(--text-primary);
            margin-bottom: 1.5rem;
            text-align: center;
        }

        /* Top Stats Grid */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px;
            margin-bottom: 2rem;
        }

        .stat-card {
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 16px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.02);
            text-align: center;
        }

        .stat-card p:first-child {
            font-size: 13px;
            color: var(--text-secondary);
            margin: 0 0 8px;
        }

        .stat-card .value {
            font-size: 24px;
            font-weight: 700;
            margin: 0;
        }

        .stat-card .sub-value {
            font-size: 12px;
            color: var(--text-secondary);
            margin-top: 4px;
        }

        /* Controls */
        .controls {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 1.5rem;
            justify-content: center;
        }

        .btn-sort {
            font-family: "pelak", sans-serif;
            font-size: 13px;
            padding: 8px 18px;
            border-radius: 25px;
            border: 1px solid var(--border-color);
            background: var(--bg-card);
            color: var(--text-primary);
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-sort.active {
            background: var(--primary-blue);
            color: #fff;
            border-color: var(--primary-blue);
            box-shadow: 0 4px 10px rgba(50, 102, 173, 0.2);
        }

        /* Cards Grid */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 15px;
            margin-bottom: 2.5rem;
        }

        .fund-card {
            background: var(--bg-card);
            border-radius: 16px;
            border: 1px solid var(--border-color);
            padding: 16px;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .fund-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
        }

        .fund-card.top-rank {
            border: 2px solid var(--primary-blue);
        }

        .rank-badge {
            background: #E6F1FB;
            color: var(--secondary-blue);
            font-size: 11px;
            padding: 2px 10px;
            border-radius: 10px;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 10px;
        }

        .fund-name {
            font-size: 17px;
            font-weight: 700;
            margin: 0 0 12px;
        }

        .fund-data-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
        }

        .data-item {
            background: var(--bg-secondary);
            border-radius: 8px;
            padding: 8px;
        }

        .data-item span:first-child {
            display: block;
            font-size: 11px;
            color: var(--text-secondary);
            margin-bottom: 2px;
        }

        .data-item span:last-child {
            font-size: 14px;
            font-weight: 700;
        }

        /* Charts Wrapper */
        .chart-section {
            background: var(--bg-card);
            border-radius: 16px;
            border: 1px solid var(--border-color);
            padding: 20px;
            margin-bottom: 2rem;
        }

        .chart-title {
            font-size: 14px;
            font-weight: 600;
            color: var(--text-secondary);
            margin-bottom: 15px;
            border-right: 4px solid var(--primary-blue);
            padding-right: 10px;
        }

        .chart-container {
            position: relative;
            height: 350px;
            width: 100%;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            .cards-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 480px) {
            .stats-grid {
                grid-template-columns: 1fr;
            }
            .cards-grid {
                grid-template-columns: 1fr;
            }
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Thin.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Thin.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Thin.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-light.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-light.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-light.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-light.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-light.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Regular.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Regular.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Regular.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Medium.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Medium.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Medium.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-SemiBold.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-SemiBold.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-SemiBold.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Bold.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Bold.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Bold.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-ExtraBold.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-ExtraBold.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-ExtraBold.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'pelak';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Black.eot');
	src: url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Black.eot?#iefix') format('embedded-opentype'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Black.woff2') format('woff2'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Black.woff') format('woff'),
		url('https://roshdemali.com/wp-content/uploads/2024/02/PelakFA-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */