.box-achieved h3 {
    font-size: 30px;
    color: #034ea2;
    font-weight: 600;
}

.box-achieved .description-text {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.icon-section {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.icon-section .icon-img {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.icon-text strong p {
    font-size: 16px;
    color: #034ea2;
}

.icon-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .box-achieved h3 {
        font-size: 24px;
    }

    .icon-section .icon-img {
        width: 32px;
        height: 32px;
    }

    .icon-text strong p {
        font-size: 14px;
    }

    .icon-text p {
        font-size: 13px;
    }
}

/* Overall Impact Section */
.overall-impact-section {
    background: #f8fbff;
    padding: 80px 0;
}

.overall-impact-section .section-title {
    font-size: 36px;
    color: #034ea2;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.overall-impact-section .section-title::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #034ea2;
    border-radius: 2px;
}

.impact-card {
    background: #ffffff;
    padding: 35px 20px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(3, 78, 162, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    border-bottom: 4px solid transparent;
}

.impact-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(3, 78, 162, 0.15);
    border-bottom-color: #034ea2;
}

.impact-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: #e8f0fe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.impact-card:hover .impact-icon {
    background: #034ea2;
}

.impact-icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    transition: all 0.3s ease;
}

.impact-card:hover .impact-icon img {
    filter: brightness(0) invert(1);
}

.impact-number {
    font-size: 42px;
    font-weight: 800;
    color: #034ea2;
    line-height: 1.1;
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif;
}

.impact-label {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 6px;
    line-height: 1.3;
}

.impact-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 0;
    line-height: 1.4;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .overall-impact-section .section-title {
        font-size: 30px;
    }

    .impact-number {
        font-size: 36px;
    }

    .impact-label {
        font-size: 15px;
    }
}
/* Overall Impact Section */
.overall-impact-section {
    padding: 80px 0;
    background: #ffffff;
}

.impact-title {
    font-size: 30px;
    color: #034ea2;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

/* Visionary Investors */
.box-achieved h3 {
    color: #004a99; /* Match brand blue */
    font-weight: 700;
    margin-bottom: 10px;
}

.box-achieved p {
    color: #777;
    font-size: 1rem;
}

/* Logo Grid & Wrapper */
.logo-wrapper {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    transition: all 0.3s ease;
}

.gray-logo {
    max-height: 55px;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Hover Effect: Individual Logo */
.logo-wrapper:hover .gray-logo {
    filter: grayscale(0%) brightness(1) contrast(1);
    opacity: 1;
    transition: 0.3s ease-in-out;
}
/* end Visionary Investors */

/* Metric Items */
.metric-item {
    margin-bottom: 30px;
}

.metric-item .icon-section {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.metric-item .icon-img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
    background: #e8f0fe;
    padding: 10px;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.metric-item:hover .icon-img {
    background: #034ea2;
    transform: scale(1.05);
}

.metric-item .icon-text {
    flex: 1;
}

.metric-number {
    font-size: 30px;
    /* font-weight: 800; */
    color: #034ea2;
    display: block;
    line-height: 1.2;
    margin-bottom: 2px;
}

.metric-label {
    font-size: 15px;
    color: #555;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: 500;
}

/* Right Side Image */
.impact-image {
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(3, 78, 162, 0.12);
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.3s ease;
}

.impact-image:hover {
    transform: scale(1.02);
    box-shadow: 0 15px 50px rgba(3, 78, 162, 0.2);
}
.investor-subtitle {
    color: #787878;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .overall-impact-section {
        padding: 60px 0;
    }

    .impact-title {
        font-size: 30px;
    }

    .metric-number {
        font-size: 24px;
    }

    .metric-label {
        font-size: 14px;
    }

    .metric-item .icon-img {
        width: 42px;
        height: 42px;
        padding: 8px;
    }
}

@media (max-width: 768px) {
    .overall-impact-section {
        padding: 50px 0;
    }

    .impact-title {
        font-size: 26px;
        text-align: center;
    }

    .impact-title::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .metric-item {
        margin-bottom: 20px;
    }

    .metric-item .icon-section {
        gap: 14px;
    }

    .metric-item .icon-img {
        width: 38px;
        height: 38px;
        padding: 6px;
    }

    .metric-number {
        font-size: 22px;
    }

    .metric-label {
        font-size: 13px;
    }

    .impact-image {
        margin-top: 30px;
    }
}

@media (max-width: 576px) {
    .impact-title {
        font-size: 22px;
    }

    .metric-number {
        font-size: 20px;
    }

    .metric-label {
        font-size: 12px;
    }

    .metric-item .icon-img {
        width: 34px;
        height: 34px;
        padding: 5px;
    }

    .metric-item .icon-section {
        gap: 12px;
    }
}

/* Facility Section */

.facility-subtitle {
    color: #004a99;
    font-weight: 600;
    font-size: 1.4rem;
}

.facility-desc {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
}

/* List Styling */
.facility-list {
    list-style: disc !important;
    padding: 0;
    margin: 20px 0;
}

.facility-list li {
    color: #666;
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
}

.facility-list li::before {
    content: "•";
    color: #004a99;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Startups Launched with Emerge */

/* Section Background */
.startups-section {
    background-color: #ffffff;
}

/* Main Card Styling */
.startup-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    padding: 25px;
    transition: all 0.4s ease;
    height: auto;
    cursor: pointer;
}

/* Header inside card (Logo + Title) */
.startup-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.logo-circle {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-align: center;
}

.logo-circle span {
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}

.startup-name {
    color: #004a99;
    /* font-weight: 600; */
    font-size: 16px;
    margin: 0;
}

/* Hidden Section (Details) */
.startup-details {
    max-height: 0; /* Hidden state */
    opacity: 0; /* Hidden state */
    overflow: hidden;
    transition: all 0.5s ease; /* Smooth sliding effect */
}

.startup-desc {
    color: #777777;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 20px;
    margin-bottom: 15px;
}

/* Green Button */
.btn-visit {
    display: inline-table;
    background-color: #00c32b;
    color: #ffffff;
    width: 50%;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    /* font-weight: 600; */
    font-size: 16px;
    transition: 0.3s;
}

.btn-visit:hover {
    background-color: #00a624;
    color: #ffffff;
}

/* THE HOVER EFFECT: Only triggers on the current card */
.startup-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-color: #dddddd;
}

.startup-card:hover .startup-details {
    max-height: 300px; /* Expands to show content */
    opacity: 1; /* Fades in */
    margin-top: 5px;
}

/* donate page styling */
/* Section Typography */
.contribute-title {
    color: #004a99;
    font-weight: 700;
    font-size: 2.5rem;
}
.contribute-subtitle {
    color: #777;
    margin-bottom: 20px;
}

/* Card Styling */
.contribute-card {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.card-heading {
    color: #004a99;
    font-weight: 600;
    font-size: 1.5rem;
}
.card-text {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.6;
}

.card-img-main {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/* Year Toggle Buttons */
.year-toggle {
    display: flex;
    gap: 10px;
}
.year-btn {
    background-color: #f0f7ff;
    color: #004a99;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
}
.year-btn.active,
.year-btn:hover {
    background-color: #004a99;
    color: white;
}

/* Contact Links */
.contact-box {
    font-size: 0.85rem;
    color: #555;
}
.contact-box a {
    color: #004a99;
    text-decoration: underline;
    font-weight: 600;
}

/* Donation Rows */
.donation-row {
    background-color: #f0f7ff;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #004a99;
    font-weight: 500;
}
.price-text {
    border-left: 1px solid #bcd4ef;
    padding-left: 15px;
    color: #004a99;
    font-weight: 600;
}
.small-desc {
    font-size: 12px;
    color: #4477aa;
    line-height: 1.4;
}

/* The Green Donate Button */
.btn-donate {
    display: inline-block;
    background-color: #00c32b;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}
.btn-donate:hover {
    background-color: #034ea2;
}

/* Style for the Input Field inside the price-text column */
.custom-amount-field {
    width: 100%;
    border: 1px solid #bcd4ef; /* Matches your vertical line color */
    background-color: #ffffff;
    padding: 6px 12px;
    border-radius: 6px;
    color: #004a99; /* Brand Blue */
    font-size: 14px;
    font-weight: 600;
    outline: none;
    transition: all 0.3s ease;
}

/* When the user clicks on the input (Focus state) */
.custom-amount-field:focus {
    border-color: #004a99; /* Darker blue on focus */
    box-shadow: 0 0 0 3px rgba(0, 74, 153, 0.1); /* Subtle blue glow */
    background-color: #fff;
}

/* Styling the placeholder text */
.custom-amount-field::placeholder {
    color: #888;
    font-weight: 400;
    font-size: 12px;
}

/* Remove arrows from number input (optional) */
.custom-amount-field::-webkit-inner-spin-button,
.custom-amount-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Ensuring the price-text column (the vertical line) looks good with an input */
.price-text {
    border-left: 1px solid #bcd4ef;
    padding-left: 15px;
    display: flex;
    align-items: center;
}
/* Animations */
/* [data-aos] { pointer-events: none; } */
.contribute-card:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}

/*  */

.certifications-section {
    background-color: #ffffff;
    padding: 80px 0;
}

/* Left Side Text */
.cert-main-title {
    color: #004a99;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 15px;
}

.cert-main-subtitle {
    color: #888888;
    font-size: 1rem;
    line-height: 1.5;
    max-width: 320px;
}

/* Right Side Cards */
.cert-card {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    padding: 30px 15px;
    text-align: center;
    height: 95%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.cert-card:hover {
    border-color: #004a99;
    box-shadow: 0 10px 25px rgba(0, 74, 153, 0.05);
    transform: translateY(-5px);
}

.cert-img-box {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.cert-img-box img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.cert-name {
    color: #004a99;
    font-weight: 500;
    font-size: 1.05rem;
    margin: 0;
    line-height: 1.3;
}

/* Small text for the longer FBR label */
.cert-name.small-text {
    font-size: 0.85rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .cert-main-title {
        text-align: center;
        font-size: 1.8rem;
    }
    .cert-main-subtitle {
        text-align: center;
        max-width: 100%;
    }
    .cert-img-box {
        height: 80px;
    }
}

/* easy ways to donate */

/* Typography & Colors */
:root {
    --brand-blue: #004a99;
    --light-bg: #f0f7ff;
    --text-gray: #666666;
    --success-green: #00c32b;
}

.main-title {
    color: var(--brand-blue);
    font-weight: 700;
    font-size: 2.2rem;
}
.main-subtitle {
    color: var(--text-gray);
    font-size: 1rem;
    margin-bottom: 40px;
}

.method-heading {
    color: var(--brand-blue);
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 1.4rem;
}
.card-subheading {
    color: var(--brand-blue);
    font-weight: 700;
    border-bottom: 1px solid #bcd4ef;
    padding-bottom: 10px;
    font-size: 1.1rem;
}

/* Card Styling */
.bank-card {
    background-color: var(--light-bg);
    border-radius: 12px;
    border: none;
}
/* The main large border around all methods */
.donate-methods-wrapper {
    border: 1px solid #eeeeee;
    border-radius: 15px;
    padding: 1rem !important;
}

/* Vertical separator line between bank details */
.border-end {
    border-right: 1px solid #bcd4ef !important;
}

/* Bank Details Logic */
.bank-logo-sm {
    height: 35px;
    width: auto;
    object-fit: contain;
}
.bank-detail {
    font-size: 11px;
    color: var(--text-gray);
    line-height: 1.4;
    margin-bottom: 5px;
}
.bank-detail span {
    color: var(--brand-blue);
    font-weight: 700;
    margin-bottom: 1px;
}

/* Bank Icon Grid Wrapper */
.bank-icon-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.bank-icon-box {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: 60px;
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    transition: all 0.3s ease;
}
.bank-icon-box img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
}

/* Green Button */
.btn-donate-green {
    display: inline-block;
    background-color: var(--success-green);
    color: white;
    padding: 12px 35px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}
.btn-donate-green:hover {
    background-color: #034ea2;
    color: white;
}

/* Contact Info */
.small-text {
    font-size: 13px;
    color: var(--text-gray);
    line-height: 1.5;
}
.contact-info p {
    font-size: 13px;
    color: var(--text-gray);
    margin-bottom: 5px;
}
.contact-info strong {
    color: var(--brand-blue);
}

/* Utilities */
.border-end {
    border-color: #bcd4ef !important;
}

@media (max-width: 991px) {
    .bank-icon-box {
        width: calc(25% - 12px);
    }
    .border-end {
        border: none !important;
        border-bottom: 1px solid #bcd4ef !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .border-end {
        border-right: none !important;
        border-bottom: 1px solid #bcd4ef !important;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

/* alumni page */

/* career opportunities */

/* Main Card Wrapper */
.career-card-main {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 25px;
    /* height: 520px; Fixed height for consistency */
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}

.career-card-main:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    border-color: #004a99;
}

/* Header: Logo and Badge */
.card-header-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.comp-logo {
    height: 50px;
    max-width: 80px;
    object-fit: contain;
}

.badge-status {
    background-color: #004a99;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 14px;
    border-radius: 6px;
    text-transform: capitalize;
}

.badge-intl {
    background-color: #004a99;
} /* Blue as per image */

/* Title */
.job-main-title {
    color: #004a99;
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 15px;
    line-height: 1.3;
}

/* Content Area */
.job-content-area {
    margin-bottom: 20px;
}

.section-block label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.section-block ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.section-block ul li {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    position: relative;
    padding-left: 0;
    margin-bottom: 3px;
}

.simple-desc {
    font-size: 12.5px;
    color: #666;
    line-height: 1.6;
}

/* Bottom Area */
.location-text {
    font-size: 11.5px;
    color: #999;
    margin-bottom: 15px;
}

.btn-apply-now {
    display: inline-flex;
    align-items: center;
    background-color: #00c32b;
    color: #fff;
    font-weight: 600;
    font-size: 13.5px;
    padding: 9px 18px;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s;
}

.btn-apply-now:hover {
    background-color: #00a825;
    color: #fff;
    transform: translateX(3px);
}

/* Slider Arrows Style (Image consistent) */
.student-testimonials-slider .slick-prev,
.student-testimonials-slider .slick-next {
    background-color: #dde8f3 !important; /* Light blue/gray circle */
    width: 35px;
    height: 35px;
    border-radius: 50%;
    z-index: 10;
}

.student-testimonials-slider .slick-prev {
    left: -45px;
}
.student-testimonials-slider .slick-next {
    right: -45px;
}

.student-testimonials-slider .slick-prev:before {
    content: "‹";
    color: #004a99;
    font-size: 30px;
    line-height: 30px;
}
.student-testimonials-slider .slick-next:before {
    content: "›";
    color: #004a99;
    font-size: 30px;
    line-height: 30px;
}

/* Responsive */
@media (max-width: 768px) {
    .career-card-main {
        height: auto;
        margin-bottom: 20px;
    }
    .student-testimonials-slider .slick-prev,
    .student-testimonials-slider .slick-next {
        display: none !important;
    }
}
/* Slider container se overflow hatayein taake arrows nazar aayein */
.student-testimonials {
    overflow: visible !important;
}

.student-testimonials-slider {
    position: relative;
    overflow: visible !important;
}

/* h3 styling */
.custom-style h3 {
    font-size: 36px;
    font-weight: 600;
    color: #034ea2;
    margin-bottom: 30px;
}

@media (max-width: 1600px) {
    .custom-style h3 {
        font-size: 30px;
    }
}

@media (max-width: 1600px) {
    .custom-style h3 {
        margin-bottom: 20px;
    }
}

@media (max-width: 1600px) {
    .custom-style p {
        font-size: 16px;
    }
}

.custom-style p {
    margin-bottom: 15px;
    font-size: 18px;
    color: #787878;
}

/* Our Placement Strategy */

/* Section Title */
.placement-main-title {
    color: #004a99;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 2rem;
}

/* Placement Card Styling */
.placement-content {
    background-color: #004a99; /* Deep blue from image */
    padding: 40px 30px;
    border-radius: 12px;
    height: 100%;
    color: #ffffff;
    transition: transform 0.3s ease;
}

.placement-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Icon Area Styling */
.icon-area {
    margin-bottom: 25px;
}

.icon-area i {
    font-size: 45px; /* Large line icons like image */
    color: #ffffff;
    opacity: 0.9;
}

/* Text Inside Cards */
.placement-content h4 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
    color: #ffffff;
}

.placement-content p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85); /* Slightly muted white for readability */
    margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .placement-content {
        padding: 30px 20px;
    }
    .placement-main-title {
        font-size: 1.6rem;
        text-align: center;
    }
}

/*  Career Counselling */
.alumni-counselling-section {
    padding-bottom: 0;
    overflow: hidden;
}

.alumni-counselling {
    min-height: 565px;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.9fr) minmax(230px, 0.5fr);
    overflow: visible;
    background: #f1f6fc;
    border-radius: 10px;
    color: #747474;
}

.alumni-counselling__content {
    padding: 66px 28px 55px 62px;
}

.alumni-counselling__content h2 {
    margin: 0 0 14px;
    color: #0054ad;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.2;
}

.alumni-counselling__content p {
    max-width: 690px;
    margin: 0 0 11px;
    font-size: 16px;
    line-height: 1.4;
}

.alumni-counselling__content .alumni-counselling__highlight {
    margin: 12px 0 14px;
    font-style: italic;
}

.alumni-counselling__benefits {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

.alumni-counselling__benefits li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.35;
}

.alumni-counselling__benefits li::before {
    content: "\2022";
    position: absolute;
    left: 5px;
    color: #747474;
}

.alumni-counselling__contacts {
    z-index: 2;
    padding: 64px 0 38px 8px;
}

.alumni-counselling__contacts h3 {
    max-width: 390px;
    margin: 0 0 28px;
    color: #0054ad;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.28;
}

.alumni-counselling__contact {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 51px;
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.28;
}

.alumni-counselling__icon {
    width: 44px;
    height: 44px;
    display: grid;
    flex: 0 0 44px;
    place-items: center;
}

.alumni-counselling__icon img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.alumni-counselling__icon--framed {
    border: 2px solid #0061bd;
    border-radius: 50%;
}

.alumni-counselling__icon--framed img {
    width: 24px;
    height: 24px;
}

.alumni-counselling__contact strong,
.alumni-counselling__contact span,
.alumni-counselling__contact a {
    display: block;
}

.alumni-counselling__contact strong {
    color: #0054ad;
    font-weight: 500;
    line-height: 1.2;
}

.alumni-counselling__contact span,
.alumni-counselling__contact a {
    color: #7a7a7a;
    margin-top: 2px;
    line-height: 1.35;
}

.alumni-counselling__contact a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.alumni-counselling__contact:last-child {
    align-items: flex-start;
    margin-bottom: 0;
}

.alumni-counselling__contact:last-child .alumni-counselling__icon {
    margin-top: 2px;
}

.alumni-counselling__contact:last-child span {
    max-width: 285px;
}

.alumni-counselling__student {
    position: relative;
    align-self: stretch;
    min-width: 0;
}

.alumni-counselling__student img {
    position: absolute;
    right: -100px;
    bottom: 0;
    width: auto;
    max-width: none;
    height: 96.5%;
    object-fit: contain;
    object-position: right bottom;
}

@media (max-width: 1199px) {
    .alumni-counselling {
        grid-template-columns: minmax(0, 1.25fr) minmax(290px, 0.8fr) 210px;
    }

    .alumni-counselling__content {
        padding-left: 38px;
    }

    .alumni-counselling__student img {
        right: -72px;
    }

    .alumni-counselling__contact:last-child span {
        max-width: 235px;
    }
}

@media (max-width: 991px) {
    .alumni-counselling {
        grid-template-columns: 1fr 1fr;
        min-height: 0;
    }

    .alumni-counselling__content,
    .alumni-counselling__contacts {
        padding: 42px 34px;
    }

    .alumni-counselling__student {
        display: none;
    }

    .alumni-counselling__contact:last-child span {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .alumni-counselling {
        display: block;
    }

    .alumni-counselling__content,
    .alumni-counselling__contacts {
        padding: 32px 24px;
    }

    .alumni-counselling__contacts {
        padding-top: 0;
    }

    .alumni-counselling__content h2 {
        font-size: 29px;
    }

    .alumni-counselling__contacts h3 {
        font-size: 21px;
    }
}

/* Global Styling */
.career-counselling-sec {
    background-color: #ffffff;
    font-family: "Poppins", sans-serif;
}

/* The Light Blue Box */
.counselling-container {
    background-color: #f0f7ff; /* Exact light blue from image */
    border-radius: 20px;
    position: relative;
}

/* Typography */
.title-blue {
    color: #004a99;
    font-weight: 700;
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.text-gray {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}

.text-italic {
    color: #666;
    font-style: italic;
    font-weight: 500;
    margin: 15px 0;
}

/* Bullet Points */
.counselling-list {
    list-style: none;
    padding-left: 0;
}

.counselling-list li {
    position: relative;
    padding-left: 20px;
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 10px;
}

.counselling-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #888;
    font-weight: bold;
}

/* Contact Section Styling */
.contact-header {
    color: #004a99;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4;
}

.contact-row {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.contact-icon {
    width: 45px;
    height: 45px;
    border: 1.5px solid #004a99; /* Blue border circle */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004a99;
    font-size: 1.2rem;
    margin-right: 15px;
    flex-shrink: 0;
}

.contact-text {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.4;
}

.contact-text strong {
    color: #004a99;
    font-weight: 700;
}

.contact-text a {
    color: #666;
    text-decoration: underline;
}

/* Image Positioning (Standing on border) */
.student-img-wrapper {
    position: absolute;
    bottom: -1px;
    right: 0px;
    width: 370px;
}

.student-img {
    width: 460px;
    height: auto;
    display: block;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 991px) {
    .counselling-container {
        padding-bottom: 0;
        border-radius: 0;
    }
    .title-blue {
        font-size: 1.8rem;
    }
    .student-img-wrapper {
        position: relative;
        bottom: 0;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}
.mw-70 {
    max-width: 70% !important;
}
/*  Get Registered as Hunar Alumni*/

.box.support-and-mission form input[type="number"],
select {
    width: 100%;
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    outline: none;
    border: none;
    font-size: 16px;
}
/*  get registered */
/* Heading Underline */
.section-title-underlined {
    color: #004a99;
    font-weight: 700;
    font-size: 2.2rem;
    position: relative;
    display: inline-block;
}
.section-title-underlined::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #00aeef;
}

/* Contact Grid */
.contact-mini {
    display: flex;
    align-items: center;
    gap: 12px;
}
.contact-mini .icon-box {
    width: 45px;
    height: 45px;
    /* border: 1.5px solid #004A99; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004a99;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.contact-mini small {
    display: block;
    color: #004a99;
    font-weight: 600;
    font-size: 0.85rem;
}
.contact-mini strong {
    color: #888;
    font-weight: 500;
    font-size: 0.85rem;
}

/* Right Side Cards with Background Image */
.action-card-bg {
    height: 300px;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-size: cover; /* Image fills the card */
    background-position: center bottom; /* Hands stay at bottom */
    position: relative;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Text stays at the top */
    transition: 0.3s ease;
    overflow: hidden;
}

.action-card-bg:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.card-overlay-content {
    padding: 30px 15px;
    text-align: center;
    z-index: 2;
    /* Optional: subtle gradient to make text more readable if image is light */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}

.card-overlay-content h3 {
    font-size: 1.7rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-overlay-content p {
    font-size: 0.85rem;
    line-height: 1.4;
    opacity: 0.95;
    margin-bottom: 0;
}

/* Mobile Fixes */
@media (max-width: 991px) {
    .action-card-bg {
        height: 380px;
    }
    .card-overlay-content h3 {
        font-size: 1.4rem;
    }
}

@media (max-width: 1600px) {
    .give-back-sec .h3 {
        font-size: 30px;
    }
}

.give-back-sec .h3 {
    font-size: 36px;
    font-weight: 600;
    color: #034ea2;
}

/* alumni memories */
.gallery-item video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* 1. Header Styling */
.alumni-title {
    color: #004a99;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}
.alumni-subtitle {
    color: #888;
    margin: 5px 0 0;
}
.btn-show-all {
    background-color: #004a99;
    color: white;
    padding: 8px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

/* 2. Gallery Item Logic */
.gallery-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    width: 100%;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 3. Setting specific height ratios for the "Mosaic" look */
.video-card {
    min-height: 350px;
}

.small-card {
    height: 230px;
}

.tall-card {
    max-height: 600px;
}

/* 4. The Play Button (Exact White Triangle) */
.video-card::before {
    /* content: ""; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 55px solid rgba(255, 255, 255, 0.9);
    z-index: 5;
    cursor: pointer;
    transition: 0.3s;
}

.video-card:hover::before {
    border-left-color: #fff;
    transform: translate(-50%, -50%) scale(1.1);
}

/* 5. Subtle Overlay for Videos */
.video-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
    .video-card,
    .small-card,
    .tall-card {
        height: 250px !important;
        min-height: auto !important;
    }
    .alumni-title {
        font-size: 1.8rem;
    }
}

/* application form  */

.application-form-section {
            padding: 47px 0 78px;
            background: #fff;
        }

        /* ---------- custom select ---------- */
        .application-select {
            position: relative;
        }

        .application-select::after {
            content: '\f078';
            position: absolute;
            top: 50%;
            right: 16px;
            color: #6b7a8a;
            font-family: "Font Awesome 6 Free";
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
            pointer-events: none;
            transform: translateY(-50%);
            transition: border-color 0.2s;
        }

        .application-select select {
            width: 100%;
            height: 46px;
            padding: 0 44px 0 16px;
            border: 1px solid transparent;
            border-radius: 10px;
            background: #ffffff;
            color: #1f2a3a;
            font-size: 0.9rem;
            appearance: none;
            cursor: pointer;
            transition: border-color 0.2s, box-shadow 0.2s;
            outline: none;
        }

        .application-select select:focus {
            border-color: #034ea2;
            box-shadow: 0 0 0 3px rgba(3, 78, 162, 0.10);
        }

        .application-form-section>.container-fluid {
            width: calc(100% - 40px);
            max-width: 1180px;
            padding-right: 0;
            padding-left: 0;
        }

        .application-stepper {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            margin: 0 0 53px;
            padding: 0;
            border-bottom: 1px solid #dedede;
            list-style: none;
        }

        .application-stepper li {
            position: relative;
            min-width: 0;
            padding: 0 5px 15px;
            color: #777;
            text-align: center;
        }

        .application-stepper li::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: -2px;
            left: 0;
            height: 3px;
            border-radius: 3px;
            background: transparent;
        }

        .application-stepper li.is-active {
            color: #034ea2;
            font-weight: 500;
        }

        .application-stepper li.is-active::after {
            background: #00c333;
        }

        .application-stepper__number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 19px;
            height: 19px;
            margin: 0 auto 6px;
            border-radius: 50%;
            color: #fff;
            background: #d5d7d9;
            font-size: 11px;
            font-weight: 600;
        }

        .application-stepper li.is-active .application-stepper__number {
            background: #d5d7d9;
            box-shadow: none;
        }

        .application-stepper__label {
            display: block;
            overflow: hidden;
            font-size: 14px;
            line-height: 1.25;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .application-step-intro {
            max-width: 460px;
            margin-bottom: 27px;
        }

        .application-step-intro p {
            margin: 0;
            color: #787878;
            font-size: 13px;
            line-height: 1.35;
        }

        .application-form-card,
        .application-documents {
            height: 100%;
            border: 0;
            border-radius: 8px;
            background: #f0f5fa;
        }

        .application-form-card {
            height: auto;
            min-height: 198px;
            padding: 20px 22px;
        }

        .application-step-layout {
            display: grid;
            grid-template-columns: minmax(0, 2.2fr) minmax(320px, 1fr);
            gap: 20px;
            align-items: start;
        }

        .application-step-panel[data-step="1"] .application-form-card {
            padding: 20px 23px;
            background: #f1f6fb;
        }

        .application-step-panel[data-step="1"] .application-documents {
            background: #f1f6fb;
        }

        .application-field-row {
            display: grid;
            grid-template-columns: 100px minmax(0, 1fr) 100px minmax(0, 1fr);
            column-gap: 17px;
            row-gap: 8px;
            align-items: center;
            margin-bottom: 20px;
        }

        .application-field-row label,
        .application-trades__label {
            margin: 0;
            color: #034ea2;
            font-size: 16px;
            font-weight: 600;
        }

        .application-select {
            position: static;
            width: 100%;
            min-width: 0;
        }

        .application-select::after {
            content: "\f078";
            position: absolute;
            top: 50%;
            right: 18px;
            z-index: 1;
            width: auto;
            height: auto;
            border: 0;
            color: #6b7a8a;
            font-family: "Font Awesome 6 Free";
            font-size: 12px;
            font-weight: 900;
            line-height: 1;
            pointer-events: none;
            transform: translateY(-50%);
        }

        .application-select select {
            width: 100%;
            height: 44px;
            padding: 0 44px 0 16px;
            border: 1px solid transparent;
            border-radius: 7px;
            outline: 0;
            color: #858585;
            background: #fff;
            background-image: none !important;
            font-size: 13px;
            appearance: none;
            -webkit-appearance: auto;
            -moz-appearance: none;
            cursor: pointer;
            transition: border-color .25s ease, box-shadow .25s ease;
        }

        .application-select select:focus {
            border-color: #034ea2;
            box-shadow: 0 0 0 3px rgba(3, 78, 162, .1);
        }

        .application-trades {
            display: grid;
            width: 100%;
            min-width: 0;
            grid-template-columns: 100px minmax(0, 1fr);
            gap: 17px;
            align-items: start;
        }

        .application-trades__label {
            padding-top: 12px;
        }

        .application-trades__options {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            min-width: 0;
        }

        .trade-option {
            position: relative;
            margin: 0;
            cursor: pointer;
        }

        .trade-option input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .trade-option__content {
            display: flex;
            align-items: center;
            min-height: 43px;
            padding: 8px 14px;
            border: 1px solid transparent;
            border-radius: 8px;
            color: #195da7;
            background: #fff;
            font-size: 12px;
            transition: border-color .25s ease, color .25s ease, box-shadow .25s ease;
        }

        .trade-option__check {
            display: grid;
            width: 17px;
            height: 17px;
            margin-right: 9px;
            place-items: center;
            border-radius: 50%;
            color: #fff;
            background: #d5d9dc;
            font-size: 9px;
        }

        .trade-option input:checked+.trade-option__content {
            border-color: transparent;
            color: #034ea2;
            box-shadow: none;
        }

        .trade-option input:checked+.trade-option__content .trade-option__check {
            background: #00c333;
        }

        .trade-option input:focus-visible+.trade-option__content {
            outline: 3px solid rgba(3, 78, 162, .18);
            outline-offset: 2px;
        }

        .application-documents {
            height: auto;
            min-height: 273px;
            padding: 17px 21px;
        }

        .application-documents h3 {
            margin-bottom: 12px;
            color: #034ea2;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.25;
        }

        .application-documents ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .application-documents li {
            position: relative;
            margin-bottom: 7px;
            padding-left: 22px;
            color: #135bad;
            font-size: 14px;
            line-height: 1.3;
        }

        .application-documents li:last-child {
            margin-bottom: 0;
        }

        .application-documents li i {
            position: absolute;
            top: 2px;
            left: 0;
            color: #00c333;
        }

        .application-form-footer {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: flex-end;
            gap: 20px;
            margin-top: 34px;
        }

        .application-form-footer > * {
            align-self: flex-end;
        }

        .application-contact-actions {
            display: flex;
            align-items: center;
            gap: 10px;
            padding-right: 1px;
        }

        .application-contact-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            border: 3px solid #fff;
            border-radius: 50%;
            color: #fff;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .22);
            font-size: 23px;
            text-decoration: none;
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .application-contact-btn--whatsapp { background: #00bd3d; }
        .application-contact-btn--phone { background: #0052a8; }

        .application-contact-btn:hover {
            color: #fff;
            box-shadow: 0 8px 16px rgba(0, 0, 0, .25);
            transform: translateY(-2px);
        }

        .application-step-panel[hidden] {
            display: none;
        }

        .application-step-panel {
            animation: applicationFade .3s ease;
        }

        @keyframes applicationFade {
            from {
                opacity: 0;
                transform: translateY(8px);
            }

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

        .application-stepper li.is-complete {
            color: #034ea2;
        }

        .application-stepper li.is-complete .application-stepper__number {
            background: #00c333;
        }

        .application-form-card--fields {
            padding: 24px;
        }

        .application-fields-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px 22px;
        }

        .application-field {
            min-width: 0;
        }

        .application-field--full {
            grid-column: 1 / -1;
        }

        .application-field label,
        .application-choice-group legend {
            /* display: block; */
            margin: 0 0 8px;
            color: #034ea2;
            font-size: 14px;
            font-weight: 600;
        }

        .application-field input,
        .application-field textarea,
        .application-field select {
            width: 100%;
            min-height: 46px;
            margin: 0;
            padding: 11px 15px;
            border: 1px solid transparent;
            border-radius: 7px;
            outline: none;
            color: #555;
            background: #fff;
            font-size: 13px;
        }

        .application-field textarea {
            min-height: 96px;
            resize: vertical;
        }

        .application-field input:focus,
        .application-field textarea:focus,
        .application-field select:focus {
            border-color: #034ea2;
            box-shadow: 0 0 0 3px rgba(3, 78, 162, .1);
        }

        .application-choice-group {
            margin: 0;
            padding: 0;
            border: 0;
        }

        .application-choice-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .application-choice {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 43px;
            margin: 0;
            padding: 8px 14px;
            border-radius: 7px;
            color: #195da7;
            background: #fff;
            font-size: 13px;
            cursor: pointer;
        }

        .application-choice input {
            accent-color: #00c333;
        }

        .application-panel-heading {
            margin: 0 0 6px;
            color: #034ea2;
            font-size: 20px;
            font-weight: 600;
        }

        .application-panel-copy {
            margin: 0 0 20px;
            color: #787878;
            font-size: 13px;
        }

        .application-consent {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            margin: 0;
            padding: 18px;
            border-radius: 8px;
            color: #555;
            background: #fff;
            line-height: 1.6;
            cursor: pointer;
        }

        .application-consent input {
            margin-top: 5px;
            accent-color: #00c333;
        }

        .application-invalid {
            border-color: #dc3545 !important;
            box-shadow: 0 0 0 3px rgba(220, 53, 69, .1) !important;
        }

        .application-error {
            display: block;
            margin-top: 5px;
            color: #dc3545;
            font-size: 11px;
        }

        .application-actions .application-btn[hidden] {
            display: none;
        }

        .upload-preview {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(72px, 92px));
            gap: 8px;
            width: 100%;
            margin-top: 8px;
        }

        .upload-preview__item {
            position: relative;
            overflow: hidden;
            border: 1px solid #d7e0e8;
            border-radius: 7px;
            background: #fff;
        }

        .upload-preview__item img {
            display: block;
            width: 100%;
            height: 76px;
            object-fit: cover;
        }

        .upload-preview__item span {
            display: block;
            overflow: hidden;
            padding: 4px 5px;
            color: #666;
            font-size: 9px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .course-table-wrap {
            overflow-x: auto;
            border: 1px solid #d8e0e7;
            border-radius: 8px;
        }

        .course-table {
            width: 100%;
            min-width: 820px;
            border-collapse: collapse;
            color: #0756ac;
            font-size: 12px;
            text-align: center;
        }

        .course-table th,
        .course-table td {
            padding: 9px 12px;
            border-right: 1px solid #d8e0e7;
            border-bottom: 1px solid #d8e0e7;
        }

        .course-table tr:last-child td {
            border-bottom: 0;
        }

        .course-table th:last-child,
        .course-table td:last-child {
            border-right: 0;
        }

        .course-table th {
            font-weight: 600;
        }

        .course-table select,
        .course-table input {
            width: 80%;
            min-height: 27px;
            margin: 0;
            padding: 3px 12px;
            border: 0;
            border-radius: 8px;
            color: #0756ac;
            background: #fff;
            text-align: center;
        }

        .application-card-section+.application-card-section {
            margin-top: 23px;
            padding-top: 20px;
            border-top: 1px solid #d6dee5;
        }

        .candidate-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .candidate-span-2 {
            grid-column: span 2;
        }

        .upload-box {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 96px;
            border-radius: 7px;
            background: #fff;
            color: #aaa;
            text-align: center;
        }

        .upload-box input {
            position: absolute;
            inset: 0;
            opacity: 0;
            cursor: pointer;
        }

        .upload-box i {
            display: block;
            margin-bottom: 5px;
            font-size: 22px;
        }

        .education-row {
            display: grid;
            grid-template-columns: 1.35fr 2fr .7fr .65fr .65fr 1fr;
            gap: 20px;
            padding: 0 0 20px;
        }

        .education-row+.education-row {
            padding-top: 20px;
            border-top: 1px solid #d6dee5;
        }

        .file-button {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            border-radius: 7px;
            background: #fff;
            color: #bbb;
            cursor: pointer;
        }

        .file-button input {
            position: absolute;
            inset: 0;
            opacity: 0;
            cursor: pointer;
        }

        .education-row .file-button {
            justify-content: space-between;
            padding: 0 14px;
            border: 1px solid #dbe4ec;
            color: #0756ac;
            font-size: 13px;
        }

        .education-row .file-button small {
            color: #8a96a3;
            font-size: 11px;
        }

        .application-add-more {
            width: 100%;
            min-height: 44px;
            margin-top: 0;
            border: 1px solid #9fa8b0;
            border-radius: 7px;
            color: #888;
            background: transparent;
            cursor: pointer;
        }

        .assessment-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(180px, .8fr) minmax(0, 1fr) minmax(180px, .8fr);
            gap: 14px 26px;
            align-items: center;
        }

        .assessment-grid label {
            margin: 0;
            color: #0756ac;
            font-size: 14px;
            line-height: 1.25;
        }

        .assessment-grid input,
        .assessment-grid select {
            width: 100%;
            min-height: 44px;
            margin: 0;
            padding: 10px 15px;
            border: 0;
            border-radius: 7px;
            background: #fff;
            color: #666;
        }

        .assessment-bottom {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid #d6dee5;
        }

        .inline-question {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 18px;
            align-items: center;
        }

        .inline-question label {
            margin: 0;
            color: #0756ac;
            font-size: 14px;
        }

        .inline-question input,
        .inline-question select {
            width: 100%;
            min-height: 44px;
            margin: 0;
            padding: 10px 15px;
            border: 0;
            border-radius: 7px;
            background: #fff;
        }

        .documents-card {
            border: 2px solid #1598f7;
        }

        .document-grid {
            display: grid;
            grid-template-columns: 1.15fr 1fr 1.15fr 1fr;
            gap: 14px 22px;
            align-items: center;
        }

        .document-grid label {
            margin: 0;
            color: #0756ac;
            font-size: 14px;
        }

        .document-grid .file-button {
            padding: 0 16px;
            justify-content: space-between;
            min-width: 0;
            overflow: hidden;
        }

        .file-button__name {
            display: block;
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .document-grid .file-button i {
            flex: 0 0 auto;
            margin-left: 10px;
        }

        .document-upload-control {
            min-width: 0;
        }

        .document-file-readout {
            display: flex;
            align-items: center;
            gap: 9px;
            min-width: 0;
            margin-top: 7px;
            color: #536779;
            font-size: 11px;
        }

        .document-file-readout:empty {
            display: none;
        }

        .document-file-readout img,
        .document-file-readout__icon {
            width: 38px;
            height: 38px;
            flex: 0 0 38px;
            border: 1px solid #d8e1e9;
            border-radius: 5px;
            object-fit: cover;
            background: #fff;
        }

        .document-file-readout__icon {
            display: grid;
            place-items: center;
            color: #dc3545;
            font-size: 17px;
        }

        .document-file-readout span {
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .document-grid .wide-row {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: 1.15fr 1fr 1fr 1.15fr;
            gap: 22px;
            align-items: center;
            padding: 20px 0;
            border-top: 1px solid #d6dee5;
            border-bottom: 1px solid #d6dee5;
        }

        .other-document-row {
            position: relative;
        }

        .other-document-row .application-remove-document {
            border-color: #dc3545;
            color: #dc3545;
            background: #fff;
        }

        .document-grid input[type="text"],
        .document-grid select {
            width: 100%;
            min-height: 44px;
            margin: 0;
            padding: 10px 15px;
            border: 0;
            border-radius: 7px;
            background: #fff;
        }

        .undertaking-copy {
            color: #0756ac;
            font-size: 14px;
            line-height: 1.5;
        }

        .undertaking-copy strong {
            font-weight: 600;
        }

        .undertaking-check {
            display: flex;
            gap: 8px;
            align-items: center;
            margin-top: 20px;
            color: #0756ac;
            cursor: pointer;
        }

        .undertaking-check input {
            width: 17px;
            height: 17px;
            accent-color: #00bd3d;
        }

        .application-fee {
            margin: 0;
            color: #787878;
            font-size: 13px;
        }

        .application-actions {
            display: flex;
            gap: 12px;
        }

        .application-actions .application-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 175px;
            min-height: 39px;
            padding: 10px 22px;
            border: 1px solid #aeb3b8;
            border-radius: 7px;
            color: #777;
            background: #fff;
            font-size: 12px;
            cursor: pointer;
            transition: transform .25s ease, color .25s ease, background-color .25s ease,
                border-color .25s ease, box-shadow .25s ease;
        }

        .application-actions .application-btn--primary {
            border-color: #034ea2;
            color: #fff;
            background: #034ea2;
            font-weight: 600;
        }

        .application-actions .application-btn--primary i {
            margin-left: 10px;
        }

        .application-actions .application-btn:hover {
            border-color: #034ea2;
            color: #034ea2;
        }

        .application-actions .application-btn--primary:hover {
            border-color: #00c333;
            color: #fff;
            background: #00c333;
            box-shadow: 0 8px 18px rgba(0, 195, 51, .2);
            transform: translateY(-2px);
        }

        @media (max-width: 991px) {
            .application-stepper {
                display: flex;
                overflow-x: auto;
                scrollbar-width: thin;
            }

            .application-stepper li {
                flex: 0 0 155px;
            }

            .application-documents {
                height: auto;
                margin-top: 22px;
            }

            .application-step-layout {
                grid-template-columns: 1fr;
            }

            .application-documents {
                margin-top: 0;
            }

            .candidate-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .education-row {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .assessment-grid {
                grid-template-columns: 1fr 1fr;
            }

            .document-grid {
                grid-template-columns: 1fr 1fr;
            }

            .document-grid .wide-row {
                grid-column: 1 / -1;
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 767px) {
            .application-form-section {
                padding: 38px 0 60px;
            }

            .application-stepper {
                margin-bottom: 35px;
            }

            .application-form-card {
                padding: 20px 16px;
            }

            .application-field-row,
            .application-trades {
                grid-template-columns: 1fr;
                gap: 8px;
            }

            .application-field-row {
                margin-bottom: 16px;
            }

            .application-trades__label {
                padding-top: 0;
            }

            .trade-option {
                width: 100%;
            }

            .application-form-footer {
                align-items: stretch;
                flex-direction: column;
            }

            .application-form-footer > * { align-self: stretch; }
            .application-contact-actions { justify-content: flex-end; }

            .application-actions {
                display: grid;
                grid-template-columns: 1fr 1fr;
            }

            .application-actions .application-btn {
                min-width: 0;
            }

            .application-fields-grid {
                grid-template-columns: 1fr;
            }

            .application-field--full {
                grid-column: auto;
            }

            .candidate-grid,
            .assessment-grid,
            .assessment-bottom,
            .document-grid,
            .education-row {
                grid-template-columns: 1fr;
            }

            .candidate-span-2 {
                grid-column: auto;
            }

            .document-grid .wide-row {
                grid-column: auto;
                grid-template-columns: 1fr;
            }

            .inline-question {
                grid-template-columns: 1fr;
                gap: 7px;
            }
        }

        @media (max-width: 480px) {
            .application-form-section>.container-fluid {
                width: calc(100% - 24px);
            }

            .application-stepper li { 
                flex-basis: 130px;
            }

            .application-actions {
                grid-template-columns: 1fr;
            }

            .application-form-card--fields {
                padding: 18px 15px;
            }
        }

/* end application form */