/* ======================================================
       ROOT THEME COLORS
    ====================================================== */
/* Theme V1 */
:root {
    /* --amd-font-family:"Times New Roman", Times, serif; */
    /* --amd-font-family: Arial, Helvetica, sans-serif; */
    --amd-font-family: 'Arial', 'Roboto', sans-serif;
    --amd-tittle-font-family: 'Merriweather', serif;
    /* primary */
    --amd-body-bg: #ffffff;
    --amd-primary: #00adef;
    --amd-primary-hover: #008b16;
    --amd-light: #ffffff;
    --amd-primary-light: #cee5ef;


    /* secondary */
    --amd-secondary: #108c00eb;
    --amd-secondary-hover: #ff2c0be5;
    --amd-secondary-text: #000000;
    --amd-secondary-light: #caffd3;


    --amd-dark: #1c1c1c;
    --amd-muted: #555555;
    --amd-light: #f0f2f5;
    --amd-border: #e8eaec;
    --amd-fade-primary: #9abace;
    --amd-primary-dark: #1c3965;
    --amd-fade-secondary: #0ea30059;

    /* Navbar specific */
    --amd-navbar-top-bg: #434343;
    --amd-navbar-top-text: #fbfbfb;
    --amd-navbar-top-border: #acabab;
    --amd-navbar-top-icon-color: #fbfbfb;
    --amd-navbar-top-icon-bg: #e4e4e470;


    --amd-nav-menu-bg: #ffffff;
    --amd-nav-menu-text: #171717;
    --amd-nav-menu-text-light: #fbfbfb;
}


/* Theme V2 */
/* :root {

      --amd-primary: #8b5e3c;
      --amd-primary-hover: #a67855;
      --amd-light: #ffffff;
      --amd-primary-light: #f3e6de;


      --amd-secondary: #d4c4a8;
      --amd-secondary-hover: #cbb894;
      --amd-secondary-text: #3b2f2f;


      --amd-accent: #c76d2e;
      --amd-accent-hover: #e08a4f;


      --amd-dark: #3b2f2f;
      --amd-dark-hover: #4d3a3a;
      --amd-light: #fdf6f0;


      --amd-border: #b8a894;


      --amd-bg-light: #fdf6f0;
      --amd-bg-dark: #3b2f2f;

      --amd-btn-primary-bg: var(--amd-primary);
      --amd-btn-primary-color: var(--amd-light);
      --amd-btn-primary-hover-bg: var(--amd-primary-hover);

      --amd-btn-secondary-bg: var(--amd-accent);
      --amd-btn-secondary-color: var(--amd-light);
      --amd-btn-secondary-hover-bg: var(--amd-accent-hover);

      --amd-link-color: var(--amd-primary);
      --amd-link-hover: var(--amd-accent);


      --amd-navbar-top-bg: var(--amd-primary);
      --amd-navbar-top-text: var(--amd-light);
      --amd-navbar-top-border: var(--amd-border);
      --amd-navbar-top-icon-color: var(--amd-accent);
      --amd-navbar-top-icon-bg: #ca6500ad;

      --amd-nav-menu-bg: var(--amd-secondary);
      --amd-nav-menu-text: var(--amd-secondary-text);


    } */


/* --- Base & Body --- */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/* Lenis Smooth Scroll Setup */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
    overflow: hidden !important;
}

body {
    font-family: var(--amd-font-family);
    background-color: var(--amd-body-bg);
    color: var(--amd-secondary-text);
    /* Set default text color */
    padding: 0;
    margin: 0;
    line-height: 1.6;
    /* Better readability */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

p {
    font-size: 1rem;
}

a {
    text-decoration: none;

}

/* scroll page progress bar  */
.amd-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgba(255, 255, 255, 0.1);
    z-index: 9999;
    overflow: hidden;
}

/* Progress fill */
.amd-scroll-progress-fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #71b6ff, #1fa700cd);
    transition: width 0.1s linear;
}

/* progress bar end */
/* ======================================================
       TOP NAVBAR (address + social icons)
    ====================================================== */
.amd-navbar-top {
    background: var(--amd-navbar-top-bg);
    padding: 5px 20px;
    font-weight: 700;
    font-size: 0.8rem;
    border-bottom: 1px solid var(--amd-border);
    color: var(--amd-navbar-top-text);

}

/* Social Icons */

.amd-social-icons a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--amd-navbar-top-icon-bg);
    color: var(--amd-navbar-top-text);
    font-size: 0.8rem;
    text-decoration: none;
    transition: all 0.3s ease, transform 0.2s ease;
}

.amd-social-icons a i {
    margin: auto;
}

.amd-social-icons a:hover {
    color: var(--amd-primary);
    /* background: var(--amd-primary); */
    transform: scale(1.1) rotate(10deg);

}

.amd-navbar-top i {
    margin-right: 5px;
}

/* ======================================================
       MAIN NAVBAR (menu + logo + actions)
    ====================================================== */
.amd-navbar-main {
    background: var(--amd-nav-menu-bg);
    padding: 20px 0;
    position: relative;
    z-index: 5;
    box-shadow: 0 4px 0px -4px rgba(0, 0, 0, 0.2);
    /* bottom-only shadow */
}

/* Navbar links */
.amd-navbar-main .amd-nav-link {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.74rem;
    margin: 0 7px;
    text-decoration: none;
    color: var(--amd-dark);
    transition: color 0.3s;
}



.amd-link-content {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    /* fix height for smooth animation */
    margin-right: 3px;
    /* space before arrow */

    gap: 3px;
}

/*
.amd-link-content span {
    display: inline-block;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.amd-link-content i {
    position: absolute;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    font-size: 18px;
}

.amd-link-content:hover span {
    opacity: 0;
    transform: translateY(-100%);
} */

.amd-link-content:hover i {
    opacity: 1;
    transform: translateY(0);
}



.amd-navbar-main .amd-nav-link:hover,
.amd-navbar-main .amd-nav-link.active {
    color: var(--amd-primary);

    font-weight: 700;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--amd-primary);
}

/* menus  */
/* =========================
   MAIN DROPDOWN STYLES
========================= */

/* Custom dropdown link */
.amd-nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
    gap: px;
    cursor: pointer;
}

.amd-nav-link.dropdown-toggle::after {
    display: none;
    /* Hide Bootstrap default arrow */
}

/* Rotate arrow when dropdown open */
.amd-nav-link.dropdown-toggle[aria-expanded="true"] .amd-dropdown-arrow {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.amd-dropdown-arrow {
    font-size: 1rem;
    margin-left: 6px;
    transition: transform 0.3s ease;
}

/* Dropdown menu base style */
.amd-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13rem;
    background-color: var(--amd-primary-light);
    border-left: 1px solid var(--amd-primary);
    border-right: 1px solid var(--amd-primary);
    border-bottom: 1px solid var(--amd-primary);
    border-top: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0;

    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Show dropdown on hover */
.nav-item.dropdown:hover>.amd-dropdown-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* Bootstrap "show" class behavior */
.amd-dropdown-menu.show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

/* Dropdown items */
.dropdown-item {
    color: var(--amd-dark);
    /* background: transparent ; */
    backdrop-filter: blur(10px);
    padding: 10px 20px;
    font-weight: 500;
    font-size: 0.7rem;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    letter-spacing: 1px;
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

/* =========================
   SUBMENU (2nd LEVEL)
========================= */

/* Submenu wrapper */
.dropdown-submenu {
    position: relative;
}

/* Submenu toggle link */
.dropdown-submenu>.dropdown-item.dropdown-toggle {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 5px;
}

/* Hide Bootstrap default arrow on submenu toggle */
.dropdown-submenu>.dropdown-item.dropdown-toggle::after {
    display: none;
}

/* Custom submenu arrow */
.custom-arrow {
    font-size: 0.9rem;
    transition: transform 0.3s ease;
}

/* Rotate arrow when submenu is open */
.dropdown-submenu.show>.dropdown-item .custom-arrow,
.dropdown-submenu:hover>.dropdown-item .custom-arrow {
    transform: rotate(90deg);
}

/* Submenu dropdown styling */
.amd-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 13rem;
    background-color: var(--amd-primary-light);
    border: 1px solid var(--amd-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0;

    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Show submenu on hover */
.dropdown-submenu:hover>.amd-dropdown-submenu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}


/* ======================================================
       LOGO SECTION
    ====================================================== */
.amd-navbar-logo {
    display: flex;
    flex-direction: column;
    /* stack vertically */
    align-items: center;
    /* center horizontally */
    justify-content: center;
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 120px;
    z-index: 10;
}

.amd-navbar-logo img {
    aspect-ratio: 1/4;
    object-fit: contain;
    width: 100%;
    height: 113px;
    padding: 3px;
}

.amd-navbar-logo span {
    margin-top: 5px;
    color: var(--amd-nav-menu-text);
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.amd-navbar-wrapper {
    padding-left: 172px;
    background: var(--amd-nav-menu-bg);
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2);
    width: 100%;
    position: relative;
    /* Default flow (hero ke andar normal) */
    transition: top 0.4s ease, transform 0.4s ease;
}

.amd-navbar-wrapper.sticky {
    position: fixed;
    /* Hero ke baad sticky ho jayega */
    top: -163px;
    /* hidden initially */
    left: 0;
    width: 100%;
    z-index: 999;
}

.amd-navbar-wrapper.sticky.show {
    top: 0;
    /* Scroll up pe slide-in ho */
}


/* search bar mobile and desktop */

/* Search Bar (hidden by default) */
.amd-search-bar {
    position: absolute;
    top: 112px;
    /* nav height ke just upar */
    left: 0;
    width: 100%;
    background: var(--amd-body-bg);
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    z-index: 999;
}

.amd-search-bar.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.amd-search-bar input {
    width: 60%;
    padding: 10px 40px 10px 15px;
    /* right padding added */
    border: 2px solid var(--amd-primary);

    font-size: 15px;
    position: relative;
}

.amd-search-bar input:focus {
    width: 60%;
    padding: 10px 40px 10px 15px;
    /* right padding for clear/search icon */
    border: 2px solid var(--amd-primary);
    font-size: 15px;
    outline: none;
    /* remove default browser outline */
    transition: all 0.3s ease;
    /* smooth width/border transition */
}


/* ❌ Clear Button */
.amd-clear {
    position: relative;
    right: 37px;
    bottom: -4px;
    /* Go button ke pehle space */
    font-size: 30px;
    cursor: pointer;
    display: none;
    color: red;
    /* top: 50%; */
    transform: translateY(-8%);
    user-select: none;
}

.amd-clear:hover {
    color: red;
}

.amd-search-bar button {
    padding: 10px 18px;
    background: var(--amd-secondary, #ff6600);
    border: none;

    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
}

.amd-search-bar button:hover {
    background: var(--amd-primary, #cc5200);
}

/* Search Button Style */
.amd-search-btn {
    font-size: 16px;

    height: 36px;
    width: 36px;
    background: var(--amd-body-bg);

    cursor: pointer;
    background: none;
    border: 1px solid var(--amd-primary);
    border-radius: 50%;
    color: var(--amd-dark, #333);
    transition: transform 0.3s ease, color 0.3s ease;
}

.amd-search-btn:hover {
    color: var(--amd-primary, #ff6600);
    transform: scale(1.1);
}

@media (max-width:1200px) {
    .amd-search-btn {
        position: relative;
        top: 2px;
        height: 36px;
        width: 36px;
        font-size: 16px;

    }
}

/* search bar end  */

/* mobile log */
/* ======================================================
   LANGUAGE SELECT DROPDOWN (Custom with Flags)
====================================================== */
.amd-navbar-lang {
    position: relative;
    display: inline-block;
}

.amd-lang-btn {
    padding: 3px 12px 3px 8px;
    border: 1.5px solid var(--amd-primary);
    border-radius: 25px;
    background: transparent;
    color: var(--amd-nav-menu-text);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 120px;
}

.amd-lang-btn img {
    width: 26px;
    height: auto;
    border-radius: 3px;
}

.amd-lang-btn i {
    margin-left: auto;
    font-size: 12px;
}

.amd-lang-btn:hover {
    border-color: var(--amd-primary);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.amd-lang-menu {
    position: absolute;
    top: 110%;
    left: 0;
    background: var(--amd-fade-primary);
    border: 1.5px solid var(--amd-primary);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: none;
    list-style: none;
    padding: 6px 0;
    margin: 0;
    width: 140px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.amd-lang-menu li {
    padding: 8px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--amd-dark);
}

.amd-lang-menu li img {
    width: 30px;
    border-radius: 3px;
}

.amd-lang-menu li:hover {
    background: var(--amd-primary);
    color: var(--amd-nav-menu-text);
}

/* ======================================================
       CTA BUTTON (Join Now)
    ====================================================== */
.amd-navbar-btn {
    border: 1px solid var(--amd-primary);
    color: var(--amd-dark);
    border-radius: 25px;
    padding: 6px 10px;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease, transform 0.2s ease;
}

.amd-navbar-btn:hover {
    background: var(--amd-primary);
    color: var(--amd-light);
    transform: scale(1.1) rotate(2deg);
}

/* Wrapper for actions (lang + button) */
.amd-navbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8rem;
}



/* ======================================================
   HAMBURGER TOGGLER (custom style)
====================================================== */
.navbar-toggler {
    border: none;
    padding: 8px;
    outline: none;
    box-shadow: none;
    /* z-index: 1050;  */

}


.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: none;
    display: inline-block;
    width: 25px;
    height: 2px;
    background-color: var(--amd-primary);
    position: relative;
    transition: all 0.3s ease-in-out;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--amd-primary);
    transition: all 0.3s ease-in-out;
}

.navbar-toggler-icon::before {
    top: -7px;
}

.navbar-toggler-icon::after {
    top: 7px;
}

/* Cross effect (active state) */
.navbar-toggler.active .navbar-toggler-icon {
    background-color: transparent;
}

.navbar-toggler.active .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.navbar-toggler.active .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
}

/* canvas hamburger toggel on top */
/* Hamburger inside offcanvas top-left */
.amd-offcanvas .navbar-toggler {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1051;
    /* above menu items */
    width: 30px;
    height: 30px;
    padding: 0;
}

.amd-offcanvas .navbar-toggler-icon {
    width: 25px;
    height: 2px;
    background-color: var(--amd-primary);
    position: relative;
}

.amd-offcanvas .navbar-toggler-icon::before,
.amd-offcanvas .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--amd-primary);
    transition: all 0.3s ease-in-out;
}

.amd-offcanvas .navbar-toggler-icon::before {
    top: -7px;
}

.amd-offcanvas .navbar-toggler-icon::after {
    top: 7px;
}

/* Optional cross animation on close */
.amd-offcanvas .navbar-toggler.active .navbar-toggler-icon {
    background-color: transparent;
}

.amd-offcanvas .navbar-toggler.active .navbar-toggler-icon::before {
    transform: rotate(45deg);
    top: 0;
}

.amd-offcanvas .navbar-toggler.active .navbar-toggler-icon::after {
    transform: rotate(-45deg);
    top: 0;
}

/* convas hamburger on top */



/* canvas style small view ma  */
/* ================================
   Offcanvas (Mobile Menu)
================================ */
.amd-offcanvas {
    width: 23rem;
    background: #fff;
    box-shadow: -2px 0 12px rgba(0, 0, 0, 0.15);
    padding: 0;
    transition: all 0.3s ease-in-out;
}

/* Nav Links */
.amd-offcanvas .amd-nav-link {
    display: block;
    padding: 5px 18px;
    font-size: 1rem;
    margin-top: 10px;
    font-weight: 500;
    color: var(--amd-dark);

    transition: all 0.3s ease;
}

.amd-offcanvas .amd-nav-link:hover,
.amd-offcanvas .amd-nav-link.active {
    background: var(--amd-primary);
    color: #fff;
}

/* Dropdown in Offcanvas */
.amd-offcanvas .dropdown-menu {
    border: none;
    box-shadow: none;
    background: transparent;
    padding-left: 10px;
}

.amd-offcanvas .dropdown-item {
    font-size: 0.95rem;
    padding: 8px 15px;

}

.amd-offcanvas .dropdown-item:hover {
    background: var(--amd-primary);
    color: #fff;
}



.amd-offcanvas .amd-navbar-select:focus {
    border-color: var(--amd-primary);
    outline: none;
}

/* Join Now Button */
.amd-offcanvas .amd-navbar-btn {
    display: block;
    text-align: center;
    padding: 12px -1px;

    font-size: 1rem;
    font-weight: 600;
    background: var(--amd-primary);
    color: #fff;
    transition: background 0.3s ease;
}

.amd-offcanvas .amd-navbar-btn:hover {
    background: var(--amd-primary);
    text-decoration: none;
}

/* Spacing */
.amd-offcanvas .amd-navbar-actions {
    border-top: 1px solid #eee;
    padding-top: 20px;
}

/* canvas menu style small view ma end */

/* ======================================================
       RESPONSIVE DESIGN
    ====================================================== */
@media (max-width: 1199.98px) {
    .amd-navbar-logo {
        position: relative;
        top: auto;
        left: auto;
        height: 100%;
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }

    .amd-navbar-wrapper {
        padding-left: 0;
    }

    .amd-navbar-logo img {
        height: 100px;
    }

    .amd-navbar-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .amd-offcanvas .amd-nav-link {
        font-size: 0.7rem;
    }

    .amd-offcanvas .dropdown-item {
        font-size: 0.7rem;
    }
}



/* footer css */

/* Footer Base */
.amd-footer-section {
    background-image: var(--amd-navbar-top-bg);
    color: var(--amd-light);
    font-size: 0.95rem;
    padding-top: 60px;
    padding-bottom: 40px;
}

.amd-footer-divider {
    border-color: rgba(255, 255, 255, 0.1);
    margin: 30px 0;
}

.amd-footer-col {
    margin-bottom: 20px;
}

/* Logo and About */
.amd-footer-logo-wrapper {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}

.amd-footer-logo-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 30px;
    background-color: var(--amd-secondary);
    /* Gold accent */

}

.amd-footer-logo-text {
    font-weight: 700;
    font-size: 1.6rem;
    color: var(--amd-primary);
    /* Gold accent */
}

.amd-footer-title {
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--amd-light);
    margin-bottom: 1rem;
}

/* Remove default bullets */
.amd-footer-links ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Stylish custom marker using ::before */
.amd-footer-links li {
    position: relative;
    padding-left: 20px;
    /* Space for the marker */
    margin-bottom: 8px;
}

/* Custom marker */
.amd-footer-links li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    /* Size of marker */
    height: 8px;
    background-color: var(--amd-primary);
    /* Stylish red */

    /* Circle shape */
}

.amd-footer-about .amd-footer-text {
    color: var(--amd-light);
    line-height: 1.7;
    text-align: justify;
}

/* Links */


.amd-footer-link {
    display: block;
    color: var(--amd-light);
    text-decoration: none;
    margin-bottom: 8px;
    transition: all 0.3s ease;
}

.amd-footer-link:hover {
    color: var(--amd-primary);
    transform: translateX(3px);
}

/* Contact */
.amd-footer-contact .amd-footer-title {
    color: var(--amd-light);
}

.amd-footer-contact .amd-footer-text i {
    color: var(--amd-primary);
    margin-right: 8px;
}

.amd-footer-contact img {
    width: 100%;
    height: 230px;
}

/* Social Icons */




/* Language Selector */
.amd-footer-select {

    background-color: var(--amd-primary-light);
    color: var(--amd-dark);
    border: none;
    padding: 0.3rem 1rem;
}

/* Bottom Row Text */
.amd-footer-copyright {
    color: #bfbfbf;
    font-size: 0.9rem;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {

    .amd-footer-top-row .col-lg-4,
    .amd-footer-top-row .col-lg-3,
    .amd-footer-top-row .col-lg-2 {
        text-align: center;
    }

    .amd-footer-logo-wrapper::before {
        left: 25%;
        transform: translate(-50%, -50%);
    }

    .amd-footer-links .amd-footer-title::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .amd-footer-social {
        justify-content: center;
    }

    .amd-footer-language-selector {
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width: 767.98px) {

    /* Top Row already handled */
    .amd-footer-top-row .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .amd-footer-top-row .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    .amd-footer-top-row {
        display: flex;
        flex-wrap: wrap;
    }

    /* Bottom Row: make everything inline horizontally */
    .amd-footer-section .row.align-items-center {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }

    .amd-footer-section .row.align-items-center>div {
        flex: 1;
        margin-bottom: 0 !important;
    }

    .amd-footer-social {
        justify-content: center !important;
    }

    .amd-footer-language-selector {
        text-align: center !important;
    }
}

@media (max-width: 575.98px) {
    .amd-footer-links li {
        margin-bottom: 6px;
    }

    .amd-footer-social {
        flex-wrap: wrap;
    }
}

/* footer css end */

/* pagination css */

/* AMD Custom Pagination */

.amd-pagination {
    padding: 3rem 0;
    gap: 8px;
    flex-wrap: wrap;
}

.amd-pagination .amd-page-item .page-link {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    border: 1px solid var(--amd-primary);
    color: var(--amd-primary);
    font-weight: 500;
    transition: all 0.3s;
}

.amd-pagination .amd-page-item.active .page-link {
    background-color: var(--amd-primary);
    color: var(--amd-light);
    border-color: var(--amd-primary);
}

.amd-pagination .amd-page-item.disabled .page-link {
    border-color: var(--amd-muted);
    color: var(--amd-muted);
    pointer-events: none;
    background-color: transparent;
}

.amd-pagination .amd-page-item .page-link:hover {
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

.page-link:hover {
    color: var(--amd-primary) !important;
}

.amd-pagination .amd-page-prev .page-link,
.amd-pagination .amd-page-next .page-link {
    border-radius: 5px;
    width: auto;
    color: var(--amd-muted);
    /* padding: 0 12px; */
}

/* Small view / Mobile */
@media (max-width: 575.98px) {
    .amd-pagination .amd-page-item .page-link {
        width: 28px;
        height: 28px;
        line-height: 26px;
        font-size: 0.85rem;
    }

    .amd-pagination .amd-page-prev .page-link,
    .amd-pagination .amd-page-next .page-link {
        padding: 0 8px;
        font-size: 0.85rem;
    }

    .amd-pagination {
        gap: 4px;
    }
}

/* pagination css end */



/* notice pop up card  */
/* Popup Overlay */


.amd-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.amd-popup-overlay.amd-is-visible {
    visibility: visible;
    opacity: 1;
}

.amd-popup-card {
    background-color: var(--amd-fade-primary);
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 10px 10px;
    max-width: 550px;
    width: 100%;

    position: relative;
    overflow: hidden;
    border: 2px solid var(--amd-secondary);
    box-shadow: 0 0 10px var(--amd-secondary), 0 0 30px rgba(0, 0, 0, 0.5);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.amd-popup-content img {
    height: 400px;
    background-position: center;
    object-fit: cover;
}

@media(max-width:568px) {
    .amd-popup-card {
        max-width: 381px;
        height: 442px;
    }

    .amd-popup-content img {
        height: 270px;

    }
}

.amd-is-visible .amd-popup-card {
    transform: scale(1);
}

.amd-cloud-decoration {
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    z-index: 1;
}

.amd-cloud-top {
    top: -10px;
}

.amd-cloud-bottom {
    bottom: -10px;
    transform: rotate(180deg);
}

.amd-cloud-shape {
    position: absolute;
    background: var(--amd-secondary);
    border-radius: 50%;
    opacity: 0.9;
}

.amd-cloud-shape.c1 {
    width: 100px;
    height: 100px;
    top: -50px;
    left: -20px;
}

.amd-cloud-shape.c2 {
    width: 150px;
    height: 150px;
    top: -80px;
    left: 50px;
}

.amd-cloud-shape.c3 {
    width: 120px;
    height: 120px;
    top: -60px;
    right: -30px;
}

.amd-popup-content {
    padding: 1rem;
    margin: 1rem;
    border: 1px solid var(--amd-secondary);
    border-radius: 4px;
    position: relative;
    z-index: 5;
    overflow-y: auto;
    flex-grow: 1;
    /* For Firefox */
    scrollbar-width: thin;
    scrollbar-color: var(--amd-secondary) transparent;
}

/* --- NEW: Scrollbar Styling for WebKit Browsers (Chrome, Safari, Edge) --- */
.amd-popup-content::-webkit-scrollbar {
    width: 5px;
    /* Thin scrollbar */
}

.amd-popup-content::-webkit-scrollbar-track {
    background: transparent;
    /* No visible track */
}

.amd-popup-content::-webkit-scrollbar-thumb {
    background-color: transparent;
    /* Hidden by default */
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out;
    /* Smooth fade effect */
}

/* This class is added by JS when scrolling */
.amd-popup-content.amd-scrolling::-webkit-scrollbar-thumb {
    background-color: var(--amd-secondary-light);
    /* Visible when scrolling */
}

.amd-title-container {
    text-align: center;
    margin: 1rem 0 2rem 0;
}

.amd-title-container h2 {
    display: inline-block;
    font-family: var(--amd-font-family-title);
    color: var(--amd-secondary);
    border: 2px solid var(--amd-secondary);
    border-radius: 5px;
    padding: 0.5rem 1rem;
    font-size: 1.5rem;
    position: relative;
    box-shadow: 0 0 5px var(--amd-secondary-light);
}

.amd-title-container h2::before,
.amd-title-container h2::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 2px;
    background: var(--amd-secondary);
}

.amd-title-container h2::before {
    left: -30px;
}

.amd-title-container h2::after {
    right: -30px;
}

.amd-notice-list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: var(--amd-light);
}

.amd-notice-list li {
    margin-bottom: 1rem;
    padding-left: 20px;
    position: relative;
}

.amd-notice-list li::before {
    content: '✦';
    /* or use '\272A' */
    position: absolute;
    left: 0;
    color: var(--amd-secondary);
}

.amd-impact-card {
    background: rgba(0, 187, 229, 0.172);
    color: var(--amd-light);

    padding: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    text-align: center;
    transition: transform 0.3s ease;
    max-width: 500px;
    margin: 0 auto;
}

.amd-impact-card:hover {
    transform: translateY(-5px);
}

.amd-impact-card .impact-value {
    font-size: 2.5rem;
    font-weight: bold;
    color: #ffd700;
}

.amd-impact-card .impact-text {
    font-size: 1.1rem;
    margin-top: 10px;
}

.amd-impact-card-bottom {
    margin-top: 20px;
}

.amd-cta-btn {

    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    transition: background 0.3s;
}


.amd-impact-card-top {
    padding: 1rem;
}

.amd-impact-card-top .impact-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--amd-dark);
    line-height: 1;
}

@media(max-width:768px) {
    .amd-impact-card-top .impact-value {
        font-size: 1.5rem;
    }

    .amd-cta-btn {
        font-size: 0.7rem;
    }
}

.amd-impact-card-top .impact-text {
    font-size: 0.8rem;
    color: #333;
}

.amd-impact-card-bottom {
    padding: 0.75rem;
    background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 10px 10px;
}

.amd-cta-btn {

    color: var(--amd-dark);
    border: none;
    border-radius: 5px;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    color: var(--amd-primary);
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.amd-cta-btn:hover {
    transform: scale(1.05);
}

.amd-popup-footer {
    text-align: center;
    font-size: 0.8rem;
    color: var(--amd-dark);
    opacity: 0.7;
    padding-top: 1rem;
}

.amd-popup-close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--amd-secondary);
    color: var(--amd-light);
    font-size: 1.2rem;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 100;
}

@media (max-width: 480px) {
    .amd-title-container h2 {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
    }

    .amd-title-container h2::before,
    .amd-title-container h2::after {
        display: none;
    }

    .amd-popup-content {
        padding: 1rem;
    }

    .amd-notice-list li {
        font-size: 0.8rem;
    }
}

/* Carousel arrows ko white color de dena */
#amdImpactCarousel .carousel-control-prev-icon,
#amdImpactCarousel .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    /* dark transparent background */
    border-radius: 50%;
    /* circular */
    width: 50px;
    height: 50px;
    background-size: 50% 50%;
    /* arrow size */
}

/*pop up notice card end */



/* home page start  */
/*1st hero section  */



/* ===================================
  1st HERO SECTION
   ==================================== */
.amd-hero-section {
    position: relative;
    height: 100vh;
    width: 100%;
    color: var(--amd-light);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: url('https://as2.ftcdn.net/v2/jpg/07/89/45/59/1000_F_789455947_1gL2tyCUuKY2YwD2mia8W5VNiXtN79z5.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    animation: zoomBackground 20s linear infinite;
}

/* --- Hero Overlay (same as before) --- */
.amd-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    backdrop-filter: blur(5px);
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.7) 35%,
            rgba(0, 0, 0, 0.7) 65%,
            rgba(0, 0, 0, 0.1) 100%);
}

/* --- Keyframes for Zoom --- */
@keyframes zoomBackground {
    0% {
        background-size: 100% 100%;
    }

    50% {
        background-size: 110% 110%;
    }

    100% {
        background-size: 100% 100%;
    }
}

/* --- Making sure all hero content is above the overlay --- */
.amd-hero-section .container {
    position: relative;
    z-index: 2;
}

/* --- Left Column: Marquee and Arrow --- */
.marquee-wrapper {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: var(--amd-primary);
    height: 190px;

    font-size: 0.9rem;
}

.amd-arrow-btn {
    text-decoration: none;
    width: 70px;
    height: 70px;
    border: 2px solid var(--amd-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--amd-light);
    font-size: 1.5rem;
    transition: background-color 0.3s ease, border-color 0.4s ease;
}

.amd-arrow-btn i {
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.amd-arrow-btn:hover {
    background-color: var(--amd-primary);
    border-color: var(--amd-primary);
    color: #111;
}

.amd-arrow-btn:hover i {
    transform: rotate(90deg);
}



/* Glass Button */
.amd-glass-btn {
    display: inline-block;
    padding: 1px 12px;
    font-size: 14px;
    padding-bottom: 10px;
    /* margin-bottom: 10px; */
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--amd-dark);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

/* Hover Shadow */
.amd-glass-btn:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
}

/* Shine Effect */
.amd-glass-btn .shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));
    transform: skewX(-20deg);
    pointer-events: none;
    transition: all 0.5s ease;
}

/* Shine Animation on Hover */
.amd-glass-btn:hover .shine {
    left: 100%;
}

/* Arrow Styling */
.amd-glass-btn .hover-arrow {
    display: inline-block;
    margin-left: 12px;
    font-size: 30px;
    /* Bada arrow */
    transition: transform 0.4s ease;
}

/* Arrow Stretch + Bend on Hover */
.amd-glass-btn:hover .hover-arrow {
    transform: scaleX(1.5) rotate(20deg);
}




/* read more btn glass effect */
.amd-glass-read-btn {
    position: relative;
    background: rgba(173, 216, 230, 0.15);
    /* light blue tint */
    backdrop-filter: blur(12px);
    text-decoration: none;
    border: 1px solid var(--amd-primary);
    border-radius: 50px;
    padding: 0.2rem 0.6rem;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 6px 16px rgba(13, 110, 253, 0.2);
}

.amd-glass-read-btn:hover {
    background: rgba(173, 216, 230, 0.25);
    box-shadow: 0 10px 20px rgba(13, 110, 253, 0.35);
    transform: translateY(-2px);
}

/* Shine effect */
.amd-glass-read-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg,
            transparent,
            rgba(173, 216, 230, 0.7),
            transparent);
    transform: skewX(-25deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% {
        left: -75%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: 125%;
    }
}

/* GIF inside button */
.amd-glass-read-btn img {
    width: 30px;

    height: auto;
    display: block;
}

@media(max-width:568px) {
    .amd-glass-read-btn {
        font-size: 0.7rem;
        /* margin-bottom: 10px; */
    }

    .amd-glass-read-btn img {
        width: 20px;
    }
}

/* read more btn glass effect end  */



/* --- Middle Column: Text and Animations --- */
.amd-hero-text-content {
    position: relative;
    padding: 20px;
}

.amd-hero-text-content h1 {
    /* text-align: justify; */
    font-size: 3.5rem;
    font-weight: 700;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.amd-hero-text-content p {
    font-size: 1.1rem;
    max-width: 600px;
    text-align: justify;
    margin: 1rem auto 0;
    color: var(--amd-light);
}

/* Highlight SVG behind text */
.amd-highlight-svg {
    position: absolute;
    bottom: 30%;
    /* Position relative to the h1 */
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 400px;
    z-index: -1;
    opacity: 0.7;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw-line 2s ease-out 0.5s forwards;
}

.amd-highlight-gif {
    position: absolute;
    bottom: 70%;
    /* Position relative to the h1 */
    left: 50%;

    width: 40%;
    height: 40%;
    z-index: 9999;
    opacity: 0.3;

}

.line-1 {
    height: 300px;
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0;
    }
}

/* Rotating Circle behind text */
.amd-rotating-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: 450px;
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    z-index: -2;
    animation: rotate-circle 30s linear infinite;
}

@keyframes rotate-circle {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* --- Right Column: Animated Lines --- */
.amd-animated-lines {
    opacity: 0.4;
}

.amd-animated-lines path {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: fade-draw 3s ease-in-out forwards;

}

.amd-animated-lines .line-2 {
    animation-delay: 0.3s;
}

.amd-animated-lines .line-3 {
    animation-delay: 0.6s;
}

@keyframes fade-draw {
    to {
        stroke-dashoffset: 0;
    }
}

/* ===================================
   RESPONSIVENESS (using Bootstrap's breakpoints)
   ==================================== */
@media (max-width:1200px) {

    /* desktop icon none */
    .amd-social-icon-desk {
        display: none !important;
    }

    .amd-navbar-mobile-logo img {
        width: 100%;
        height: 80px;
    }
}

@media (max-width:1199px) {
    .amd-navbar-main {
        padding: 0px 9px;
    }
}

@media (max-width: 992px) {
    .amd-hero-text-content h1 {
        font-size: 2.8rem;
    }

    .amd-rotating-circle {
        width: 350px;
        height: 350px;
    }

    .amd-hero-section {
        height: 75vh;
    }
}

@media (max-width: 768px) {
    .amd-hero-section {
        text-align: center;
        height: 50vh;
    }

    .amd-navbar-top {

        padding: 5px 7px;
        font-weight: 800;
        font-size: 11px;

    }

    .amd-social-icons a {

        width: 30px;
        height: 30px;

        font-size: 12px;

    }

    .amd-hero-overlay {
        /* Make the overlay darker on mobile for better text readability */
        background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    }

    .amd-hero-text-content h1 {
        font-size: 2rem;
    }

    .amd-rotating-circle {
        width: 230px;
        height: 230px;
    }
}

@media(max-width:568px) {
    .amd-hero-text-content p {
        font-size: 0.9;
    }

    .amd-hero-text-content h1 {
        font-size: 1.8rem;
    }

    .amd-navbar-top {

        padding: 5px 7px;
        font-weight: 800;
        font-size: 11px;

    }

    .amd-social-icons a {

        width: 30px;
        height: 30px;

        font-size: 12px;

    }

    .amd-navbar-main {

        padding: 9px 9px;


    }
}

/* 2nd theme hero section */

.amd-theme2 * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.amd-theme2 {
    background-color: var(--amd-dark);
    color: var(--amd-light);

    overflow-x: hidden;
}

/* --- Header / Navigation --- */
.amd-theme2 header {
    padding: 1.5rem 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--amd-border);
    position: relative;
    z-index: 10;
    background-color: rgba(10, 10, 10, 0.5);
    backdrop-filter: blur(5px);
}

.amd-theme2 .logo {
    font-size: 1.5rem;
    font-weight: 700;
}

.amd-theme2 .logo span {
    color: var(--amd-secondary);
}

.amd-theme2 nav ul {
    list-style: none;
    display: flex;
    gap: 2rem;
}

.amd-theme2 nav a {
    color: var(--amd-light);
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.3s ease;
}

.amd-theme2 nav a:hover {
    color: var(--amd-light);
}

.amd-theme2 .header-actions .btn {
    padding: 0.6rem 1.2rem;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.amd-theme2 .header-actions .btn-secondary {
    border: 1px solid var(--amd-border);
    color: var(--amd-light);
}

.amd-theme2 .header-actions .btn-secondary:hover {
    background-color: var(--amd-light);
    color: var(--amd-dark);
}

.amd-theme2 .header-actions .btn-primary {
    background-color: var(--amd-light);
    color: var(--amd-dark);
    border: 1px solid var(--amd-light);
    margin-left: 0.5rem;
}

.amd-theme2 .header-actions .btn-primary:hover {
    background-color: transparent;
    color: var(--amd-light);
}

/* --- Hero Section & Background --- */
.amd-theme2 .hero-section {
    position: relative;
    padding: 4rem 5%;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url('../assaman-Images/Bag.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.amd-theme2 .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.7) 100%);
    z-index: 1;
}

/* --- Carousel --- */
.amd-theme2 .carousel-container {
    position: relative;
    width: 100%;
    z-index: 2;
}

.amd-theme2 .slide {
    display: none;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 2rem;
}

.amd-theme2 .slide.active {
    display: grid;
}

/* NEW: Improved Animations */
.amd-theme2 .slide .hero-content {
    animation: slideInLeft 0.8s ease-out;
}

.amd-theme2 .slide .hero-image-wrapper {
    animation: slideInRight 0.8s ease-out;
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.amd-theme2 .hero-content h1 {
    font-size: 5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

.amd-theme2 .hero-content h1 .highlight {
    color: var(--amd-secondary);
    font-style: italic;
}

.amd-theme2 .hero-content p {
    font-size: 1.1rem;
    color: var(--amd-light);
    max-width: 500px;
    line-height: 1.6;
    margin-bottom: 2.5rem;
}

.amd-theme2 .hero-buttons .btn {
    padding: 0.9rem 1.8rem;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-block;
}

.amd-theme2 .hero-buttons .btn-primary {
    background-color: var(--amd-light);
    color: var(--amd-dark);
    border: 1px solid var(--amd-light);
}

.amd-theme2 .hero-buttons .btn-primary:hover {
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

.amd-theme2 .hero-buttons .btn-secondary {
    border: 1px solid var(--amd-border);
    color: var(--amd-light);
    margin-left: 1rem;
}

.amd-theme2 .hero-buttons .btn-secondary:hover {
    border-color: var(--amd-light);
}

.amd-theme2 .hero-image-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amd-theme2 .hero-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: url(#blob-shape-amd-theme2);
}

.amd-theme2 .hero-image-wrapper svg.doodles {
    position: absolute;
    width: 110%;
    height: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.amd-theme2 .hero-image-wrapper svg.doodles text {

    font-weight: bold;
    font-size: 20px;
    fill: white;
    text-transform: uppercase;
}

/* Carousel Navigation Arrows */
.amd-theme2 .carousel-nav {
    position: absolute;
    bottom: 0px;
    right: 0;
    display: flex;
    gap: 1rem;
    z-index: 3;
}

.amd-theme2 .carousel-nav button {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--amd-border);
    color: var(--amd-light);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amd-theme2 .carousel-nav button:hover {
    background-color: var(--amd-light);
    color: var(--amd-dark);
}

/* NEW: Carousel Dots styling */
.amd-theme2 .carousel-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.75rem;
    z-index: 3;
    display: none;
}

.amd-theme2 .carousel-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.amd-theme2 .carousel-dots .dot:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.amd-theme2 .carousel-dots .dot.active {
    background-color: var(--amd-light);
}

/* --- Stats Ticker --- */
.amd-theme2 .stats-ticker {
    padding: 1.5rem 5%;
    border-top: 1px solid var(--amd-border);
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.amd-theme2 .stat-item {
    text-align: center;
}

.amd-theme2 .stat-item .value {
    font-size: 1.5rem;
    font-weight: 700;
}

.amd-theme2 .stat-item .label {
    color: var(--amd-light);
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* --- NEW: Responsive Design --- */
@media (max-width: 992px) {
    .amd-theme2 .slide {
        grid-template-columns: 1fr;
        flex-direction: column-reverse;
        /* Puts image above text */
        text-align: center;
        gap: 3rem;
    }


    .amd-theme2 .hero-section {
        min-height: 65vh;
        padding-top: 2rem;
        padding-bottom: 2rem;

    }

    .amd-theme2 .slide.active {
        display: flex;
    }

    .amd-theme2 .hero-content p {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        font-size: 1rem;
    }

    .amd-theme2 .hero-content h1 {
        font-size: 4rem;
        margin-bottom: 10px;
    }

    .amd-theme2 .hero-image-wrapper {
        height: 350px;
    }

    .amd-theme2 .hero-image-wrapper {
        display: none;
    }

    .amd-theme2 .carousel-dots {
        bottom: 10px;
        display: none;
    }

    .amd-theme2 .carousel-nav {
        display: flex;
        /* Flex for easy centering */
        justify-content: center;
        /* Center horizontally */
        align-items: center;
        /* Center vertically if needed */
        gap: 10px;
        /* Gap between dots */
        position: absolute;
        /* Position absolute if overlay on slider */
        bottom: 0;
        /* Adjust as needed */
        left: 50%;
        transform: translateX(-50%);
        z-index: 3;
    }

    /* Hide arrows on mobile, dots are enough */
}

@media (max-width: 768px) {
    .amd-theme2 nav ul {
        display: none;
    }

    .amd-theme2 .hero-section {
        min-height: 50vh;
        padding-top: 2rem;
        padding-bottom: 2rem;

    }

    /* Simple hide for demo, could be replaced with hamburger menu */
    .amd-theme2 .hero-content h1 {
        font-size: 2.2rem;
    }

    .amd-theme2 .hero-content p {
        font-size: 1rem;
    }



    .amd-theme2 .stats-ticker {
        justify-content: center;
    }

    .amd-theme2 .stat-item {
        flex-basis: 40%;
    }

    /* Creates a 2x2 grid */
}

@media(max-width:400px) {
    .amd-theme2 .carousel-nav {
        justify-content: space-evenly;
    }
}

/* 2nd theme hero section */


/*  3rd hero section theme3*/
.spacer {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}

.hero-section {
    height: 120vh;
    position: relative;
    overflow: hidden;
    color: white;
}

.amd-theme3-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    /* Left 20% dark green, rest gradually transparent */
    background: linear-gradient(to right,
            rgba(0, 36, 24, 5) 20%,
            /* fully dark green start */
            rgba(0, 36, 24, 0.8) 45%,
            /* dark green till 20% */
            rgba(0, 36, 24, 0.2) 60%,
            /* start fading */
            rgba(0, 36, 24, 0) 100%
            /* fully transparent at end */
        );
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 600px;
    padding: 0 10%;
}

.hero-heading {
    font-size: clamp(1rem, 6vw, 3.5rem);
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1rem;
}

.hero-subheading {
    font-size: clamp(1rem, 2.5vw, 1.4rem);
    margin-bottom: 2rem;
    width: 600px;

}

/* --- Theme 4: Auto-Sliding Carousel --- */
.amd-theme3-hero .amd-theme3-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    display: flex;
    align-items: center;
}

.amd-theme3-hero .amd-theme3-slide.active {
    opacity: 1;
}

.amd-theme3-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    gap: 10px;
}

.amd-theme3-dots .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.amd-theme3-dots .dot.active {
    background-color: white;
}

/* --- Theme 5: Click-to-Navigate Slider --- */
.amd-theme5-slides-container {
    display: flex;
    width: 300%;
    /* 100% per slide */
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    /* Smooth ease */
}

.amd-theme5-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}

.amd-theme5-nav {
    position: absolute;
    bottom: 40px;
    right: 10%;
    z-index: 3;
    display: flex;
    gap: 15px;
}

.amd-theme5-nav-btn {
    width: 50px;
    height: 50px;
    border: 2px solid white;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amd-theme5-nav-btn:hover {
    background-color: white;
    color: black;
}

.amd-theme5-nav-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
}


.amd-theme3-btn {
    display: inline-block;
    padding: 0.8rem 2rem;
    font-size: 1.1rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.amd-theme3-btn.primary {
    background: #ff7f50;
    color: #fff;
}

.amd-theme3-btn.primary:hover {
    background: #ff5722;
    transform: translateY(-3px);
}

.amd-theme3-btn.secondary {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.amd-theme3-btn.secondary:hover {
    background: #fff;
    color: #333;
    transform: translateY(-3px);
}

.btn-arrow {
    display: inline-block;
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.amd-theme3-btn:hover .btn-arrow {
    transform: translateX(5px);
}


/* --- Responsive Adjustments --- */
/* --- Responsive Adjustments --- */
@media (max-width:991px) {

    .hero-section {
        height: 50vh;
        /* Smaller height on mobile */
        min-height: 450px;
    }

    .hero-content {
        padding: 0 5%;
        /* Less padding on mobile */
    }

    .amd-theme5-nav {
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
    }
}

@media (max-width: 768px) {

    .hero-subheading {
        font-size: clamp(1rem, 2.5vw, 1.4rem);

        width: 340px;

    }

    .hero-content {
        padding: 0 5%;
        /* Less padding on mobile */
    }

    .amd-theme5-nav {
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
    }
}

/* 3rd hero section theme3 end */




/* 2nd categories couse section */

.amd-cause-categories-section {
    /* background: url('../imgs/SL-091823-63290-31.jpg') center/cover no-repeat; */
    background-attachment: fixed;
    /* makes background sticky */
    position: relative;
    /* for ::before overlay */
    color: var(--amd-light);
    padding: 60px 0;
    z-index: 1;
}

.amd-cause-categories-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    background: rgb(209 230 248 / 40%);
    /* subtle dark overlay */
    z-index: -1;
    /* behind the content */
}

.amd-categories-container {

    padding: 0 10px;
}

.amd-cause-card {
    background-color: var(--amd-fade-primary);
    position: relative;
    margin: 10px;
    overflow: hidden;
    color: var(--amd-dark);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transition: transform 0.2s ease-in-out;
}

/* Carousel & card styling */
.cause-carousel .amd-slick-slide {
    padding: 0 15px;
    /* Gap between cards */
}



.amd-cause-card:hover {
    transform: translateY(-5px);
    /* Slight lift on hover */
}

.amd-cause-content .category-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--amd-primary-dark);
    position: relative;
    z-index: 1;
}

.amd-cause-content h5 {
    font-size: 1rem;
    font-weight: 600;

    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.amd-cause-image img {

    height: 150px;
    object-fit: cover;
    width: 190px;
    transition: transform 0.3s ease-in-out;
}

.amd-cause-card:hover .amd-cause-image img {
    transform: scale(1.05);
}

/* Custom button styling to match the image's orange button */
.amd-custom-read-more {
    display: inline-block;
    padding: 7px 12px;
    font-size: 14px;
    border-radius: 5px;
    /* margin-bottom: 10px; */
    font-weight: 600;
    letter-spacing: 0.5px;
    color: var(--amd-dark);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.amd-custom-read-more:hover {
    background-color: var(--amd-fade-secondary);
    border-color: var(--amd-fade-secondary);
    color: var(--amd-secondary);
}

.amd-custom-read-more .bi {
    margin-left: 0.5rem;
    font-size: 0.8rem;
}

/* Optional: Add a subtle background pattern for visual interest */
.amd-cause-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.953 4.29a.5.5 0 0 1-.29-.11l-3.5-3.5a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1-.11.29.5.5 0 0 1-.36.12zM0 7.71a.5.5 0 0 1 .11.29l3.5 3.5a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 .29-.11.5.5 0 0 1 .36-.12z' fill='%23444' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.8;
    z-index: 0;
    /* Behind content */
}

/* Adjustments for smaller screens */
@media (max-width: 767.98px) {
    .amd-cause-card {
        flex-direction: row;
        /* Keep content and image side-by-side */
        justify-content: space-between;
        text-align: left;
    }

    .amd-cause-image img {
        width: 120px;
    }

    .amd-cause-content {
        margin-right: 1rem !important;
        /* Adjust spacing */
    }

    .amd-cause-image {
        flex-shrink: 0;
        /* Prevent image from shrinking too much */
    }

    .amd-custom-read-more {
        font-size: 0.6rem;
    }
}

/* 2nd section categories section end*/


/* 5th our mission vissio goal*/

/* #about-us {
    position: relative;
    background: url('../imgs/sl_043022_50050_06.jpg') center center / cover no-repeat fixed;
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--amd-dark);
    z-index: 1;
    overflow: hidden;
} */

/* Dark overlay for background opacity */
#about-us::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(3px);
    background: rgba(184, 184, 184, 0.4);
    /* yaha se opacity control karo */
    z-index: -1;
}

.amd-about-content p,
amd-about-content li {
    text-align: justify;
}

/* .amd-about-content h3 {
    font-weight: 600;
    color: var(--amd-dark);
    margin-bottom: 1rem;
} */

/* --- Image Stack Styling --- */
.amd-image-stack {
    position: relative;
    border-bottom: 1px solid var(--amd-secondary);
    padding: 20px;
    /* Add some padding to prevent images touching the edge */
}

.amd-image-stack .amd-img-main {

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    width: 90%;
}

.amd-image-stack .amd-img-secondary {
    position: absolute;
    bottom: -10px;
    /* Overlap from the bottom */
    right: 0;
    /* Align to the right of the padding area */
    width: 50%;
    border: 6px solid var(--amd-border);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Style for the reversed (Vision) section */
.amd-image-stack.amd-image-stack-right .amd-img-secondary {
    right: auto;
    /* Unset the right property */
    left: 0;
    /* Align to the left instead */
}


/* --- Custom List with Green Ticks --- */
.amd-custom-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
    color: var(--amd-dark);
}

.amd-custom-list li i {
    color: #28a745;
    /* A pleasant green color for the tick */
    font-size: 1.2rem;
    margin-right: 12px;
    margin-top: 3px;
    /* Align icon nicely with the text */
}

/* --- Responsive Adjustments --- */
@media (max-width: 991.98px) {

    /* For tablets and below */
    .amd-about-content {
        /* Add some space between the image and the content when they stack */
        margin-top: 30px;
    }

}

@media (max-width: 767.98px) {

    /* For mobile phones */
    .amd-about-content {
        text-align: center;
    }

    .amd-custom-list li {
        text-align: left;
        /* Keep list text left-aligned even if the content is centered */
    }

    .amd-image-stack {
        padding: 0;
        /* Remove padding on mobile to maximize image size */
    }

    .amd-image-stack .amd-img-secondary {
        width: 60%;
        bottom: -15px;
    }
}


/*  4th section  campaign section*/
.amd-campaign-section {
    background-color: var(--amd-body-bg);
    /* Light grey background */
}

.amd-campaign-tag {
    color: var(--amd-primary);
    background: var(--amd-primary-light);
    padding: 3px 6px;
}

.amd-campaign-content h2 {
    font-weight: 700;
    color: var(--amd-dark);
}

.amd-campaign-content p {
    color: var(--amd-dark);
    text-align: justify;
    line-height: 1.6;
}

.amd-donation-stats {

    margin-top: 2.2rem;
    padding: 0 10px;
    border: 1px solid var(--amd-primary-light);
}

@media (max-width:468px) {
    .amd-donation-stats {
        font-size: 0.6rem;
    }

    .amd-social-icons a {
        font-size: 0.7rem;
        /* FontAwesome/Bootstrap icon ke liye */
        width: 30px;
        /* container width adjust karna optional */
        height: 30px;
        /* container height adjust karna optional */
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

.amd-donation-stats .stat h4 {
    font-weight: 700;
    color: var(--amd-dark);
}

.amd-donation-stats .stat small {
    color: #777;
}

.amd-big-img {
    width: 100%;
    height: 200px;
    background-position: center;
    object-fit: cover;
}

.image-grid .col-6 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    background-position: 0 20%;
    background-position: center;
}

/* Circular Progress Bar Styling */
.amd-progress-amd-circle {
    position: relative;
    height: 100px;
    width: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amd-circular-chart {
    width: 100px;
    /* apni size ke hisab se */
    height: 100px;
    transform: rotate(-90deg);
    /* upar se start hone ke liye */
}

.amd-circle-bg {
    fill: none;
    stroke: var(--amd-secondary-light);
    stroke-width: 2.8;
}

.amd-circle {
    fill: none;
    stroke-width: 2.8;
    stroke: var(--amd-secondary);
    /* tumhari color choice */
    stroke-linecap: round;
    transition: stroke-dasharray 0.6s ease;
}

.amd-circle:hover {
    stroke: var(--amd-primary);

}

.progress-text {
    position: absolute;
    top: 50;
    left: 32px;
    margin: 0 20px -18px 0;
    font-weight: bold;
    font-size: 14px;
    /* adjust karo */
    color: #333;
    transform: rotate(90deg);
    /* kyunki parent svg ko rotate kiya hai */
}

/* The 'Donate' button inside the amd-circle */
.amd-progress-amd-circle .btn-sm {
    background: var(--amd-secondary);
    color: var(--amd-light);
    border: none !important;
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
    transition: all o.3s ease-in;
}

.amd-progress-amd-circle .btn-sm:hover {
    background: var(--amd-primary);
    transform: rotate(5deg);

}

/* Spinning Animation */
.spinning {
    animation: spin 5s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/* SUCCESSFUL STORIES section 5th sectio */

/* Section specific styling */
.amd-successful-stories-section {
    position: relative;
    /* background: url('https://as2.ftcdn.net/v2/jpg/15/89/57/69/1000_F_1589576995_517I7NQTi9ob0OU2rICq4ixwHKcfB8RE.jpg') center center / cover no-repeat fixed; */
    padding: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--amd-dark);
    z-index: 1;
    overflow: hidden;
    /* White background */
}

.amd-successful-stories-section::before {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(7px);
    /* background: rgb(209 230 248 / 40%); */
    /* yaha se opacity control karo */
    z-index: -1;
}

.amd-section-title {
    font-family: var(--amd-tittle-font-family);
    color: var(--amd-primary);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    /* Space for the underline */
}

.amd-successful-stories-section p {

    color: var(--amd-dark);
}

@media (max-width:768px) {
    .amd-successful-stories-section p {
        text-align: center;
    }
}

.amd-section-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    /* Width of the red underline */
    height: 3px;
    background-color: var(--amd-primary-light);
    /* Bootstrap 'danger' color */
}

.amd-section-subtitle {
    color: var(--amd-dark);
    font-size: 0.95rem;
    margin-top: 5px;
}

/* Card specific styling */
.amd-story-card {

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
    /* background: #9bb4cf; */
    padding: 10px;
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid var(--amd-border);
}

.amd-story-card img {
    height: 170px;
    background-position: center;
    object-fit: cover;
}

.amd-story-card:hover {
    transform: translateY(-5px);
    /* Slight lift on hover */
}

.amd-story-card .card-img-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.amd-story-card .card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.amd-story-card .location {
    font-size: 0.85rem;
    color: var(--amd-secondary);
}

.amd-story-card .amd-card-footer {
    /* background-color: var(--amd-secondary-light); */
    /* Light background for footer */
    border-top: 1px solid var(--amd-secondary);
}

.amd-story-card .amd-money-spent-amount {
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--amd-muted);
}

/* Horizontal scrolling for cards */
.amd-stories-carousel-container {
    padding: 5px;

    padding-top: 15px;
}

.amd-stories-carousel-container div div {
    margin-right: 10px;
}

/* Hide scrollbar for a cleaner look, but keep functionality */
.amd-stories-carousel-container::-webkit-scrollbar {
    height: 4px;
}

.amd-stories-carousel-container::-webkit-scrollbar-thumb {
    background-color: var(--amd-secondary);

}

.amd-stories-carousel-container::-webkit-scrollbar-track {
    background-color: var(--amd-secondary-light);

}

/* Make sure the columns don't wrap to a new line, allowing horizontal scroll */
.amd-stories-carousel-container .row {
    flex-wrap: nowrap;
}

/* Adjust card width for smaller screens so more fit on a row before scrolling is needed */
@media (max-width: 767.98px) {
    .amd-stories-carousel-container .col-12.col-md-6 {
        flex: 0 0 70%;
        /* Show about 1.5 cards on small screens */
        max-width: 70%;
    }

    .amd-section-subtitle {
        font-size: 0.8rem;
    }

    .amd-testimonial-head {
        font-size: 1.3rem;
        margin-top: 10px;
    }

    .amd-story-card .card-title {
        font-size: 1rem;
    }

    .amd-story-card .amd-money-spent-amount {
        font-size: 0.8rem;
    }

    /* Title center on small view */
    .amd-section-title {
        text-align: center !important;
        display: block;
        width: 100%;
        font-size: 1.3rem;
        margin: 0 auto;
        margin-right: 10px;

    }

    /* Agar koi decorative line ya span inside hoga */
    .amd-section-title * {
        text-align: center !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .amd-stories-carousel-container .col-md-6 {
        flex: 0 0 45%;
        /* Show about 2 cards on medium screens */
        max-width: 45%;
    }
}

/* For large screens and up, 3 cards visible, anything more scrolls */
@media (min-width: 992px) {
    .amd-stories-carousel-container .col-lg-4 {
        flex: 0 0 33.333333%;
        /* Ensure exactly 3 cards fit, for consistent scrolling */
        max-width: 33.333333%;
    }
}



/* 5th section successful section end */



/* 6th section donation impact section */
/* Section Styling */
.amd-donation-impact {}


.amd-left-impact-content {
    text-align: justify;

}

/* Legend Boxes */
.legend-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 4px;
}

/* Donut Chart */
.donut-chart {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    margin: 0 auto;
    background: conic-gradient(#2e7d32 0% 37%,
            #ef6c00 37% 57%,
            #fbc02d 57% 74%,
            #fff176 74% 87%,
            #66bb6a 87% 100%);
    mask: radial-gradient(circle, transparent 55%, black 56%);
    -webkit-mask: radial-gradient(circle, transparent 55%, black 56%);
    animation: rotateDonut 12s linear infinite;
}

/* Rotation Animation */
@keyframes rotateDonut {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Arrow GIF Styling */
.impact-arrow {
    max-width: 50px;
    height: auto;
    display: inline-block;
}

.list-unstyled {
    display: flex;
    gap: 12px;

}

@media(min-width:350px), (max-width:768px) {
    .list-unstyled li {
        font-size: 0.7rem;
        overflow: hidden;
    }

    .list-unstyled li span {
        font-size: 0.7rem;
        overflow: hidden;
    }
}

.list-unstyled li {
    border: 1px solid var(--amd-border);
    padding: 10px;
}


.donut-chart-wrapper {
    display: inline-block;
    position: relative;
    width: 260px;
    height: 260px;
}

/* Donut Chart with segments */
.donut-chart {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(#2e7d32 0% 37%,
            /* 37% Healthy Food */
            #ef6c00 37% 57%,
            /* 20% Medicine */
            #fbc02d 57% 74%,
            /* 17% Pure Water */
            #fff176 74% 87%,
            /* 13% Excursions */
            #66bb6a 87% 100%
            /* 12% Feeding the Poor */
        );
    mask: radial-gradient(circle, transparent 55%, black 56%);
    -webkit-mask: radial-gradient(circle, transparent 55%, black 56%);
    animation: rotateDonut 12s linear infinite;
    position: relative;
    cursor: pointer;
}

/* Rotation Animation */
@keyframes rotateDonut {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Tooltip Badge */
.donut-tooltip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* Show tooltip with animation */
.donut-tooltip.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}


/*  7th section testimonial section */
/* Section */
.amd-testimonials {
    position: relative;
    overflow: hidden;
}

/* Left Top */
.amd-small-text {
    font-size: 0.9rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.amd-testimonial-text {
    text-align: justify;
    margin: 0;
}

.amd-testimonial-rating {
    margin: 10px 0;
    font-size: 1.1rem;
    color: #f5c518;
    /* Gold */
}

.amd-rating-value {
    margin-left: 8px;
    font-size: 0.9rem;
    color: #666;
}

.amd-testimonial-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: #666;
}

.amd-testimonial-meta h6 {
    margin: 0;
    font-weight: 600;
    color: #333;
}

.amd-animated-line {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: #333;
    position: relative;
    overflow: hidden;
}

.amd-animated-line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: var(--amd-primary);
    animation: amd-slideLine 2s ease forwards;
}

@keyframes amd-slideLine {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

/* Buttons */
.amd-btn {
    display: inline-block;
    background: var(--amd-primary);
    color: var(--amd-light);
    padding: 8px 20px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
}

/* Right Top Floating SVG */
.amd-floating-svg {
    position: absolute;
    top: 0px;
    right: 15px;
    animation: amd-floatSvg 4s ease-in-out infinite alternate;
}

@keyframes amd-floatSvg {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(20px);
    }
}

/* Slick Carousel */
.amd-testimonial-carousel {
    padding: 10px;
    margin-top: 50px;
    border: 1px solid var(--amd-primary);
}

.amd-testimonial-card {
    background: var(--amd-primary-light);

    padding: 15px 20px;
    border-right: 6px solid var(--amd-primary);
    margin: 0 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    min-height: 120px;
    overflow: hidden;
}

.amd-testimonial-card p {
    font-size: 0.95rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.amd-testimonial-card h6 {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--amd-secondary);
    margin-top: 10px;
}


/* Slick Arrows Custom Styled */
.slick-prev,
.slick-next {
    background: var(--amd-secondary-light);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    z-index: 10;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s;
}

/* Keep default Slick arrows */
.slick-prev:before,
.slick-next:before {
    font-size: 18px;
    /* size of the arrow */
    color: var(--amd-secondary);
    /* arrow color */
    opacity: 1;
    /* ensure visible */
}

/* Hover effect */
.slick-prev:hover,
.slick-next:hover {
    background: var(--amd-primary-light);
}

.slick-prev:hover:before,
.slick-next:hover:before {
    color: var(--amd-primary);
    /* keep arrow white on hover */
}


/* Responsive */
@media(max-width: 991px) {
    .amd-floating-svg {
        display: none;
    }

    .amd-testimonial-carousel {
        margin-top: 30px;
    }

    .slick-prev,
    .slick-next {
        position: absolute;
        bottom: 58px;
        top: auto;
    }

    .slick-prev {
        left: -6px;
    }

    .slick-next {
        right: -9px;
    }
}

/* 7th section testimonial section end */


/* networking section collaboration affliliations */
/* --- General Section Styles --- */
.amd-affiliations-thin {
    padding: 3rem 0;
    background-color: #f8f9fa;
}

/* --- Tab Header --- */
.amd-tabs-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

    margin-bottom: 2rem;
}

/* --- Custom Tab Styling --- */
.amd-affiliations-tabs {
    border: none;
    margin-bottom: -1px;
    /* Aligns with the bottom border */
}

.amd-affiliations-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #6c757d;
    font-weight: 600;
    padding: 0.75rem 1rem;
    margin-right: 1rem;
    transition: all 0.2s ease;
}

.amd-affiliations-tabs .nav-link:hover {
    color: #212529;
}

.amd-affiliations-tabs .nav-link.active {
    color: var(--amd-primary);
    background-color: transparent;
    border-bottom-color: var(--amd-primary);
}

.amd-view-all-btn {}



/* --- Cards Wrapper --- */
.amd-affiliations-cards-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

/* --- Card Styling --- */
.amd-thin-card-wrapper {}

.amd-thin-card {
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1.5rem;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.amd-thin-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.amd-card-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.amd-affiliations-card-icon {
    flex-shrink: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--amd-primary-light);
    color: var(--amd-primary);
    font-size: 1.2rem;
}

.amd-affiliations-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--amd-dark);
}

.amd-card-description {
    font-size: 0.9rem;
    color: var(--amd-muted);
    line-height: 1.6;
}



/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .amd-tabs-header {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
    }

    .amd-affiliations-tabs {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .amd-affiliations-tabs .nav-link {
        margin-right: 0.2rem;
        margin-bottom: 0.5rem;
        padding: 6px 8px;
        text-align: center;
        flex: 1 1 auto;
        font-size: 0.9rem;
    }

    .amd-view-all-btn {
        flex-shrink: 0;
        width: auto;
        margin-left: 0.5rem;
    }

    /* --- Dropdown Styling for Mobile --- */
    .amd-tabs-dropdown {
        display: inline-block;
        width: 40%;
        padding: 0.5rem 1rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: #6c757d;
        border: 1px solid #dee2e6;
        border-radius: 20px;
        background-color: #fff;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .amd-tabs-dropdown:hover,
    .amd-tabs-dropdown:focus {
        border-color: #0056b3;
        color: #0056b3;
        outline: none;
        box-shadow: 0 0 0 2px rgba(0, 86, 179, 0.2);
    }

    .amd-tabs-dropdown::after {
        content: "\25BC";
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 0.8rem;
        color: #6c757d;
    }
}


/* netowrking section end */


/* 8th section blog section  */
.amd-blog-section {
    padding: 3rem 0;
    padding-bottom: 100px;

    position: relative;

}

/* Background image + overlay */
.amd-blog-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../assaman-Images/Blue\ and\ Pink\ Neon\ Thanks\ for\ Watching\ Video\ \(1\).jpg');
    /* Replace with your image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /* optional, for parallax effect */
    filter: blur(4px);
    /* adjust for desired blur */
    /* background-color: rgba(0, 0, 0, 0.5);  */
    background-blend-mode: overlay;
    z-index: 0;
}

/* Content should be above overlay */
.amd-blog-section>* {
    position: relative;
    z-index: 1;
}

/* Hide background on small screens */
@media (max-width: 991px) {
    .amd-blog-section::before {
        display: none;
    }
}

/* --- Left Column: Blog Cards --- */
.amd-blog-cards-wrapper {
    /* Add padding at the end so the last card can be centered before scrolling away */
    padding-bottom: 50vh;
}

.amd-blog-card {
    background-color: var(--amd-primary-light);
    border: 1px solid var(--amd-border);
    border-left: 5px solid var(--amd-border);

    padding: 25px;
    margin-bottom: 150px;
    /* Crucial for spacing out the scroll trigger points */
    cursor: pointer;
    transition: all 0.4s ease;
    opacity: 0.3;
    /* Non-active cards are faded */
    transform: scale(0.95);
}

.amd-blog-card p {
    text-align: justify;
}

.amd-blog-card.is-active {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-left-color: var(--amd-secondary);
    /* Highlight color */
}

.amd-card-category {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--amd-primary);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.amd-card-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin-bottom: 10px;
}

.amd-card-excerpt {
    color: var(--amd-dark);
    font-size: 0.95rem;
}

/* --- Middle Column: Progress Line --- */
.amd-progress-line-container {
    width: 2px;
    height: 100%;
    background-color: #e9ecef;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.amd-progress-bar {
    width: 100%;
    height: 0%;
    /* JS will change this */
    background-color: #FFC107;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height 0.1s linear;
}

/* --- Right Column: Sticky Post --- */
.amd-sticky-post-wrapper {
    height: 100%;
}

.amd-sticky-post {
    position: sticky;
    top: 20px;
    /* Adjust this value based on your navbar height */

    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
    background: var(--amd-primary-light);
}

.amd-post-image-wrapper {
    position: relative;
    height: 254px;
}

#sticky-post-image {
    width: 100%;
    height: 259px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.amd-sticky-post:hover #sticky-post-image {
    transform: scale(1.05);
}

.amd-post-badges {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    gap: 8px;
}

.amd-post-badges .badge {
    background-color: rgba(255, 193, 7, 0.9);
    /* Yellow with transparency */
    color: #111;
    font-size: 0.8rem;
    padding: 6px 12px;
    border-radius: 50px;
    animation: float-badge 2s ease-in-out infinite alternate;
}

.amd-post-badges .badge:nth-child(2) {
    animation-delay: 0.5s;
}

@keyframes float-badge {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-5px);
    }
}

.amd-post-content {
    padding: 13px 15px;
}

.amd-post-meta {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 10px;
}

.amd-post-title {
    font-size: 2rem;
    font-weight: 700;
    color: #212529;
    line-height: 1.3;
    margin-bottom: 15px;
}

.amd-post-text {
    color: var(--amd-dark);
    line-height: 1.8;
}

@media (max-width:768px) {
    .amd-post-title {
        font-size: 1.3rem;
    }
}

/* --- Responsive Adjustments --- */
/* ===================================
   RESPONSIVE ADJUSTMENTS
   ==================================== */
@media (max-width: 991.98px) {
    .amd-blog-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* --- Right Post (No longer sticky) --- */
    .amd-sticky-post {
        position: static;
        top: auto;
    }

    /* --- Left Cards (Now a Horizontal Scroller) --- */
    .amd-blog-cards-wrapper {
        display: flex;
        /* 1. Lay out cards horizontally */
        overflow-x: auto;
        /* 2. Enable horizontal scrolling */
        padding-left: 15px;
        /* Add some starting space */
        padding-bottom: 15px;
        /* Space for the scrollbar if visible */

        /* 3. Add smooth scroll snapping for a carousel-like feel */
        scroll-snap-type: x mandatory;

        /* 4. Hide the scrollbar for a cleaner look */
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }

    /* Hide scrollbar for Chrome, Safari and Opera */
    .amd-blog-cards-wrapper::-webkit-scrollbar {
        display: none;
    }

    .amd-blog-card {
        /* 5. Define the width of each card in the scroller */
        flex: 0 0 85%;
        /* Don't grow, don't shrink, base width is 85% of the container */

        /* 6. Change vertical margin to horizontal margin */
        margin-bottom: 0;
        margin-right: 15px;

        /* 7. Define the snap point for each card */
        scroll-snap-align: start;

        /* 8. Ensure all cards are fully visible and normal size */
        opacity: 1;
        transform: scale(1);
    }

    .amd-blog-card:last-child {
        /* Add padding to the end of the last card to match the container's start padding */
        margin-right: 15px;
    }

    .amd-blog-card.is-active {
        box-shadow: none;
        /* Remove active state styles on mobile */
    }
}


/* 8th section blog section end */


/* home page css end */









/*2nd page about us page css********************************* */
/* breadcum css */
/* --- Main Section Styling --- */
.amd-breadcrumb-section {
    background-image: url('../assaman-Images/Bag.jpg');
    background-size: cover;
    background-position: center 40%;
    padding: 4rem 0;
    min-height: 350px;
    position: relative;

    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

/* --- Black Fade Overlay from mid to bottom --- */
.amd-breadcrumb-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* Mid to bottom black fade */
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.85) 101%);
}

/* --- Rising Sun Light Effect --- */
.amd-breadcrumb-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /* Above overlay but below text */
    pointer-events: none;

    background: radial-gradient(circle at top center, rgba(255, 223, 186, 0.25), transparent 35%);
}


/* --- Content on top of overlay --- */
.amd-breadcrumb-section .amd-breadcrumb-content {
    position: relative;
    z-index: 2;
    /* Ensure text sits above overlay */
}


/* Ensure the actual content is on top of the overlay */
.amd-breadcrumb-section .container {
    position: relative;
    z-index: 2;
}

/* --- Breadcrumb Styling (Targeting the Bootstrap class) --- */
.breadcrumb {
    background-color: transparent;
    /* Remove Bootstrap's default background */
    margin-bottom: 0;
    padding: 0;

    font-size: 1.1rem;
    display: inline-flex;
    /* Helps with centering */

    /* Optional: add a subtle background for better readability */
    background: rgba(0, 0, 0, 0.2);
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    backdrop-filter: blur(4px);
    /* Cool glass effect for modern browsers */
}

/* --- Styling the Links and Text --- */
.breadcrumb-item a {
    color: #f0f0f0;
    /* Light gray for links */
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-item a:hover {
    color: #ffffff;
    /* White on hover */
}

/* Style for the current/active page */
.breadcrumb-item.active {
    color: var(--amd-primary);
    /* Dimmer color for the active page */
}

/* --- The Stylish Symbol Separator --- */
/* Using Bootstrap 5's CSS variable for the separator */
.breadcrumb {
    --bs-breadcrumb-divider-color: #ffffff;
    /* Color of the symbol */
    --bs-breadcrumb-divider: '»';
    /* The symbol itself */
}

/* --- Animated GIF Styling --- */
.amd-breadcrumb-gif {
    width: 24px;
    /* Set size of the GIF */
    height: 24px;
    margin-right: 8px;
    /* Space between GIF and text */
    vertical-align: text-bottom;
    /* Align it nicely with the text */
}

/* --- Responsive adjustments for small screens --- */


@media (min-width:575px),
(max-widht:991px) {
    .amd-breadcrumb-section {
        min-height: 275px;
        /* Reduce height for small screens */
        padding: 2rem 0;
        /* Optional: reduce top/bottom padding */
    }
}

@media (max-width: 575.98px) {
    .amd-breadcrumb-section {
        padding: 2rem 0;
        /* Reduce padding */
    }

    .amd-breadcrumb-section {
        min-height: 150px;
        /* Reduce height for small screens */
        padding: 2rem 0;
        /* Optional: reduce top/bottom padding */
    }

    .amd-breadcrumb-section .amd-breadcrumb-content h1,
    .amd-breadcrumb-section .amd-breadcrumb-content p {
        font-size: 1rem;
        /* Reduce heading and paragraph text */
    }

    /* Breadcrumb adjustments */
    .breadcrumb {
        font-size: 0.85rem;
        /* Smaller breadcrumb text */
        padding: 0.5rem 1rem;
        /* Smaller padding */
    }

    .breadcrumb-item a {
        font-size: 0.85rem;
    }

    .amd-breadcrumb-gif {
        width: 16px;
        /* Smaller GIF */
        height: 16px;
        margin-right: 5px;
    }
}

/* Breadcum css end */





/* about section css */
.amd-about-us-read-more-btn {
    color: var(--amd-primary);
}

.amd-spilt-content {
    text-align: justify;
    color: var(--amd-dark);
}

/* --- Start of amd-about Custom Styles --- */
.amd-about {
    position: relative;
    overflow: hidden;
}

/* Faint orange background image on the right */
.amd-about::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -15%;
    width: 500px;
    height: 500px;
    background-image: url('');
    /* REPLACE */
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.08;
    z-index: 0;
}

.amd-about .container {
    position: relative;
    z-index: 2;
}

/* --- Image Column (Left Side) --- */
.amd-about-image-column {
    position: relative;
    min-height: 550px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.amd-about-bg-strawberry {
    position: absolute;
    top: -20px;
    left: 0;
    background: var(--amd-primary);
    width: 250px;
    opacity: 0.3;
    z-index: 1;
}

.amd-about-green-shape {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 420px;
    height: 480px;
    background-image: url('https://images.unsplash.com/photo-1542282218-803b3c051919?q=80&w=1887&auto=format&fit=crop');
    /* REPLACE */
    background-size: cover;
    background-position: center;
    border-radius: 210px 210px 0 0;
    z-index: 2;
}

.amd-about-person-image {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 520px;
    object-fit: cover;
    background-position: center;
}

.amd-about-experience-badge {
    position: absolute;
    top: 50px;
    right: 0px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: var(--amd-secondary);
    color: var(--amd-light);
    padding: 10px 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 0.9rem;
    z-index: 4;
}

.amd-about-experience-badge span {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--amd-light);
    margin-bottom: 10px;
    display: block;
}

.amd-about-clients-badge {
    position: absolute;
    bottom: 40px;
    left: 20px;
    background-color: var(--amd-body-bg);
    padding: 1rem 1.5rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 4;
}

.amd-about-clients-badge .amd-about-count {
    font-size: 2rem;
    font-weight: 700;
    color: var(--amd-dark);
    line-height: 1;
}

.amd-about-clients-badge .amd-about-label {
    color: var(--amd-secondary);
    font-weight: 600;
    font-size: 0.9rem;
}

/* --- Content Column (Right Side) --- */
.amd-about-pre-title {
    color: var(--amd-secondary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.amd-about-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--amd-dark);
    text-align: justify;
    line-height: 1.3;
    margin-bottom: 1rem;
}

@media (max-width:991px) {
    .amd-about-page-title {
        text-align: center;
    }
}

.amd-about-title span {
    color: var(--amd-secondary);
}

.amd-about-description {
    color: var(--amd-dark);
    text-align: justify;
    line-height: 1.8;
    margin-bottom: 2rem;
}

.amd-about-feature-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.amd-about-icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: var(--amd-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.amd-about-icon-wrapper i {
    color: var(--amd-light);
    font-size: 2.5rem;
}

.amd-about-icon-wrapper img {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-position: 20% 22%;
    object-fit: cover;
    /* filter: brightness(0) invert(1); */
}

.amd-about-feature-text {
    color: var(--amd-dark);
    font-weight: 600;
    line-height: 1.4;
}

@media (max-width:768px) {
    .amd-about-icon-wrapper {
        width: 30px;
        height: 30px;
    }

    .amd-about-icon-wrapper img {
        width: 40px;
        height: 40px;

    }

    .amd-about-icon-wrapper i {
        font-size: 1rem;
    }

    .amd-about-feature-text {
        font-size: 0.7rem;
    }

    p {
        font-size: 0.9rem;
    }

    li {
        font-size: 0.9rem;
    }
}

.amd-about-checklist {
    list-style: none;
    padding: 0;

}

.amd-about-checklist li {
    color: var(--amd-dark);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
}

.amd-about-checklist li::before {
    content: '\2713';
    /* ✓ Unicode checkmark */
    color: var(--amd-secondary);
    font-weight: 900;
    margin-right: 0.75rem;
    font-size: 1.2rem;
}


.amd-about-button {
    background-color: var(--amd-dark);
    color: var(--bg-white);
    padding: 1rem 2.5rem;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
    display: inline-block;
    /* Important for buttons */
}

.amd-about-button:hover {
    background-color: var(--amd-secondary);
    color: var(--bg-white);
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .amd-about-content-column {
        text-align: center;
        /* Center text when image is hidden */
    }

    .amd-about-title {
        font-size: 2.2rem;
    }

    .amd-about-features {
        justify-content: center;
        /* Center feature items */
    }

    .amd-about-checklist {
        display: inline-block;
        /* Center checklist */
        text-align: left;
    }
}

@media (max-width:568px) {

    .amd-about-title {
        font-size: 1.3rem;
    }
}


/* about us section  css end */


/* stats section */



.amd-stats-section {
    padding: 3rem 0;
    position: relative;
    overflow: hidden;

    /* Background Image with Sticky Effect */
    background: url('https://images.unsplash.com/photo-1503264116251-35a269479413?q=80&w=1600&auto=format') center/cover no-repeat;
    background-attachment: fixed;
    /* sticky background */
}

.amd-stats-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Dark Overlay with Blur */
    background-color: rgba(21, 25, 29, 0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 2;
}


.amd-stats-section .container {
    position: relative;
    z-index: 3;
}

.amd-stats-intro h2 {
    font-weight: 800;
    color: var(--amd-primary);
    margin-bottom: 1rem;
}

.amd-intro-text {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--amd-light);
}

.amd-year-selector-wrapper .form-select {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: var(--amd-border);
    color: var(--amd-primary);
}

.amd-stat-item {
    text-align: center;
    padding: 1.8rem 0.6rem;
    border: 1px solid var(--amd-border);

    margin-bottom: 1.5rem;
    background: rgba(255, 255, 255, 0.03);
}

.amd-stat-number {

    font-size: 2.5rem;
    font-weight: 800;
    color: var(--amd-primary);
    margin-bottom: 0.5rem;
}

.amd-stat-label {
    font-size: 1rem;
    color: var(--amd-light);
    font-weight: 500;
}

/* stats section css end */

/* our mission vissio gaols css */

.amd-mvg-section {
    padding: 3rem 0;
    background-color: var(--amd-body-bg);
    overflow-x: hidden;
}

/* --- Image Container Styling --- */
.amd-img-container {
    position: relative;
    box-shadow: 0 10px 30px rgba(var(--amd-dark), 0.1);

    overflow: hidden;
}

.amd-img-container img {
    width: 100%;
    height: 300px;
    background-position: center 50%;
    object-fit: cover;
    display: block;
}

.amd-clip-path-left {
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}

.amd-clip-path-right {
    clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
}

/* --- Image Hover Overlay Styling --- */
.amd-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--amd-primary);
    /* Using the RGB variable */
    color: var(--amd-light);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.amd-img-container:hover .amd-img-overlay {
    opacity: 1;
    transform: scale(1);
}

.amd-img-overlay h4 {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* --- Content Block Styling (Text side) --- */
.amd-content-block h2 {

    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.amd-icon-gif {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}

.amd-content-block p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--amd-dark);
}

/* --- Animated Underline Styling --- */
.amd-heading-wrapper {
    position: relative;
    padding-bottom: 15px;
    display: inline-block;
}

.amd-content-block p {
    margin-top: 5px;
    text-align: justify;

}

.amd-heading-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    background-color: var(--amd-primary);
    border-radius: 50%;
    z-index: 2;
}

.amd-heading-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2.5px;
    height: 3px;
    width: 0;
    background-color: var(--amd-primary);
    transition: width 0.4s ease-out;
    z-index: 1;
}

.amd-content-block:hover .amd-heading-wrapper::after {
    width: 80%;
}

/* --- Goals Section Specific Styling --- */
.amd-goals-list {
    list-style: none;
    padding-left: 0;
}

.amd-goals-list li {
    display: flex;
    align-items: flex-start;
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: var(--amd-dark);
}

.amd-goals-list .bi {
    font-size: 1.5rem;
    color: var(--amd-secondary);
    margin-right: 15px;
    margin-top: 2px;
}

.amd-goals-carousel-img {
    width: 100%;
    height: 300px;
    object-fit: cover;

    border: 5px solid var(--amd-light);
    box-shadow: 0 5px 20px rgba(var(--amd-color-black-rgb), 0.15);
}

/* our mission vission goals end  */



/* timelines section  css  */

.amd-timeline-section {
    background-color: var(--amd-body-bg);
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

/* --- Top Content Display Area --- */
.amd-timeline-content-wrapper {
    position: relative;
    min-height: 250px;
    padding: 2rem;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 50px;
}

/* The large, faded year number in the background */
.amd-timeline-year-bg {
    position: absolute;
    top: 29px;
    right: 0;
    font-weight: 800;
    font-size: 8rem;
    color: var(--amd-fade-primary);
    z-index: 1;
    line-height: 1;
    transition: all 0.5s ease;
    /* Smooth scale + fade */
    user-select: none;
    opacity: 0.30;
    transform: scale(0.9);
}

.amd-timeline-year-bg.active {
    opacity: 0.25;
    transform: scale(1);
}

@media (min-width:568px) and (max-width:991px) {
    .amd-timeline-year-bg {
        font-size: 6rem;

    }

    .amd-timeline-content-wrapper {
        min-height: 300px;
    }
}

.amd-timeline-content-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 2rem;
    color: var(--amd-dark);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s;
}

@media (max-width:768px) {
    .amd-timeline-content-item {
        padding: 7px;
    }

}

.amd-timeline-content-item.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.amd-timeline-content-item h3 {
    font-weight: 700;
    color: var(--amd-dark);
    margin-bottom: 1rem;
}

.amd-timeline-content-item p {
    color: var(--amd-dark);
    font-size: 1.1rem;
    line-height: 1.7;
}

@media (max-width:568px) {
    .amd-timeline-content-item p {
        font-size: 0.8rem;
    }
}

/* --- Bottom Year Slider (Swiper) --- */
.amd-timeline-slider-container {
    position: relative;
    padding: 0 50px;
}

/* Default faded slides */
.amd-timeline-slider .swiper-slide {
    cursor: pointer;
    text-align: center;
    opacity: 0.3;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Active (center) year */
.amd-timeline-slider .swiper-slide-active {
    opacity: 1;
    transform: scale(1.2);
    z-index: 2;
}

/* Immediate neighbors */
.amd-timeline-slider .swiper-slide-next,
.amd-timeline-slider .swiper-slide-prev {
    opacity: 0.8;
    transform: scale(1.05);
}

/* Year text */

/* Default faded slides */
.amd-timeline-slider .swiper-slide h2 {
    font-weight: 700;
    font-size: 2.5rem;
    margin: 0;
    color: var(--amd-dark);
    opacity: 0.10;
    /* faded text */
    transition: opacity 0.4s ease, color 0.4s ease;
}

/* Active year text */
.amd-timeline-slider .swiper-slide-active h2 {
    color: var(--amd-primary);
    /* highlighted color */
    opacity: 1;
    /* full visible */
}

.amd-timeline-slider .swiper-slide-active h2 {
    color: var(--amd-primary);
}

/* Navigation arrows */
.amd-timeline-slider-container .swiper-button-prev,
.amd-timeline-slider-container .swiper-button-next {
    color: var(--amd-color-white);
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.amd-timeline-slider-container .swiper-button-prev:hover,
.amd-timeline-slider-container .swiper-button-next:hover {
    opacity: 1;
}

/* --- Gradient fade on edges --- */
.amd-timeline-slider-container::before,
.amd-timeline-slider-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 3;
    pointer-events: none;
}

.amd-timeline-slider-container::before {
    left: 0;
    background: linear-gradient(to right, var(--amd-body-bg), transparent);
}

.amd-timeline-slider-container::after {
    right: 0;
    background: linear-gradient(to left, var(--amd-body-bg), transparent);
}

/* timeline section end */


/* contact us page css */


/* our office section  */
.amd-custom-header {
    background-color: var(--amd-primary-light);
    color: #343a40;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 0 !important;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px 5px 0 0;
}

/* Container for the diagram */
/* NOTE: This container now uses d-none d-lg-block in HTML to hide it on small views */
.amd-location-container {
    position: relative;
    width: 900px;
    height: 700px;
    margin: 50px auto;



}

/* Central AASAMAN NEPAL box */
.amd-center-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 150px;
    /* background:url('../assets/imgs/logo.jpg') no-repeat center center;
             */
    background: var(--amd-fade-primary);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 15px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Common Province Card Styling */
.amd-province-card {
    position: absolute;
    width: 200px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 5;
    text-align: center;
}

.amd-province-name {
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.amd-districts {
    font-size: 0.75rem;
    line-height: 1.2;
}

/* --- Specific Province Card Positioning and Colors (Remaining map layout CSS is here...) --- */
.amd-card-sudurpashchim {
    top: 50px;
    left: 50px;
    background-color: #cfe2f3;
    color: #0b5394;
    border: 1px solid #6fa8dc;
}

.amd-card-karnali {
    top: 313px;
    left: 12px;
    background-color: #ead1dc;
    color: #741b47;
    border: 1px solid #c27ba0;
}

.amd-card-lumbini {
    bottom: 70px;
    left: 150px;
    background-color: #d9ead3;
    color: #38761d;
    border: 1px solid #6aa84f;
}

.amd-card-koshi {
    top: 22px;
    right: 350px;
    background-color: #fce5cd;
    color: #b45f06;
    border: 1px solid #f9cb9c;
}

.amd-card-madhesh {
    top: 60px;
    right: 50px;
    background-color: #f4cccc;
    color: #cc0000;
    border: 1px solid #ea9999;
    width: 196px;
}

.amd-card-bagmati {
    top: 314px;
    right: 13px;
    background-color: #d9d2e9;
    color: #674ea7;
    border: 1px solid #a496c8;
}

.amd-card-gandaki {
    bottom: 58px;
    right: 144px;
    background-color: #fff2cc;
    color: #783f04;
    border: 1px solid #f9e2b3;
}

/* --- Arrow Styling (Removed the media query from the previous response as Bootstrap now handles display) --- */
.amd-arrow {
    position: absolute;
    background-color: #343a40;
    height: 2px;
    z-index: 2;
}

.amd-sudurpashchim {
    top: 275px;
    left: 497px;
    width: 240px;
    transform: rotate(-36deg);
    transform-origin: 0 50%;
}

.amd-karnali {
    top: 357px;
    left: 201px;
    width: 154px;
    transform: rotate(0deg);
    transform-origin: 0 50%;
}

.amd-lumbini {
    bottom: 126px;
    left: 243px;
    width: 225px;
    transform: rotate(-42deg);
    transform-origin: 0 50%;
}

.amd-koshi {
    top: 274px;
    right: 488px;
    width: 217px;
    transform: rotate(34deg);
    transform-origin: 100% 50%;
}

.amd-madhesh {
    top: 275px;
    right: 443px;
    width: 183px;
    transform: rotate(90deg);
    transform-origin: 100% 50%;
}

.amd-bagmati {
    top: 356px;
    right: 205px;
    width: 200px;
    transform: rotate(0deg);
    transform-origin: 100% 50%;
}

.amd-gandaki {
    bottom: 154px;
    right: 250px;
    width: 200px;
    transform: rotate(38deg);
    transform-origin: 100% 50%;
}

/* our office section end */


.amd-contact-section {
    background: var(--amd-body-bg);
    padding: 3rem 0;
}

.amd-contact-section .row>* {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

/* ===================================================================
           3. CONTACT SECTION: FORM SIDE
           =================================================================== */
.amd-contact-section__pre-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--amd-primary);
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.amd-contact-section__pre-title::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--amd-primary);
}

.amd-contact-section__title {
    position: relative;
    font-weight: 700;
    font-size: 2.3rem;
    margin-bottom: 30px;
    line-height: 1.2;
}

.amd-contact-gif {
    height: 100px;
    width: 100px;
    margin-bottom: 10px;

}

.amd-contact-section__form-wrapper {
    padding: 2rem;
    background: var(--amd-primary-light);
}

/* .amd-contact-section__title::after {
            content: "";
            position: absolute;
            width: 100px;

            height: 100px;

            background: url('../assets/imgs/Rooster.gif') no-repeat center/contain;

            top: -67px;

            right: 0;

        } */

.amd-contact-section__highlight {
    color: var(--amd-secondary);
}

.amd-contact-section .form-control {
    color: var(--amd-dark);
    font-weight: 700;
    background-color: var(--amd-primary-light);
    border: none !important;
    border-bottom: 1px solid var(--amd-primary) !important;
    padding: 15px;
    border-radius: none !important;
    font-size: 1rem;
}

.amd-contact-section .form-control:focus {
    background-color: var(--amd-light);
    border-color: var(--amd-primary);
    box-shadow: 0 0 0 0.25rem var(--amd-primary-light);
}

.form-control:focus {
    background-color: var(--amd-light);
    border-color: var(--amd-primary);
    box-shadow: 0 0 0 0.25rem var(--amd-primary-light);
}


.amd-contact-section .form-label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}

/* Base button */
.amd-contact-section__submit-btn {
    position: relative;
    background-color: var(--amd-secondary);
    border: none;
    border-radius: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--amd-light);
    font-weight: 500;
    height: 50px;
    min-width: 160px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amd-contact-section__submit-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Text inside button */
.amd-contact-section__btn-text {
    padding: 0 10px;
    transition: opacity 0.3s ease;
}

/* Arrow circle */
.amd-contact-section__btn-icon {
    background-color: var(--amd-primary);
    color: #fff;
    padding: 17px 18px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
}

/* Black sliding background */
.amd-contact-section__submit-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: var(--amd-primary);
    z-index: 1;
    transition: width 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50px;
}

/* Active animation when clicked */
.amd-contact-section__submit-btn.active .amd-contact-section__btn-text {
    opacity: 0;
}

.amd-contact-section__submit-btn.active .amd-contact-section__btn-icon {
    transform: translateX(250%);
    /* arrow slides fully to right */
}

.amd-contact-section__submit-btn.active::before {
    width: 100%;
    /* black background expands */
}




/* ===================================================================
           4. CONTACT SECTION: INFO CARD
           =================================================================== */
.amd-contact-section__info-card {
    position: relative;
    background: url(https://as1.ftcdn.net/v2/jpg/04/68/47/46/1000_F_468474640_YcXTQsmw1U2sqnFG8vZyTq8SyoYsbvva.jpg) center / cover no-repeat;
    color: var(--amd-light);
    padding: 40px;
    border-radius: 24px 0 0 25px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width:1200px) {
    .amd-contact-section__title {
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
    .amd-contact-section__info-card {
        padding: 40px;
        border-radius: 24px 25px 0 0;
        height: 500px;

    }

    .amd-contact-section__info-block {
        margin-bottom: 18px;
    }

}

@media (max-width:768px) {
    .amd-contact-section__title {
        font-size: 1.6rem;
    }
}

@media (max-width:475px) {
    .amd-contact-section__title {
        font-size: 1.4rem;
    }

    .amd-contact-gif {
        height: 40px;
        width: 40px;
        margin-bottom: 10px;
    }

    .amd-contact-section__info-card {
        padding: 30px;
        padding-top: 50px;
        border-radius: 24px 25px 0 0;
        height: 460px;
    }
}

/* Dark overlay */
.amd-contact-section__info-card::before {
    content: "";
    position: absolute;
    inset: 0;
    /* top:0; left:0; bottom:0; right:0; */
    background-color: rgba(0, 43, 64, 0.7);
    /* dark overlay */
    backdrop-filter: blur(6px);
    /* blur effect on bg */
    z-index: 0;
    border-radius: inherit;
    /* same corners */
}

/* Card content above overlay */
.amd-contact-section__info-card * {
    position: relative;
    z-index: 1;
}

.amd-contact-section__info-block {
    margin-bottom: 30px;
}

.amd-contact-section__info-block h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.amd-contact-section__info-block p {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.amd-contact-section__social-icons a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--amd-primary);
    color: var(--amd-icon-text);
    text-decoration: none;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.amd-contact-section__social-icons a:hover {
    background-color: var(--amd-secondary);
    color: var(--amd-light);
    transform: translateY(-3px);
}


/* location search  */
.amd-contact-page-search {
    background-color: var(--amd-primary-light);
    padding: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
}

.amd-contact-page-search .form-control {
    border-radius: 4px 0 0 4px;
    border: 1px solid var(--amd-border);
    padding: 12px 15px;
    font-size: 15px;
    box-shadow: none;
    height: 50px;
}

.amd-contact-page-search .form-control:focus {
    border-color: var(--amd-primary);
    box-shadow: 0 0 0 0.25rem var(--amd-primary-light);
}

.amd-contact-page-search .btn-primary {
    background-color: var(--amd-primary);
    border-color: var(--amd-primary);
    border-radius: 0 4px 4px 0;
    padding: 12px 20px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.amd-contact-page-search .btn-primary:hover {
    background-color: var(--amd-primary-hover);
    border-color: var(--amd-primary-hover);
    transform: translateY(-2px);
}


/* ===================================================================
           5. MAP & FEATURES SECTIONS
           =================================================================== */
.amd-contact-map {
    background-size: cover;
    background-position: center;
    height: 400px;
    width: 100%;
}

.amd-contact-features {
    padding: 60px 0;

}

.amd-contact-features__item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    border-right: 1px solid var(--amd-secondary);
}

.amd-contact-features__icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;

    background-color: var(--amd-nav-icon-color);
    color: var(--amd-secondary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

.amd-contact-features__item h6 {
    font-weight: 700;
    margin-bottom: 5px;
}

.amd-contact-features__item p {
    font-size: 14px;
    color: var(--amd-text-muted);
    margin: 0;
}

/* contact us page css end */





/* director message page***************************************  */

/* direction message section of hoem poge */
/* --- Start of amd-director Custom Styles --- */
.amd-director-section {
    background: rgb(209 230 248 / 40%);
    position: relative;
    overflow: hidden;
    /* Important for containing SVG shapes */
}

/* Container for the two columns */
.amd-director-wrapper {
    position: relative;
    z-index: 2;
    /* Ensures content is above background SVGs */
}

.amd-director-content {
    padding: 3rem 0rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/* Styles to handle long message gracefully */
.amd-director-message-wrapper {
    max-height: 300px;
    /* Set a max height */
    overflow-y: auto;
    /* Add scrollbar if content exceeds max height */
    margin-bottom: 1.5rem;
    padding-right: 15px;
    /* Space for scrollbar */
}

/* Custom scrollbar styling */
.amd-director-message-wrapper::-webkit-scrollbar {
    width: 6px;
}

.amd-director-message-wrapper::-webkit-scrollbar-track {
    background: var(--amd-secondary-light);
}

.amd-director-message-wrapper::-webkit-scrollbar-thumb {
    background: var(--amd-secondary);
}

.amd-director-message p {
    font-size: 1rem;
    color: var(--amd-dark);
    line-height: 1.8;
    margin: 0;
}

.amd-director-signature {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.amd-director-signature img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    /* Image ko crop karke fill karega */
    object-position: 20% 12%;
    /* Manual position adjust */
    border: 1px solid var(--amd-secondary);
}

.amd-director-signature h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--amd-dark);
    margin: 0;
}

.amd-director-signature span {
    font-size: 0.9rem;
    color: var(--amd-dark);
}

.amd-director-image-wrapper {
    position: relative;
    padding: 0;

    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.amd-director-image-wrapper img {
    width: 100%;
    height: 79%;
    object-fit: contain;
    object-position: 20% 0%;
    /* X% (left-right), Y% (top-bottom) */
    display: block;
    /* Applying the SVG clip-path */
    clip-path: url(#amd-director-clip-shape);
}

.amd-org-name {
    font-weight: 700;
    color: var(--amd-primary);
    letter-spacing: 0.5px;
}

/* SVG shapes for green accents */
.amd-director-svg-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    /* Allows clicks to go through */
}

.amd-director-svg-accent .shape {
    fill: var(--amd-secondary-light);
}

.amd-sign-2 {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .amd-director-content {
        text-align: center;
    }

    .amd-sign-1 {
        display: none;
    }

    .amd-sign-2 {
        display: block;
        text-align: center;
    }

    .amd-director-message-wrapper {
        text-align: justify;
        /* Justify text on mobile for better block reading */
    }



    .amd-director-signature {
        justify-content: center;
    }

    .amd-director-image-wrapper {
        min-height: 400px;
    }

    .amd-director-image-wrapper img {
        clip-path: none;
        margin-left: 30px;
        /* Remove clip-path on mobile */
    }

    .amd-director-svg-accent {
        display: none;
        /* Hide SVG accents on mobile for a cleaner look */
    }
}

@media (max-width:467px) {
    .amd-director-image-wrapper img {
        clip-path: none;
        margin-left: 10px;
    }
}


/* director message section of home page end */


/* --- Start of amd-director-message-page Custom Styles --- */
.amd-director-message-page-section {
    background-color: var(--amd-body-bg);

    padding: 3rem 0;
}

.amd-director-message-page-container {
    /* max-width: 960px; */
    margin: 0 auto;

}

.amd-director-message-page-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.amd-director-message-page-header h2 {
    font-size: 1.8rem;
    font-weight: 700;

    margin-bottom: 0.75rem;
}



.amd-director-message-page-intro-section {
    overflow: hidden;
    margin-bottom: 3rem;
}

/* --- Wrapper for the stylized photo --- */
.amd-director-message-page-photo-wrapper {
    display: block;
    width: 100%;
    max-width: 355px;
    /* Large screens */
    margin: 0 auto 2rem auto;
    background-color: var(--amd-border);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    /* border-radius: 12px; */
    padding: 1rem;
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); */
    transition: all 0.3s ease;
}


/* --- The Photo with Clip-Path and Effects --- */
.amd-director-message-page-photo {
    display: block;
    width: 100%;
    transition: all 0.3s ease;
}

/* --- Small screens: remove clip-path and effects --- */
@media (max-width: 768px) {
    .amd-director-message-page-photo-wrapper {
        max-width: 50%;
        /* Full width */
        padding: 0;
        clip-path: none;
        /* Remove angled shape */
        border-radius: 0;
        /* Normal rectangle */
        box-shadow: none;
        /* Optional: remove shadow */
        background-color: transparent;
    }

    .amd-director-message-page-photo {
        border-radius: 0;
        opacity: 1;
        /* Normal image */
    }
}


.amd-director-message-page-headline {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--amd-dark);
    line-height: 1.4;
    margin-bottom: 1rem;
}

@media (max-width:768px) {
    .amd-director-message-page-headline {
        font-size: 1.5rem;
    }
}

.amd-director-message-page-mission {
    font-size: 1rem;
    text-align: justify;
    font-weight: 500;
    line-height: 1.8;
    padding: 12px;
    background: var(--amd-border);
    color: var(--amd-dark);
}

.amd-director-message-page-main-body {
    border-top: 1px solid var(--amd-border);
    padding-top: 3rem;
    margin-bottom: 4rem;
}

.amd-director-message-page-body-columns {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.amd-director-message-page-body-columns p {
    font-size: 0.95rem;
    line-height: 1.9;
    color: var(--text-secondary);
    margin: 0;
    text-align: justify;
}

.amd-director-message-page-signature-block {
    text-align: right;
}

.amd-director-message-page-signature-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin: 0;
}

.amd-director-message-page-signature-image {
    max-width: 200px;
    margin-top: 0.5rem;
}

.amd-director-message-signature-image {
    width: 10%;
}

/* --- Desktop Responsive Styles --- */
@media (min-width: 768px) {
    .amd-director-message-page-photo-wrapper {
        /* The wrapper now gets floated, not the image */
        float: right;
        margin-left: 2.5rem;
        margin-bottom: 1rem;
        margin-top: 0;
    }

    .amd-director-message-page-body-columns {
        flex-direction: row;
    }

}

/* director message page end************************************************ */




/* report page css************************************ */


body.amd-report-modal-open {
    overflow: hidden;
}

/* .amd-report-container {
    border: 1px solid var(--amd-border);

} */

.amd-report-page-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Header */
.amd-report-header {
    text-align: center;

    margin-bottom: 20px;

}

.amd-report-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--amd-primary);
}

.amd-report-subtitle {
    font-size: 1.2rem;
    color: #6c757d;
}

/* Controls: Tabs & Search */
.amd-report-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid var(--amd-border);
    padding: 10px 14px;
    align-items: center;
    margin-bottom: 40px;
    gap: 20px;
}

.amd-report-tabs {
    display: flex;
    list-style: none;
    gap: 10px;
    padding: 0;
    margin: 0;

    background: var(--amd-primary-light);
}

@media (max-width: 575.98px) {
    .amd-report-tabs {
        flex-wrap: wrap;
        justify-content: center;
    }

    .amd-report-tabs li {
        font-size: 0.8rem;
        flex: 0 0 calc(50% - 10px);
        /* 2 items per row */
        max-width: calc(50% - 10px);
        text-align: center;
        /* optional: center text inside tab */
    }
}

.amd-report-tab {
    padding: 7px 14px;
    font-weight: 600;
    cursor: pointer;
    border-left: 5px solid var(--amd-primary);
    transition: all 0.3s ease;
}

.amd-report-tab.is-active,
.amd-report-tab:hover {
    background-color: var(--amd-primary);
    color: #fff;
}

.amd-report-search-wrapper {
    position: relative;
}

.amd-report-search-wrapper .fa-search {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
}

#amd-report-search-input {
    padding: 7px 13px 7px 34px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    min-width: 243px;
    font-size: 1rem;
    transition: all 0.3s ease;
    /* Smooth animation */
}

/* === Custom Focus Effect === */
#amd-report-search-input:focus {
    border-color: var(--amd-primary);
    /* Custom highlight color */
    box-shadow: 0 0 8px rgba(108, 99, 255, 0.3);
    /* Glow effect */
    outline: none;
    background-color: transparent;
    /* Ensures focus state looks clean */
}


/* Report Grid & Cards */
.amd-report-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.amd-report-card {
    background: var(--amd-body-bg);

    border: 1px solid var(--amd-border);
    box-shadow: var(--amd-border);
    display: flex;
    padding: 20px;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.amd-report-card.is-hidden {
    display: none;
}

.amd-report-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.amd-report-card-icon {
    font-size: 2.5rem;
    color: var(--amd-primary);
    padding-top: 5px;
}

.amd-report-card-content {
    display: flex;
    flex-direction: column;
}

.amd-report-card-title {
    font-weight: 600;
    color: var(--amd-dark);
    text-decoration: none;
    font-size: 1.1rem;
}

.amd-report-card-desc {
    font-size: 0.9rem;
    color: #6c757d;
    margin: 0 0 15px;
    flex-grow: 1;
}

.amd-report-card-meta {
    font-size: 0.8rem;
    color: #aaa;
    margin-bottom: 15px;
}

.amd-report-view-btn {
    align-self: flex-start;
    color: var(--amd-primary);
    cursor: pointer;
    transition: background-color 0.3s ease;
}


@media (max-width: 768px) {
    .amd-report-controls {
        flex-direction: column;
        align-items: stretch;
    }
}

/* report page css end********************************************** */
/* report detail page css */
/* --- AMD Report: Main Content Area --- */
.amd-report-meta-top {
    font-size: 0.9rem;
    color: var(--amd-muted);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--amd-border);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.amd-report-detail-content {
    font-size: 1rem;
    line-height: 1.8;
    color: var(--amd-muted);


}

.amd-report-detail-content p {
    text-align: justify;
}

.amd-report-detail-content h4 {
    font-family: var(--amd-font-family-title);
    font-weight: 600;
    color: var(--amd-dark);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.amd-report-detail-content blockquote {
    border-left: 4px solid var(--amd-primary);
    padding-left: 1.5rem;
    font-style: italic;
    color: var(--amd-dark);
}

/* --- AMD Report: Sidebar --- */
.amd-report-sidebar .card {
    border: 1px solid var(--amd-border);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.amd-report-sidebar .card-header {
    font-family: var(--amd-tittle-font-family);
    font-weight: 600;
    background-color: var(--amd-background);
}

.amd-report-downloads .list-group-item {
    display: flex;
    align-items: center;
    color: var(--amd-dark);
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.amd-report-downloads .list-group-item:hover {
    background-color: #e9ecef;
}

.amd-report-downloads .file-icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    color: var(--amd-primary);
}

.amd-report-recent a {
    color: var(--amd-primary);
    text-decoration: none;
    font-weight: 500;
    display: block;
    padding: 0.5rem 0;
}

.amd-report-recent a:hover {
    text-decoration: underline;
}

/* Sticky sidebar for large screens */
@media (min-width: 992px) {
    .amd-sidebar-sticky {
        position: sticky;
        top: 2rem;
        /* height: calc(100vh - 4rem);  */
        /* Adjust as needed */
        overflow-y: auto;
    }
}

/* Responsive Typography */
@media (max-width: 768px) {
    .amd-report-header h1 {
        font-size: 2rem;
    }

    .amd-report-detail-content {
        font-size: 1rem;
    }
}

/* report detail page css end */


/* project detail page css */

/* --- Hero Section --- */
.amd-project-detail-breadcum-head {
    padding: 3rem 0;
    color: white;
    /* Thematic color for Education */
    background: linear-gradient(rgba(32, 41, 29, 0.85), rgba(13, 97, 253, 0.85)), url('https://via.placeholder.com/1500x400.png?text=Education+Project+Image') no-repeat center center;
    background-size: cover;
}

.amd-project-detail-breadcum-head .project-title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

/* --- Stats Bar --- */
.amd-project-detail-states {
    background-color: #f1f3f5;
    padding: 1.5rem 0;
    text-align: center;
}

.amd-project-detail-stat-item {
    padding: 0 1rem;
}

.amd-project-detail-stat-item .stat-number {
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--amd-fade-secondary);
    /* Theme color */
    line-height: 1;
}

.amd-project-detail-stat-item .stat-label {
    font-size: 0.9rem;
    color: #6c757d;
    text-transform: uppercase;
}

/* --- Main Content & Sidebar --- */
.amd-project-detail-content-section {
    padding: 2.5rem 0;
}

.amd-project-detail-content-section p {
    text-align: justify;
    text-justify: inter-word;
    color: var(--amd-muted);
}

.amd-project-detail-sidebar-card {
    border: 0;
    border-left: 4px solid var(--amd-fade-secondary);
    /* Theme color */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
}

.amd-project-detail-sidebar-card .card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid var(--amd-border);
    font-weight: 700;
}

.list-group-item {
    border: none;
    padding: 0.75rem 1.25rem;
}

.list-group-item strong {
    display: inline-block;
    min-width: 100px;
}

.partner-logo {
    max-height: 50px;
    width: auto;
    margin: 10px;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.partner-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.amd-project-detail-actives-card {
    border: 1px solid #e9ecef;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.amd-project-detail-actives-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.amd-project-card-icon {
    font-size: 2rem;
    color: var(--amd-primary);

}

.carousel-item img {
    max-height: 500px;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .amd-project-detail-stat-item .stat-number {
        font-size: 2rem;
    }

    .amd-project-detail-breadcum-head .project-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 767.98px) {
    .amd-project-detail-stat-item .stat-number {
        font-size: 1.5rem;
    }

    .amd-project-detail-breadcum-head .project-title {
        font-size: 2rem;
    }

    .amd-project-detail-breadcum-head .lead {
        font-size: 0.9rem;
    }
}

/* project detail page css end */





/*  project list page css */

/* --- Sidebar --- */
.amd-sticky-panel {
    height: calc(100vh - 70px);
    position: sticky;
    top: 0;
}

.amd-thematic-sidebar {
    border-right: 1px solid var(--amd-border);
    display: flex;
    flex-direction: column;
}

.amd-thematic-nav-title {
    font-family: var(--amd-tittle-font-family);
    font-weight: 600;
    padding: 1.5rem 1rem 0.5rem;
    color: var(--amd-text-secondary);
}

.amd-nav-scroll-wrapper {
    overflow-y: auto;
    flex-grow: 1;
}

.amd-thematic-nav .nav-link {
    padding: 0.75rem 1rem;
    color: var(--amd-text-secondary);
    border-left: 4px solid transparent;
    font-weight: 500;
    transition: all 0.2s ease;
}

.amd-thematic-nav .nav-link:hover {
    background-color: var(--amd-primary-light);
    color: var(--amd-primary);
}



.amd-thematic-nav .nav-link.active[data-theme="education"] {
    border-left-color: var(--amd-primary);
}

.amd-thematic-nav .nav-link.active[data-theme="health"] {
    border-left-color: var(--amd-secondary);
}

/* --- Content Area & Cards --- */
.amd-content-area {
    min-height: 100vh;
}

/* Thematic Header */
.thematic-header {
    background-color: var(--amd-primary-light);

    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.thematic-header h2 {
    font-size: 1.3rem;

    color: var(--amd-dark);
    font-weight: 700;

}

.thematic-header p {
    font-size: 1rem;
    color: var(--amd-muted);
}

.amd-project-list .card-body {
    text-decoration: none;

}

.amd-project-card-wrapper .card-header {
    background: var(--amd-primary-light);
    color: var(--amd-primary);

}

.amd-project-card {
    transition: all 0.3s ease;
    margin-bottom: 10px;
    background: var(--amd-light);
}

.amd-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.amd-project-card .card-header {
    border-bottom: 0;

}

.amd-project-card .nav-tabs .nav-link {
    font-size: 0.9rem;
    padding: 0.3rem 0.8rem;
    color: var(--amd-primary);
}

.amd-project-card .nav-tabs .nav-link.active {
    font-weight: 600;
    color: var(--amd-secondary) !important;
    border-bottom: 2px solid var(--amd-secondary) !important;
}

/* Image & Layout */
.amd-project-content {
    overflow: hidden;
    gap: 12px;
}

.amd-project-content p {
    text-align: justify;
    margin-right: 10px;
}

.amd-project-img img {

    width: 180px;
    height: 130px;
    object-fit: contain;
}



.amd-head-badge {
    background-color: var(--amd-primary);
    color: white;
}

.amd-active-badge {
    background-color: var(--amd-secondary);
    color: white;
}

/* Project Title */
.amd-project-title {
    max-width: 55%;
    /* Desktop width */
    word-wrap: break-word;
}

/* Tabs */
.amd-project-tabs {
    width: auto;
}

@media (max-width: 1200px) {
    .amd-project-title {
        max-width: 60%;
        /* Adjust width for medium screens */
    }
}

/* Responsive for small screens */
@media (max-width: 991.98px) {
    .amd-project-title {
        max-width: 100%;
        /* Full width on small screens */
        font-size: 0.9rem;
    }

    .amd-project-tabs {
        width: 100%;
        /* Tabs full width on small screens */
    }
}

/* Always Left Image - Even on Small Screens */
@media (max-width: 768px) {
    .amd-project-content {
        flex-direction: row;
        align-items: flex-start;
    }

    .amd-project-img img {
        width: 120px;
        height: 90px;
        margin-top: 20px;
    }

    .amd-project-card-wrapper .card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .amd-project-card-wrapper .card-header h5 {
        font-size: 1rem;
    }

    .amd-project-card .nav-tabs .nav-link {
        font-size: 0.77rem;
    }

    .tab-content p,
    .tab-pane,
    .detail-item {
        font-size: 0.77rem;
    }
}

/* project list page css end */

/* notice page css */

/* --- Header & Breadcrumb --- */
.amd-notice-header {
    background-color: var(--amd-background);
    padding: 3rem 0;
    border-bottom: 1px solid var(--amd-border);
    text-align: center;
}

.amd-notice-header h1 {
    font-family: var(--amd-tittle-font-family);
    font-weight: 600;
    color: var(--amd-dark);
    font-size: 2rem;
    margin-bottom: 0.5rem;
}


/* --- Filter Bar --- */
.amd-notice-filters {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
}

/* --- Notice Card --- */
.amd-notice-card {
    border: 1px solid var(--amd-border);
    border-radius: 0.5rem;
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.amd-notice-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.08);
}

.amd-notice-card-header {
    padding: 0.75rem 1.25rem;
    background: var(--amd-primary-light);
    border-bottom: 1px solid var(--amd-border);
    color: var(--amd-dark);
    font-size: 0.9rem;
}

.amd-notice-card-body {
    padding: 1.25rem;
    flex-grow: 1;
}

.amd-notice-card-body p {
    color: var(--amd-muted);
}

.amd-notice-card-title {
    font-weight: 600;
    color: var(--amd-dark);
    text-decoration: none;
    font-size: 1.1rem;
}

.amd-notice-card-title:hover {
    color: var(--amd-primary);
}

.amd-notice-card-footer {
    padding: 0 1.25rem 1.25rem;
    border-top: none;
    background: transparent;
}

.amd-notice-readmore {
    color: var(--amd-primary);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.amd-notice-readmore i {
    transition: transform 0.2s ease;
}

.amd-notice-readmore:hover i {
    transform: translateX(4px);
}

/* --- Card Variants --- */
.amd-notice-important {
    border-left: 4px solid var(--amd-primary-light);
}

/* --- Category Badge Colors --- */
.badge[data-category="Vacancy"] {
    background-color: var(--amd-primary);
}

.badge[data-category="Tender"] {
    background-color: #198754;
}

.badge[data-category="Events"] {
    background-color: #6f42c1;
}

.badge[data-category="General"] {
    background-color: #6c757d;
}

/* --- Responsive Styles --- */
@media (max-width: 991.98px) {
    .amd-notice-header {
        padding: 2rem 0;
    }

    .amd-notice-header h1 {
        font-size: 1.75rem;
    }


}

@media (max-width: 767.98px) {
    .amd-notice-header {
        padding: 1.5rem 0;
    }

    .amd-notice-header h1 {
        font-size: 1.5rem;
    }

    .amd-notice-card-header {
        font-size: 0.85rem;
        padding: 0.6rem 1rem;
    }

    .amd-notice-card-body {
        padding: 1rem;
    }

    .amd-notice-card-title {
        font-size: 1rem;
    }

    .amd-notice-readmore {
        font-size: 0.85rem;
    }
}

@media (max-width: 575.98px) {
    .amd-notice-header {
        text-align: left;
        padding: 1rem;
    }

    .amd-notice-header h1 {
        font-size: 1.35rem;
    }


    .amd-notice-card {
        border-radius: 0.4rem;
    }

    .amd-notice-card-title {
        font-size: 0.95rem;
    }

    .amd-notice-card-body {
        padding: 0.9rem;
    }

    .amd-notice-card-body p {
        font-size: 0.8rem;
    }

    .amd-notice-readmore {
        font-size: 0.8rem;
    }
}

/* notice page css end */



/* notice page detail page css */
/* --- Main Content Area --- */
.amd-notice-detail-content {
    text-align: justify;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--amd-dark);
}

.amd-notice-detail-content h2,
.amd-notice-detail-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.amd-notice-detail-meta-top {
    font-size: 0.9rem;
    color: var(--amd-dark);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--amd-border);
}

/* --- Sidebar --- */
.amd-notice-detail-sidebar {
    background: var(--amd-primary-light) !important;
    margin-bottom: 1.4rem;
}

.amd-notice-detail-sidebar .card {
    border: 1px solid var(--amd-border);
    border-left: 3px solid var(--amd-primary);
}

.amd-notice-detail-sidebar .card-header {
    font-family: var(--amd-tittle-font-family);
    font-weight: 600;
    background-color: #f8f9fa;
    font-size: 1.1rem;
}

.amd-notice-detail-downloads {
    background: var(--amd-primary-light) !important;
}

.amd-notice-detail-downloads .list-group-item {
    display: flex;
    align-items: center;
    color: var(--amd-dark);
    background: var(--amd-primary-light);
    text-decoration: none;
    transition: background-color 0.2s ease;
    font-size: 0.95rem;
}

.amd-notice-detail-downloads .list-group-item:hover {
    background-color: #e9ecef;
}

.amd-notice-detail-downloads .file-icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    color: var(--amd-primary);
}

.amd-notice-detail-recent a {
    color: var(--amd-primary);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
}

.amd-notice-detail-recent a:hover {
    text-decoration: underline;
}

/* Sticky sidebar for large screens */
@media (min-width: 992px) {
    .amd-sidebar-sticky {
        position: sticky;
        top: 2rem;
        overflow-y: auto;
    }
}

/* --- Responsive Styles --- */
@media (max-width: 991.98px) {
    .amd-notice-header {
        padding: 2rem 0;
    }

    .amd-notice-header h1 {
        font-size: 1.75rem;
    }



    .amd-notice-detail-content {
        font-size: 0.95rem;
        line-height: 1.7;
    }

    .amd-notice-detail-content h2,
    .amd-notice-detail-content h3 {
        font-size: 1.35rem;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .amd-notice-detail-meta-top {
        font-size: 0.85rem;
    }

    .amd-notice-detail-sidebar .card-header {
        font-size: 1rem;
    }

    .amd-notice-detail-downloads .list-group-item {
        font-size: 0.9rem;
    }

    .amd-notice-detail-recent a {
        font-size: 0.9rem;
    }
}

@media (max-width: 767.98px) {
    .amd-notice-header {
        padding: 1.5rem 0;
    }

    .amd-notice-header h1 {
        font-size: 1.5rem;
    }

    .amd-notice-detail-content {
        font-size: 0.9rem;
    }

    .amd-notice-detail-content h2,
    .amd-notice-detail-content h3 {
        font-size: 1.25rem;
    }

    .amd-notice-detail-meta-top {
        font-size: 0.8rem;
        padding-bottom: 1rem;
    }

    .amd-notice-detail-sidebar .card-header {
        font-size: 0.95rem;
    }

    .amd-notice-detail-downloads .file-icon {
        font-size: 1.3rem;
        margin-right: 0.8rem;
    }
}

@media (max-width: 575.98px) {
    .amd-notice-header {
        text-align: left;
        padding: 1rem;
    }

    .amd-notice-header h1 {
        font-size: 1.35rem;
    }



    .amd-notice-detail-content {
        font-size: 0.85rem;

        line-height: 1.6;
    }

    .amd-notice-detail-content h2,
    .amd-notice-detail-content h3 {
        font-size: 1.1rem;
    }

    .amd-notice-detail-meta-top {
        font-size: 0.75rem;
    }

    .amd-notice-detail-sidebar .card-header {
        font-size: 0.9rem;
    }

    .amd-notice-detail-downloads .file-icon {
        font-size: 1.2rem;
    }

    .amd-notice-detail-recent a {
        font-size: 0.85rem;
    }
}


/* notice detail page css end */






/* successfull story page css */

.amd-stories-page {
    margin: 0 auto;
    padding: 24px;
}

/* --- Filter Bar --- */


.amd-filter-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 10px 14px;
    margin-bottom: 40px;
    border: 1px solid var(--amd-border);

}

.amd-category-tabs {
    display: flex;
    gap: 8px;
    flex-grow: 1;
    overflow-x: auto;
    scrollbar-width: thin;
}

.amd-tab-link {
    display: inline-block;
    padding: 8px 16px;
    border-left: 5px solid var(--amd-primary);
    background: var(--amd-primary-light);
    text-decoration: none;
    color: var(--amd-muted);
    font-weight: 500;
    transition: background-color 0.2s, color 0.2s;
    white-space: nowrap;
}

.amd-tab-link:hover {
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

.amd-tab-link.active {
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

.amd-sort-by {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
}

.amd-select-wrapper {
    position: relative;
}

.amd-sort-by select {
    border: 1px solid var(--amd-border);
    border-radius: 6px;
    padding: 8px 30px 8px 12px;
    font-family: inherit;
    font-size: 0.9rem;
    background-color: var(--amd-light);
    appearance: none;
    -webkit-appearance: none;
}

.amd-select-wrapper::after {
    content: '▼';
    /* clean, UTF-8 safe */
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) scale(0.6);
    pointer-events: none;
}


/* --- 3. Main Stories Grid --- */
.amd-stories-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

/* --- 4. THE SINGLE REUSABLE CARD STYLE --- */
.amd-successful-story-card {

    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 10px;
    border: 1px solid var(--amd-border);
}

.amd-successful-story-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.amd-card-image-wrapper {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 3px;
}

.amd-card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.amd-successful-story-card:hover .amd-card-image-wrapper img {
    transform: scale(1.05);
}

.amd-card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.amd-card-meta {
    font-size: 0.85rem;
    color: var(--amd-muted);
    margin-bottom: 12px;
}

.amd-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.amd-card-title a {
    color: inherit;
    text-decoration: none;
}

.amd-card-title a:hover {
    color: var(--amd-secondary);
}

.amd-card-excerpt {
    margin: 0 0 auto 0;
    padding-bottom: 20px;
    font-size: 0.95rem;
}

.amd-card-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: auto;
}

.amd-author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.amd-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.amd-author span {
    font-weight: 500;
    font-size: 0.9rem;
}








/* ==================================================
           DYNAMIC POSITIONAL LAYOUT (DRIVEN BY JS CLASSES)
           ================================================== */

/* --- Tablet (768px and up) --- */
@media (min-width: 768px) {
    .amd-stories-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .amd-card-title {
        font-size: 1rem;
    }

    .amd-successful-story-card.is-first-visible {
        grid-column: 1 / 3;
    }


}

/* --- Desktop (1024px and up) --- */
@media (min-width: 1024px) {


    .amd-stories-grid {
        grid-template-columns: 2fr 1.5fr repeat(2, 2.5fr);
        /* Let rows be created automatically */
    }

    /* === STYLE and PLACE the FEATURED Card === */
    .amd-successful-story-card.is-first-visible {
        grid-column: 1 / 3;
        grid-row: span 3;
        /* It will span 3 rows of content */
    }

    .amd-successful-story-card.is-first-visible .amd-card-title {
        font-size: 1.5rem;
    }

    /* === STYLE the LIST Cards === */
    .amd-successful-story-card.is-list-item {
        flex-direction: row;
        align-items: center;

        gap: 16px;
        /* ** THE FIX IS HERE: We explicitly tell list items where to go ** */
        grid-column: 3 / -1;
        /* Start at column 3 and go to the end */
    }

    .amd-successful-story-card.is-list-item .amd-card-image-wrapper {
        width: 269px;
        height: 229px;
        flex-shrink: 0;
        aspect-ratio: auto;
        border-radius: 3px;
    }

    .amd-successful-story-card.is-list-item .amd-card-content {
        padding: 0;
    }

    .amd-successful-story-card.is-list-item .amd-card-title {
        font-size: 1.1rem;
        margin-bottom: 8px;
    }


    /* .amd-successful-story-card.is-list-item .amd-card-excerpt,
            .amd-successful-story-card.is-list-item .amd-card-footer .amd-tags {
                display: block;
            } */


    /* === STYLE the SMALL Cards === */


    .amd-successful-story-card.is-small-item .amd-card-content {
        justify-content: flex-end;
    }

    .amd-successful-story-card.is-small-item .amd-card-meta,
    .amd-successful-story-card.is-small-item .amd-card-excerpt,
    .amd-successful-story-card.is-small-item .amd-card-footer {
        display: block;
    }

    .amd-successful-story-card.is-small-item .amd-hidden-p {
        display: none;
    }
}

/* Common badge style */
.amd-badge {

    display: inline-block;
    padding: 4px 6px;
    font-size: 10px;
    font-weight: 400;
    margin-top: 6px;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Education tag */
.amd-badge-education {
    background: rgba(0, 102, 255, 0.1);
    /* light blue background */
    color: var(--amd-primary);
    /* blue text */
    border: 1px solid rgba(0, 102, 255, 0.2);
}



/* Volunteer tag */
.amd-badge-volunteer {
    background: rgba(0, 180, 60, 0.1);
    /* light green background */
    color: var(--amd-secondary);
    /* green text */
    border: 1px solid rgba(0, 180, 60, 0.2);
}

/* successfull story page css end */



/* successfull story detail page css */
/* --- 3. Main Layout Structure --- */
.amd-story-detail-page {

    margin: 0 auto;
    padding: 1rem 10px;
}

.amd-story-detail-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 48px;
}

/* --- 4. Hero Section --- */
.amd-story-detail-main .amd-successfull-section-header {
    position: sticky;
    top: 0;
    /* screen ke top se chipka rahega */
    background: var(--amd-body-bg);
    /* ya aapka dark blue background */
    padding: 12px 5px;
    z-index: 3;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.amd-story-detail-main .amd-successfull-section-header {
    transition: all 0.3s ease;
}

.amd-share-btn {
    background: transparent;
    border: none;
    color: var(--amd-dark);
    font-size: 1.4rem;
    cursor: pointer;
    transition: color 0.2s ease;
}

.amd-share-btn:hover {
    color: #00bcd4;
}

.amd-story-detail-hero .amd-subtitle {
    font-size: 1.25rem;
    color: var(--amd-muted);
    margin-bottom: 24px;
    max-width: 75ch;
    /* Limit line length for readability */
}

@media (max-width:568px) {
    .amd-story-detail-hero .amd-subtitle {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
}

.amd-hero-image-wrapper {
    width: 100%;
    /* margin-top: 32px; */
    border-radius: 5px;
    overflow: hidden;
    /* Crucial for parallax effect */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    aspect-ratio: 16 / 9;
}

.amd-hero-image-wrapper img {
    width: 100%;
    height: 120%;
    /* Taller image for parallax */
    object-fit: cover;
    /* JS will handle transform */
}


/*sidebar cards  */

.amd-new-card {
    display: flex;
    flex-direction: row;
    background: #fff;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 640px;
    transition: transform 0.3s ease;
}

.amd-new-card:hover {
    transform: translateY(-4px);
}

.amd-new-card img {
    width: 84px;
    height: 110px;
    object-fit: cover;
}

.amd-new-card-content {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.amd-new-card-content h3 {
    font-size: 0.7rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 6px;
}

.amd-new-card-content p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 10px;
    line-height: 1.4;
}

.amd-new-card-meta {
    font-size: 0.5rem;
    color: #888;
    margin-bottom: 6px;
}

.amd-new-card-footer {
    display: flex;
    align-items: center;
    margin-top: auto;
    justify-content: space-between;
}

.amd-new-card-footer-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.amd-new-card-footer-left img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.amd-new-card-footer-left span {
    font-size: 0.5rem;
    color: #333;
    font-weight: 500;
}

.amd-new-card-tags {
    display: flex;
    gap: 6px;
}

.amd-new-card-tag {
    background: #eaf4ff;
    color: #0078ff;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 0.44rem;
    font-weight: 500;
}

.amd-new-card-tag:nth-child(2) {
    background: #e8fff2;
    color: #00b66d;
}

@media (max-width: 640px) {
    .amd-new-card {
        flex-direction: column;
        max-width: 100%;
    }

    .amd-new-card img {
        width: 100%;
        height: 220px;
    }

    .amd-new-card-footer-left img {
        width: 30px;
        height: 30px;
    }
}

/* sidebar card end */


/* ===========================
   AMD NEW CARD - HORIZONTAL
   =========================== */
.amd-new-card-horizontal {
    display: flex;
    flex-direction: row;
    background: #fff;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 640px;
    transition: transform 0.3s ease;
}

.amd-new-card-horizontal:hover {
    transform: translateY(-4px);
}

.amd-new-card-horizontal img {
    width: 84px;
    height: 110px;
    object-fit: cover;
}

.amd-new-card-horizontal-content {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.amd-new-card-horizontal-content h3 {
    font-size: 0.7rem;
    font-weight: 700;
    color: #222;
    margin: 0 0 6px;
}

.amd-new-card-horizontal-content p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 10px;
    line-height: 1.4;
}

.amd-new-card-horizontal-meta {
    font-size: 0.5rem;
    color: #888;
    margin-bottom: 6px;
}

.amd-new-card-horizontal-footer {
    display: flex;
    align-items: center;
    margin-top: auto;
    justify-content: space-between;
}

.amd-new-card-horizontal-footer-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.amd-new-card-horizontal-footer-left img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.amd-new-card-horizontal-footer-left span {
    font-size: 0.5rem;
    color: #333;
    font-weight: 500;
}

.amd-new-card-horizontal-tags {
    display: flex;
    gap: 6px;
}

.amd-new-card-horizontal-tag {
    background: #eaf4ff;
    color: #0078ff;
    padding: 4px 5px;
    border-radius: 4px;
    font-size: 0.44rem;
    font-weight: 500;
}

.amd-new-card-horizontal-tag:nth-child(2) {
    background: #e8fff2;
    color: #00b66d;
}

@media (max-width: 640px) {
    .amd-new-card-horizontal {
        flex-direction: column;
        max-width: 95%;
    }

    .amd-new-card-horizontal img {
        width: 100%;
        height: 220px;
    }

    .amd-new-card-horizontal-footer-left img {
        width: 30px;
        height: 30px;
    }
}

/* sidebar card end */
/* --- 5. Main Story Content --- */
.amd-story-detail-content {
    font-family: var(--amd-font-family);
    font-size: 1.15rem;
    line-height: 1.8;
    color: #333;
}

.amd-story-detail-content p:first-of-type::first-letter {
    font-size: 4.5em;
    font-weight: 700;
    float: left;
    line-height: 0.7;
    margin: 0.1em 0.1em 0 0;
    color: var(--amd-dark);
}

.amd-story-detail-content p {
    margin: 0 0 1.5em 0;
    text-align: justify;
}

.amd-story-detail-content h2 {
    font-family: var(--amd-font-family);
    font-size: 1.8rem;
    color: var(--amd-dark);
    margin: 2em 0 1em 0;
}

.amd-story-detail-content blockquote {
    margin: 2em 0;
    padding: 24px;
    border-left: 4px solid var(--amd-secondary);
    font-size: 1.3rem;
    font-style: italic;
    font-weight: 700;
    color: var(--amd-dark);
    position: relative;
}

@media(max-width:568px) {
    .amd-story-detail-content blockquote {
        font-size: 1rem;
    }
}

.amd-story-detail-content blockquote::before {
    content: '“';
    /* left double quote */
    position: absolute;
    left: -15px;
    top: -10px;
    font-size: 5em;
    color: var(--amd-light);
    z-index: -1;
    font-style: normal;
}


.amd-story-detail-content .amd-inline-image {
    max-width: 100%;


}

.amd-inline-image img {
    width: 100%;
    height: 500px;
    border-radius: 5px;
    object-fit: cover;
}

.amd-inline-image figcaption {
    font-family: var(--amd-font-family);
    font-size: 0.85rem;
    text-align: center;
    color: var(--amd-muted);
    margin-top: 12px;
}

/* --- 6. Sticky Sidebar --- */
.amd-sidebar-box {
    background-color: var(--amd-primary-light);
    padding: 24px;
    border-radius: 5px;
    margin-bottom: 24px;
}

.amd-sidebar-box h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin: 0 0 16px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--amd-border);
}

.amd-author-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.amd-author-box img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.amd-author-info span {
    display: block;
}

.amd-author-info .name {
    font-weight: 600;
    color: var(--amd-dark);
}

.amd-author-info .date {
    font-size: 0.85rem;
    color: var(--amd-muted);
}

.amd-share-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
}

.amd-share-box a {
    color: var(--amd-muted);
}

.amd-share-box a:hover svg {
    fill: var(--amd-secondary);
}

.amd-share-box svg {
    fill: currentColor;
    transition: fill 0.2s;
}

.amd-cta-box {
    background-color: var(--amd-primary-light);
    border: 1px solid var(--amd-fade-primary);
    text-align: center;
}

.amd-cta-box p {
    font-size: 0.95rem;
    margin: 0 0 16px 0;
}


/* --- 7. Related Stories --- */
.amd-related-stories {
    grid-column: 1 / -1;
    padding: 3rem 0;
    background: var(--amd-primary-light);

}

.amd-related-stories h2 {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 40px;
    color: var(--amd-dark);
}


.amd-story-detail-card {
    background: var(--amd-light);
    border-radius: 5px;
    box-shadow: var(--amd-muted);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* --- 8. Scroll Animations --- */
.amd-fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.amd-fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- 9. Desktop Layout --- */
@media (min-width: 1024px) {

    /* THE FIX: A more robust and standard grid layout */
    .amd-story-detail-layout {
        grid-template-columns: 1fr 320px;
        align-items: flex-start;
    }

    .amd-story-detail-sidebar {
        position: sticky;
        top: 40px;
    }

    .amd-related-grid {
        grid-template-columns: repeat(3, 1fr);
    }


}

/* successfull story detail page end */









/* gallery page css  */

/* Navigation Styles with Dropdown */
.amd-gallery-main-nav {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.amd-gallery-nav-tagline {
    font-size: 0.9em;
    color: #555;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.amd-gallery-dropdown {
    position: relative;
    display: inline-block;
}

.amd-gallery-dropdown-toggle {
    text-decoration: none;
    color: #666;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.amd-gallery-dropdown-toggle:hover {
    color: var(--amd-primary);
}

.amd-gallery-dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: white;
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    z-index: 10;
    margin-top: 10px;
    border: 1px solid #eee;
}

.amd-gallery-dropdown-menu a {
    color: #555;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 0.9em;
}

.amd-gallery-dropdown-menu a:hover {
    background-color: var(--amd-primary);
    color: var(--amd-light);
}

.amd-gallery-show {
    display: block;
}

/* Main Content and Gallery */
.amd-gallery-main-content {
    padding: 3rem 0;
}

.amd-gallery-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}

.amd-gallery-intro {
    text-align: center;
    margin-bottom: 40px;
}

.amd-gallery-intro h2 {
    font-size: 2em;
    color: #333;
    margin-bottom: 10px;
}

.amd-gallery-intro p {
    font-size: 1em;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Masonry Layout Styles */
.amd-gallery-grid {
    column-count: 4;
    column-gap: 25px;
}

.amd-gallery-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    break-inside: avoid;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid #eee;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.amd-gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(44, 73, 112, 0.15);
}

.amd-gallery-cover {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive Columns */
@media (max-width: 1200px) {
    .amd-gallery-grid {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .amd-gallery-grid {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .amd-gallery-grid {
        column-count: 2;
    }
}

/* Image Count Overlay Styles */
.amd-gallery-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.65);
    color: white;
    text-align: center;
    padding: 8px 0;
    font-size: 0.8em;
    font-weight: bold;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.amd-gallery-item:hover .amd-gallery-image-overlay {
    opacity: 1;
    transform: translateY(0);
}

/* Gallery Page Specific Styles */
/* Reset some default styles */
.amd-soft-content-section {
    padding: 3rem 0;
}

.amd-soft-section-title {
    position: relative;
    font-size: 2.5rem;
    /* bada aur bold */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color: var(--amd-secondary);
    /* base color */

    margin: 10px 0;
    display: inline-block;
    padding-bottom: 10px;
}

/* Gradient Text Effect */
.amd-soft-section-title {
    background: var(--amd-secondary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Stylish Underline */
.amd-soft-section-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--amd-primary);
    border-radius: 2px;
    transition: width 0.4s ease;
}

/* Hover Animation */
.amd-soft-section-title:hover::after {
    width: 140px;
}

/* Safe custom class for gallery slider only */
.amd-gallery-bg-image-wrapper {
    position: relative;
    width: 100%;
    height: 70%;
    overflow: hidden;
}

.amd-gallery-bg-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}



/* Black fade overlay */
.amd-gallery-black-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    /* semi-transparent black */
    z-index: 1;
}

/* Text overlay on top of black overlay */
.amd-gallery-overlay {
    position: absolute;
    top: 50%;
    left: 5%;
    /* Or right: 5%; for right side text */
    transform: translateY(-50%);
    color: #fff;
    z-index: 2;
    max-width: 40%;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.amd-gallery-overlay h1 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.amd-gallery-overlay p {
    font-size: 1.1rem;
}


/* --- Filter Navigation --- */
.amd-gallery-filter-nav {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--amd-border);
    padding-bottom: 1.5rem;
}



.amd-gallery-filter-nav .nav-pills .nav-link {

    /* Pill shape */
    padding: 0.5rem 1.1rem;
    color: var(--amd-dark);
    font-weight: 500;
    background-color: var(--amd-light);
    margin: 0.10rem;
    border-radius: 0 !important;
    border: 1px solid var(--amd-border);
    border-left: 4px solid var(--amd-primary);
    transition: all 0.2s ease-in-out;
    /* box-shadow: 0 1px 3px var(--amd-secondary); */
    font-size: 0.9rem;
}

.amd-gallery-filter-nav .nav-pills .nav-link.active {
    background-color: var(--amd-primary);
    color: var(--amd-light);
    border-color: var(--amd-primary);

}

.amd-gallery-filter-nav .nav-pills .nav-link:hover:not(.active) {
    background-color: var(--amd-primary);
    border-color: var(--amd-primary);
    color: var(--amd-light);
}

/* --- Masonry Grid Container --- */
.amd-gallery-masonry-container {
    column-count: 5;
    background: var(--amd-light);
    padding: 10px 10px;
    column-gap: 1.5rem;
    /* Gap between columns */
}

/* --- Individual Gallery Item --- */
.amd-gallery-item {

    background: var(--amd-primary);
    margin-bottom: 1.5rem;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    break-inside: avoid-column;
    /* Prevent content from breaking across columns */
    overflow: hidden;
    /* Hide overflowing overlay */
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.amd-gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 6px rgba(0, 0, 0, 0.3);
}

.amd-gallery-item .amd-gallery-image-wrapper {
    position: relative;
}

.amd-gallery-item img {
    width: 100%;
    height: auto;
    /* Allow image height to vary naturally */
    display: block;
    /* Remove any extra space below the image */
}

.amd-gallery-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* cover to fill, no distortion, some cropping */
    display: block;
}

/* Play icon for Video/Audio */
.amd-gallery-item .amd-gallery-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: var(--amd-primary-text);
    opacity: 0.8;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease;
    pointer-events: none;
    /* Allow click to go through to the item */
}

.amd-gallery-item:hover .amd-gallery-play-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Item Content/Footer */
.amd-gallery-item .amd-gallery-content {
    padding: 1rem;
    border-left: 4px solid var(--amd-fade-secondary);
    background: var(--amd-fade-primary);
}

.amd-gallery-content .amd-gallery-title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--amd-dark);
    margin-bottom: 0.25rem;
    amd-primary-text-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.amd-gallery-content .amd-gallery-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    color: var(--amd-text-muted);
}

.amd-gallery-info .amd-gallery-category {
    font-weight: 500;
    color: var(--amd-dark);
}

.amd-gallery-info .amd-gallery-type-icon i {
    font-size: 1.2rem;
    color: var(--amd-secondary);
}

/* --- Modal (Lightbox) Styling --- */
.amd-gallery-modal .modal-content {
    background-color: var(--amd-primary-text);
    border: none;
    border-radius: 12px;
    box-shadow: 0 10px 30px var(--amd-text-dark);
}

.amd-gallery-modal .modal-header {
    background-color: var(--amd-fade-primary);
    color: var(--amd-primary-text);
    border-bottom: none;
    padding: 1rem 1.5rem;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.amd-gallery-modal .modal-title {
    font-size: 1.2rem;
    font-weight: 600;
}

@media(max-width:768px) {
    .amd-gallery-modal .modal-title {
        font-size: 0.8rem;
    }

    .amd-gallery-content .amd-gallery-title {
        font-size: 0.8rem;
    }

    .amd-gallery-info .amd-gallery-category {
        font-size: 0.7rem;
    }

    .amd-gallery-filter-nav .nav-pills .nav-link {
        font-size: 0.7rem;
        padding: 5px 9px;
    }
}

.amd-gallery-modal .btn-close {
    filter: brightness(0) invert(1);
}

.amd-gallery-modal .btn-close:focus {
    box-shadow: 0 0 0 0.25rem var(--amd-secondary);
}

.amd-gallery-modal .modal-body {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f9fa;
    /* Light background for media content */
}

.amd-gallery-modal .modal-body img {
    max-width: 100%;
    max-height: 60vh;
    object-fit: contain;
    padding: 20px;
}

.amd-gallery-modal .modal-body video,
.amd-gallery-modal .modal-body iframe,
.amd-gallery-modal .modal-body audio {
    width: 100%;
    max-width: 100%;
}

.amd-gallery-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.amd-gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px;
}

.amd-gallery-image-wrapper:hover .amd-gallery-overlay {
    opacity: 1;
}

.amd-gallery-modal .modal-footer {
    background-color: var(--amd-fade-primary);
    border-top: 1px solid var(--amd-primary);
    padding: 1rem 1.5rem;
    text-align: left;
}

.amd-gallery-modal .modal-description {
    font-size: 0.95rem;
    color: var(--amd-text-muted);
    margin-bottom: 0;
}

/* --- Responsive Adjustments --- */
@media (max-width: 991.98px) {

    /* Tablets and smaller desktops */
    .amd-gallery-masonry-container {
        column-count: 3;
        /* 3 columns */
    }
}

@media (max-width: 767.98px) {

    /* Larger phones and tablets in portrait */
    .amd-gallery-masonry-container {
        column-count: 3;
        /* 2 columns */
    }
}

@media (max-width: 575.98px) {

    /* Small phones */
    .amd-gallery-filter-nav {
        justify-content: center;
        /* Center filter pills */
    }

    .amd-gallery-masonry-container {
        column-count: 2;
        /* Single column */
    }
}

/* gallery page css end */




/* faq page css  */


.amd-faq-container {

    margin: 0 auto;
}

/* Header Section */
.amd-faq-header {
    background-color: var(--amd-primary-light);
    padding: 60px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.amd-faq-header-content {
    flex: 1;
}

.amd-faq-header h1 {
    font-family: var(--amd-tittle-font-family);
    font-size: 2.75rem;
    color: var(--amd-dark);
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.amd-faq-header p {
    font-size: 1rem;
    color: var(--amd-muted);
    margin: 0 0 25px 0;
}

.amd-faq-search-bar {
    position: relative;
}

.amd-faq-search-bar input {
    width: 100%;
    padding: 12px 40px 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--amd-border);
    font-size: 0.9rem;
    box-sizing: border-box;
}

.amd-faq-search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--amd-muted);
}

.amd-faq-header-illustration {
    flex-shrink: 0;
}

/* SVG Styling with new variables */
.amd-svg-building {
    fill: var(--amd-fade-primary);
}

.amd-svg-body {
    fill: var(--amd-dark);
}

.amd-svg-tie {
    fill: var(--amd-body-bg);
}

.amd-svg-qbox {
    fill: var(--amd-primary);
}

.amd-svg-qmark {
    fill: var(--amd-body-bg);
}

/* FAQ Content Section */
.amd-faq-content {
    padding: 60px 40px;
    background-color: var(--amd-body-bg);

}

.amd-faq-category {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
    padding: 30px;
}

.amd-faq-category h2 {
    font-family: var(--amd-tittle-font-family);
    font-size: 1.5rem;
    color: var(--amd-dark);
    margin-bottom: 25px;
}

.amd-faq-item {
    border-bottom: 1px solid var(--amd-border);
}

.amd-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
}

.amd-faq-question h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    color: var(--amd-dark);
    transition: color 0.2s ease;
}

.amd-faq-question:hover h3 {
    color: var(--amd-primary);
}

.amd-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.amd-faq-answer p {
    margin: 0;
    padding: 0 0 20px 0;
    color: var(--amd-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.amd-faq-item.amd-faq-active .amd-faq-question h3 {
    color: var(--amd-primary);
}

.amd-faq-item.amd-faq-active .amd-faq-answer {
    max-height: 200px;
}

.amd-faq-toggle-icon {
    transition: transform 0.3s ease;
    color: var(--amd-muted);
    font-size: 1.2rem;
    font-weight: bold;
}

.amd-faq-item.amd-faq-active .amd-faq-toggle-icon {
    transform: rotate(180deg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .amd-faq-header {
        flex-direction: column;
        text-align: center;
    }

    .amd-faq-header-illustration {
        display: none;
    }

    .amd-faq-header h1 {
        font-size: 2.25rem;
    }

    .amd-faq-content,
    .amd-faq-header {
        padding: 40px 20px;
    }
}

/* faq page css end */






/* testimonial page css  */

.amd-testimonial-container {

    margin: 0 auto;
    padding: 3rem 0;
}

/* Header Section */
.amd-testimonial-header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--amd-border);
}

.amd-testimonial-header h1 {
    font-family: var(--amd-tittle-font-family);
    font-size: 2.8rem;
    color: var(--amd-dark);
    margin: 0 0 10px;
}

.amd-testimonial-header p {
    font-size: 1rem;
    color: var(--amd-muted);

    margin: 0 auto;

}

/* --- UPDATED: Masonry Grid Styles --- */
.amd-testimonial-grid {
    column-count: 2;
    /* Default number of columns for desktop */
    column-gap: 20px;
    /* Space between columns */
}

/* Individual Card Styling */
.amd-testimonial-page-card {
    background: var(--amd-primary-light);
    border-right: 6px solid var(--amd-primary);
    border: 1px solid var(--amd-border);
    border-radius: 0;
    padding: 14px;
    margin: 0 10px;
    margin-bottom: 30px;
    break-inside: avoid;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
}

.amd-testimonial-page-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Responsive Columns */
@media (max-width: 992px) {
    .amd-testimonial-grid {
        column-count: 1;
    }
}

@media (max-width: 600px) {
    .amd-testimonial-grid {
        column-count: 1;
    }
}

.amd-testimonial-page-card-icon {
    position: absolute;
    top: -2px;
    right: 9px;
    font-size: 4rem;
    color: var(--amd-fade-primary);
    opacity: 0.5;
    z-index: 1;
}

.amd-testimonial-page-card-text {
    font-size: 1rem;
    color: var(--amd-muted);
    margin: 0 0 25px 0;
    text-align: justify;
    flex-grow: 1;
    position: relative;
    z-index: 2;
}

@media (max-width:768px) {


    .amd-testimonial-header p {
        font-size: 0.8rem;
    }

    .amd-testimonial-page-card-text {
        font-size: 0.8rem;

    }

    .amd-testimonial-page-card-avatar {
        width: 40px;
        height: 40px;
    }

    .amd-testimonial-page-card-author-info h3 {
        font-size: 0.9rem;
    }

}

.amd-testimonial-page-card-author {
    display: flex;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid var(--amd-border);
    padding-top: 20px;
    position: relative;
    z-index: 2;
}

.amd-testimonial-page-card-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 2px solid var(--amd-primary-light);
}

.amd-testimonial-page-card-author-info h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--amd-dark);
}

.amd-testimonial-page-card-author-info span {
    font-size: 0.85rem;
    color: var(--amd-primary);
    font-weight: 500;
}

/* testimonial page css end */



/* Blog page css */
.amd-Blog-detail-page {
    margin: 0 auto;
    padding: 1rem 0;
}





/* carrer form page css */



.amd-carrer-form-container {
    margin: 40px auto;
    background-color: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 0.5rem;
}

.amd-carrer-form-sidebar {
    background: linear-gradient(160deg, var(--amd-primary-dark), var(--amd-primary));
    color: white;
    padding: 40px;
}

.amd-carrer-form-sidebar h2 {
    color: white;
    margin-bottom: 20px;
}

.amd-carrer-form-sidebar ul {
    list-style: none;
    padding-left: 0;
}

.amd-carrer-form-sidebar ul li {
    padding: 10px 0;
    display: flex;
    align-items: flex-start;
}

.amd-carrer-form-sidebar ul li i {
    font-size: 1.2rem;
    margin-right: 15px;
    margin-top: 5px;
    color: var(--amd-primary-light);
}

.amd-carrer-form-form-section {
    padding: 40px;
}

.amd-carrer-form-stepper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

.amd-carrer-form-stepper-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.amd-carrer-form-stepper-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 50%;
    height: 2px;
    width: 100%;
    background-color: var(--amd-border);
    z-index: 1;
}

.amd-carrer-form-step-counter {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--amd-border);
    color: var(--amd-muted);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    z-index: 2;
    transition: all 0.3s ease;
}

.amd-carrer-form-stepper-item.active .amd-carrer-form-step-counter,
.amd-carrer-form-stepper-item.completed .amd-carrer-form-step-counter {
    background-color: var(--amd-primary);
    color: white;
}

.amd-carrer-form-stepper-item.completed .amd-carrer-form-step-counter::before {
    content: '\F26E';
    font-family: 'bootstrap-icons';
    font-size: 1rem;
}

.amd-carrer-form-step-name {
    font-size: 0.8rem;
    margin-top: 8px;
    color: var(--amd-muted);
}

.amd-carrer-form-stepper-item.active .amd-carrer-form-step-name {
    color: var(--amd-primary);
    font-weight: 600;
}

.amd-carrer-form-form-step {
    display: none;
}

.amd-carrer-form-form-step.active {
    display: block;
}

.amd-carrer-form-file-upload-wrapper {
    border: 2px dashed var(--amd-border);
    border-radius: 0.5rem;
    padding: 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.amd-carrer-form-file-upload-wrapper.dragover {
    border-color: var(--amd-primary);
    background-color: #f8f9fa;
}

.amd-carrer-form-file-preview {
    display: none;
    text-align: left;
    padding: 15px;
    border-radius: 0.5rem;
    background-color: #f8f9fa;
    border: 1px solid var(--amd-border);
}

.amd-carrer-form-success-message {
    text-align: center;
}

@media (max-width: 992px) {
    .amd-carrer-form-sidebar {
        display: none;
    }
}

/* carrer form page css end */



/* dontaion page  */


.amd-donation-header {
    padding: 1rem 0;
    border-bottom: 1px solid var(--amd-border);
}

.amd-donation-header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.amd-donation-logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--amd-dark);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.amd-donation-logo i {
    color: var(--amd-fade-secondary);
    margin-right: 0.5rem;
}

.amd-donation-nav-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 2rem;
}

.amd-donation-nav-links a {
    text-decoration: none;
    color: var(--amd-muted);
    font-weight: 500;
    transition: color 0.3s ease;
}

.amd-donation-nav-links a:hover {
    color: var(--amd-dark);
}

.amd-donation-btn {
    display: inline-block;
    background-color: var(--amd-fade-secondary);
    color: var(--amd-light);
    border: none;
    border-radius: 5px;
    font-weight: 600;
    position: relative;
    top: 80px;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 0.8rem 2.5rem;
    font-size: 1.1rem;
}

@media (max-width:768px) {
    .amd-donation-btn {
        font-size: 0.8rem;
        padding: 7px 13px;
    }
}

.amd-donation-btn:hover {
    background-color: var(--amd-secondary);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.amd-donation-btn-sm {
    padding: 0.5rem 1.25rem;
    font-size: 1rem;
}

.amd-donation-hero-section {
    padding: 0.0rem 0;
    overflow: hidden;
}

.amd-donation-hero-content {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
    background-size: cover;
    background-position: center;

    padding: 6rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--amd-fade-primary);
    position: relative;
}

.amd-donation-hero-parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://images.pexels.com/photos/6646917/pexels-photo-6646917.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
    background-size: cover;
    background-position: 20% 33%;
    z-index: -1;

}

.amd-donation-hero-text {
    position: relative;
    z-index: 1;
    top: 80px;
}

.amd-donation-hero-text h1 {
    font-size: 8rem;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

.amd-donation-hero-text h2 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 0 0.5rem;
}

.amd-donation-section {
    padding: 2rem 0;
}

.amd-donation-section-header {
    text-align: center;
    margin-bottom: 3rem;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.amd-donation-section-header h3 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.amd-donation-section-header p {
    color: var(--amd-muted);
    font-size: 1.1rem;
}

.amd-donation-box {
    background-color: var(--amd-body-bg);
    padding: 2.5rem;
    /* border-radius: 20px; */
    border: 1px solid var(--amd-border);
}

.amd-donation-form-group {
    margin-bottom: 1.5rem;
}

.amd-donation-form-label {
    font-weight: 600;
    margin-bottom: 0.75rem;
    display: block;
}

.amd-donation-choice-btn-group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0.75rem;
}

.amd-donation-choice-btn {
    background-color: #fff;
    border: 1px solid var(--amd-border);
    padding: 0.75rem;
    /* border-radius: 8px; */
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
}

.amd-donation-choice-btn:hover {
    border-color: var(--amd-secondary);
    color: var(--amd-secondary);
}

.amd-donation-choice-btn.active {
    background-color: var(--amd-fade-secondary);
    border-color: var(--amd-fade-secondary);
    color: var(--amd-dark);
    font-weight: 600;
}

.amd-donation-custom-amount {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--amd-border);
    /* border-radius: 8px; */
    padding: 0 0.75rem;
}

.amd-donation-custom-amount span {
    font-size: 1rem;
    color: var(--amd-muted);
    font-weight: 600;
}

.amd-donation-form-input {
    width: 100%;
    border: none;
    outline: none;
    padding: 0.75rem 0.5rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--amd-primary);
}

.amd-donation-payment-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: -1px;
}

.amd-donation-payment-tab {
    flex-grow: 1;
    background-color: #fff;
    border: 1px solid var(--amd-border);
    /* border-radius: 8px 8px 0 0; */
    padding: 0.75rem;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
}

.amd-donation-payment-tab.active {
    background-color: var(--amd-body-bg);
    border-bottom-color: var(--amd-body-bg);
    font-weight: 600;
}

.amd-donation-payment-content {
    display: none;
    padding: 1.5rem;
    border: 1px solid var(--amd-border);
    background-color: var(--amd-body-bg);
}

.amd-donation-payment-content.active {
    display: block;
}

.amd-donation-wallet-options {
    text-align: center;
}

.amd-donation-wallet-options img {
    height: 40px;
    max-width: 100px;
}

/* --- NEW: Bank/QR Styles --- */
.amd-donation-bank-details {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1rem;
}

.amd-donation-bank-details li {
    padding: 0.6rem 0;
    border-bottom: 1px dashed var(--amd-border);
    color: var(--amd-muted);
}

.amd-donation-bank-details li strong {
    color: var(--amd-dark);
}

.amd-donation-bank-details li:last-child {
    border-bottom: none;
}

.amd-donation-qr-code {
    max-width: 160px;
    border: 6px solid #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.amd-donation-impact-calculator {
    background-color: #fff;
    padding: 2rem;

    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 2rem;
}

.amd-donation-impact-calculator h4 {
    font-weight: 700;
    margin-bottom: 1rem;
}

.amd-donation-impact-calculator .impact-line {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    transition: opacity 0.3s ease;
}

.amd-donation-impact-calculator .icon {
    font-size: 1.5rem;
    color: var(--amd-secondary);
    flex-shrink: 0;
}

.amd-donation-impact-calculator .text {
    font-size: 1rem;
}

.amd-donation-impact-calculator .text span {
    font-weight: 600;
}

/* ======================================= */
/* START: CSS FOR NEW "FEATURES" SECTION   */
/* ======================================= */
.amd-donation-feature-card {
    background-color: var(--amd-body-bg);
    padding: 2rem 1.5rem;

    text-align: center;
    height: 100%;
    border: 1px solid var(--amd-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.amd-donation-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.amd-donation-icon-wrapper {
    background-color: #e8f5e9;
    color: var(--amd-secondary);
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.amd-donation-feature-card h4 {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

@media (max-width:768px) {
    .amd-donation-feature-card h4 {
        font-size: 1rem;
    }

    .amd-donation-feature-card p {
        font-size: 0.8rem;
    }
}

.amd-donation-feature-card p {
    color: var(--amd-muted);
    font-size: 0.95rem;
}

/* ======================================= */
/* END: CSS FOR NEW "FEATURES" SECTION     */
/* ======================================= */

.amd-donation-goal-section {
    padding: 2rem 0;
    background-color: var(--amd-body-bg);
}

.amd-donation-goal-thermometer {
    max-width: 800px;
    margin: 0 auto;
}

.amd-donation-goal-thermometer .header {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.amd-donation-goal-thermometer .bar-outer {
    width: 100%;
    height: 25px;
    background-color: var(--amd-border);
    border-radius: 50px;
    padding: 4px;
}

.amd-donation-goal-thermometer .bar-inner {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, var(--amd-fade-secondary) 0%, var(--amd-secondary) 100%);
    border-radius: 50px;
    transition: width 1s ease-in-out;
    position: relative;
}

.amd-donation-goal-thermometer .bar-inner::after {
    content: attr(data-percent);
    position: absolute;
    right: -25px;
    top: -30px;
    background: var(--amd-dark);
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

@media (max-width:768px) {
    .amd-donation-goal-thermometer .bar-inner::after {
        font-size: 0.6rem;
    }

    .amd-donation-goal-thermometer .bar-outer {
        height: 18px;
    }

    .amd-donation-goal-thermometer .header {
        font-size: 0.8rem;
    }

    .amd-donation-campaign-card h5 {
        font-size: 1rem;
    }
}

.amd-donation-campaign-card {
    background-color: #fff;
    border-radius: 0px;
    padding: 10px;
    border: 1px solid var(--amd-border);
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.amd-donation-campaign-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.amd-donation-campaign-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.amd-donation-campaign-content {
    padding: 1.5rem;
}

.amd-donation-campaign-organizer {
    font-size: 0.8rem;
    color: var(--amd-muted);
    font-weight: 500;
}

.amd-donation-campaign-card h5 {
    font-weight: 600;
    margin: 0.25rem 0 1rem 0;
}

.amd-donation-progress-bar {
    width: 100%;
    height: 8px;
    background-color: var(--amd-border);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.amd-donation-progress-fill {
    height: 100%;
    background-color: var(--amd-secondary);
    border-radius: 4px;
}

.amd-donation-campaign-details {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--amd-muted);
}

.amd-donation-campaign-details span:first-child {
    color: var(--amd-dark);
    font-weight: 600;
}

.amd-donation-testimonial-card {
    padding: 2rem;
    border-left: 4px solid var(--amd-fade-secondary);
    background-color: var(--amd-body-bg);
    border-radius: 0 8px 8px 0;
}

.amd-donation-testimonial-card .quote {
    font-size: 2rem;
    color: var(--amd-fade-secondary);
}

.amd-donation-testimonial-card p {
    font-style: italic;
    margin: 1rem 0;
}

.amd-donation-testimonial-card .author {
    font-weight: 600;
}

#testimonials-carousel .carousel-inner {
    padding-bottom: 40px;
}

#testimonials-carousel .carousel-indicators [data-bs-target] {
    background-color: var(--amd-fade-secondary);
}

#testimonials-carousel .carousel-control-prev-icon,
#testimonials-carousel .carousel-control-next-icon {
    background-color: var(--amd-fade-secondary);
    border-radius: 50%;
    padding: 1.2rem;
    background-size: 50%;
}

.amd-donation-social-proof-section {
    padding: 6rem 0;
    overflow: hidden;
}

.amd-donation-social-subtitle {
    font-size: 1.25rem;
    color: var(--amd-muted);
}

.amd-donation-social-number {
    font-family: var(--font-display);
    font-size: 8rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 1rem 0;
}

.amd-donation-float-img {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    filter: grayscale(1);
}

#img1 {
    top: -20%;
    left: 10%;
    transform: rotate(-15deg);
}

#img2 {
    bottom: -10%;
    left: 20%;
    transform: rotate(10deg);
}

#img3 {
    top: 10%;
    left: 18%;
    width: 60px;
    height: 60px;
}

#img4 {
    top: 0%;
    right: 15%;
    transform: rotate(15deg);
}

#img5 {
    bottom: 0%;
    right: 10%;
    transform: rotate(-10deg);
    width: 100px;
    height: 100px;
}

.amd-donation-footer {
    background-color: var(--amd-dark);
    color: #fff;
    padding: 3rem 0;
    text-align: center;
}


.amd-faqs-donation {
    margin: 3rem 0;
}

@media (max-width: 992px) {
    .amd-donation-nav-links {
        display: none;
    }

    .amd-donation-hero-text h1 {
        font-size: 4rem;
    }

    .amd-donation-hero-text h2 {
        font-size: 2.5rem;
    }

    .amd-donation-social-number {
        font-size: 6rem;
    }
}

@media (max-width: 768px) {
    .amd-donation-impact-calculator {
        position: static;
        margin-top: 2rem;
    }

    .amd-donation-form-label {
        font-size: 0.9rem;
    }

    .amd-donation-hero-text h1 {
        font-size: 2rem;
    }

    .amd-donation-hero-text h2 {
        font-size: 2.2rem;
    }

    .amd-donation-section-header h3 {
        font-size: 2.2rem;
    }

    .amd-donation-social-number {
        font-size: 5.5rem;
    }

    .amd-donation-payment-tabs {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .amd-donation-choice-btn {
        font-size: 0.8rem;
    }

    .amd-donation-payment-tab {
        font-size: 0.8rem;
    }

    .amd-donation-impact-calculator h4 {
        font-size: 1.2rem;
    }

    .amd-donation-impact-calculator .text {
        font-size: 0.8rem;
    }

    .amd-donation-hero-text h1 {
        font-size: 1.6rem;
    }

    .amd-donation-hero-text h2 {
        font-size: 1.4rem;
        margin-left: 0;
    }

    .amd-donation-section-header h3 {
        font-size: 2rem;
    }

    .amd-donation-social-number {
        font-size: 3.5rem;
    }

    .amd-donation-float-img {
        display: none;
    }

    .amd-donation-btn {
        font-size: 0.6rem;
        padding: 4px 7px;
    }

    .amd-donation-box {
        padding: 1.5rem;
    }
}




/* why donate section */



.amd-donation-why-donate-section {
    background-color: var(--amd-light);
    border-top: 1px solid var(--amd-border);
    border-bottom: 1px solid var(--amd-border);
}



.amd-donation-why-donate-section p {
    color: var(--amd-muted);
    margin-bottom: 2rem;
}

.amd-donation-bullet-list {
    list-style: none;
    padding-left: 0;

}

.amd-donation-bullet-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    font-size: 1rem;

    font-weight: 500;
}

.amd-donation-bullet-list li span strong {
    color: var(--amd-dark);
}

.amd-donation-bullet-list li span {
    color: var(--amd-muted);
}

.amd-donation-bullet-list i {
    font-size: 1.3rem;
    color: var(--amd-secondary);
    margin-right: 1rem;
    margin-top: 0.2rem;
    /* Aligns icon with the first line of text */
}

.amd-donation-payment-card {
    background-color: #fff;
    padding: 2rem;
    border: 1px solid var(--amd-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}

.amd-donation-payment-card h4 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
}

.amd-donation-qr-image {
    display: block;
    max-width: 200px;
    margin: 0 auto 1rem auto;
    border-radius: 12px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid var(--amd-border);
}

.amd-donation-bank-info {
    list-style: none;
    padding-left: 0;
    margin-top: 1.5rem;
}

.amd-donation-bank-info li {
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
    font-size: 0.95rem;
    border-bottom: 1px dashed #ddd;
}

.amd-donation-bank-info li:last-child {
    border-bottom: none;
}

.amd-donation-bank-info strong {
    color: var(--amd-muted);
}

/* ======================================================= */
/* END: CSS FOR THE "WHY DONATE & BANK DETAILS" SECTION    */
/* ======================================================= */

/* donation page end */



/* team page css */

/* team section css */
/* --- NEW: Filter Tabs --- */
.amd-team-filters {
    position: sticky;
    top: 0;
    /* distance from top */
    z-index: 999;
    background: var(--amd-body-bg);
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    margin-bottom: 4rem;
    overflow-x: auto;
    scrollbar-width: auto;

}


.amd-team-filters button {

    border-left: 4px solid var(--amd-primary) !important;
    border: none;
}





/* --- Team Section --- */
.amd-team-section {
    padding: 2rem 0;
    position: relative;
    z-index: 1;
}

.amd-team-header p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.amd-team-card {
    /* Flex hata do taaki float work kare */
    display: block !important;
}

.amd-team-card-image-wrapper {
    float: left !important;
    width: 180px !important;
    /* adjust karo size */
    margin-right: 15px;
    margin-bottom: 0;
    /* zero rakhne se content closely ayega niche */
}

.amd-team-card-img {
    width: 100%;
    height: auto;
    display: block;
}

.amd-team-card-content {
    overflow: visible;
}

/* Clearfix */
.amd-team-card::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive: stack vertically on small screen */
/* Responsive: stack vertically on small screen */
@media (max-width: 468px) {
    .amd-team-card-image-wrapper {
        float: none !important;
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .amd-team-card-img {
        aspect-ratio: 5 / 4;

    }
}

.amd-team-social {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.amd-team-social a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 15px;
    transition: all .25s ease;
}

.amd-team-social a:hover {
    color: var(--amd-news-portal-primary);
    transform: translateY(-2px);
}
/* team section edn */


/* partner page css here  */
/* Target only partner cards */
.amd-partner-container {
    background: none !important;
}

.amd-partner-card {
    background: var(--amd-body-bg);

    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Image style inside partner card */
.amd-partner-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

@media(max-width:458px) {
    .amd-partner-card img {
        height: 110px;
    }
}

/* Hover Lift */
.amd-partner-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 3px 10px rgba(0, 123, 255, 0.3);
}

/* Border animation lines */
.amd-partner-card::before,
.amd-partner-card::after {
    content: "";
    position: absolute;
    left: -100%;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #00bfff, #007bff, transparent);
    transition: left 0.8s ease;
}

/* Top border line */
.amd-partner-card::before {
    top: 0;
}

/* Bottom border line */
.amd-partner-card::after {
    bottom: 0;
}

/* Animate border lines on hover */
.amd-partner-card:hover::before,
.amd-partner-card:hover::after {
    left: 100%;
}


/* Optional content area (if you have text) */
.amd-partner-card .card-content {
    padding: 15px;
    color: #fff;
    text-align: center;
}

/* team page css end */




/* team detail page css */

/* --- Header Section --- */
.amd-member-detail-page {
    padding: 2rem 0;
}

.amd-member-header {
    background-color: var(--amd-fade-primary);
    /* A professional dark blue */
    color: var(--amd-primary-dark);
    padding: 4rem 0;
    position: relative;
}

.amd-member-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.3s ease;
}

.amd-member-close-btn:hover {
    color: #fff;
    transform: rotate(90deg);
}

.amd-member-photo-wrapper {
    padding: 10px;

    display: inline-block;
}

.amd-member-photo {
    display: block;
    width: 100%;
    height: 173px;
    object-fit: cover;
    border-radius: 4px;
}

.amd-member-info-name {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.amd-member-info-title {
    font-size: 1.25rem;
    font-weight: 400;
    opacity: 0.9;
    margin-bottom: 1.5rem;
}

.amd-member-info-links a {
    color: var(--amd-primary-dark);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: opacity 0.3s ease;
}

.amd-member-info-links a:hover {
    opacity: 0.8;
}

.amd-member-social-link {
    margin-bottom: 1.5rem;
}

.amd-member-social-link i {
    font-size: 1.2rem;
}

.amd-member-downloads {
    display: flex;
    gap: 2rem;
}

/* --- Content Section --- */
.amd-member-content {
    background-color: var(--amd-light);
    padding: 2rem 0;
}

.amd-member-bio-text {
    max-width: 800px;
    /* Optimal reading width */
    margin: 0 auto;
    font-size: 1.1rem;
    line-height: 1.8;
    color: #343a40;
}

.amd-member-bio-text-wrapper {
    max-height: 140px;
    /* Adjust this to control how much text is initially shown */
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-in-out;
}

.amd-member-bio-text-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(to bottom, transparent, #fff);
    transition: opacity 0.3s ease;
}

.amd-member-bio-text-wrapper.expanded {
    max-height: 1000px;
    /* A large value to allow full expansion */
}

.amd-member-bio-text-wrapper.expanded::after {
    opacity: 0;
}

.amd-member-read-more {
    background: none;
    border: none;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--amd-primary);
    cursor: pointer;
    margin-top: 1rem;
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .amd-member-header {
        padding: 3rem 0;
        text-align: center;
    }

    .amd-member-photo-wrapper {
        margin-bottom: 2rem;
    }

    .amd-member-info-name {
        font-size: 1.6rem;
    }

    .amd-member-read-more {
        font-size: 0.8rem;
    }

    .amd-member-info-title {
        font-size: 1.1rem;
    }

    .amd-member-info-links {
        justify-content: center;
    }
}

/* team detail page end */