:root {
    /* Brand Colors */
    --primary-color: #407ab9; 
    --secondary-color: #000;
    --courseinfo-color: #666;
	--coursebadge-color:#407ab9; /*#407ab9*/
    --body-color: #666;
    --h2-color: #222;
    --h3-color: #222;
    --subtitle-color: #666;
    --grey-color: #495057;
	--lightblue-color: #ebf0f7;
	--darkblue-color: #0a182a;
    
    /* Typography from Saved Info */
    --heading-font: 'Open Sans', sans-serif;
    --body-font: 'Poppins', sans-serif;
    
    /* Global values from Saved Info */
    --body-size: .95rem !important;
    --label-size: .9rem !important;
	
	--courseinfo-size: 1em!important;
	
    --btn-size: .9rem !important;
    --icon-bigSize: 1.8rem !important;
	
    --nav-size: .9rem !important;
    --nav-dropdown-size: .85rem !important;
	
    --h-large: 3rem !important;
    --h-medium: 2rem !important;
    --h-small: 1.2rem !important;
    --h-xsmall: 1.15rem !important;

}

body {
    font-family: var(--body-font);
    font-size: var(--body-size);
	padding-top: 85px;

}

html {
    scroll-behavior: smooth;
}

h1 {font-size: var(--h-large)!important}

h1, h2, .navbar-brand {
    font-family: var(--heading-font)!important;
	font-weight: 700!important
}

h2 {font-family: var(--body-font)!important; font-size: var(--h-medium)!important; color:var(--h2-color)!important; font-weight: bold }
h3 {font-family: var(--body-font)!important; font-size: var(--h-small)!important; color:var(--h3-color)!important; font-weight: bold }
p, li,.programme-detail-section span {font-size: var(--body-size)!important; color:var(--body-color)!important;}

.course-info i {font-size: var(--courseinfo-size)!important; color:var(--primary-color)!important;}
span.course-info {font-size: var(--courseinfo-size)!important; color:var(--courseinfo-color)!important;}
.course-badge {background-color: #f0f7ff; color:var(--coursebadge-color); font-family: var(--body-font); font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; padding: 0.5rem 1.5rem; border-radius: 50px; display: inline-block; margin-bottom: 2rem; text-transform: uppercase;}
.badge-category { font-size: 0.75rem; font-weight: 600; color: var(--coursebadge-color)!important;  padding: 0.4rem 0.8rem;  border-radius: 50px; display: inline-block; margin-bottom: 1rem; background-color: #f0f7ff;width: fit-content;}


/**************************************************************** GENERAL ****************************************************************/

.bg-lightblue {background-color:#ecf0f7!important}
.bg-darkblue {background-color:var(--darkblue-color)!important}
.bg-lightgrey {background-color:#f9fafc!important}
.bg-purple { background-color: #EE235B; }
.bg-blue   { background-color: #1e5fd8; }
.bg-bluePrimary { background-color: var(--primary-color)!important;}
.bg-orange { background-color: #f26a3d; }
.bg-green  { background-color: #2bb673; }
.bg-pink   { background-color: #e91e63; }

.text-metro {color:var(--primary-color)!important}


/**************** NAV ****************/

header.fixed-top {background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  transition: all 0.3s ease-in-out;}

header {background-color: transparent; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); transition: background-color 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;}
header .navbar {transition: padding 0.4s ease-in-out;}
header .navbar-brand img {transition: height 0.4s ease-in-out;}
header .nav-link {transition: font-size 0.3s ease;}
header.scrolled {background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;}
header.scrolled .navbar {padding-top: 0.4rem !important; padding-bottom: 0.4rem !important;}
header.scrolled .navbar-brand img {height: 35px; }
header.scrolled .nav-link {font-size: var(--nav-size-shrunk); }

.navbar {background-color: transparent !important;}
.navbar-nav .nav-link {font-family: var(--body-font) !important; font-size: var(--nav-size) !important; font-weight: 100; }
.dropdown-menu {border-radius: 12px; min-width: 220px; border: 1px solid #eee!important; }
.dropdown-item {font-family: var(--body-font)!important; font-size: var(--nav-dropdown-size) !important; color: var(--secondary-color)!important; font-weight: 400;}
.dropdown-item:hover {background-color: #f8f9fa; color: var(--primary-color); }
.dropdown-toggle::after {vertical-align: middle; margin-left: 0.5rem;}

.btn-get-started {background-color: var(--primary-color); font-size: var(--btn-size) !important; color: #fff;  border: none; border-radius: 10px!important; padding: 3px 20px; transition: background-color 0.3s ease;}
.btn-get-started:hover {background-color: var(--secondary-color);  color: #fff;}
.nav-link {color: var(--secondary-color); font-weight: 500;}


.hamburger-icon { width: 24px; height: 18px; position: relative; cursor: pointer;}
.hamburger-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #000;  border-radius: 9px; left: 0; transition: .25s ease-in-out;}

.hamburger-icon span:nth-child(1) { top: 0px; }
.hamburger-icon span:nth-child(2) { top: 8px; }
.hamburger-icon span:nth-child(3) { top: 16px; }

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

.section-title {font-family: var(--heading-font); font-weight: 700; margin-bottom: 2.5rem; font-size:var(--h-medium)}
.section-subtitle {font-family: var(--body-font); color:var(--subtitle-color)!important; font-size:var(--h-small)!important; margin-bottom: 3rem;}

/* --- Standardized Button Base --- */
.btn-metro {display: inline-flex; align-items: center; justify-content: center; font-family: var(--body-font); font-size: 0.95rem; padding: 0.8rem 1rem; border-radius: 8px; transition: all 0.3s ease; text-decoration: none; border: 1px solid transparent; cursor: pointer; gap: 0.5rem;}
.btn-metro:hover {transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.btn-metro-primary {background-color: #0056b3; color: #ffffff !important;}
.btn-metro-primary:hover {background-color: #004494; color: #ffffff !important;}
.btn-metro-secondary {background-color: #ffffff; color: #333333 !important; border-color: #dee2e6;}
.btn-metro-secondary:hover {background-color: #f8f9fa; border-color: #ced4da;}
.btn-block {display: flex; width: 100%;}
.btn-sm {padding: 0.5rem 1rem; font-size: 0.85rem;}

.gradient-bg {background: radial-gradient( circle at 75% 80%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 50% ),
        linear-gradient(180deg, #1e5fd8 0%, #1a56c6 60%, #1c5ad0 100% );
}


@media (max-width: 1400px) {
	.navbar-toggler,.btn-close, .navbar-toggler:focus, .btn-close:focus {outline: none !important;  box-shadow: none !important; border: none !important; }
    .navbar-nav .nav-item {border-bottom: 1px solid #eee;    }
	.navbar-nav .nav-link {padding: 1.25rem 0.5rem; display: flex; align-items: center;  justify-content: space-between; font-weight: 500; color: #333; }
    .navbar-nav .nav-link::after { content: ""; /* \F285 */font-family: "bootstrap-icons"; font-size: 1rem;  color: #999; margin-left: auto; }
    .navbar-nav .dropdown-toggle::after {border: none; margin-left: auto; }
	.navbar-nav .nav-link.dropdown-toggle::after {content: "\F282" !important; transition: transform 0.3s ease;}
	.navbar-nav .dropdown-toggle.show::after {transform: rotate(180deg); }
    .navbar-nav .nav-item:last-child {border-bottom: none; padding-bottom:30px;  }
    .navbar-nav .nav-item:has(.btn) { border-bottom: none;  padding-top: 1rem; }
}


/**************************************************************** HOME ****************************************************************/


/**************** hero section ****************/
.hero-section {padding: 100px 0; background-color: #fff; text-align: center;}
.hero-badge {background-color: #f0f7ff; color: #407ab9; font-family: var(--body-font); font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; padding: 0.5rem 1.5rem; border-radius: 50px; display: inline-block; margin-bottom: 2rem; text-transform: uppercase;}
.hero-title { font-family: var(--heading-font); font-size: var(--h-large);   color: #1a1a1a; line-height: 1.2; max-width: 900px; margin: 0 auto 1.5rem auto;}
.hero-title span {color: #407ab9;}
.hero-subtitle {font-family: var(--body-font); font-size: 1.2rem; color: #6c757d; max-width: 800px; margin: 0 auto 3rem auto; line-height: 1.6;}
.btn-hero-primary {background-color: #0056b3; color: #fff; padding: 0.8rem 2rem; border-radius: 8px; font-weight: 600; transition: all 0.3s ease;}
.btn-hero-secondary {background-color: #fff; color: #333; border: 1px solid #dee2e6; padding: 0.8rem 2rem; border-radius: 8px; font-weight: 600; transition: all 0.3s ease;}
.btn-hero-primary:hover {background-color: #004494; color: #fff; transform: translateY(-2px);}

.info-card {background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 2rem; height: 100%; display: flex; align-items: flex-start;  transition: border-color 0.3s ease;}
.info-card:hover {border-color: var(--primary-color);}
.info-icon-container {font-size: 1.5rem; color: var(--primary-color);  margin-right: 1.5rem; line-height: 1;}
/*.info-content h3 {font-family: var(--heading-font); font-size:var(--h-small)!important; font-weight: 700; margin-bottom: 0.5rem; color: #1a1a1a;}*/
.info-content p {font-family: var(--body-font); font-size: 0.95rem; color: #6c757d; margin-bottom: 0;}


.btn-category {border: 1px solid #dee2e6; border-radius: 50px; padding: 0.3rem 1rem; font-family: var(--body-font); font-size:var(--btn-size) !important; color: var(--grey-color)!important; background-color: #fff; transition: all 0.3s ease;  display: inline-flex;  align-items: center; text-decoration: none;}
.btn-category:hover {border-color: var(--primary-color); color: var(--primary-color); background-color: #f8fbff;}
.btn-category.active {border-color: var(--primary-color); color: var(--primary-color); background-color: #ebf2f9;   font-weight: 500;}
.btn-category i {font-size: .9rem;}

.competency-card {border-top: 4px solid transparent;  text-align: left;  padding: 2.5rem 2rem;}
.competency-card .feature-icon-wrapper {margin: 0 0 1.5rem 0; background-color: #f0f7ff; color: var(--secondary-color); }
.competency-card h3 {font-family: var(--heading-font); font-size:var(--h-small)!important; font-weight: 700;  line-height: 1.4;}
.competency-card:hover {border-top: 4px solid #1e5fd8;  box-shadow: 0 10px 30px rgba(30, 95, 216, 0.1); transform: translateY(-5px); border-left: 1px solid rgba(30, 95, 216, 0.2); border-right: 1px solid rgba(30, 95, 216, 0.2); border-bottom: 1px solid rgba(30, 95, 216, 0.2);}


.feature-card { background: #fff; border: 1px solid #eee; border-radius: 15px; padding: 2.5rem 1.5rem; height: 100%; transition: transform 0.3s ease, shadow 0.3s ease; text-align: left;}
.feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.05);}
.feature-card i {font-size:var(--icon-bigSize); color:var(--primary-color)!important; }
.feature-icon-wrapper {width: 60px; height: 60px; border-radius: 12px; display: flex;  align-items: center; justify-content: center; margin: 0 auto 1.5rem auto; font-size: 1.5rem; color: #fff; }
.feature-icon-wrapper-contact {width: 60px; height: 60px; border-radius: 12px; display: flex;  align-items: center; justify-content: center;  font-size: 1.5rem; color: #fff; }
.feature-card h3 {font-family: var(--heading-font); font-size:var(--h-small)!important; font-weight: 700; margin-bottom: 0.75rem;}
.feature-card p { font-family: var(--body-font); font-size: 0.95rem; color: #6c757d; line-height: 1.6;}

.feature-color i {color:#fff!important}


/**************** Programme card ****************/
.programme-card { background: #fff; border: 1px solid #e9ecef; border-radius: 12px; padding: 2rem; height: 100%; display: flex; flex-direction: column; transition: all 0.3s ease; border-top: 4px solid transparent; }
.programme-card:hover {border-color: #dee2e6; border-top-color: #1e5fd8;  box-shadow: 0 10px 30px rgba(30, 95, 216, 0.1); transform: translateY(-5px); border-top: 4px solid #1e5fd8;}
.programme-card h3 {font-family: var(--heading-font);  font-size: var(--h-small); font-weight: 700;  line-height: 1.4;  margin-bottom: 1rem; color: #1a1a1a;}
.programme-card:hover .view-details:hover {color:#fff  ; background-color: var(--primary-color)!important;}
.programme-card h3 a {color: inherit; display: block;}
.stretched-link::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}

.view-details { display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: #212529;  font-size: 0.9rem; padding-top: 1rem; background-color:var(--lightblue-color)}
.programme-meta {font-size: 0.9rem;  color: #6c757d;  padding-top: 1.5rem;  margin-top: auto;  border-top: 1px solid #f1f3f5; margin-bottom: 1.5rem;}
/*.badge-category { font-size: 0.75rem; font-weight: 600; color: var(--primary-color)!important;  padding: 0.4rem 0.8rem;  border-radius: 50px; display: inline-block; margin-bottom: 1rem; background-color: #f0f7ff;}*/
.skill-tag {font-size: 0.75rem; background-color: var(--lightblue-color)!important; color: #6c757d; padding: 0.3rem 0.6rem;  border-radius: 4px; margin-right: 5px; margin-bottom: 5px;  display: inline-block;}

.list-icon-box {width: 40px; height: 40px; background-color: #f0f7ff; color: #1e5fd8; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.2rem;}
/*.feature-list-item h4 {font-family: var(--heading-font); font-size: 1.1rem; font-weight: 700; margin-bottom: 0.2rem; color: #1a1a1a;}*/
.feature-list-item p {font-family: var(--body-font); font-size: 0.9rem; color: #6c757d; margin-bottom: 0;}


.testimonial-card {background: #fff; border-radius: 20px; padding: 4rem; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.05); max-width: 900px; margin: 0 auto; border: 1px solid #f8f9fa;}
.stars-container {color: #0056b3; font-size: 1.2rem;}
.rating-text {font-family: var(--body-font); color: #6c757d; font-size: 0.9rem; font-weight: 500;}
.testimonial-quote {font-family: var(--body-font); font-style: italic; font-size: 1.2rem; line-height: 1.6; color: #1a1a1a; margin: 2rem 0;}
.testimonial-author h4 {font-family: var(--heading-font); font-weight: 700; font-size: 1.2rem; margin-bottom: 0.2rem;}
.testimonial-author p {font-family: var(--body-font); color: #6c757d; font-size: 1rem; margin-bottom: 0;}


.cta-section { color: #ffffff; padding: 80px 0; text-align: center;}
.cta-section p {color:#fff!important}
.cta-title {font-family: var(--heading-font); font-size: 3rem!important; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color:#fff!important}
.cta-subtitle {font-family: var(--body-font); font-size: 1.1rem; max-width: 600px; margin: 0 auto 2.5rem auto; opacity: 0.9;}
.btn-cta-outline {background-color: transparent; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.6);}
.btn-cta-outline:hover {background-color: rgba(255, 255, 255, 0.1); border-color: #ffffff;}
.cta-footer-text {font-family: var(--body-font); font-size: 0.85rem; opacity: 0.8; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.15);}


.method-card {background-color: #f8f9fa; border: 1px solid #e5e7eb; border-radius: 16px; padding: 1.5rem 1.75rem; font-family: var(--body-font); font-size: 1.05rem; color: #495057; height: 100%; display: flex; align-items: center;}
.method-card:hover {background-color: #ffffff; border-color: #d0d7de; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.25s ease;}


#testimonialCarousel {padding-bottom: 60px;}
.carousel-control-prev, .carousel-control-next { width: 5%; opacity: 1;}
.stars-container .bi-star-fill { color: var(--primary-color)!important; }
.carousel-indicators [button] {width: 12px; height: 12px; border-radius: 50%;}


/**************************************************************** Prgoramme ****************************************************************/

.programme-header {background-color: var(--lightblue-color); border-bottom: 1px solid rgba(0,0,0,0.05);}
.programme-header .hero-title {font-family: var(--heading-font); font-weight: 800; font-size: var(--h-large) !important; color: #1a1a1a;}
.programme-meta-header {font-family: var(--body-font); font-size: var(--label-size);}

.programme-header .badge-category {background-color: rgba(64, 122, 185, 0.1); color: var(--primary-color) !important; padding: 0.5rem 1rem;}
.programme-detail-section {position: relative; padding: 60px 0;}
.sticky-sidebar {position: -webkit-sticky; position: sticky; top: 100px;  z-index: 10;}
.sidebar-cta-card {background: #fff; border: 1px solid #e9ecef; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(0,0,0,0.05);}
.sidebar-cta-card h4 {font-family: var(--heading-font); font-weight: 700; font-size: 1.25rem; margin-bottom: 1rem;}
span.sidebar-info-label {font-size: var(--label-size)!important; text-transform: uppercase; letter-spacing: 0.5px; color: #ccc!important; margin-top: 1.5rem; display: block;}
.sidebar-info-value {color: #1a1a1a; display: block; margin-bottom: 0.5rem;}
.topic-item {background-color: #f8fbff; border-radius: 8px; padding: 1rem; display: flex; align-items: center; height: 100%;}
.topic-number {background-color: #e2ecf9; color: var(--primary-color); font-weight: 700; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 4px; margin-right: 12px; flex-shrink: 0;}



/* Define the animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply it to the card containers */
.programme-card-container {animation: fadeInUp 0.5s ease backwards;}

/* Stagger the animation for each card (Optional but looks pro) */
.programme-card-container:nth-child(1) { animation-delay: 0.1s; }
.programme-card-container:nth-child(2) { animation-delay: 0.2s; }
.programme-card-container:nth-child(3) { animation-delay: 0.3s; }
.programme-card-container:nth-child(4) { animation-delay: 0.4s; }
.programme-card-container:nth-child(5) { animation-delay: 0.5s; }
.programme-card-container:nth-child(6) { animation-delay: 0.6s; }

.pagination-minimal .pag-arrow {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #eee; color: var(--primary-color); text-decoration: none; transition: all 0.3s ease; background: white;}
.pagination-minimal .pag-arrow:hover:not(.disabled) {background: var(--primary-color); color: white; border-color: var(--primary-color);}
.pagination-minimal .pag-arrow.disabled {opacity: 0.3; cursor: not-allowed;}
.pag-dot {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #666; font-weight: 600; border-radius: 12px;  transition: all 0.3s ease;}
.pag-dot.active { background: #e7f0ff;  color: var(--primary-color);}
.pag-dot:hover:not(.active) { background: #f8f9fa;}


/**************************************************************** foundations ****************************************************************/

.step-number {width: 45px; height: 45px; background-color:var(--primary-color)!important;  color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.1rem;}
.feature-card {border: 1px solid #e9ecef; border-radius: 12px; transition: transform 0.3s ease;}
.feature-card:hover {transform: translateY(-5px);border-top: 4px solid #1e5fd8; }

.badge-pill-custom {background-color: #e7f1ff; color: #0056b3; padding: 6px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 500; white-space: nowrap;}
.feature-card {background-color: #fff; border: 1px solid #dee2e6 !important; transition: all 0.3s ease;}
.feature-card:hover {border-color: #0056b3 !important; box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;}


/**************************************************************** Partners Clients ****************************************************************/
.stat-icon-wrapper {background-color: #e7f1ff;  border-radius: 12px;}
.stat-card {transition: transform 0.3s ease;}
.stat-card:hover {transform: translateY(-5px); border-color: #dee2e6; }

.carousel-custom { position: relative; padding: 0 40px; }
.carousel-window { overflow: hidden; border-radius: 1rem; }

.carousel-track {display: flex; transition: transform 0.5s ease-in-out; gap: 20px;}
/* .client-box {flex: 0 0 100%; border: 1px solid #dee2e6; border-radius: 1rem; min-height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; color: #6c757d;} */
.client-box {display: flex; align-items: center; justify-content: center; padding: 10px; background: #ffffff; min-height: 90px; overflow: hidden; }
 .client-logo-img {width: 100%; height: 100%; max-width: 150px;  max-height: 55px;  object-fit: contain; transform-origin: center center; transform: scale(1.25);  opacity: 0.9; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);/* filter: grayscale(100%); */  }
.client-box:hover .client-logo-img {opacity: 1; transform: scale(1.3); /* filter: grayscale(0%); */}

@media (min-width: 768px) {
    .client-box { flex: 0 0 calc(50% - 10px); }
}


@media (min-width: 992px) {
    .client-box { flex: 0 0 calc(25% - 15px); }
}

.carousel-arrow {position: absolute; top: 40%; transform: translateY(-50%); background: none; border: none; font-size: 2rem; cursor: pointer; z-index: 10; color:#ccc;}
.carousel-arrow.prev { left: 0; }
.carousel-arrow.next { right: 0; }

.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #dee2e6; cursor: pointer; }
.dot.active { width: 30px; border-radius: 5px; background: #0d6efd; transition: 0.3s; }


/**************************************************************** resources ****************************************************************/

.resource-card {transition: all 0.4s ease;}
.resource-card.hidden {display: none;}
.filter-btn.active {background-color: #0056b3 !important; color: white !important; border-color: #0056b3 !important;}




/**************************************************************** faq ****************************************************************/
.custom-accordion .accordion-item {border: 1px solid #dee2e6 !important; transition: border-color 0.3s ease;}
.custom-accordion .accordion-item:has(.show) { border-color: #1e5fd8 !important; }
.custom-accordion .accordion-button {background-color:#eaeff6!important; box-shadow: none !important; color: #212529;}
.custom-accordion .accordion-button:not(.collapsed) {color: #1e5fd8;}
.rounded-4 {border-radius: 1rem !important;}


/**************************************************************** FOOTER ****************************************************************/
footer {background-color: #f8f9fa; color: #6c757d; font-family: var(--body-font); padding: 5rem 0 0 0; }
.footer-heading { color: #666;  font-family: var(--heading-font);  font-weight: 700; font-size: 1.2rem;  margin-bottom: 1rem;}
.footer-link {color: #6c757d; text-decoration: none; display: block; margin-bottom: .8rem;  font-size: .9rem; transition: color 0.2s;}
.footer-link:hover {color: var(--secondary-color);}
.footer-contact p {margin-bottom: .8rem !important; display: flex; align-items: flex-start; font-size: .9em!important}
.footer-contact i {color: #1e5fd8;  font-size: 1.1rem; margin-right: .8rem;}
.footer-bottom { border-top: 1px solid #e9ecef; padding: 2rem 0; margin-top: 3rem; font-size: .8em; letter-spacing: .1em}


#backToTop:hover {transform: translateY(-5px); background-color: var(--secondary-color);}
.btn-success:hover {transform: translateY(-5px); filter: brightness(1.1);}
.floating-buttons i {line-height: 0;}