:root {
    --primary: #be185d;
    --brand-green: #1f5c7a; /*Deep Ocean Blue*/
    --brand-magenta: #be185d;
    --primary-dark: #c00a84;
    --editorial-charcoal: #1a1a1a;
    --editorial-neutral: #f4f1ee;
    --editorial-neutral-light: #f8f6f4;
    --editorial-gray: #9a9a9a;
    --editorial-gray: #555;
    --editorial-brown: #60534B;
    --philanthropy-color: #5b6a43;
    --bg-philanthropy: #5b6a43;
    --light-grey: #f9f9f9;
    --text-main: #333;
    --text-dark: #333;
    --brand-magenta-light: #fdf2f8;
    --brand-magenta-light: #f9f9f9;
    --bs-link-hover-color: #555555;
}

body {
    font-family: 'Poppins', sans-serif;
    /*font-family: "Open Sans", sans-serif;*/
    color: var(--editorial-charcoal);
    background-color: white;
    -webkit-font-smoothing: antialiased;
    font-size: 1.0rem;
    line-height: 1.5;
    color: var(--text-main);
    margin-bottom: 0px;
}

a {
    color: var(--bs-link-color);
    text-decoration: none;
}
    a .material-symbols-outlined {
        transition: transform 0.3s ease;
    }

    a:hover .material-symbols-outlined {
        transform: rotate(0deg) translateX(5px);
        color:#000;
        font-weight:700;
    }

		.bg-philanthropy{background-color:var(--philanthropy-color);}
		.section-width{max-width:1440px;}
		.container-width{max-width:1440px; padding-left:2.5rem; padding-right:2.5rem;}
.container-navbar {
    max-width: 1600px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.display-7 {
    font-size: 2.2rem
}
.display-8 {
    font-size: 2rem
}
@media (max-width:640px) {
    .navbar-nav {
        padding-top: 30px;
    }
    .container-width {
        max-width: 1440px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .container-navbar {
        padding-left: 15px;
        padding-right: 15px;
    }

}
.bg-light-grey{background-color:var(--light-grey);}
.bg-brown{background-color:var(--editorial-brown);}
.bg-white{background:#fff;}
.phil-text-color{color:var(--philanthropy-color)!important;}
.yt-play{text-decoration:none; color:black;}
.nav-logo{max-height:40px;}
.nav-logo-footer{max-height:100px;}
		
		.bg-footer-general{background-image: url('../images/footer-bg-green-400.webp');			
            background-size: cover;
            background-position: center;}
.bg-footer-brown {
    background-image: url('../Images/footer-bg-brown-400.webp');
    background-size: cover;
    background-position: center;
}
.bg-footer-green {
    background-image: url('../images/footer-bg-green.webp');
    background-size: cover;
    background-position: center;
}
			.input-subscribe{border:0px; border-radius:0px; height:40px; line-height:30px;}
			.btn-subscribe{background-color:black; border:0px; border-radius:0px;height:40px; line-height:30px; text-transform:uppercase;}
			.footer-sm-icon{width:35px; height:35px;}
@media (max-width:991px) {
    .showonmobileonly {display: block !important;}
}
@media (min-width:992px) {
    .showondesktoponly {display: block !important;}
}
@media(max-width:1199px){ .nav-logo{max-height:60px;}}
@media(max-width:640px) {
    .nav-logo {
        max-height: 30px;
    }
    .navbar-custom{ padding:10px 0px;}
}
        .font-display {
            font-family: 'Poppins', serif;
			 font-weight: 600;
			 font-style: normal;
        }
            .font-display-medium {
            font-family: 'Poppins', serif;
			 font-weight: 500;
			 font-style: normal;
        }
 .h4, h4 {
	font-size: 1.25rem;
} 
.position-rel{position:relative;}      
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        
        .hero-split {
            min-height: calc(100vh - 80px);
        }
        
        .text-primary-custom {
            color: var(--primary) !important;
        }
        
        .bg-primary-custom {
            background-color: var(--primary) !important;
        }
        
        .bg-editorial-neutral {
            background-color: var(--editorial-neutral);
        }
        
        .bg-editorial-charcoal {
            background-color: var(--editorial-charcoal);
        }
        
        .text-editorial-gray {
            color: var(--editorial-gray);
        }
        
        .text-editorial-charcoal {
            color: var(--editorial-charcoal);
        }
        
        .border-primary-custom {
            border-color: var(--primary) !important;
        }
        
        .tracking-widest {
            letter-spacing: 0.2em;
        }
        
        .tracking-wide {
            letter-spacing: 0.1em;
        }
        .navbar {
		--bs-navbar-padding-y: 1rem;
		}
        .navbar-custom {
            background-color: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            padding:10px 0;
        }
        
        .nav-link-custom {
            font-size: 11px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: var(--editorial-gray);
            padding-bottom: 0.25rem;
            border-bottom: 2px solid transparent;
            transition: all 0.3s;
        }
        
        .nav-link-custom:hover,
        .nav-link-custom.active {
            color: var(--primary);
            border-bottom-color: var(--editorial-charcoal);
        }
        
        .nav-link-custom.active {
            color: var(--editorial-charcoal);
        }

        .bg-linear-gradient-img{
			 
/*			 background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 90%);
			 background: radial-gradient(circle at top right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 75%);
			 background:radial-gradient(circle at bottom right, rgb(0, 0, 0) 35%, rgba(0,0,0,0) 75%);
			 background: linear-gradient(to left, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0) 100%);*/
		}
	
        .hero-image-w{min-height: calc(100vh - 250px);}
.hero-image {
   /* background-image: url('/Images/KAH-Transparent.png');
    background-image: url('/Images/KAH-X.jpg');
    background-image: url('https://alhabtoorgroup.com/template/Mr.-Khalaf-Al-Habtoor-scaled.jpg');
    background-image: url('/Images/Mr.-Khalaf-Al-Habtoor-scaled-tran.png');*/
    background-image: url('/Images/KAH-half.webp');
    background-size: cover;
    background-position: right;
    background-repeat:no-repeat;
    /* filter: grayscale(100%);*/
    transition: all 1s;
}
.pad25-1 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
@media (max-width:640px) {
    .pad25-1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/*@media (min-width:1400px){.hero-left-col{padding-left:6rem;}	}
@media (min-width:1900px){.hero-left-col{padding-left:6.5rem;}	}*/
@media (min-width:993px) {
    .hero-image-wX {
        min-height: calc(100vh - 600px);
    }
}

@media (width:1024px) {
    .hero-image-wX {
        min-height: calc(100vh - 600px);
    }
}

@media (max-width:1399px) {
    .hero-left-col .text-content-wrapper {
        padding-left: 0rem;
    }
}

@media (min-width:1400px) {
    .hero-left-col {
        padding-left: 6rem;
    }
}

@media (min-width:1900px) {
    .hero-left-col {
        padding-left: 12.5rem;
    }
}
@media (min-width:900px) and (max-width: 992px) {
    .hero-image-w {
        min-height: calc(100vh - 450px);
    }

    .hero-image {
        background-image: url('/Images/KAH-half.jpeg');
        background-size: cover;
        background-position: right;
        /* filter: grayscale(100%);*/
        transition: all 1s;
    }
}	
        
        .hero-image:hover {
            filter: grayscale(0%);
        }
        
        .card-img-overlay-custom {
            position: absolute;
            inset: 0;
          /*  background: linear-gradient(to top, rgba(0,0,0,0.2), transparent);
			  top: 0;
              left: -50px; 
              width: 50px; 
              height: 100%; 
              background: linear-gradient(to right, rgba(0,0,0,0.2), transparent);
                background: linear-gradient(to left, rgba(0,0,0,0.9), transparent);
	      */
  pointer-events: none; /* so it doesn’t block clicks */
        }
        
        .card-hover {
            transition: all 0.5s;
        }
        
        .card-hover:hover {
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .card-hover img {
            transition: transform 1s;
        }
        
        .card-hover:hover img {
            transform: scale(1.1);
        }
        
        .article-img {
            --filter: grayscale(100%);
            transition: all 0.7s;
        }
        
        .article-card:hover .article-img {
            filter: grayscale(0%);
			filter: grayscale(100%);
            transform: scale(1.05);
        }
        
        .article-card h3 {
            transition: color 0.3s;
        }
        
        .article-card:hover h3 {
            color: var(--primary);
        }
        
        .research-card {
            transition: transform 0.5s;
        }
        
        .research-card:hover {
            transform: translateY(-0.5rem);
        }
        
        .video-overlay {
            position: absolute;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.4);
            transition: background-color 0.3s;
        }
        
        .video-card:hover .video-overlay {
            background-color: rgba(0, 0, 0, 0.2);
        }
        
        .video-img {
            filter: grayscale(100%);
            transition: all 1s;
        }
        
        .video-card:hover .video-img {
            filter: grayscale(0%);
            transform: scale(1.1);
        }
        
        .play-button {
            width: 80px;
            height: 80px;
            border: 1px solid rgba(255,255,255,0.3);
            backdrop-filter: blur(4px);
            transition: all 0.3s;
        }
        
        .video-card:hover .play-button {
            background-color: var(--primary);
            border-color: var(--primary);
        }
.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}      
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}      
        .bio-image {
            background-image: url('https://alhabtoorgroup.com/template/podcast-small5.webp');
            background-size: cover;
            background-position: center;
            mix-blend-mode: luminosity;
            transition: all 0.7s;
        }
        
        .bio-image:hover {
            mix-blend-mode: normal;
        }
        
        .aspect-16-10 {
            aspect-ratio: 16/10;
        }
        
        .aspect-16-9 {
            aspect-ratio: 16/9;
        }
        
        .aspect-4-5 {
            aspect-ratio: 4/5;
        }
      
      /* Custom Animated Hamburger Icon */
/* Custom Animated Hamburger */
.custom-toggler { border: none !important; box-shadow: none !important; padding: 0; width: 30px; }
.hamburger-icon { width: 22px; height: 18px; position: relative; display: block; margin: auto; }
.hamburger-icon span { 
    display: block; position: absolute; height: 2px; width: 100%; 
    background: var(--editorial-charcoal); border-radius: 9px; 
    transition: .25s ease-in-out; left: 0; 
}
.hamburger-icon span:nth-child(1) { top: 0px; }
.hamburger-icon span:nth-child(2) { top: 8px; }
.hamburger-icon span:nth-child(3) { top: 16px; }

.custom-toggler:not(.collapsed) .hamburger-icon span:nth-child(1) { top: 8px; transform: rotate(135deg); }
.custom-toggler:not(.collapsed) .hamburger-icon span:nth-child(2) { opacity: 0; left: -0px; }
.custom-toggler:not(.collapsed) .hamburger-icon span:nth-child(3) { top: 8px; transform: rotate(-135deg); }

/* Sliding Search Bar */
.search-dropdown-bar {
    position: fixed; /* Or absolute depending on wrapper */
    top: 100px; /* Height of your navbar */
    top: 81px;
    left: 0;
    width: 100%;
    background: white;
    border-bottom: 1px solid #eee;
    z-index: 1020;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
}

.search-dropdown-bar.show {
    max-height: 100px;
    opacity: 1;
    padding: 1.5rem 0;
}

.search-group {
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 5px;
    background: #fdfdfd;
}

.search-group input::placeholder {
    font-style: italic;
    color: var(--editorial-gray);
    font-size: 14px;
}

/* Adjust top position for mobile if navbar height changes */
@media (max-width: 991px) {
    .search-dropdown-bar { top: 71px; }
}


.header-listing-pg {
            background-color: #f8f9fa; /* Light Grey */
            min-height: 400px;
            display: flex;
            align-items: center;
            overflow: hidden; /* Prevents unwanted horizontal scroll */
        }

        /* Ensuring the image covers the full height and hits the edge */
        .header-listing-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Optional: height adjustment for mobile */
            min-height: 400px; 
        }

@media (max-width: 992px) {
    .header-listing-image {
        min-height: 300px;
    }
    .header-listing-image {
        min-height: 250px;
        margin: 0 15px;
        width: calc(100% - 30px);
    }
}
        /* Optional: Align text content to match a standard container width */
        @media (min-width: 992px) {
            .text-content-wrapper {
                padding-left: calc((100vw - 960px) / 2);
            }
            .header-listing-image {
                min-height: 350px;
            }
        }
        @media (min-width: 1200px) {
            .text-content-wrapper {
                padding-left: calc((100vw - 1140px) / 2);
            }
        }
        @media (min-width: 1400px) {
            .text-content-wrapper {
                padding-left: calc((100vw - 1320px) / 2);
				padding-left:calc((100vw - 1460px) / 2);
            }
			.text-content-wrapper-right{max-width:80%;}
        }
		.text-content-wrapper-right{}

/* ── Floating share sidebar (bottom-right) ── */
.share-sidebar {
    position: fixed;
    right: 1.0rem;
    bottom: 1.0rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.3s ease;
}

@media (max-width: 1199px) {
    .share-sidebar {
        right: 1rem;
        bottom: 1rem;
    }
}

.share-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--primary-mid);
    background: #fff;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s, color .2s, transform .3s ease;
    box-shadow: 0 4px 20px -2px rgba(0,0,0,.15);
    text-decoration: none;
}

    .share-btn:hover {
        background: var(--primary);
        color: #fff;
        transform: scale(1.1);
    }

    .share-btn i {
        font-size: 1.20rem;
    }

    .share-btn.social-icon {
        opacity: 0;
        transform: scale(0) translateY(20px);
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }

.share-sidebar.expanded .share-btn.social-icon {
    opacity: 1;
    transform: scale(1) translateY(0);
    pointer-events: auto;
}

    .share-sidebar.expanded .share-btn.social-icon:nth-child(7) {
        transition-delay: 0.05s;
    }

    .share-sidebar.expanded .share-btn.social-icon:nth-child(6) {
        transition-delay: 0.1s;
    }

    .share-sidebar.expanded .share-btn.social-icon:nth-child(5) {
        transition-delay: 0.15s;
    }

    .share-sidebar.expanded .share-btn.social-icon:nth-child(4) {
        transition-delay: 0.2s;
    }

    .share-sidebar.expanded .share-btn.social-icon:nth-child(3) {
        transition-delay: 0.25s;
    }

    .share-sidebar.expanded .share-btn.social-icon:nth-child(2) {
        transition-delay: 0.3s;
    }

.share-sidebar.expanded .share-btn.main-share i {
    transform: rotate(180deg);
}

.share-btn.main-share i {
    transition: transform 0.3s ease;
}

/*Philanthropy */

        .hero-split {
            min-height: 80vh;
			min-height: 20vh;
        }
        @media (max-width:640px){
            .hero-split-col {
                /*min-height: 15vh;*/
                padding:2rem 0rem;
                
            }
            .hero-split {
                min-height: 5vh;
            }
            .project-content{margin-top:2rem !important;}
        }
        .hero-gradient {
            background: linear-gradient(to right, rgba(255,255,255,0.2), transparent);
        }		
.aspect-4-3 {
            aspect-ratio: 4/3;
        }
        
        .project-card {
            transition: all 0.7s;
        }

.project-img {
    filter: grayscale(100%); /**/
    transition: all 0.7s;
}
        
        .project-card:hover .project-img {
            filter: grayscale(0%);
            transform: scale(1.05);
        }
        
        .project-card:hover h3 {
            color: var(--primary);
			color: var(--philanthropy-color);
        }
        
        .project-card:hover .btn-link {
            color: var(--primary);
			
            border-color: var(--primary);
        }
        
        .filter-btn {
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            padding: 0.4rem 1.2rem;
            border-radius: 50px;
            transition: all 0.3s;
        }
        
        .filter-btn.active {
            background-color: var(--editorial-charcoal);
            color: white;
        }
        
        .filter-btn:not(.active) {
            background-color: white;
            border: 1px solid #dee2e6;
            color: var(--editorial-charcoal);
        }
        
        .filter-btn:not(.active):hover {
            border-color: var(--primary);
        }
.category-dropdown-menu {
    left: -80px !important;
}
.category-dropdown-menu a {
    text-transform: uppercase;  
    display: block;
    padding: 0.5rem 1rem;
    color: #374151;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 10px !important;
    font-weight: bold;
    letter-spacing: 0.15em !important;
}
.filter-btn.more-btn {
    font-weight: bolder;
}
.search-input {
    background-color: var(--editorial-neutral);
    border: none;
    padding: 0.5rem 1rem;
    padding-right: 2.5rem;
}
        
        .search-input:focus {
            outline: 1px solid var(--primary);
            box-shadow: none;
        }
        
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.pillar-card {
    border: none;
    padding: 40px;
    border-radius: 8px;
    background: #f8fafc;
    transition: 0.3s;
}

    .pillar-card:hover {
        background: var(--brand-magenta);
        background: var(--editorial-brown);
        color: white;
    }

        .pillar-card:hover .pillar-icon, .pillar-card:hover p {
            color: white !important;
        }

.pillar-icon {
    font-size: 2.5rem;
    color: var(--brand-magenta);
    color: var(--editorial-charcoal);
    margin-bottom: 20px;
    display: block;
}
.project-section{
	margin-top: -80px;
	padding-top: 0px !important;
}	
        .founder-section { padding: 100px 0; background: #fff; }
        .founder-card {
	border-radius: 0px;
	padding: 60px;
	position: relative;
	overflow: hidden;
	background: #f9f9f9;
	padding: 3rem;
	border-radius: 7px;
}
        .founder-quote { font-size: 2rem; color: var(--editorial-charcoal); line-height: 1.2;  }
/*Philanthropy */		

        .breadcrumb-item a { color: var(--brand-magenta); text-decoration: none; font-weight: 600; }
        .breadcrumb-item.active { color: var(--text-main); }
.pagination-soft .page-link {
    border: none;
    margin: 0 5px;
    border-radius: 8px !important;
    color: #6c757d;
    background-color: #f8f9fa;
    transition: all 0.3s;
}

.pagination-soft .page-item.active .page-link {
    background-color: var(--editorial-charcoal);
    color: white;
    box-shadow: 0 4px 10px rgba(102, 126, 234, 0.4);
}

.pagination-soft .page-link:hover {
    background-color: #e9ecef;
}

 /* Philanthropy Detail Hero */
.project-reference-link {
    color: #777;
    font-size: 1rem;
}
.phil-subtitle {
    font-size: 1.125rem;
}
.detail-hero {
    padding: 60px 0;
    background-color: var(--brand-magenta-light);
    border-bottom: 1px solid rgba(190, 24, 93, 0.1);
}
        .breadcrumb-item a { color: var(--brand-magenta); text-decoration: none; font-weight: 600; }
        .breadcrumb-item.active { color: var(--text-main); }

        .featured-image-box {
            border-radius: 40px;
            overflow: hidden;
            /*box-shadow: 0 40px 80px rgba(0,0,0,0.1);*/
            margin-top: -40px;
            position: relative;
            z-index: 5;
        }
@media screen and (min-width: 576px) and (max-width: 991px) {
    .featured-image-box {
        margin-top: -20px;
    }
}
        /* Sidebar Info Card */
.info-sidebar {
    background: white;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #f1f5f9;
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.03);
    position: sticky;
    top: 100px;
}
@media (max-width: 664px) {
    .info-sidebar {
        padding: 15px;
    }
}
.meta-label { font-size: 0.75rem; font-weight: 800; color: var(--brand-magenta); text-transform: uppercase; letter-spacing: 1.5px; display: block; margin-bottom: 5px; }
.meta-value { font-weight: 600; font-size: 1rem; color: var(--text-dark); }
        /* Content Styling */

.internal-next-prev {
    font-size: 1rem !important;
}
.project-content p {
    margin-bottom: 2rem;
    line-height: 1.8;
    font-size: 1.125rem;
}
.project-content ul {
    margin-bottom: 2rem;
    line-height: 1.8;
    font-size: 1.125rem;
}
		 .date-w{
	font-weight: 600;
	font-size: 1.1rem;
	color: var(--text-dark);
	/* margin-bottom: 15px; */
	margin-top: -45px;
}
        .content-sub-title { color: var(--text-dark); font-size:1.25rem; font-weight: 600; font-style:normal; line-height:1.25rem!important; padding-top: 15px; margin-bottom: 0.5rem !important; position: relative; padding-bottom: 5px; }
        .content-sub-titleX::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--brand-magenta); }
		.project-content b, strong {font-weight:500 !important;}
        /* Gallery */
        .gallery-img { border-radius: 20px; transition: 0.3s; cursor: pointer; height: 250px; object-fit: cover; width: 100%; }
        .gallery-img:hover { transform: scale(1.03); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

        /* Impact Highlights */
        .impact-pill {
            background: white; border-radius: 0px; padding: 30px; border: 0px solid #f9f9f9;
            text-align: center; transition: 0.3s;
			background-color:#f9f9f9;
        }
        .impact-pill:hover { border-color: #ccc; transform: translateY(-5px); }
        .impact-val { font-size: 2.5rem; font-size:1rem; text-transform:uppercase; font-weight: 600; color: var(--brand-magenta); color: var(--text-dark ); }
		.impact-data{ text-transform:uppercase;}
		
		
/* ===== ONLY ANIMATION ADDITIONS FOR CATEGORY ===== */

.featured-image-box {
  position: relative;
  border-radius: 1.25rem;
  border-radius: 1px;
  overflow: hidden;
}

/* centred category */
.hero-category {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.category-text {
  background: rgba(255,255,255,.75);
  padding: 12px 26px;
  border-radius: 36px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: .92rem;

  opacity: 0;
  transform: scale(.96) translateY(10px);
  animation: categoryFadeIn .9s forwards ease;
}

/* keyframe */
@keyframes categoryFadeIn {
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* gentle hover */
.featured-image-box:hover .category-text {
  transform: scale(1.05);
  transition: all .35s ease;
}

/* optional scroll reveal blur tie-in */
.featured-image-box.active .category-text {
  box-shadow: 0 15px 35px rgba(0,0,0,.12);
}

/* ===== END CATEGORY ANIMATION ===== */		
 /* Philanthropy Detail Hero */
 
 
 /* Article List */
 
 .featured-article-card {
            transition: box-shadow 0.3s;
        }
        
        .featured-article-card:hover {
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .featured-list-img {
            transition: transform 0.7s;
        }
        
        .featured-article-card:hover .featured-list-img {
            transform: scale(1.05);
        }
        
        .featured-article-card:hover .featured-title {
            color: var(--primary);
        }
        
		
		.aspect-16-10 {
            aspect-ratio: 16/10;
        }
        
        .aspect-4-3 {
            aspect-ratio: 4/3;
        }
        
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}       
       
        .pagination-btn {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 50%;
            transition: all 0.3s;
        }
        
        .pagination-btn.active {
            background-color: var(--primary);
            color: white;
        }
        
        .pagination-btn:not(.active):hover {
            background-color: #f4f4f5;
        }
	 /* Article List */	

	 /*Interview */
	 .featured-interview-card-lp {
            transition: box-shadow 0.3s;
        }
        
        .featured-interview-card-lp:hover {
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        .featured-list-img {
            transition: transform 0.7s;
        }
        
        .featured-interview-card-lp:hover .featured-list-img {
            transform: scale(1.05);
        }
        
        .featured-interview-card-lp:hover .featured-title {
            color: var(--primary);
        } 
	 .interview-img-lp {
            --filter: grayscale(100%);
            transition: all 0.7s;
        }
        
        .interview-card-lp:hover .interview-img-lp {
            filter: grayscale(0%);
			filter: grayscale(100%);
            transform: scale(1.05);
        }
        
        .interview-card-lp h3 {
            transition: color 0.3s;
        }
        
        .interview-card-lp:hover h3 {
            color: var(--primary);
        }
		 /*Interview */