/* Color Palette - Professional Purple & White */
:root {
    --amd-primary: #28a745;
    /* Primary Green */
    --light-purple: #e9f7ef;
    /* Very light green */
    --white: #FFFFFF;
    --text-muted: #3e6b3e;
    --dark-text: #212529;
    --accent-magenta: #1faf40;
    /* Deeper Green for hover/highlight */
    --border-color: #c3e6cb;
    /* Light green border */
    --border-shodow: #4d4d4d53;
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --shadow-strong: rgba(0, 0, 0, 0.15);
    --purple-glow: rgba(40, 167, 69, 0.3);
    /* Soft green glow */
    --purple-glow-strong: rgba(40, 167, 69, 0.5);
    /* Stronger green glow */
    --dark-background: #1b4332;
    /* Dark green background */

    /* Footer green */
    --amd-font-family:

        --dark-green-bg-rgb: 27, 67, 50;
    /* RGB values for dark-green-bg */
    --white: white;


    /* footer */
    --dark-purple-footer: #218838;
    --accent-magenta: ;
}

/* Custom cursor circle */
.cursor-circle {
    position: fixed;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: rgba(75, 207, 75, 0.466);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.2s ease;
    transform: translate(-50%, -50%);
}

.cursor-hover {
    transform: translate(-50%, -50%) scale(2);
}

/* 👇 Hide cursor on touch/mobile devices */
@media (hover: none),
(pointer: coarse) {
    .cursor-circle {
        display: none !important;
    }
}

/* cursor end */



* {
    scrollbar-color: var(--purple-glow) transparent;
    /* Firefox */
    scrollbar-width: thin;
    /* Optional */
}

/* WebKit Browsers (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--amd-primary);
    border-radius: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

body {

    font-family: 'Mukta', sans-serif;
    font-size: 20px;
    margin: 0;
    padding: 0;
    background-color: var(--white);
    background: url();
    color: var(--dark-text);
    overflow-x: hidden;
    /* Prevent horizontal scroll due to animations */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Mukta', sans-serif;
    color: var(--dark-text);
}

/* AMD-SOFT Scroll Animation Styles */
.amd-soft-fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.amd-soft-fade-in-section.amd-soft-is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* mennu bar */
/* AMD-SOFT Top Bar Styling */
.amd-soft-top-bar {
    background-color: var(--amd-primary);
    color: var(--white);
    padding: 8px 0;
    font-size: 0.9rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.amd-soft-top-bar a {
    color: var(--white);
    text-decoration: none;
    margin-right: 20px;
    transition: color 0.3s ease;
}

.amd-soft-top-bar a:hover {
    color: var(--accent-magenta);
}

.amd-soft-top-bar .amd-soft-social-icons a {
    margin-left: 15px;
    font-size: 1.1rem;
}

/* AMD-SOFT Main Navbar Styling (below top bar) */
.amd-soft-navbar {
    background-color: var(--white);
    border-bottom: 1px solid var(--border-color);
    padding: 0.8rem 0;
    /* Slightly reduced padding */
    box-shadow: 0 2px 10px var(--shadow-light);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.amd-soft-navbar-brand {
    color: var(--amd-primary) !important;
    font-family: 'Mukta', sans-serif;
    font-size: 1.6rem;
    /* Slightly smaller font */
    display: flex;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    font-size: 1rem;
}

.amd-soft-navbar-brand img {
    height: 48px;
    border-radius: 20%;
    /* Slightly smaller logo */
    margin-right: 8px;
}

.amd-soft-nav-link {
    color: var(--dark-text) !important;
    font-weight: 200;
    margin-right: 1.2rem;
    /* Slightly reduced margin */
    padding: 0.4rem 0;
    /* Slightly reduced padding */
    transition: color 0.3s ease, transform 0.3s ease;
    position: relative;
    font-size: 1rem;
    /* Smaller font size */
    text-decoration: none;
}

.amd-soft-nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: var(--accent-magenta);
    transition: width 0.3s ease;
}

.amd-soft-nav-link:hover {
    color: var(--amd-primary) !important;
    transform: translateY(-2px);

}

.amd-soft-nav-link:hover::after {
    width: 100%;
}

.navbar-nav .nav-item .amd-soft-nav-link.active {
    font-weight: 700;
    color: var(--amd-primary) !important;
    border-bottom: var(--amd-primary);
}

/* Enable dropdown on hover */
.amd-soft-dropdown:hover>.dropdown-menu {
    display: block;
    animation: fadeInDown 0.3s ease-in-out;
}

.dropdown-menu {
    border-radius: 0.5rem;
    padding: 0.5rem 0;
}

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

.dropdown-submenu>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -0.5rem;
    display: none;
    min-width: 180px;
    border-radius: 0.5rem;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    animation: fadeInRight 0.3s ease-in-out;
}

/* Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }

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

/* Hover effect for items */
.dropdown-menu .dropdown-item:hover {
    background-color: var(--amd-primary);
    color: var(--white);
    transition: background 0.3s ease;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.amd-soft-btn-primary {
    background-color: var(--amd-primary);
    color: var(--white);
    border-radius: 20px;
    /* Slightly smaller border-radius */
    padding: 0.4rem 1.2rem;
    /* Slightly reduced padding */
    font-size: 0.9rem;
    /* Smaller font size */
    border: 1px solid var(--amd-primary);
    transition: all 0.3s ease;
    font-weight: 600;
    box-shadow: 0 4px 10px var(--purple-glow);
}

.amd-soft-btn-primary:hover {
    background-color: var(--light-purple);
    /* Darker purple on hover */
    border-color: var(--amd-secondary);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px var(--purple-glow-strong);
    color: var(--dark-text);
}

/* Remove arrow/dot from Bootstrap dropdown-toggle */
.navbar .dropdown-toggle::after {
    display: none !important;
    content: none !important;
}


/* Search Bar Styling for Top Bar */
   /* Base styles */
.amd-soft-search-container {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-end;
  position: relative;
}

.amd-soft-search-toggle i {
  font-size: 1.2rem;
  padding: 20px;
  cursor: pointer;
  transition: color 0.3s ease;
}

.amd-soft-search-toggle:hover i {
  color: var(--amd-primary);
}

/* Form box that appears */
.amd-soft-search-form {
  position: absolute;
  left: 0;
  top: 130%;

  z-index: 999;
  background: white;
  padding: 5px;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  min-width: 250px;
  transition: all 0.3s ease;
}

/* Input auto expand */
.amd-soft-search-input {
  width: 100%;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 14px;
  transition: width 0.4s ease;
}

/* Expand input as user types more */
.amd-soft-search-input:focus {
  width: 350px;
  outline: none;
}

/* MOBILE: center search box */
@media (max-width: 990px) {
    .amd-soft-search-form{
        position: relative;
    }
}
@media (max-width: 768px) {
  .amd-soft-search-form {
width: 60%;
position: relative;
  }

  .amd-soft-search-input:focus {
    width: 100%;
  }
}


/* modal page pop up  */

.amd-soft-modal-header {
    background-color: #228b22;
    /* Dark green from the image */
    color: white;
    padding: 1.5rem;
    border-bottom: none;
    /* Remove default Bootstrap border */
    position: relative;
}

.amd-soft-modal-header .modal-title {
    color: white;
    /* Ensure title is white */
    font-size: 1.5rem;
    /* Adjust as needed */
}

.amd-soft-notice-banner {
    background-color: #ff0000;
    /* Red from the image */
    color: white;
    font-size: 1.25rem;
    /* Adjust as needed */
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    /* Tailwind's rounded-md */
    display: inline-block;
    margin-top: 0.5rem;
}

.amd-soft-modal-body {
    color: #228b22;
    /* Text color for the main content */
    font-size: 0.875rem;
    /* Tailwind's text-sm */
    line-height: 1.6;
    /* Tailwind's leading-relaxed */
}

.amd-soft-dot {
    width: 8px;
    height: 8px;
    background-color: #228b22;
    border-radius: 50%;
    margin: 0 4px;
    display: inline-block;
}

.amd-soft-qr-section {
    background-color: #e0ffe0;
    /* Light green from the image */
    padding: 1rem;
    border-radius: 0.5rem;
    /* Tailwind's rounded-lg */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.amd-soft-qr-section .amd-soft-text-xs {
    font-size: 0.75rem;
    /* Tailwind's text-xs */
    color: #4a4a4a;
    /* Darker gray for text */
}

.amd-soft-qr-section .amd-soft-fw-semibold {
    font-weight: 600;
    /* Tailwind's font-semibold */
}

.amd-soft-modal-footer {
    border-top: 1px solid #e5e7eb;
    /* Tailwind's border-gray-200 */
    padding: 1rem;
    font-size: 0.75rem;
    /* Tailwind's text-xs */
    color: #6b7280;
    /* Tailwind's text-gray-600 */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* Align items to the start for better multi-line layout */
    justify-content: space-between;
    gap: 0.5rem;
}

.amd-soft-modal-footer .amd-soft-text-black {
    color: black;
}

.amd-soft-modal-footer .amd-soft-text-sm {
    font-size: 0.875rem;
}

.amd-soft-modal-footer .amd-soft-text-xs {
    font-size: 0.75rem;
}

.amd-soft-modal-footer svg {
    width: 1rem;
    /* Adjust icon size */
    height: 1rem;
    vertical-align: middle;
}

.amd-soft-btn-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black with transparency */
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    /* Adjust size */
    height: 32px;
    /* Adjust size */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.amd-soft-btn-close:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Responsive adjustments for smaller screens */
@media (max-width: 576px) {
    .modal-dialog {
        margin: 0.5rem;
    }

    .modal-content {
        border-radius: 0.5rem;
    }

    .amd-soft-modal-header,
    .amd-soft-modal-body,
    .amd-soft-modal-footer {
        padding: 1rem;
    }

    .amd-soft-modal-header .modal-title {
        font-size: 1.25rem;
    }

    .amd-soft-notice-banner {
        font-size: 1rem;
    }

    .amd-soft-qr-section {
        flex-direction: column;
        text-align: center;
    }

    .amd-soft-modal-footer>div {
        width: 100%;
        text-align: center;
    }

    .amd-soft-modal-footer p {
        justify-content: center;
    }
}


/*  */
/* AMD-SOFT Section Styling */
.amd-soft-section-padding {
    padding: 20px 0;
    /* Reduced padding */
}

.amd-soft-section-title {
    font-size: 2.5rem;
    /* Reduced font size */
    font-weight: 700;
    color: var(--dark-text);
    margin-bottom: 50px;
    /* Reduced margin */
    text-align: center;
    position: relative;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.amd-soft-section-title::after {
    content: '';
    width: 100px;
    /* Reduced width */
    height: 2px;
    /* Reduced height */
    background-color: var(--accent-magenta);
    position: absolute;
    bottom: -5px;
    /* Adjusted position */
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(64, 233, 30, 0.4);
}



/* AMD-SOFT Latest Notice Marquee */
.amd-soft-marquee {
    background-color: var(--shadow-light);
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: inset 0 1px 5px var(--shadow-light);
    border-bottom: 1px solid var(--border-color);
}

.notice-stamp {
    position: absolute;
    top: 10px;

    background: #ff6a07;
    color: #000;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 10px;
    border-radius: 4px;
    letter-spacing: 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 2;
}

.amd-soft-marquee p {
    margin: 0;
    font-size: 0.9rem;
    color: var(--amd-primary);
    animation: marquee 20s linear infinite;
    display: inline-block;
    padding-left: 100%;
    text-shadow: 0 0 5px rgba(93, 63, 211, 0.2);
}

.animated-notice {
    animation: pulseNotice 1.5s infinite;
}

@keyframes pulseNotice {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 156, 7, 0.7);
    }

    70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(255, 193, 7, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

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


/* AMD-SOFT Hero Section */
.amd-soft-hero-section {
    background-color: var(--light-purple);
    color: var(--white);
    text-align: center;
}

/* Section Layout */
.furniture-hero {
    display: flex;
    flex-direction: column;
    /* Stacks vertically on small screens */
    gap: 40px;
    /* Space between left content and carousel */
    padding: 30px 20px;
    /* Padding for mobile */
    max-width: 1500px;
    /* Max width of the entire section */
    margin: 0 auto;
    /* Center the section */
    align-items: center;
    /* Center items on smaller screens */
}

@media (min-width: 992px) {
    .furniture-hero {
        flex-direction: row;
        /* Side-by-side on larger screens */
        justify-content: space-between;
        align-items: flex-start;
        /* Align content to the top */
        padding: 40px 40px;
        /* More padding for desktop */
    }
}

/* Styles for when no images are present */
.furniture-hero.no-carousel-images {
    justify-content: center;
    /* Center the single content block horizontally */
}

.furniture-hero.no-carousel-images .hero-content {
    flex: none;
    /* Reset flex grow/shrink */
    max-width: 800px;
    /* Give the content more width for a single column layout */
    /* Ensure text alignment is still applied from previous rules */
}

.hero-carousel-container.hidden {
    display: none;
    /* Hide the entire carousel container if no images */
}

/* Left Hero Content */
.hero-content {
    flex: 1;
    /* Allows content to take available space */
    max-width: 550px;
    /* Max width for readability */
    text-align: center;
    /* Center content on smaller screens */
}

@media (min-width: 992px) {
    .hero-content {
        text-align: left;
        /* Align to left on larger screens */
    }
}

.brand-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    justify-content: center;
    /* Center on small screens */
}

@media (min-width: 992px) {
    .brand-logo {
        justify-content: flex-start;

        /* Align to left on large screens */
    }

}

.hero-logo-icon {
    /* Renamed to avoid conflict with navbar logo icon */
    font-size: 24px;
    color: #28a745;
    /* Green color for icon */
}

.brand-text {
    font-weight: 600;
    color: #555;
    font-size: 16px;
}

@media (min-width: 768px) {
    h1 {
        font-size: 48px;
        /* Larger font for desktop */
    }
}

.highlight {
    color: #28a745;
    /* Green highlight for text */
}

.hero-content p {
    font-size: 16px;
    /* Adjust for smaller screens */
    color: #666;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .hero-content p {
        font-size: 18px;
    }
}

.cta-buttons {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    /* Allow buttons to wrap on small screens */
    justify-content: center;
    /* Center buttons on small screens */
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .cta-buttons {
        justify-content: flex-start;
        /* Align to left on large screens */
    }
}

.btn {
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.primary-btn {
    background-color: var(--accent-magenta);
    /* Darker green */
    color: var(--white);

}

.primary-btn:hover {
    background-color: var(--light-purple);
    border-color: var(--dark-background);
    color: var(--dark-text);
}

.secondary-btn {
    background-color: transparent;
    color: #555;
    border: 2px solid #ddd;
}

.secondary-btn:hover {
    background-color: #eee;
    color: #333;
}

.arrow-icon {
    font-size: 18px;
    line-height: 1;
    /* Ensures vertical alignment of arrow */
}


/* Right Carousel Container */
.hero-carousel-container {
    flex: 1.2;
    /* Gives slightly more space to the carousel */
    width: 100%;
    /* Take full width on small screens */
    max-width: 650px;
    /* Max width for the carousel */
    position: relative;
    /* No padding-bottom here, as social media/nav will be integrated */
}

.amd__carousels {
    display: flex;
    overflow-x: auto;
    /* Enables horizontal scrolling */
    scroll-snap-type: x mandatory;
    /* Snaps to each item */
    -webkit-overflow-scrolling: touch;
    /* Improves scrolling performance on iOS */
    gap: 30px;
    /* Space between carousel items */
    padding-bottom: 20px;
    /* Space for scrollbar (though we hide it) */
    scrollbar-width: none;
    /* Hide scrollbar for Firefox */
    -ms-overflow-style: none;
    /* Hide scrollbar for IE/Edge */
}

/* Hide scrollbar for Chrome, Safari, Opera */
.amd__carousels::-webkit-scrollbar {
    display: none;
}

.amd__carousel {
    flex: 0 0 auto;
    /* Do not grow, do not shrink, take auto width */
    width: 350px;
    /* Fixed width for each item */
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    /* Soft shadow */
    scroll-snap-align: start;
    /* Align item to the start of the scroll container */
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
    /* Ensures image corners are rounded correctly */
}

.amd__carousel img {
    width: 100%;
    height: 250px;
    /* Fixed height for consistent look */
    object-fit: cover;
    /* **Important: Crops image to fit without distortion** */
    border-radius: 12px 12px 0 0;
    /* Rounded top corners */
    margin-bottom: 15px;
}

.item-overlay {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.amd__carousel h3 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    padding: 0 20px;
    /* Padding for text inside card */
}

.amd__carousel p {
    font-size: 16px;
    color: #777;
    margin-bottom: 15px;
    padding: 0 20px;
}

.explore-btn {
    background-color: #28a745;
    /* Green */
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    right: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s;
}

.explore-btn:hover {
    background-color: #218838;
    /* Darker green on hover */
}

/* Carousel Navigation and Social Icons */
.carousel-nav-social {
    display: flex;
    justify-content: space-between;
    /* Space between arrows and social icons */
    align-items: center;
    /* Vertically align them */
    margin-top: 20px;
    /* Space below carousel items */
    padding: 0 20px;
    /* Padding for alignment */
    flex-wrap: wrap;
    /* Allow wrapping on small screens if necessary */
    gap: 15px;
    /* Gap between arrow group and social group if wrapped */
}

.carousel-arrows {
    display: flex;
    gap: 15px;
}

.nav-arrow {
    background-color: #28a745;
    /* Green */
    color: #fff;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s;
}

.nav-arrow:hover {
    background-color: #218838;
}

.nav-arrow.next-arrow {
    background-color: #ffc107;
    /* Yellow */
}

.nav-arrow.next-arrow:hover {
    background-color: #e0a800;
    /* Darker yellow on hover */
}

.carousel-social-icons {
    display: flex;
    gap: 10px;
    /* Smaller gap for icons */
    align-items: center;
}

.carousel-social-icons a {
    color: #555;
    /* Dark grey for icons, contrasting with green bg */
    background-color: transparent;
    /* Transparent background */
    width: 35px;
    /* Smaller size for icons */
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    /* Smaller icon size */
    text-decoration: none;
    transition: color 0.3s, background-color 0.3s;
}

.carousel-social-icons a:hover {
    color: #fff;
    /* White on hover */
    background-color: #28a745;
    /* Green background on hover */
}



/* home page about us section */
.image-frame {
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: left;

    overflow: hidden;
    position: relative;
    background: #f5f5f5;
}

.carousel-item-content-wrapper {
    position: relative;
    width: 100%;
    height: 350px;
    /* You can adjust height as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    /* optional: to fill background if image doesn't cover fully */
    overflow: hidden;
}

.carousel-item-content-wrapper img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.carousel-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(147, 185, 152, 0.4);
    /* dark fade */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;
}

.carousel-text {
    /* canvas styling */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 280px;
    background: var(--light-purple);
    padding: 30px 20px;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.5s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    backdrop-filter: blur(4px);
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.4);
    will-change: transform;

    /** fix white text **/
    color: white;
}

.carousel-text * {
    color: var(--dark-background) !important;
    /* force override anything */
}


.carousel-item-content-wrapper:hover .carousel-overlay {
    opacity: 1;
}

.carousel-item-content-wrapper:hover .carousel-text {
    transform: translate3d(0, 0, 0);
    /* fully in view */
}

.carousel-item-content-wrapper:hover img {
    transform: scale(1.01);
    transition: transform 0.4s ease;
}


@media (max-width: 768px) {
    .carousel-overlay {
        display: block;
    }
}



/* Animation Keyframes */
@keyframes fadeInUpSoft {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Staggered Animations for smd-soft-co */
.smd-soft-co .hero-content>* {
    /* Target direct children of hero-content */
    opacity: 0;
    /* Start hidden for animation */
    animation: fadeInUpSoft 0.8s ease-out forwards;
}

.smd-soft-co .brand-logo {
    animation-delay: 0.1s;
}

.smd-soft-co h1 {
    animation-delay: 0.3s;
}

.smd-soft-co p {
    animation-delay: 0.5s;
}

.smd-soft-co .cta-buttons {
    animation-delay: 0.7s;
}

/* Removed social-media-section animation as it's now part of carousel-nav */

.smd-soft-co .hero-carousel-container {
    opacity: 0;
    /* Start hidden for animation */
    animation: fadeInUpSoft 0.8s ease-out forwards;
    animation-delay: 0.9s;
    /* Animate after the left content */
}

.smd-soft-co .carousel-nav-social {
    /* Animate the whole nav/social block together */
    animation-delay: 1.1s;
    /* After carousel container */
}


/* Adding a subtle animation for buttons on hover within smd-soft-co */
.smd-soft-co .primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.smd-soft-co .secondary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
}



/* service list */

.amd-soft-service-center-item {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px var(--shadow-light);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
}

.amd-soft-service-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.amd-soft-service-list li {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.amd-soft-service-list li:hover,
.amd-soft-service-list li.active {
    background-color: #e9f7ef;
    border-left: 4px solid var(--amd-primary);
}

.amd-soft-service-list li h4 {
    margin: 0;
    font-size: 18px;
    color: #14532d;
}

.amd-soft-service-list li p {
    margin: 4px 0 0;
    font-size: 14px;
    color: #555;
}

.amd-soft-service-image {
    width: 100%;
    height: 450px;
    background-color: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.amd-soft-service-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* Full image visible, no crop */
    object-position: center;
    transition: transform 0.4s ease;
}

.amd-soft-service-image img:hover {
    transform: scale(1.02);
}




.view-more-btn:hover {
    color: #1e7e34;
    /* thoda dark green hover mein */
}

.view-more-btn:hover::after {
    transform: translateY(-50%) translateX(5px);
}

.service-list-scroll-container {
    max-height: 460px;
    overflow-y: auto;
    padding-right: 10px;
}



@media (max-width: 767px) {
    .service-list-scroll-container {
        max-height: none;
        overflow-y: visible;
    }
    .amd-soft-service-image{
        height: 50%;
    }
}


/* AMD-SOFT Chairman Message */

/* smooth transition */
.transition {
    transition: all 0.4s ease;
}

/* Animation effect when swapping */
.active-swap {
    animation: scaleFade 0.4s ease;
}

/* Keyframes for zoom + fade */
@keyframes scaleFade {
    0% {
        opacity: 0.5;
        transform: scale(0.96);
    }

    50% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.main-card {
    background: #fff;
    transform: translateY(0);
}

.mini-card {
    cursor: pointer;
    background: #f8f5ff;
    transform: scale(1);
}

.mini-card:hover {
    transform: scale(1.02);
}

@media (max-width: 576px) {
    .main-card {
        padding: 1rem;

    }
}


/* AMD-SOFT Our Partners */
.amd-soft-partner-logo {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 4px 15px var(--shadow-light);
    padding: 15px;
    text-align: center;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;

}

.amd-soft-partner-logo:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 20px var(--shadow-medium), 0 0 10px var(--purple-glow);
    background-color: var(--light-purple);
}

.amd-soft-partner-logo img {
    max-width: 85%;
    max-height: 70px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.amd-soft-partner-logo:hover img {
    filter: grayscale(0%);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
}

/* partner hover */


/* Overlay Style */
.amd-soft-partner-logo .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: -100%;
    top: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 12px;
    transition: all 0.4s ease;
    flex-direction: row;
    border-radius: 12px;
}

/* Name from bottom */
.amd-soft-partner-logo .partner-name {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.4s ease;
}

.overlay a {
    text-decoration: none;
}

/* Icons from right */
.amd-soft-partner-logo .social-icons {
    display: flex;
    gap: 10px;
    transform: translateX(100%);
    transition: transform 0.4s ease;
}

.amd-soft-partner-logo .social-icons a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

/* Hover effects */
.amd-soft-partner-logo:hover .overlay {
    top: auto;
    bottom: 0;
    right: 0;
}

.amd-soft-partner-logo:hover .partner-name {
    transform: translateY(0);
}

.amd-soft-partner-logo:hover .social-icons {
    transform: translateX(0);
}

/* Responsive font and spacing */
@media (max-width: 767px) {
    .amd-soft-partner-logo .partner-name {
        font-size: 12px;
    }

    .amd-soft-partner-logo .social-icons a {
        font-size: 12px;
    }

    .amd-soft-partner-logo .overlay {
        padding: 8px;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .amd-soft-partner-logo .social-icons {
        transform: translateY(100%);
    }

    .amd-soft-partner-logo:hover .social-icons {
        transform: translateY(0);
    }
}



/* Mobile auto scroll container */
.d-mobile-scroll {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* Track with flex for horizontal items */
.scroll-track {
    display: inline-flex;
    animation: scroll-left 1s linear infinite;
}

.scroll-item {
    flex: 0 0 auto;
    width: 33.3333%;
    /* show 3 logos at a time */
    padding: 10px;
    box-sizing: border-box;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Hide on desktop/tablet */
@media (min-width: 768px) {
    .d-mobile-scroll {
        display: none;
    }

    .d-desktop-grid {
        display: flex !important;
    }
}

/* Hide desktop grid on mobile */
.d-desktop-grid {
    display: none;
}

/* AMD-SOFT Company Data */

.impact-progress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    gap: 10px;
}

.impact-step {
    flex: 1 1 150px;
    min-width: 150px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.impact-circle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
    border: 4px solid #28a745;
    z-index: 3;
}

.impact-icon {
    width: 45px;
    height: 45px;
    background-color: #28a745;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    z-index: 4;
}

.beam-timeline-container {
    padding: 60px 0;
    overflow-x: auto;
}



.beam-timeline-container h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
    color: #222;
}

.beam-timeline {
    display: flex;
    position: relative;
    min-width: 800px;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

.beam-line {
    position: absolute;
    top: 50%;
    left: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(to right, #28a745, #55d187);
    transform: translateY(-50%);
    z-index: 0;
}

.beam-timeline-item {
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 1;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.6s ease;
}

.beam-timeline-item:nth-child(even) {
    transform: translateY(-40px);
}

.beam-timeline-item.glow {
    opacity: 1;
    transform: translateY(0);
}

.beam-timeline-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    background-color: #28a745;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 12px #28a745, 0 0 30px #28a745;
}

.beam-timeline-text {
    margin-top: 50px;
    font-weight: 600;
    font-size: 26px;
    color: #333;
}

.beam-timeline-item:nth-child(even) .beam-timeline-text {
    margin-top: 0;
    margin-bottom: 50px;
}

.beam-timeline-text small {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #555;
}

@media (max-width: 768px) {
    .beam-timeline {
        gap: 30px;
        min-width: 600px;
    }

    .beam-timeline-item {
        width: 150px;
    }

    .beam-timeline-text {
        font-size: 14px;
    }

    .beam-timeline-text small {
        font-size: 12px;
    }
}

@keyframes progressLight {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@media (max-width: 768px) {
    .impact-progress {
        flex-direction: row;

    }

    .impact-line {
        width: 4px;
        height: 40px;
        margin: 0 auto;
    }

    .impact-step {
        width: 100%;
    }
}

/* Testimonial Cards - NEW DESIGN */
.amd-soft-new-testimonial-card {
    background-color: var(--new-testimonial-card-bg);
    /* Less rounded corners */
    box-shadow: 0 4px 15px var(--new-testimonial-card-shadow);
    padding: 8px;
    position: relative;
    overflow: hidden;
    border: 3px solid var(--border-shodow);
    border-left: 6px solid var(--border-shodow);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: 0;
}

.amd-soft-new-testimonial-card.active-card {
    transform: scale(1.02);
    z-index: 2;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.amd-soft-new-testimonial-card {
    transition: all 0.3s ease;
}

.amd-soft-new-testimonial-card:hover {
    background-color: var(--light-purple);
    border-left: 6px solid var(--amd-primary);
    /* Left border highlight */
    box-shadow: 0 3px 10px var(--amd-primary);

}

.amd-soft-new-testimonial-card .amd-soft-author-profile {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.amd-soft-new-testimonial-card img {
    width: 56px;
    /* Larger image as per screenshot */
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: none;
    box-shadow: none;
}

.amd-soft-new-testimonial-card .amd-soft-author-details {
    text-align: left;
}

.amd-soft-new-testimonial-card .amd-soft-author-name {
    font-size: 1rem;
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 2px;
}

.amd-soft-new-testimonial-card .amd-soft-author-role-small {
    font-size: 0.8rem;
    color: var(--new-testimonial-role-color);
    font-weight: 400;
}

.amd-soft-new-testimonial-card .amd-soft-testimonial-quote-text {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--new-testimonial-text-color);
    text-align: left;
}

.amd-soft-new-testimonial-card .amd-soft-quote-icon {
    position: absolute;
    top: 5px;
    right: 12px;
    font-size: 2rem;
    color: var(--new-testimonial-quote-icon-color);
    opacity: 0.7;

}

/* Highlighted Testimonial Card - NEW DESIGN */
.amd-soft-new-testimonial-card.amd-soft-highlighted {
    background-color: var(--light-purple);
    border-left: 6px solid var(--amd-primary);
    /* Left border highlight */
    box-shadow: 0 6px 20px var(--amd-primary);
    padding-left: 15px;
    /* Adjust padding for left border */
    margin-left: 20px;
    /* Offset to the right */
}

.amd-soft-quote-icon.amd-soft-highlighted {
    color: var(--amd-primary);

}

.amd-soft-new-testimonial-card.amd-soft-highlighted .amd-soft-author-name {
    color: var(--amd-primary);
    /* Or a specific highlight color if needed */
}

.amd-soft-new-testimonials-section .row {
    align-items: center;
    /* Vertically align columns to the center */
}

@media (max-width: 767.98px) {
    .amd-soft-new-testimonials-section .amd-soft-section-title-new {
        font-size: 2.2rem;
        text-align: center;
    }

    .amd-soft-new-testimonials-section .amd-soft-section-subtitle-new {
        text-align: center;
    }

    .amd-soft-star-wavy-container {
        position: static;
        /* Remove absolute positioning */
        margin: 0 auto 30px auto;
        /* Center it */
    }

    .amd-soft-new-testimonial-card {
        width: 100%;
        /* Full width on small screens */
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px;
    }

    .amd-soft-new-testimonial-card.amd-soft-highlighted {
        margin-left: auto;
        /* Remove specific offset for small screens */
        margin-right: auto;
    }
}


        .amd-soft-new-testimonial-card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .amd-soft-new-testimonial-card.amd-soft-highlighted {
            transform: scale(1.05);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
            z-index: 2;
        }

        /* Vertical cards container for large screens */
        #testimonialCardsVerticalLayout {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            max-height: 650px;
            overflow: hidden;
            position: relative;
        }

        /* Arrow buttons */
        #scrollUpBtn,
        #scrollDownBtn {
            cursor: pointer;
            border-radius: 5px;
            padding: 6px 10px;
            font-size: 1.2rem;
            opacity: 0.8;
            transition: opacity 0.3s ease;
        }

        #scrollUpBtn:hover,
        #scrollDownBtn:hover {
            opacity: 1;
        }

        @media (max-width: 966px) {
            #testimonialCardsVerticalLayout {
                display: flex !important;
                flex-direction: row !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                gap: 1rem !important;
                max-height: none !important;
                padding: 10px 0 20px;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                justify-content: flex-start;
            }

            #testimonialCardsVerticalLayout::-webkit-scrollbar {
                display: none;
            }

            .amd-soft-new-testimonial-card {
                flex-shrink: 0;
                width: 85%;
                min-width: 260px;
                max-width: 85%;
                scroll-snap-align: center;
                margin: 0 auto;
                transition: transform 0.3s ease;
            }

            /* Centered effect for focused card */
            .amd-soft-new-testimonial-card.active-card {
                transform: scale(1.05);
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
                z-index: 2;
            }

            /* Hide navigation buttons */
            #scrollUpBtn,
            #scrollDownBtn {
                display: none !important;
            }

            #testimonialTextColumn {
                display: block !important;
                text-align: center;
                margin-top: 2rem;
                order: 2 !important;
            }
        }

/* AMD-SOFT News and Notice */
.amd-soft-news-text {
    color: var(--dark-purple-footer);
}

/* Hide both by default */
.amd-soft-news-grid,
.amd-soft-news-carousel {
    display: none;
}

/* Show Grid at ≥ 972px */
@media (min-width: 972px) {
    .amd-soft-news-grid {
        display: flex !important;
    }

    .amd-soft-news-carousel {
        display: none !important;
    }
}

/* Show Carousel at < 972px */
@media (max-width: 971.98px) {
    .amd-soft-news-grid {
        display: none !important;
    }

    .amd-soft-news-carousel {
        display: block !important;
    }
}


/* AMD-SOFT Map & Vlog */
.amd-soft-map-container {
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0 8px 25px var(--shadow-medium);
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--border-color);
}

.amd-soft-map-container iframe {
    width: 100%;
    height: 380px;
    border-radius: 10px;
    border: none;
}

.amd-soft-btn-cta {
    background-color: var(--white);
    color: var(--amd-primary);
    border-radius: 25px;
    padding: 0.7rem 2.5rem;
    font-size: 1.1rem;
    border: 2px solid var(--amd-primary);
    transition: all 0.4s ease;
    font-weight: 600;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.amd-soft-btn-cta:hover {
    background-color: var(--amd-primary);
    color: var(--white);
    border-color: var(--white);
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4), 0 0 15px var(--purple-glow);
}




.blog-list-box {
    border: 1px solid var(--white);
    border-radius: 8px;
    overflow: hidden;
}

.blog-tab-content {
    max-height: 450px;
    overflow-y: auto;
}

.blog-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-bottom: 1px solid var(--white);
    cursor: pointer;
    transition: background 0.2s;
}

.blog-list-item:hover,
.blog-list-item.active {
    background-color: var(--light-purple);
    border-left: 4px solid var(--amd-primary);
}

.blog-list-item img {
    width: 60px;
    height: 45px;
    object-fit: cover;
    border-radius: 5px;
}

.blog-content {

    display: none;
}

.blog-content.active {
    display: block;
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    color: var(--dark-background);
    border-top-left-radius: var(--accent-magenta);
    border-top-right-radius: var(--accent-magenta);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--dark-background);
    background-color: var(--light-purple);

    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.fixed-media {
    width: 100%;
    height: 370px;
    background-color: var(--border-shodow);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-media iframe {
    width: 100%;
    height: 100%;
}

.fixed-media iframe .fixed-media img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border: none;
}

@media (max-width: 767px) {
    #blogModal .modal-dialog {
        max-width: 100%;
        margin: 0;
        height: 100%;
    }

    #blogModal .modal-content {
        height: 100%;
        border-radius: 0;
    }
}

/* contact us section */
.contact-section {
    background-color: var(--light-purple);
    /* background-image: url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d'); */
    background-size: cover;
    background-position: center;
    background-blend-mode: overlay;
}

.contact-input::placeholder {
    color: var(--border-shodow);
    padding: 10px;
}

.contact-input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(2, 2, 2, 0.3);
    color: #fff;
    border-radius: 0;
    padding-left: 0;
}

.contact-input:focus {
    border-color: var(--dark-purple-footer);
    box-shadow: 0 0 0.25rem var(--accent-magenta);
}

/* AMD-SOFT Footer */
.amd-soft-footer {
    background-color: #000000;
    color: var(--white);
    padding: 40px 0 20px;
    font-family: 'Mukta', sans-serif;
    font-size: 0.95rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.amd-soft-footer h5 {
    color: var(--white);
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.footer-col {
    flex: 1 1 22%;
    min-width: 230px;
    margin-bottom: 25px;
}

/* Links styling */
.amd-soft-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.amd-soft-footer ul li {
    margin-bottom: 8px;
}

.amd-soft-footer ul li a {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
}

.amd-soft-footer ul li a:hover {
    color: var(--light-purple);
    transform: translateX(4px);
}

/* Social icons */
.amd-soft-social-icons a {
    color: var(--white);
    font-size: 1rem;
    margin-right: 15px;
    transition: color 0.3s ease, transform 0.3s ease;
}

.amd-soft-social-icons a:hover {
    color: var(--light-purple);
    transform: scale(1.2);
}

/* Footer bottom */
.amd-soft-footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 20px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

/* Responsive */

/* Tablets: 3 columns */
@media (max-width: 991.98px) {
    .footer-col {
        flex: 1 1 30%;
        min-width: 200px;
    }
}

/* Mobile: 2 columns */
@media (max-width: 767.98px) {
    .amd-soft-footer {
        padding: 30px 10px 15px;
        font-size: 0.8rem;
    }

    .amd-soft-footer-bottom {
        font-size: 0.7rem;
        padding-top: 15px;
    }

    .amd-soft-footer-scroll {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    .footer-col {
        flex: 1 1 45%;
        min-width: auto;
        margin-bottom: 15px;
    }

    .amd-soft-footer h5 {
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .amd-soft-footer ul li,
    .amd-soft-footer p {
        font-size: 0.75rem;
        margin-bottom: 6px;
    }

    .amd-soft-social-icons a {
        font-size: 0.6rem;
        margin-right: 12px;
    }
}





/* Responsive adjustments */
@media (max-width: 1200px) {
    .amd-soft-section-title {
        font-size: 2.5rem;
    }

    .amd-soft-small-slider .carousel-caption h5 {
        font-size: 2.5rem;
    }
}

@media (max-width: 991.98px) {
    .amd-soft-top-bar {
        display: none !important;
        /* Hide top bar on small screens */
    }

    .navbar-nav {
        gap: 1.5rem;
        text-align: center;
        margin-top: 0.5rem;
    }

    .amd-soft-nav-link {
        margin-right: 0;
        margin-bottom: 0.5rem;
        font-size: 1rem;
    }

    .amd-soft-hero-section h1 {
        font-size: 2.8rem;
    }

    .amd-soft-hero-section p.lead {
        font-size: 1rem;
    }

    .amd-soft-btn-hero-main {
        padding: 0.6rem 2rem;
        font-size: 1rem;
    }

    .amd-soft-hero-bottom-text {
        font-size: 1.2rem;
    }

    .amd-soft-small-slider .carousel-caption h5 {
        font-size: 2rem;
        /* Further reduced for tablets */
    }

    .amd-soft-small-slider .carousel-caption p {
        font-size: 0.9rem;
        /* Further reduced for tablets */
    }

    .amd-soft-section-title {
        font-size: 2rem;
        /* Further reduced for tablets */
        margin-bottom: 40px;
    }

    .amd-soft-chairman-message {
        flex-direction: column;
        text-align: center;
        padding: 30px;
    }

    .amd-soft-chairman-message img {
        margin-right: 0;
        margin-bottom: 25px;
        width: 150px;
        height: 150px;
    }

    .amd-soft-chairman-message .amd-soft-message-content h4 {
        font-size: 1.6rem;
    }

    .amd-soft-chairman-message .amd-soft-message-content p {
        font-size: 0.95rem;
    }

    .amd-soft-company-data-item,
    .amd-soft-card-base,
    .amd-soft-news-card,
    .amd-soft-testimonial-card {
        margin-bottom: 25px;
        /* Reduced margin between cards */
    }


    .amd-soft-cta-section h2 {
        font-size: 2.2rem;
    }

    .amd-soft-cta-section p {
        font-size: 1rem;
    }
}

@media (max-width: 767.98px) {
    .amd-soft-section-padding {
        padding: 13px 0;
        /* Further reduced padding */
    }

    .amd-soft-section-title {
        font-size: 1.8rem;
        /* Even smaller for mobile */
        margin-bottom: 30px;
    }

    .amd-soft-hero-section h1 {
        font-size: 2.2rem;
    }

    .amd-soft-hero-section p.lead {
        font-size: 0.9rem;
    }

    .amd-soft-btn-hero-main {
        padding: 0.5rem 1.5rem;
        font-size: 0.9rem;
    }

    .amd-soft-hero-bottom-text {
        font-size: 1rem;
    }

    .amd-soft-small-slider .carousel-item {
        height: 350px;
        /* Even smaller slider height */
    }

    .amd-soft-small-slider .carousel-caption h5 {
        font-size: 1.6rem;
    }

    .amd-soft-small-slider .carousel-caption p {
        font-size: 0.8rem;
        margin-bottom: 20px;
    }

    .amd-soft-card-base h4,
    .amd-soft-news-card .amd-soft-card-title {
        font-size: 1.2rem;
    }

    .amd-soft-card-base p,
    .amd-soft-news-card .amd-soft-card-text {
        font-size: 0.85rem;
    }

    .amd-soft-chairman-message img {
        width: 120px;
        height: 120px;
    }

    .amd-soft-chairman-message .amd-soft-message-content h4 {
        font-size: 1.4rem;
    }

    .amd-soft-company-data-item .amd-soft-data-number {
        font-size: 3rem;
    }

    .amd-soft-company-data-item .amd-soft-data-label {
        font-size: 1rem;
    }

    .amd-soft-testimonial-card p {
        font-size: 0.9rem;
    }

    .amd-soft-testimonial-card .amd-soft-customer-info img {
        width: 60px;
        height: 60px;
    }

    .amd-soft-testimonial-card .amd-soft-customer-info h5 {
        font-size: 1.1rem;
    }

    .amd-soft-map-container iframe,
    .amd-soft-vlog-container iframe {
        height: 300px;

    }

    .amd-soft-cta-section {
        padding: 50px 0;
        margin-top: 50px;
    }

    .amd-soft-cta-section h2 {
        font-size: 1.8rem;
    }

    .amd-soft-cta-section p {
        font-size: 0.9rem;
    }

    .amd-soft-btn-cta {
        padding: 0.6rem 2rem;
        font-size: 1rem;
    }


}

@media (max-width: 575.98px) {
    .amd-soft-navbar-brand {
        font-size: 1rem;
    }

    .amd-soft-navbar-brand img {
        height: 32px;

    }

    .amd-soft-nav-link {
        font-size: 0.9rem;
    }

    .amd-soft-btn-primary {
        padding: 0.3rem 1rem;
        font-size: 0.85rem;
    }

    .amd-soft-hero-section h1 {
        font-size: 1.8rem;
    }

    .amd-soft-hero-section p.lead {
        font-size: 0.8rem;
    }

    .amd-soft-btn-hero-main {
        padding: 0.4rem 1.2rem;
        font-size: 0.8rem;
    }

    .amd-soft-hero-bottom-text {
        font-size: 0.9rem;
    }

    .amd-soft-small-slider .carousel-caption h5 {
        font-size: 1.3rem;
    }

    .amd-soft-small-slider .carousel-caption p {
        font-size: 0.75rem;
    }

    .amd-soft-section-title {
        font-size: 1.5rem;
    }

    .amd-soft-btn-carousel {
        padding: 15px;
        font-size: 0.8rem;
    }

    .amd-soft-hero-section .amd-soft-btn-hero-main {
        padding: 10px;
        font-size: 0.8rem;
    }

    .amd-soft-card-base h4,
    .amd-soft-news-card .amd-soft-card-title {
        font-size: 1.1rem;
    }

    .amd-soft-chairman-message img {
        width: 100px;
        height: 100px;
    }

    .amd-soft-chairman-message .amd-soft-message-content h4 {
        font-size: 1.2rem;
    }

    .amd-soft-company-data-item .amd-soft-data-number {
        font-size: 2.5rem;
    }

    .amd-soft-company-data-item .amd-soft-data-label {
        font-size: 0.9rem;
    }

    .amd-soft-testimonial-card .amd-soft-customer-info img {
        width: 50px;
        height: 50px;
    }

    .amd-soft-testimonial-card .amd-soft-customer-info h5 {
        font-size: 1rem;
    }

    .amd-soft-news-card img {
        height: 150px;
    }

    .amd-soft-cta-section h2 {
        font-size: 1.5rem;
    }

    .amd-soft-cta-section p {
        font-size: 0.8rem;
    }

    .amd-soft-btn-cta {
        padding: 0.5rem 1.5rem;
        font-size: 0.9rem;
    }

}

/* Hero page css end */


/* About us page */

/* New styles for the redesigned introduction section */
.amd-soft-about-us-page {
    background-color: var(--light-purple);
    color: var(--dark-text);
    padding: 80px 0;
}

.amd-soft-about-us-page h2 {
    color: var(--dark-text);
    text-align: left;
    font-size: 3.5rem;
    margin-bottom: 30px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.amd-soft-about-us-page .amd-soft-intro-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--dark-text);
    margin-bottom: 20px;
}

.amd-soft-about-us-page .amd-soft-image-container-right {
    position: relative;
    width: 100%;
    height: 300px;
    /* Adjusted height to contain both images */
    margin-bottom: 30px;
    /* Space between images and text block */
}

.amd-soft-about-us-page .amd-soft-image-container-right img {
    position: absolute;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    object-fit: cover;
}

.amd-soft-about-us-page .amd-soft-image-container-right img:hover {
    transform: scale(1.03);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.5);
}

.amd-soft-about-us-page .amd-soft-image-right-1 {
    width: 60%;
    /* Example size */
    height: 200px;
    top: 0;
    left: 0;
    z-index: 2;
    /* Bring to front */
}

.amd-soft-about-us-page .amd-soft-image-right-2 {
    width: 60%;
    /* Example size */
    height: 200px;
    bottom: 0;
    /* Position from bottom */
    right: 0;
    /* Position from right */
    z-index: 1;
    /* Send to back */
    transform: translateY(20px) translateX(20px);
    /* Offset it */
}

.amd-soft-about-us-page .amd-soft-small-text-block {
    background-color: var(--border-shodow);
    border-radius: 10px;
    padding: 20px;
    margin-top: 0;
    /* Adjusted for direct placement */
    color: var(--dark-text);
    font-size: 0.95rem;
    line-height: 1.6;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.amd-soft-star-icon {
    font-size: 3rem;
    color: #FFD700;
    /* Gold color for the star */
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

/* Responsive adjustments for new intro section */
@media (max-width: 991.98px) {
    .amd-soft-about-us-page h2 {
        font-size: 2.8rem;
        text-align: center;
    }

    .amd-soft-about-us-page .amd-soft-image-container-right {
        height: auto;
        /* Allow height to adjust */
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
        /* Add margin back for stacked layout */
    }

    .amd-soft-about-us-page .amd-soft-image-container-right img {
        position: static;
        /* Remove absolute positioning */
        width: 80%;
        /* Make them stack and be responsive */
        height: 180px;
        transform: none;
        /* Remove transform */
    }

    .amd-soft-about-us-page .amd-soft-small-text-block {
        margin-top: 30px;
        /* Add margin back for stacked layout */
    }

    .amd-soft-about-us-page .text-end {
        text-align: center !important;
        /* Center star on smaller screens */
    }
}

@media (max-width: 767.98px) {
    .amd-soft-about-us-page {
        padding: 60px 0;
    }

    .amd-soft-about-us-page h2 {
        font-size: 2.2rem;
    }

    .amd-soft-about-us-page .amd-soft-intro-text {
        font-size: 1rem;
    }

    .amd-soft-about-us-page .amd-soft-image-container-right img {
        height: 150px;
    }
}

@media (max-width: 575.98px) {
    .amd-soft-about-us-page {
        padding: 40px 0;
    }

    .amd-soft-about-us-page h2 {
        font-size: 1.8rem;
    }

    .amd-soft-about-us-page .amd-soft-intro-text {
        font-size: 0.9rem;
    }

    .amd-soft-about-us-page .amd-soft-image-container-right img {
        height: 120px;
    }

    .amd-soft-about-us-page .amd-soft-small-text-block {
        font-size: 0.85rem;
    }
}

/* our goals */

.amd-soft-goals-section {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.amd-soft-goal-card {
    background: var(--dark-background);
    color: var(--white);
    padding: 25px;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.3s ease;
    overflow-wrap: break-word;
}

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

.amd-soft-goal-card.light {
    background: white;
    color: var(--dark-text);
    border: 1px solid #e9ecef;
}

.amd-soft-goal-icon {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    color: #2c3e50;
}

.amd-soft-goal-card.light .amd-soft-goal-icon {
    background: #2c3e50;
    color: white;
}

.amd-soft-goal-title {
    color: var(--amd-primary);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.amd-soft-goal-description {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.9;
    flex-grow: 1;
}

.amd-soft-vision-content {
    padding-left: 40px;
}

.amd-soft-section-subtitle {
    color: var(--accent-magenta);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.amd-soft-section-title {
    font-size: 42px;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
    margin-bottom: 25px;
}

.amd-soft-vm-block {
    background: white;
    border-left: 5px solid var(--accent-magenta);
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.amd-soft-vm-icon {
    font-size: 22px;
    margin-right: 10px;
    color: var(--accent-magenta);
}

.accordion-button.amd-soft-vm-btn {
    font-weight: 600;
    font-size: 18px;
    background-color: #ffffff;
    color: #2c3e50;
    box-shadow: none;
}

.accordion-button.amd-soft-vm-btn:not(.collapsed) {
    color: #28a745;
    background-color: #f4fdf7;
}

/* Mobile / Tablet Scroll Area */
.amd-soft-goal-scroll-wrapper {
    overflow-x: auto;
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
}

.amd-soft-goal-scroll-wrapper .amd-soft-goal-card {
    min-width: 250px;
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .amd-soft-vision-content {
        padding-left: 0;
        margin-top: 40px;
    }

    .amd-soft-section-title {
        font-size: 32px;
    }

    .amd-soft-goal-grid {
        display: none;
    }
}

@media (min-width: 769px) {
    .amd-soft-goal-scroll-wrapper {
        display: none;
    }
}

/* AMD-SOFT Team/Committee Cards */
/* /* Changed class name to amd-soft-board-committee-section */
.amd-soft-board-committee-section {
    padding: 80px 0;
    background-color: #fff;
    position: relative;
}

.amd-soft-board-committee-overlay-wrapper {
    position: relative;
}

.amd-soft-board-committee-image {
    /* Changed class name for clarity */
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgb(0 0 0 / 0.1);
}

.amd-soft-board-committee-scroll-card-overlay {
  position: absolute;
  top: 54%;
  left: 80%;
  z-index: 10;
  display: flex;
  overflow-x: hidden; /* Hides the scrollbar */
  width: 168%;
  gap: 15px;
  background: var(--light-purple);
  padding: 10px;
  border-radius: 10px;
  scroll-behavior: smooth;
}


.amd-soft-board-committee-scroll-card-overlay::-webkit-scrollbar {
  display: none;
}
.amd-soft-board-committee-scroll-card-overlay {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.amd-soft-board-committee-card {
    /* Changed class name for clarity */
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
    min-width: 280px;
    max-width: 300px;
    flex: 0 0 auto;
    border: 1px solid #eee;
}

.amd-soft-board-committee-card-header {
    /* Changed class name for clarity */
    display: flex;
    align-items: flex-start;
}

.amd-soft-board-committee-avatar {
    /* Changed class name for clarity */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 12px;
    border: 2px solid #f0c14b;
}

.amd-soft-board-committee-card-text {
    /* Changed class name for clarity */
    font-size: 14px;
    color: #444;
    font-style: normal;
    margin-bottom: 10px;
}

.amd-soft-board-committee-member-name {
    /* Changed class name for clarity */
    font-size: 14px;
    font-weight: 600;
    color: #222;
}

.amd-soft-board-committee-member-title {
    /* Changed class name for clarity */
    font-size: 12px;
    color: #777;
}

.amd-soft-board-committee-content-area {
    /* Changed class name for clarity */
    padding-top: 40px;
}

.amd-soft-board-committee-section-title {
    /* Changed class name for clarity */
    font-size: 28px;
    font-weight: 700;
    color: #222;
}

.amd-soft-board-committee-section-subtitle {
    /* Changed class name for clarity */
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .amd-soft-board-committee-scroll-card-overlay {
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
        position: static;
        margin-top: 20px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 10px 0;
    }

    .amd-soft-board-committee-image {
        height: 300px;
    }

    .amd-soft-board-committee-section-title {
        font-size: 24px;
    }

    .amd-soft-board-committee-card {
        min-width: 250px;
        max-width: 270px;
    }
}

@media (max-width: 767.98px) {
    .amd-soft-board-committee-section {
        padding: 40px 0;
    }

    .amd-soft-board-committee-image {
        height: 250px;
    }

    .amd-soft-board-committee-content-area {
        padding-top: 20px;
        margin-top: 20px;
    }

    .amd-soft-board-committee-section-title {
        font-size: 22px;
    }

    .amd-soft-board-committee-section-subtitle {
        font-size: 13px;
    }

    .amd-soft-board-committee-card {
        min-width: 220px;
    }
}


/* collab section  */
.collab-scroll-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
}

.collab-scroll-container {
    display: flex;
    justify-content: center;
    gap: 16px;
    min-width: max-content;
    scroll-behavior: smooth;
}

.compact-collab {
    flex-shrink: 0;
    width: 100px;
    background: #fff;
    border-radius: 10px;
    border-bottom: 5px solid #28a745;
    text-align: center;
    padding: 8px;
}

.compact-collab img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 6px;
    border: 2px solid #28a745;
}

.compact-collab .collab-meta h6 {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
}

.compact-collab .collab-meta span {
    font-size: 11px;
    color: #666;
}

@media (max-width: 576px) {
    .compact-collab {
        width: 80px;
        padding: 6px;
    }

    .compact-collab img {
        width: 50px;
        height: 50px;
    }

    .compact-collab .collab-meta h6 {
        font-size: 12px;
    }

    .compact-collab .collab-meta span {
        font-size: 10px;
    }
}


/* service page */
.amd-soft-services-top-section {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.amd-soft-bg-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.amd-soft-bg-image-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* यहाँ opacity कम है (0.3) */
    pointer-events: none;
    z-index: 1;
}

.amd-soft-bg-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.amd-soft-top-content {

    color: #d3d3d3;
    z-index: 1;
}

.amd-soft-top-content h1 {
    color: rgb(204, 204, 204);
    font-size: 4rem;
    font-weight: bold;
}

.amd-soft-sub-sentence {
    font-size: 1.25rem;
    margin-top: 0.5rem;
    opacity: 0.9;
}

.amd-soft-serivce-section {
    height: 50%;
}

.amd-soft-service-container {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.3s ease;
    height: 100%;
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.amd-soft-service-card {
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.amd-soft-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.service-arrow {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.amd-soft-service-card:hover .service-arrow {
    transform: rotate(90deg);
}

.amd-soft-service {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 12px;
}

.amd-soft-core-service-image {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: transform 0.3s ease;
}

.amd-soft-card-top-arrow {
    position: absolute;
    top: 10%;
    right: 18px;
    transform: translateY(-50%);
    font-size: 26px;
    color: #28a745;
    background: #fff;
    border-radius: 50%;
    padding: 8px 11px;
    z-index: 3;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, background 0.3s;
    text-decoration: none;
}

.amd-soft-card-top-arrow:hover {
    transform: translateY(-50%) rotate(90deg);
    background: #e0f7e9;
}

.amd-soft-service-title-area {
    padding: 12px 16px;
    text-align: center;
    background-color: var(--amd-purple-light);
}

.amd-soft-service-title-area h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.amd-soft-service-overlay-details {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 16px;
    border-top: 4px solid #28a745;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    transition: bottom 0.4s ease;
    z-index: 2;
}

.amd-soft-service-container:hover .amd-soft-service-overlay-details {
    bottom: 0;
}

.amd-soft-icon-list {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    font-size: 18px;
    color: #28a745;
    justify-content: center;
}

.amd-soft-service-container:hover .amd-soft-service-image {
    transform: scale(1.03);
}

/* Responsive Tuning */
@media (max-width: 576px) {
    .amd-soft-service-image {
        height: 160px;
    }

    .amd-soft-card-top-arrow {
        font-size: 20px;
        right: 12px;
        padding: 6px 9px;
    }

    .amd-soft-service-title-area h4 {
        font-size: 14px;
    }

    .amd-soft-service-overlay-details {
        font-size: 14px;
    }
}

.amd-soft-center-card {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease-in-out;
}

.amd-soft-center-card:hover {
    border-left: 6px solid #28a745;
    /* Primary Green */
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.center-icon i {
    cursor: pointer;
    font-size: 32px;
    color: #28a745;
    animation: popIn 0.5s ease;
}

.amd-soft-center-card h5 {
    font-size: 18px;
}

@keyframes popIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 575.98px) {
    .center-icon i {
        font-size: 28px;
    }

    .amd-soft-center-card {
        padding: 1.5rem 1rem;
    }
}



/* borader committee page  */
/* Loading indicator styles */
.amd-soft-loading-spinner {
    display: none;
    /* Hidden by default */
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--white);
    animation: amd-soft-spin 1s ease-in-out infinite;
    margin-left: 10px;
}

@keyframes amd-soft-spin {
    to {
        transform: rotate(360deg);
    }
}

.amd-soft-view-more-btn {
    background-color: var(--amd-primary);
    color: var(--white);
    border-radius: 25px;
    padding: 10px 30px;
    font-size: 1rem;
    border: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
    /* Center the button */
    box-shadow: 0 5px 15px var(--purple-glow);
}

.amd-soft-view-more-btn:hover {
    background-color: #4A148C;
    box-shadow: 0 8px 20px var(--purple-glow-strong);
    transform: translateY(-2px);
}

.amd-soft-view-more-btn:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    box-shadow: none;
}



/* service details page */
/* Container and layout */
.amd-soft-service-detail {
    max-width: 1400px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: 1.8fr 3.5fr 1.7fr;
    gap: 30px;
    height: 80vh;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 20px var(--border-shodow);
}

/* Left sidebar */
.amd-soft-service-detail .sidebar-left {
    background: var(--light-purple);
    padding: 25px 25px 25px 25px;
    font-size: 0.9rem;
    overflow-y: auto;
    border-radius: 8px;

    color: var(--text-dark);
    box-shadow: 1px 1px 6px var(--border-shodow);
    border-left: 5px solid var(--amd-primary);
}

.amd-soft-service-detail .sidebar-left h2 {
    font-style: italic;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 18px;
    border-bottom: 2px solid var(--dark-purple-footer);
    padding-bottom: 3px;
    color: var(--dark-background);
}

.amd-soft-service-detail .service-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.amd-soft-service-detail .service-list li {
    margin-bottom: 15px;
}

.amd-soft-service-detail .service-list a {
    color: var(--text-muted);
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    display: block;
    padding: 8px 12px;
    border-radius: 5px;
    border-left: 2px solid var(--amd-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
    max-width: 240px;
}

.amd-soft-service-detail .service-list a:hover,
.amd-soft-service-detail .service-list a.active {
    background-color: var(--amd-primary);
    color: var(--white);
    text-decoration: none;
    box-shadow: 0 0 10px var(--dark-background);
}

/* Center content - scrollable */
.amd-soft-service-detail .content-center {
    padding: 30px 40px 40px 40px;
    overflow-y: auto;

    font-size: 1rem;
    color: var(--text-dark);
}

.amd-soft-service-detail .content-center::-webkit-scrollbar {
    width: 7px;
}

.amd-soft-service-detail .content-center::-webkit-scrollbar-thumb {
    background: var(--primary-green);
    border-radius: 20px;
    box-shadow: inset 0 0 5px var(--dark-background);
}

.amd-soft-service-detail .service-title {
    font-weight: 700;
    font-size: 1.85rem;
    margin-bottom: 12px;
    font-style: italic;
    line-height: 1.2;
    color: var(----dark-background);
    text-shadow: 0 1px 2px var(--primary-green-light);
}

.amd-soft-service-detail .service-description {

    font-size: 1rem;
    color: var(--dark-text);
    margin-bottom: 30px;
    text-align: justify;
    white-space: pre-line;
}

.amd-soft-service-detail .service-image {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 25px;
    box-shadow: 0 4px 10px var(--border-shodow);
    border: 3px solid var(--light-purple);
}

/* Lists for points */
.amd-soft-service-detail .service-points {
    margin-left: 20px;
    list-style: disc;
    margin-bottom: 30px;
    color: var(--text-muted);
}

.amd-soft-service-detail .service-points.circle {
    list-style: circle;
}

/* Small cards grid */
.amd-soft-service-detail .small-articles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 50px;
    padding-bottom: 20px;
}

.amd-soft-service-detail .small-article {
    background: #eaf5ea;
    border-radius: 8px;
    box-shadow: 0 2px 8px var(--shadow-color);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease;
}

.amd-soft-service-detail .small-article:hover {
    box-shadow: 0 4px 15px var(--primary-green-light);
}

.amd-soft-service-detail .small-article img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-bottom: 3px solid var(--primary-green);
    border-radius: 8px 8px 0 0;
}

.amd-soft-service-detail .small-article-content {
    padding: 15px 20px;

    color: var(--text-dark);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.amd-soft-service-detail .small-article-content h4 {
    margin: 0 0 12px 0;
    font-weight: 700;
    font-style: italic;
    font-size: 1.15rem;
    color: var(--dark-background);
    line-height: 1.3;
}

.amd-soft-service-detail .small-article-content p {
    font-size: 0.9rem;
    color: var(--text-muted);
    flex-grow: 1;
    margin-bottom: 12px;
    line-height: 1.4;
}

.amd-soft-service-detail .small-article-content a {
    align-self: flex-start;
    font-weight: 600;
    color: var(--accent-magenta);
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.amd-soft-service-detail .small-article-content a:hover {
    color: var(----dark-background);
    text-decoration: underline;
}

/* Right sidebar */
.amd-soft-service-detail .sidebar-right {
    background: var(--light-purple);
    padding: 25px 25px 25px 20px;
    font-size: 0.9rem;
    border-radius: 8px;
    box-shadow: 1px 1px 6px var(--border-shodow);

    color: var(--dark-text);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-y: auto;
    border-right: 5px solid var(--amd-primary);
}

.amd-soft-service-detail .sidebar-right h3 {
    font-weight: 700;
    font-style: italic;
    font-size: 1.2rem;
    margin-bottom: 25px;
    border-bottom: 2px solid var(--dark-background);
    padding-bottom: 4px;
    color: var(--dark-background);
    text-shadow: 0 1px 2px var(--light-purple);
}

.amd-soft-service-detail .helpful-links {
    list-style: none;
    padding-left: 0;

    color: #3a6e3a;
    font-size: 0.9rem;
    margin-bottom: 40px;
}

.amd-soft-service-detail .helpful-links li {
    margin-bottom: 10px;
}

.amd-soft-service-detail .helpful-links a {
    color: var(--dark-background);
    text-decoration: none;
    transition: color 0.3s ease;
}

.amd-soft-service-detail .helpful-links a:hover {
    color: var(--accent-magenta);
    text-decoration: underline;
    font-weight: 700;
}

.amd-soft-service-detail .testimonial {
    font-size: 0.9rem;
    color: #3a6b3a;

    font-style: italic;
    border-top: 1px solid #a2cca2;
    padding-top: 20px;
}

.amd-soft-service-detail .testimonial strong {
    font-weight: 700;
    font-style: normal;
    display: block;
    margin-bottom: 8px;
    color: var(--dark-background);
}

/* Scrollbars */
.amd-soft-service-detail .sidebar-left::-webkit-scrollbar,
.amd-soft-service-detail .sidebar-right::-webkit-scrollbar {
    width: 6px;
}

.amd-soft-service-detail .sidebar-left::-webkit-scrollbar-thumb,
.amd-soft-service-detail .sidebar-right::-webkit-scrollbar-thumb {
    background-color: var(--primary-green);
    border-radius: 20px;
    box-shadow: inset 0 0 5px var(--dark-background);
}

/* Responsive */
@media (max-width: 1024px) {
    .amd-soft-service-detail {
        grid-template-columns: 1fr 2fr 1fr;
        height: 75vh;
        gap: 20px;
    }

    .amd-soft-service-detail .content-center {
        padding: 25px 20px;
    }
}

@media (max-width: 768px) {
    .amd-soft-service-detail {
        grid-template-columns: 1fr;
        height: auto;
        margin: 20px;
    }

    .amd-soft-service-detail .sidebar-left,
    .amd-soft-service-detail .sidebar-right {
        display: none;
    }

    .amd-soft-service-detail .content-center {
        height: auto;
        overflow-y: visible;
        padding: 20px;
    }

    body {
        height: auto;
    }
}




/* contact page */

.amd-soft-contact-container {
    background: var(--white);
    border-radius: 12px;
    box-shadow: 0 4px 6px var(--shadow-medium);
    overflow: hidden;
    margin: 2rem auto;
    max-width: 1200px;
}

.amd-soft-contact-form-section {
    padding: 3rem;
}

.amd-soft-contact-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark-text);
    margin-bottom: 1rem;
}

.amd-soft-contact-subtitle {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.amd-soft-contact-options {
    margin-bottom: 2.5rem;
}

.amd-soft-contact-option {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    color: var(--amd-primary);
    text-decoration: none;
    font-weight: 500;
}

.amd-soft-contact-option:hover {
    color: var(--accent-magenta);
    text-decoration: none;
}

.amd-soft-contact-option i {
    margin-right: 0.75rem;
    font-size: 1.1rem;
}

.amd-soft-contact-form-label {
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 0.5rem;
}

.amd-soft-contact-form-control {
    border: 2px solid var(--border-color);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    transition: border-color 0.2s;
}

.amd-soft-contact-form-control:focus {
    border-color: var(--amd-primary);
    box-shadow: 0 0 0 3px var(--purple-glow);
}

.amd-soft-contact-phone-input-group {
    display: flex;
    gap: 0.5rem;
}

.amd-soft-contact-country-select {
    flex: 0 0 80px;
}

.amd-soft-contact-services-section {
    margin: 2rem 0;
}

.amd-soft-contact-services-title {
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 1rem;
}

.amd-soft-contact-services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.amd-soft-contact-form-check {
    margin-bottom: 0.5rem;
}

.amd-soft-contact-form-check-input:checked {
    background-color: var(--amd-primary);
    border-color: var(--amd-primary);
}

.amd-soft-contact-form-check-label {
    color: var(--dark-text);
    font-weight: 500;
}

.amd-soft-contact-send-btn {
    background: linear-gradient(135deg, var(--amd-primary) 0%, var(--accent-magenta) 100%);
    border: none;
    border-radius: 8px;
    color: var(--white);
    font-weight: 600;
    font-size: 1.1rem;
    padding: 1rem 2rem;
    width: 100%;
    transition: transform 0.2s, box-shadow 0.2s;
}

.amd-soft-contact-send-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--purple-glow-strong);
    background: linear-gradient(135deg, var(--accent-magenta) 0%, var(--amd-primary) 100%);
}

.amd-soft-contact-map-section {
    height: 100%;
    min-height: 600px;
    position: relative;
}

.amd-soft-contact-map-container {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
}

/* Contact Cards Section */
.amd-soft-contact-cards-section {
    padding: 4rem 0;
    background-color: var(--light-purple);
}

.amd-soft-contact-card {
    background: var(--white);
    border-radius: 12px;
    padding: 2rem;
    height: 100%;
    border: 1px solid var(--border-color);
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    color: inherit;
    display: block;
}

.amd-soft-contact-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px var(--shadow-medium);
    text-decoration: none;
    color: inherit;
}

.amd-soft-contact-card.primary {
    background: var(--dark-background);
    color: var(--white);
}

.amd-soft-contact-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.amd-soft-contact-card.primary .amd-soft-contact-card-icon {
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
}

.amd-soft-contact-card:not(.primary) .amd-soft-contact-card-icon {
    background: var(--light-purple);
    color: var(--text-muted);
}

.amd-soft-contact-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.amd-soft-contact-card-subtitle {
    font-size: 0.95rem;
    margin-bottom: 1rem;
    opacity: 0.8;
}

.amd-soft-contact-card-action {
    font-size: 0.95rem;
    font-weight: 600;
}

.amd-soft-contact-card.primary .amd-soft-contact-card-action {
    color: rgba(255, 255, 255, 0.9);
}

.amd-soft-contact-card:not(.primary) .amd-soft-contact-card-action {
    color: var(--amd-primary);
}

/* CTA Section */
.amd-soft-contact-cta-section {
    background: var(--dark-background);
    color: var(--white);
    padding: 5rem 0;
    text-align: center;
}

.amd-soft-contact-cta-logo {
    width: 48px;
    height: 48px;
    background: var(--dark-purple-footer);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.amd-soft-contact-cta-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: var(--white);
}

.amd-soft-contact-cta-subtitle {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 2.5rem;
}

.amd-soft-contact-cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.amd-soft-contact-cta-btn {
    padding: 0.875rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    border: 2px solid transparent;
}

.amd-soft-contact-cta-btn.primary {
    background: var(--white);
    color: var(--dark-background);
}

.amd-soft-contact-cta-btn.primary:hover {
    background: var(--light-purple);
    color: var(--dark-background);
    text-decoration: none;
}

.amd-soft-contact-cta-btn.secondary {
    background: transparent;
    color: var(--white);
    border-color: var(--dark-purple-footer);
}

.amd-soft-contact-cta-btn.secondary:hover {
    background: var(--dark-purple-footer);
    color: var(--white);
    text-decoration: none;
}

@media (max-width: 768px) {
    .amd-soft-contact-container {
        margin: 1rem;
        border-radius: 8px;
    }

    .amd-soft-contact-form-section {
        padding: 2rem 1.5rem;
    }

    .amd-soft-contact-title {
        font-size: 2rem;
    }

    .amd-soft-contact-services-grid {
        grid-template-columns: 1fr;
    }

    .amd-soft-contact-map-section {
        min-height: 400px;
    }

    .amd-soft-contact-cards-section {
        padding: 2rem 0;
    }

    .amd-soft-contact-card {
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .amd-soft-contact-cta-section {
        padding: 3rem 0;
    }

    .amd-soft-contact-cta-title {
        font-size: 2rem;
    }

    .amd-soft-contact-cta-subtitle {
        font-size: 1.1rem;
    }

    .amd-soft-contact-cta-buttons {
        flex-direction: column;
        align-items: center;
    }

    .amd-soft-contact-cta-btn {
        width: 200px;
        text-align: center;
    }
}

.amd-soft-contact-success-message {
    background-color: var(--light-purple);
    border: 1px solid var(--border-color);
    color: var(--text-muted);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: none;
}

.amd-soft-contact-error-message {
    background-color: #fee2e2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    display: none;
}



/* board commiitee page */

.filter-nav {
    background: var(--white);
    padding: 20px 0;
    box-shadow: 0 2px 10px var(--shadow-medium);
    margin-bottom: 50px;
    border-bottom: 3px solid var(--border-color);
}

.filter-btn {
    background: transparent;
    border: none;
    padding: 10px 20px;
    margin: 0 10px;
    font-weight: 500;
    color: var(--text-muted);
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
}

.filter-btn.active,
.filter-btn:hover {
    color: var(--amd-primary);
    border-bottom: 2px solid var(--amd-primary);
    transform: translateY(-2px);
}

.filter-btn.active::after,
.filter-btn:hover::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--amd-primary), transparent);
    box-shadow: 0 0 10px var(--purple-glow);
}

.amd-soft-board-card {
    background: var(--white);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 5px 20px var(--shadow-light);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 30px;
    height: 280px;
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.amd-soft-board-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--amd-primary), var(--accent-magenta));
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.amd-soft-board-card:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 50px var(--purple-glow);
    border-color: var(--amd-primary);
}

.amd-soft-board-card:hover::before {
    transform: scaleX(1);
}

.amd-soft-board-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto 15px;
    background-size: cover;
    background-position: center;
    border: 3px solid var(--border-color);
    transition: all 0.4s ease;
    position: relative;
    z-index: 2;
}

.amd-soft-board-card:hover .amd-soft-board-image {
    border-color: var(--amd-primary);
    box-shadow: 0 0 25px var(--purple-glow);
    transform: scale(1.15);
}

.amd-soft-board-name {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dark-text);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s ease;
    z-index: 2;
    position: relative;
}

.amd-soft-board-card:hover .amd-soft-board-name {
    color: var(--amd-primary);
    transform: translateY(-5px);
}

.amd-soft-board-specialty {
    color: var(--amd-primary);
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 1px;
    background: var(--light-purple);
    padding: 3px 10px;
    border-radius: 15px;
    display: inline-block;
    border: 1px solid var(--border-color);
    transition: all 0.4s ease;
    z-index: 2;
    position: relative;
}

.amd-soft-board-card:hover .amd-soft-board-specialty {
    background: var(--amd-primary);
    color: var(--white);
    transform: translateY(-3px) scale(1.05);
}

.amd-soft-board-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, var(--white) 0%, var(--white) 70%, transparent 100%);
    padding: 20px;
    transform: translateY(100%);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.amd-soft-board-card:hover .amd-soft-board-content {
    transform: translateY(0);
    opacity: 1;
}

.amd-soft-board-description {
    color: var(--text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 15px;
    transform: translateY(20px);
    transition: all 0.4s ease 0.1s;
}

.amd-soft-board-card:hover .amd-soft-board-description {
    transform: translateY(0);
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 12px;
    transform: translateY(30px);
    transition: all 0.4s ease 0.2s;
}

.amd-soft-board-card:hover .social-links {
    transform: translateY(0);
}

.social-link {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--light-purple);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark-text);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid var(--border-color);
    font-size: 0.85rem;
}

.social-link:hover {
    background: var(--amd-primary);
    color: var(--white);
    transform: translateY(-3px) scale(1.1) rotate(5deg);
    box-shadow: 0 5px 15px var(--purple-glow);
    border-color: var(--amd-primary);
}

/* Card overlay for smooth transition */
.amd-soft-board-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.95) 0%, transparent 100%);
    transition: height 0.5s ease;
    pointer-events: none;
}

.amd-soft-board-card:hover::after {
    height: 60%;
}

.grid-toggle {
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
}

.grid-toggle button {
    background: var(--light-purple);
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    margin: 0 2px;
    color: var(--text-muted);
    transition: all 0.3s ease;
    border-radius: 5px;
}

.grid-toggle button.active,
.grid-toggle button:hover {
    background: var(--amd-primary);
    color: var(--white);
    border-color: var(--amd-primary);
    box-shadow: 0 2px 10px var(--purple-glow);
    transform: translateY(-2px);
}

/* Loading animation */
.amd-soft-board-item {
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

/* Filter animation */
.amd-soft-board-item.filtering {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.amd-soft-board-item.hide {
    opacity: 0;
    transform: scale(0.8) translateY(-20px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .amd-soft-board-card {
        height: 260px;
        padding: 15px;
    }

    .amd-soft-board-image {
        width: 60px;
        height: 60px;
    }

    .amd-soft-board-name {
        font-size: 1rem;
    }

    .amd-soft-board-specialty {
        font-size: 0.8rem;
    }

    .amd-soft-board-description {
        font-size: 0.8rem;
    }
}

@media (max-width: 576px) {
    .filter-btn {
        display: block;
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
}




/* team member page */

.amd-soft-team-member-card {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 4px 15px var(--shadow-light);
    padding: 25px;
    /* Slightly smaller padding */
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    /* Ensure consistent height in grid */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--border-color);
}

.amd-soft-team-member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px var(--purple-glow);
    border-color: var(--amd-primary);
}

.amd-soft-team-profile-img {
    width: 90px;
    /* Slightly smaller image */
    height: 90px;
    /* Slightly smaller image */
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 15px;
    /* Adjusted margin */
    border: 3px solid var(--border-color);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.amd-soft-team-member-card:hover .amd-soft-team-profile-img {
    border-color: var(--amd-primary);
    box-shadow: 0 0 15px var(--purple-glow-strong);
}

.amd-soft-team-member-name {
    font-size: 1.2rem;
    /* Slightly smaller font */
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--dark-text);
}

.amd-soft-team-member-role {
    font-size: 0.9rem;
    /* Slightly smaller font */
    color: var(--text-muted);
    margin-bottom: 8px;
    /* Adjusted margin */
}

.amd-soft-team-member-address {
    font-size: 0.8rem;
    /* Slightly smaller font */
    color: var(--text-muted);
    margin-bottom: 20px;
    /* Adjusted margin */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.amd-soft-team-member-address i {
    font-size: 0.85rem;
    /* Adjusted icon size */
    color: var(--text-muted);
}

.amd-soft-team-card-icons {
    display: flex;
    justify-content: center;
    gap: 18px;
    /* Adjusted gap */
    padding-top: 12px;
    /* Adjusted padding */
    border-top: 1px solid var(--border-color);
}

.amd-soft-team-icon-link {
    font-size: 1.1rem;
    /* Slightly smaller icon */
    color: var(--text-muted);
    transition: color 0.3s ease, transform 0.3s ease;
    text-decoration: none;
}

.amd-soft-team-icon-link:hover {
    color: var(--amd-primary);
    transform: translateY(-3px);
}

.amd-soft-team-load-more-container {
    text-align: center;
    margin-top: 40px;
}

.amd-soft-team-load-more-btn {
    background-color: var(--amd-primary);
    color: var(--white);
    border: none;
    padding: 12px 30px;
    border-radius: 5px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.amd-soft-team-load-more-btn:hover {
    background-color: var(--accent-magenta);
    box-shadow: 0 5px 15px var(--purple-glow-strong);
}

.amd-soft-team-load-more-btn:disabled {
    background-color: var(--border-color);
    cursor: not-allowed;
    opacity: 0.7;
    box-shadow: none;
}

/* Class to hide cards initially */
.amd-soft-team-hidden {
    display: none;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .amd-soft-team-member-card {
        padding: 20px;
    }

    .amd-soft-team-profile-img {
        width: 50px;
        height: 50px;
    }

    .amd-soft-team-member-name {
        font-size: 1.1rem;
    }

    .amd-soft-team-member-role {
        font-size: 0.85rem;
    }

    .amd-soft-team-member-address {
        font-size: 0.75rem;
    }

    .amd-soft-team-icon-link {
        font-size: 1rem;
    }
}



/* Very small screens (e.g., Bootstrap's sm breakpoint) - 2 cards per row */
@media (max-width: 576px) {
    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%;
    }

    .amd-soft-team-profile-img {
        width: 40px;
        height: 40px;
    }
}




/* blog page */
/* Your Custom Theme Variables */

/* New blog card styling */
.amd-soft-blog-card {
    padding: 10px;
    background-color: var(--light-purple);
    border-radius: 12px;
    border-color: var(--amd-primary) !important;
    border: 1px solid var(--amd-primary);
}

/* Global link color */
a {
    color: var(--amd-primary);
}

/* Card and text colors on light backgrounds */
.amd-soft-testimonial-blog-post-title a,
.amd-soft-testimonial-recent-post-title-small {
    color: var(--dark-text) !important;
}

.amd-soft-blog-card-text.text-muted,
.d-flex.flex-wrap.gap-3.text-muted.small,
.small.text-muted,
.amd-soft-testimonial-category-count {
    /* color: var(--dark-text) !important; */
    /* Kept commented as per instruction */
}

.d-flex.flex-wrap.gap-3.text-muted.small a,
.list-unstyled a.text-dark {
    color: var(--dark-text) !important;
}

.list-unstyled a.text-dark:hover {
    color: var(--amd-primary) !important;
}



/* Form control styling */
.form-control {
    padding-left: 10px;
    border-color: var(--border-color) !important;
    background-color: var(--white);
    color: var(--dark-text);
}

.form-control::placeholder {
    color: var(--text-muted);
}

.form-control:focus {
    border-color: var(--amd-primary) !important;
    box-shadow: 0 0 0 0.25rem var(--purple-glow);
}

/* Pagination styling */
.pagination .page-link {
    border-color: var(--border-color) !important;
    color: var(--amd-primary) !important;
    background-color: var(--white) !important;
}

.pagination .page-link:hover {
    background-color: var(--light-purple) !important;
    border-color: var(--accent-magenta) !important;
    color: var(--accent-magenta) !important;
}

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

.pagination .page-item.disabled .page-link {
    color: var(--text-muted) !important;
    background-color: var(--white) !important;
    border-color: var(--border-color) !important;
}

/* Tabs styling */
.nav-tabs .nav-link {
    border-color: var(--border-color) !important;
    color: var(--dark-text) !important;
    /* background-color: var(--white); */
    /* Kept commented as per instruction */
}

.tab-scrollable {
    max-height: 320px;
    /* Set your desired max height */
    overflow-y: auto;
    /* Enable vertical scroll if content exceeds height */
    padding-right: 5px;
    /* Optional: for scrollbar spacing */
}

.nav-tabs .nav-link:hover {
    border-color: var(--light-purple) var(--light-purple) var(--border-color) !important;
}

.nav-tabs .nav-link.active {
    color: var(--white) !important;
    background-color: var(--dark-purple-footer) !important;
    border-color: var(--border-color) var(--border-color) var(--white) !important;
}

.tab-content {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 1rem;
}

.amd-soft-testimonial-recent-post-info a {
    /* color: var(--dark-text) !important; */
    /* Kept commented as per instruction */
}

.amd-soft-testimonial-recent-post-info a:hover {
    color: var(--amd-primary) !important;
}

/* Follow Us Widget */
.amd-soft-testimonial-social-link {
    background-color: var(--white);
    border: 1px solid var(--border-color);
    color: var(--dark-text);
}

.amd-soft-testimonial-social-link:hover {
    background-color: var(--light-purple);
    color: var(--amd-primary);
}

/* Specific social icon brand colors */
.amd-soft-testimonial-social-link.facebook i {
    color: #3b5998;
}

.amd-soft-testimonial-social-link.twitter i {
    color: #1da1f2;
}

.amd-soft-testimonial-social-link.google-plus i {
    color: #db4437;
}

.amd-soft-testimonial-social-link.vimeo i {
    color: #1ab7ea;
}

/* Categories Widget */
.amd-soft-testimonial-category-list .amd-soft-testimonial-category-item {
    border-bottom: 1px dashed var(--border-color);
}

.amd-soft-testimonial-category-list .amd-soft-testimonial-category-link {
    color: var(--dark-text);
    font-size: 1rem;
}

.amd-soft-testimonial-category-list .amd-soft-testimonial-category-link:hover {
    color: var(--amd-primary);
}

.badge.bg-secondary {
    background-color: var(--text-muted) !important;
    color: var(--white) !important;
}

/* Latest Tweets Widget */
.amd-soft-testimonial-tweet-box {
    background-color: #1da1f2;
    color: var(--white);
    padding: 1rem;
    border-radius: 0.25rem;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.4;
}

.amd-soft-testimonial-tweet-box p {
    margin-bottom: 0.5rem;
}

.amd-soft-testimonial-tweet-box a {
    color: var(--white);
    text-decoration: underline;
}

.amd-soft-testimonial-tweet-box .amd-soft-testimonial-tweet-icon {
    font-size: 2rem;
    margin-top: 1rem;
}

/* General layout adjustments */
.amd-soft-testimonial-blog-post-image {
    flex-shrink: 0;
    width: 100%;
    max-width: 180px;
    height: 120px;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 0.25rem;
}

@media (min-width: 576px) {
    .amd-soft-testimonial-blog-post-image {
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
}

.amd-soft-testimonial-blog-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.amd-soft-testimonial-blog-post-content {
    flex-grow: 1;
    width: 100%;
}

@media (min-width: 576px) {
    .amd-soft-testimonial-blog-post-content {
        width: auto;
    }
}

.amd-soft-testimonial-recent-post-image {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 0.75rem;
    overflow: hidden;
    border-radius: 0.25rem;
}

.amd-soft-testimonial-recent-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.amd-soft-testimonial-border-dashed {
    border-style: initial;
}

/* Blog Detail Page Specific Styles */
.amd-soft-testimonial-post-header {
    text-align: center;
    margin-bottom: 2rem;
}

.amd-soft-testimonial-post-header h1 {
    font-size: 2.5rem;
    color: var(--dark-text);
    /* Title on white card background */
    margin-bottom: 0.5rem;
}

.amd-soft-testimonial-post-meta {
    font-size: 0.9rem;
    color: var(--text-muted);
}

.amd-soft-testimonial-post-meta a {
    color: var(--text-muted);
    text-decoration: none;
}

.amd-soft-testimonial-post-meta a:hover {
    color: var(--bs-primary);
}

.amd-soft-testimonial-featured-image {
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.amd-soft-testimonial-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.amd-soft-testimonial-post-body {
    color: var(--dark-text);
    /* Main text on white card background */
    line-height: 1.8;
    font-size: 1rem;
}

.amd-soft-testimonial-post-body h2,
.amd-soft-testimonial-post-body h3,
.amd-soft-testimonial-post-body h4 {
    color: var(--dark-text);
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.amd-soft-testimonial-post-body p {
    margin-bottom: 1rem;
}

.amd-soft-testimonial-post-body ul,
.amd-soft-testimonial-post-body ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.amd-soft-testimonial-post-body blockquote {
    border-left: 4px solid var(--bs-primary);
    padding-left: 1rem;
    margin: 1.5rem 0;
    color: var(--text-muted);
    font-style: italic;
}

.amd-soft-testimonial-post-tags {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);
}

.amd-soft-testimonial-post-tags .badge {
    background-color: var(--bs-primary) !important;
    color: var(--white) !important;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
}

.amd-soft-testimonial-share-buttons {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);

}

.amd-soft-testimonial-share-buttons .btn {
height: 40%;
width: 20%;
    margin: 3px;
    font-size: 0.8rem;
}

.amd-soft-testimonial-share-buttons .btn-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
    color: white;
}

.amd-soft-testimonial-share-buttons .btn-twitter {
    background-color: #1da1f2;
    border-color: #1da1f2;
    color: white;
}


.amd-soft-testimonial-author-box {
    background-color: var(--light-purple);
    /* Lighter background for author box */
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    color: var(--dark-text);
    border: 1px solid var(--bs-border-color);
}

.amd-soft-testimonial-author-box img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 1.5rem;
    border: 2px solid var(--bs-primary);
}

.amd-soft-testimonial-author-box h5 {
    margin-bottom: 0.25rem;
    color: var(--dark-text);
}

.amd-soft-testimonial-author-box p {
    font-size: 0.9rem;
    color: var(--text-muted);
    margin-bottom: 0;
}

.amd-soft-testimonial-comments-section {
    margin-top: 3rem;
}

.amd-soft-testimonial-comments-section h3 {
    color: var(--dark-text);
    margin-bottom: 1.5rem;
}

.amd-soft-testimonial-comment {
    display: flex;
    margin-bottom: 1rem;
    /* Made thinner */
    background-color: var(--light-purple);
    /* Lighter background for comments */
    padding: 0.75rem;
    /* Made thinner */
    border-radius: 0.5rem;
    border: 1px solid var(--bs-border-color);
}

/* Add styling for the new like button */
.amd-soft-testimonial-comment-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    /* Space between reply and like */
    margin-top: 0.5rem;
}

.amd-soft-testimonial-comment-actions .btn-sm {
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
}

.amd-soft-testimonial-comment-actions .amd-soft-testimonial-like-count {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.amd-soft-testimonial-comment-avatar {
    flex-shrink: 0;
    margin-right: 1rem;
}

.amd-soft-testimonial-comment-avatar img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--bs-primary);
}

.amd-soft-testimonial-comment-body {
    flex-grow: 1;
    color: var(--dark-text);
}

.amd-soft-testimonial-comment-author {
    font-weight: bold;
    margin-bottom: 0.25rem;
    color: var(--dark-text);
}

.amd-soft-testimonial-comment-date {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 0.5rem;
}

.amd-soft-testimonial-comment-text {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.amd-soft-testimonial-comment-reply a {
    font-size: 0.85rem;
    color: var(--bs-primary);
    text-decoration: none;
    font-weight: bold;
}

.amd-soft-testimonial-comment-reply a:hover {
    color: var(--accent-magenta);
}

.amd-soft-testimonial-comment.reply {
    margin-left: 3rem;
    /* Indent replies */
    margin-top: 1rem;
}

.amd-soft-testimonial-leave-reply {
    margin-top: 3rem;
}

.amd-soft-testimonial-leave-reply h3 {
    color: var(--dark-text);
    margin-bottom: 1.5rem;
}

.amd-soft-testimonial-leave-reply .form-label {
    color: var(--dark-text);
}

.amd-soft-testimonial-leave-reply .form-control {
    background-color: var(--white);
    color: var(--dark-text);
}

.amd-soft-testimonial-leave-reply .form-control::placeholder {
    color: var(--text-muted);
}

.amd-soft-testimonial-leave-reply .btn-primary {
    margin-top: 1rem;
}



/* Responsive adjustments for sidebar and offcanvas toggle */
@media (max-width: 1045.98px) {

    /* Apply changes at 1046px and below */
    .amd-soft-testimonial-sidebar-col {
        display: none !important;
        /* Hide sidebar column */
    }

    .amd-soft-testimonial-main-content-col {
        width: 100% !important;
        /* Main content takes full width */
    }

    .amd-soft-testimonial-sidebar-toggle {

        display: flex !important;
        /* Show the toggle button */
    }
    .amd-soft-testimonial-share-buttons .btn{
        height: 3%;
        width: 30%;
    }
}

/* Fixed button for offcanvas toggle */
.amd-soft-testimonial-sidebar-toggle {
    position: fixed;
    top: 25%;
    /* Position at the top */
    right: 20px;
    z-index: 1;
    /* Above offcanvas backdrop */

    width: 50px;
    height: 50px;
    display: none;
    /* Hidden by default on larger screens */
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 1.2rem;
}

/* Offcanvas specific styling for a "cool" look */
.offcanvas {
    background-color: var(--dark-background);
    /* Use dark background for offcanvas */
    color: var(--white);
    /* White text on dark background */
    border-left: 1px solid var(--border-color);
    /* Subtle border */
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
    /* Add a shadow for depth */
}

.offcanvas-header {
    border-bottom: 1px solid var(--border-color);
}

.offcanvas-title {
    color: var(--white);
    /* Title color */
}

.offcanvas-body {
    color: var(--white);
    /* Body text color */
}

.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    /* Make close button white on dark background */
}

/* Ensure widgets inside offcanvas maintain their light background */
.offcanvas .card {
    background-color: var(--bs-card-bg);
    /* Cards should be white for contrast */
    border-color: var(--bs-border-color) !important;
}

.offcanvas .card-title,
.offcanvas .form-control,
.offcanvas .amd-soft-testimonial-recent-post-title-small,
.offcanvas .amd-soft-testimonial-category-link,
.offcanvas .amd-soft-testimonial-social-link {
    color: var(--dark-text) !important;
}

.offcanvas .text-muted,
.offcanvas .form-control::placeholder {
    color: var(--text-muted) !important;
}

.offcanvas .btn-light {
    background-color: var(--light-purple) !important;
    border-color: var(--border-color) !important;
    color: var(--dark-text) !important;
}

.offcanvas .btn-light:hover {
    background-color: var(--border-color) !important;
    border-color: var(--accent-magenta) !important;
    color: var(--amd-primary) !important;
}

.offcanvas .nav-tabs .nav-link {
    background-color: var(--white);
}

.offcanvas .tab-content {
    background-color: var(--white);
}


/* Transparent background */
.canvas-shake-btn {
    border: none;
    padding: 6px 10px;
}

/* Better icon style */
.canvas-shake-btn i {
    font-size: 24px;
    color: var(--white); /* Change to match your theme */
    animation: shakeIcon 2s infinite ease-in-out;
}

/* Smooth shake animation */
@keyframes shakeIcon {
    0%, 95%, 100% {
        transform: rotate(0deg);
    }
    96% {
        transform: rotate(3deg);
    }
    97% {
        transform: rotate(-3deg);
    }
    98% {
        transform: rotate(2deg);
    }
    99% {
        transform: rotate(-2deg);
    }
}