/* Custom Styles for Programme Section */

#choose-programme {
    background-color: #f8f9fa; /* Light background for contrast */
}

/* Custom Nav-Pills Styling */
.nav-pills .nav-link {
    font-weight: 600;
    color: #495057;
    background-color: #e9ecef;
    border-radius: 10px; /* Smoother edges */
    margin: 0 5px;
    padding: 12px 25px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.nav-pills .nav-link:hover {
    color: #fff;
    background-color: #0d6efd; /* Primary color hover */
    box-shadow: 0 4px 10px rgba(13, 110, 253, 0.3);
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    /* Using a subtle gradient for a premium feel */
    background-image: linear-gradient(45deg, #0d6efd 0%, #0c80ff 100%);
    box-shadow: 0 6px 15px rgba(13, 110, 253, 0.5);
    border-color: #0d6efd;
    transform: translateY(-2px);
}

/* Content Card Styling */
.programme-card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Stronger but soft shadow */
    transition: all 0.3s ease;
}

.programme-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* List Item Styling */
.programme-list li {
    padding: 5px 0;
    font-size: 1.05rem;
}

.programme-list i {
    font-size: 1.2rem;
}


/* Custom CSS Styles using Brand Color: #01026e */

:root {
    --brand-blue: #01026e;
    --brand-light: #e6e6f1; /* Very light background tint */
    --brand-accent: #02049e; /* Slightly lighter for hover/active */
}

#choose-programme {
    background-color: var(--brand-light); padding: 37px 0 !important;
}

/* Custom Nav-Pills Styling (Brand Focus) */
.nav-pills .nav-link {
    font-weight: 600;
    color: var(--brand-blue);
    background-color: #ffffff;
    border-radius: 10px;
    margin: 0 5px;
    padding: 12px 25px;
    transition: all 0.3s ease;
    border: 1px solid var(--brand-blue); /* Solid border for definition */
}
.progm-list-heding_main h1 {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
  margin: 0px auto 9px;
  line-height: 52px;
  color: #01026e;
}
.document-item span { padding: 5px 0; }
.nav-pills .nav-link:hover {
    color: #fff;
    background-color: var(--brand-accent);
    box-shadow: 0 4px 10px rgba(1, 2, 110, 0.4);
}

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    background-image: linear-gradient(45deg, var(--brand-blue) 0%, var(--brand-accent) 100%);
    box-shadow: 0 6px 15px rgba(1, 2, 110, 0.6);
    border-color: var(--brand-blue);
    transform: translateY(-2px);
}

/* Content Card Styling */
.programme-card {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); 
    background-color: #ffffff;
}

/* List Item and Group Styling */
.programme-group {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  line-height: 28px;
  border: 1px solid #dcdce6 !important;
  background-color: #f7f7fa;
  float: left;
  width: 100%;
  border-radius: 8px;
}

.programme-group:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(1, 2, 110, 0.1);
}

.programme-group h5 {
  border-bottom: 2px solid var(--brand-light);
  padding-bottom: 8px;
  margin-bottom: 0;
font-size: 23px;
  line-height: 36px;
}
#choose-programme .grid figure figcaption {
  padding: 12px 18px;
}
.programme-group li {
    padding: 3px 0;
    font-size: 0.95rem;
}

/* Icons within list items are the brand blue */
.programme-group i {
    color: var(--brand-blue);
    font-size: 0.8rem;
}



/* Custom Styles for Minimalist Inner Banner Section */

:root {
    --brand-blue: #01026e;
    --brand-light: #f7f7fa; /* Very light background for contrast */
}

#inner-banner-contnt {
    position: relative; 
    overflow: hidden;
    background-color: var(--brand-light); /* Light structured background */
    padding: 0; /* Remove padding from the section wrapper */
}

/* Image Positioning: Image sits below the structured heading */
#inner-banner-contnt .img-fluid {
    width: 100%;
    height: auto;
    /* Optional: Max height to prevent overly long images */
    max-height: 524px; 
    object-fit: cover;
    display: block;
}

/* Heading Container: Bold, structured block above the image */
.innr-brd-heding {
  width: 100%;
  padding: 20px 0;
  text-align: center;left: 0;
  position: absolute;
  bottom: 0;
  background: #ffffffd1;
}

.innr-brd-heding h1 {
    font-size: 45px; 
    font-weight: 800;
    color: #01026e; /* White text on blue background for maximum contrast */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.redm-more-pp-bttn { color: #c49c58; }
/* Media query for smaller screens */
@media (max-width: 768px) {
    .innr-brd-heding {
        padding: 15px 0;
    }
    .innr-brd-heding h1 {
        font-size: 2rem;
        letter-spacing: 1px;
    }
}

/* Custom Styles for Modern Instructions Section */
:root {
    --brand-blue: #01026e;
    --brand-light: #f7f7fa;
    --brand-lighter: #fcfcff;
}

#instructions-section {
    background: url(../images/bg-cours.jpg) center;
	padding: 0px 0 !important;
}

.instructions-card {
    border: none; /* Removed main card border */
    border-radius: 0;
    background-color: var(--brand-lighter); /* Very subtle background color */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.instructions-heading {
    color: var(--brand-blue);
    font-weight: 800;
}

.instructions-list {
    list-style: none;
    padding-left: 0;
    margin-top: 0px;
}

/* Styling for each individual instruction block */
.instructions-list li {
    padding: 20px;height: 91px;
    margin-bottom: 15px;
    background-color: #ffffff; /* White background for definition */
    border-radius: 8px;
    border: 1px solid #e9e9f0; /* Very light border */
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
    display: flex; /* Use flex for icon alignment */
    align-items: flex-start;
}

/* Hover Effect: Gives a sense of interaction/focus */
.instructions-list li:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(1, 2, 110, 0.1);
    border-color: var(--brand-blue);
}

.instruction-icon-box {
    color: var(--brand-blue);
    font-size: 1.5rem;
    margin-right: 15px;
    flex-shrink: 0; /* Prevents icon from shrinking */
    padding-top: 3px;
}

.instruction-text-content {
    flex-grow: 1;
    line-height: 1.5;
    font-size: 1.05rem;
}

.instruction-text-content strong {
    color: var(--brand-blue); /* Bolding key points in brand color */
}



#admission-process-section {
    padding: 59px 0 79px;
    background-color: var(--brand-light-bg); /* Use a light background for clarity */
}

.infographic-step {
    text-align: center;
    margin-bottom: 30px; /* Spacing between rows on smaller screens */
    position: relative;
}

.step-card {
  background-color: #fff;
  border-radius: 15px;
  padding: 38px 12px 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  height: 329px;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 3px solid #c49c58;
  border-top: 3px solid #c49c58;
}

.step-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

.step-icon-wrapper {
    width: 80px;
    height: 80px;
    background-color: var(--brand-blue);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 11px auto; /* Center icon and space below */
    font-size: 29px; /* Large icon size */
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    border: 5px solid #ffffff; /* White ring around icon */
}

.step-number {
    position: absolute;
    top: -15px; /* Position above the card */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #c49c58; 
    color: #fff;
    border-radius: 50%;
    font-size: 17px;

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

.step-card h4 {
    color: var(--brand-blue);
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
}

.step-card p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* --- Connectors (Visible on larger screens) --- */
.infographic-step-connector {
    position: absolute;top: 36px !important;
  z-index: -1 !important;
    top: calc(50% + 20px); /* Adjust based on card height and spacing */
    transform: translateY(-50%);
    height: 3px;z-index: -1;
    background-color: #ced4da; /* Light gray connector line */
    z-index: 0;
    display: none; /* Hidden by default, shown on larger screens */
}

/* Specific connector positioning for larger screens */
@media (min-width: 992px) { /* Adjust breakpoint if needed (lg for 3 columns, xl for 4) */
    .infographic-step {
        margin-bottom: 0; /* Remove vertical margin for multi-column layout */
    }
    .infographic-step-connector {
        display: block;
        width: calc(100% - 30px); /* Adjust width to connect cards */
        left: calc(50% + 15px); /* Position to the right of the current card */
    }
    .infographic-step:nth-child(3n) .infographic-step-connector { /* No connector for the last item in a row of 3 */
        display: none;
    }
     /* If 4 columns, adjust: .infographic-step:nth-child(4n) .infographic-step-connector { display: none; } */
}

/* Adjustments for 2 columns on medium screens */
@media (min-width: 768px) and (max-width: 991px) {
    .infographic-step-connector {
        display: block;
        width: calc(100% - 30px);
        left: calc(50% + 15px);
    }
    .infographic-step:nth-child(even) .infographic-step-connector {
        display: none;
    }
}
#admission-process-section .col-lg-2 {
    flex: 0 0 auto;
    width: 13.667%;
  }
.infographic-step-connector { display: none !important; } 
.adm-procss-wdth { width: 92%; margin: 0px auto; }  
  
  
#eligibility-section {
    padding: 72px 0 !important;
    background-color: #f4f4f4; 
}

.eligibility-card-wrapper { /* New wrapper for the split card */
    background-color: var(--brand-light-bg);
    border-radius: 20px; /* More rounded corners */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); /* Softer, larger shadow */
    overflow: hidden; /* Ensures image and content stay within rounded card */
    border-left: 8px solid var(--brand-blue); /* Stronger accent line */
}

/* Image Column Styling */
.eligibility-image-col {
    position: relative;
    padding: 0; /* Remove padding to make image fill */
}

.eligibility-image-col img {
    width: 100%;
    height: 100%; /* Make image fill the height of its column */
    object-fit: cover; /* Cover the area, cropping if necessary */
    border-top-left-radius: 12px; /* Match card radius */
    border-bottom-left-radius: 12px; /* Match card radius */
}

/* Content Column Styling */
.eligibility-content-col {
    padding: 3rem; background: #fff;
}

.eligibility-icon-wrapper {
    color: #c49c58;
    font-size: 2rem; /* Larger icon */
    margin-bottom: 0px;
}

.eligibility-title {
    color: var(--brand-blue);
    font-weight: 800;
    margin-bottom: 15px;
}

.eligibility-list {
    list-style: none;
    padding-left: 0;
}

.eligibility-list li {
    font-size: 1.05rem; /* Slightly adjusted font size */
    padding: 10px 0;
    line-height: 1.5;
    color: #343a40;
}

.eligibility-list li strong {
    color: var(--brand-blue);
}

.eligibility-list li i {
    margin-right: 10px;
    color: var(--brand-blue);
}

/* Responsive Adjustments */
@media (max-width: 991px) { /* On tablet and below, image moves to top */
    .eligibility-image-col {
        height: 200px; /* Fixed height for image on smaller screens */
        border-bottom-left-radius: 0; /* Remove bottom-left radius */
        border-top-right-radius: 12px; /* Add top-right radius */
    }
    .eligibility-image-col img {
        border-bottom-left-radius: 0;
        border-top-right-radius: 12px;
    }
    .eligibility-content-col {
        padding: 2rem;
    }
    .eligibility-icon-wrapper {
        font-size: 2.5rem;
    }
    .eligibility-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) { /* On mobile, further adjust padding */
    .eligibility-content-col {
        padding: 1.5rem;
    }
}  
  

.itm-box123 {
  background: #fff;
  padding: 20px 32px;
  border-radius: 19px;
}
#documents-section {
  padding: 72px 0;
  background: url(../images/bg-cours.jpg) center;
  background-size: cover;
}
#documents-section .progm-list-heding_main h1 {
  color: #fff; margin-bottom:8px;
}
#documents-section .progm-list-heding_main {
  width: 37%;
  padding: 0px 0px 20px !important;
}
.documents-card {
    border: none;
    border-radius: 20px;
  
}
#industry-collaboration .progm-list-heding_main h5 {
  text-transform: inherit;
  font-size: 18px;
  font-weight: 300;
  color: #000;
  line-height: 32px;
  width: 73%;
  margin: 0px auto 16px;
}
.documents-title {
    color: var(--brand-blue);
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.documents-subtitle {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 30px;
}

/* Document List Styling (Each Item) */
.document-item {
  padding: 9px 0;
  font-size: 1.05rem;
  line-height: 1.5;
  color: #343a40;
  display: flex;
  align-items: flex-start;
  border-bottom: 1px dashed #000;
}

.document-item i {
    font-size: 1.4rem; /* Larger icon */
    margin-right: 15px;
    margin-top: 2px;
    color: var(--brand-accent); /* Use accent color for the checkmark */
    flex-shrink: 0;
}

.document-item strong {
    font-weight: 700;
    color: var(--brand-blue);
}

/* Separator between list columns on desktop */
@media (min-width: 768px) {
    .documents-list-container {
        padding-top: 0px;
    }
}
.dwnld-doc { color: var(--brand-blue);
  border-color: var(--brand-blue);
  background: #fff;
  padding: 14px 23px;
  font-size: 16px;
  border-radius: 7px; }  
  
.fees-title-attractive {
    color: #1a2a47;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
    font-size: 2.5rem; /* Reduced size slightly for a more administrative look */
}

/* General Card Styling (Retained) */
.attractive-card {
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    border: 1px solid #dee2e6;
}

.attractive-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;
}

/* Edge Accents */
.academic-edge { border-left: 8px solid var(--color-academic); }
.mandatory-edge { border-left: 8px solid var(--color-mandatory); }
.welfare-edge { border-left: 8px solid var(--color-welfare); } /* NEW EDGE */
.optional-edge { border-left: 8px solid var(--color-optional); }

/* Card Header Backgrounds */
.bg-academic { background-color: var(--color-academic); }
.bg-mandatory { background-color: var(--color-mandatory); }
.bg-welfare { background-color: var(--color-welfare); } /* NEW HEADER */
.bg-optional { background-color: var(--color-optional); }

/* Card Footer Backgrounds */
.bg-light-academic { background-color: var(--color-academic-light) !important; }
.bg-light-mandatory { background-color: var(--color-mandatory-light) !important; }
.bg-light-welfare { background-color: var(--color-welfare-light) !important; } /* NEW FOOTER */
.bg-light-optional { background-color: var(--color-optional-light) !important; }

/* Text Color Highlighting */
.text-academic-amount, .text-academic-total { color: var(--color-academic); font-weight: 700; }
.text-mandatory-amount, .text-mandatory-total { color: var(--color-mandatory); font-weight: 700; }
.text-welfare-amount, .text-welfare-total { color: var(--color-welfare); font-weight: 700; } /* NEW TEXT */
.text-optional-amount, .text-optional-total { color: var(--color-optional); font-weight: 700; }

.fee-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 0; /* Reduced padding for compact 4-col view */
    font-size: 0.95rem; 
    font-weight: 500;
    border-bottom: 1px dashed #000;
}

/* Streamlined Grand Total Styling */
.total-summary-card {
    border-radius: 10px;height: 100%;
    background-color: #e6f7ed; /* Very light success color */
}

.payment-btn-streamlined {
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 1.1rem;
}
.card-header:first-child {
  background: #c49c58;
}  
  
#fee-structure { padding: 19px 0; }  
#adm-cam-facilities { padding:60px 0; background:#f4f4f4; }
  /* Header Style */
.minimalist-header {
    background-color: #f7f7f7; /* Very light gray header background */
    border-bottom: 2px solid #e0e0e0;
}
.text-dark-title {

    color: #333333;
    font-weight: 700;
}
.text-muted-subtitle {
    color: #666666;
}

/* Section Dividers */
.section-divider {
	text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a2a47;
    margin-top: 40px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c0c0c0; /* Light gray underline */
}

/* Feature List Styles */
.feature-list {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.feature-item {
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.3s, transform 0.3s;
}

.feature-item:last-child {
    border-bottom: none;
}

.feature-item:hover {
    background-color: #f5f5f5 !important;
    transform: translateX(5px);
}

.feature-title {
    color: #333333;
    font-size: 1.3rem;
    margin-bottom: 5px;
}

.feature-description {
    font-size: 0.95rem;
    color: #666666;
}

/* Alternating/Themed Backgrounds for Visual Interest */
.academic-bg { background-color: #fcfcfc; }
.life-bg { background-color: #fcfcfc; }
.career-bg { background-color: #f7f7f7; } /* Slightly darker accent */
.facilty-morre {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  padding: 12px 27px;
  background: #c49c58;
  border: 1px solid #c49c58;
}




.bg-light-collab {
    background-color: #f7f9fc; /* Very light, clean background */

}



.text-dark-collab {
    color: var(--collab-dark);
    font-weight: 800;
}

.text-muted-collab {
    color: #6a6a6a;
}

/* ------------------ COLUMN 1: PLACEMENT BANNER ------------------ */
.text-warning {
  --bs-text-opacity: 1;
  color: rgb(196, 156, 88) !important;
}
.placement-banner-collab {
    background: url(../images/ind_collaboration.jpg) center;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 10px 25px var(--collab-shadow);
    color: white;
}

.icon-circle-large {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 2rem;
    background-color: var(--collab-teal);
    color: white;
    margin-bottom: 10px;
}

.placement-btn-collab {
  border-radius: 8px;
  padding: 11px 28px;
  transition: background-color 0.3s;
  color: #c49c58;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
}
.placement-btn-collab:hover {
  border-radius: 8px;
  padding: 11px 28px; background:#c49c58; border:1px solid #c49c58;
  transition: background-color 0.3s;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
}

/* ------------------ COLUMN 2: FEATURES LIST ------------------ */

.features-list-collab {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    background-color: white;
}

.feature-item-collab {
    padding: 20px 25px;
    border-left: 6px solid transparent;
    transition: background-color 0.3s, border-left 0.3s, transform 0.3s;
    border-color: #e9ecef; /* Light gray border between items */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.feature-item-collab:hover {
    background-color: #fcfcfc;
    transform: translateX(5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.icon-collab {
    font-size: 21px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f0f0f0;
}

.feature-title-collab {
    color: var(--collab-dark);
    font-size: 1.1rem;
}

/* Hover/Accent Theming */
.interface-accent:hover { border-left-color: var(--collab-blue); }
.internships-accent:hover { border-left-color: var(--collab-teal); }
.curriculum-accent:hover { border-left-color: #ff9800; }
.skill-accent:hover { border-left-color: #e91e63; }
.visits-accent:hover { border-left-color: #607d8b; }

.interface-accent:hover .icon-collab { color: var(--collab-blue); }
.internships-accent:hover .icon-collab { color: var(--collab-teal); }
.curriculum-accent:hover .icon-collab { color: #ff9800; }
.skill-accent:hover .icon-collab { color: #e91e63; }
.visits-accent:hover .icon-collab { color: #607d8b; }
  
  
.role-tag {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
}

.alumni-tag {
    background-color: #c49c58; /* Primary Blue */
    color: white;
}

.student-tag {
    background-color: #ffc107; /* Amber/Yellow for distinction */
    color: #333;
}


.testimonial-bg {
  background-color: #f7f9fc;
  padding: 0 224px;
    padding-top: 0px;
    padding-bottom: 0px;
}
:root {
    --color-primary: #1e88e5; 
    --color-dark-title: #1a2a47;
}

.testimonial-heading {
    font-weight: 800;
    color: var(--color-dark-title);
}

/* ------------------ TESTIMONIAL CARD STYLING ------------------ */

.testimonial-inner {
    border-radius: 15px;
    overflow: hidden;
    background: #ffffff;
}

.testimonial-card {
    padding: 30px;
}

/* Image Column Styling (The left side) */
.testimonial-image-col {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.avatar-placeholder {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #c49c58;
    border: 5px solid #c49c58; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-size: cover;
    background-position: center;
}

/* Content Column Styling (The quote and details) */
.testimonial-content-col {
    padding: 20px 30px;
    position: relative;
}

.quote-icon {
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 4rem;
    color: rgba(30, 136, 229, 0.1); 
    z-index: 1;
}

.blockquote {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  padding-left: 15px;
  border-left: 4px solid #c49c58;
  position: relative;
  z-index: 2;
  padding-right: 69px;
  line-height: 32px;
}
#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
    width: 5%;
}

#testimonialCarousel .carousel-control-prev-icon,
#testimonialCarousel .carousel-control-next-icon {
    filter: invert(1); /* makes arrows white */
}

.blockquote-footer {
    margin-top: 15px;
    font-size: 0.95rem;
}

.company-detail {
    font-style: italic;
    color: var(--color-dark-title);
    font-weight: 500;
}

/* ------------------ CAROUSEL CONTROLS ------------------ */

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #000; 
    padding: 15px;
    border-radius: 50%;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--color-primary);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 8px;
}  
.wtch-video-testim {
  background: #c49c58;
  border: 1px solid #c49c58;
  color: #fff;
  padding: 8px 17px;
  font-size: 16px;
}  
 .tetm-pp-bttn { right: -41px !important; } 
  
  .bg-white-wcu {
    background-color: #ffffff; /* Clean white background */
}

/* Color Variables */
:root {
    --color-dark-wcu: #1a2a47;
    --color-blue-wcu: #0d6efd;
    --color-green-wcu: #198754;
    --color-purple-wcu: #6f42c1;
    --color-orange-wcu: #fd7e14;
    --color-red-wcu: #dc3545;
}

.text-dark-wcu {
    color: var(--color-dark-wcu);
    font-weight: 800;
}
.text-muted-wcu {
    color: #6c757d;
}

/* Feature Card Styling */
.feature-card-wcu {
    border: none;
    border-radius: 12px;
    transition: transform 0.3s, box-shadow 0.3s;
    background-color: #f8f9fa; /* Light gray card background */
}

.feature-card-wcu:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Icon Styling (Large and Color Coded) */
.icon-wcu {
  font-size: 23px;
  padding: 15px 21px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -21px;
}

.icon-blue-wcu { color: var(--color-blue-wcu); border: 2px solid var(--color-blue-wcu); }
.icon-green-wcu { color: var(--color-green-wcu); border: 2px solid var(--color-green-wcu); }
.icon-purple-wcu { color: var(--color-purple-wcu); border: 2px solid var(--color-purple-wcu); }
.icon-orange-wcu { color: var(--color-orange-wcu); border: 2px solid var(--color-orange-wcu); }
.icon-red-wcu { color: var(--color-red-wcu); border: 2px solid var(--color-red-wcu); }

/* Card Content */
.feature-card-wcu h5 {
    color: var(--color-dark-wcu);
    font-size: 1.1rem;font-size: 20px;
}

.feature-card-wcu .card-text {
  line-height: 27px;
  font-size: 16px;
}


.enquiry-bg {
    background-color: #f0f3f6; /* Light background */
 
}


.text-dark-enquiry {
    color: var(--color-dark-enquiry);
    font-weight: 800;
}
.text-muted-enquiry {
    color: #6a6a6a;
}

/* ------------------ CONTACT INFO BLOCK ------------------ */

.contact-info-block {
    background-color: #ffffff;
    border-radius: 12px;
    border-top: 5px solid var(--color-primary-enquiry);
}

.info-title-accent, .form-title-accent {
  color: var(--color-dark-enquiry);
  font-weight: 700;
  text-transform: uppercase;
  color: #c49c58;
}

.icon-contact {
  font-size: 18px;
  color: var(--color-primary-enquiry);
  color: #c49c58;
}

.map-placeholder-enquiry {
    height: 200px;
    background-color: #e9ecef;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #6c757d;
    font-style: italic;
    font-size: 0.9rem;
}

/* ------------------ ENQUIRY FORM BLOCK ------------------ */

.enquiry-form-block {
    background-color: #ffffff;
    border-radius: 12px;
    border-right: 5px solid var(--color-dark-enquiry);
    height: 100%; /* Ensures alignment with the contact block */
}

.form-control, .form-select {
    border-radius: 8px;font-size: 17px;
    padding: 13px 15px;
}
.chos-dep-item { font-size:18px;
  text-transform: uppercase;
  letter-spacing: 1px; }
.submit-btn-enquiry {
    color: white;background: #c49c58;
    padding: 12px 30px;
    border-radius: 50px;
    transition: background-color 0.3s;
}

.submit-btn-enquiry:hover {
    background: #c49c58;
    color: white;
}

#documents-section figure.effect-julia img {
  max-width: none;
  height: 100%;
}

.grid figure figcaption {
  padding: 19px 32px; }
figure.effect-julia{background:#2f3238;margin: 0;}
figure.effect-julia img{max-width:none;height: 283px;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:.5em 0;font-weight: bold;}
figure.effect-julia p{display:inline-block;margin:0 0 .25em;padding:.4em 1em;margin-bottom: 5px !important;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-461px,0,0);transform:translate3d(-461px,0,0)}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0;transition-delay:0}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.rdmor-clor {
  background: #c49c58 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}
.programme-group p { margin:0px auto; }

#documents-section .list-unstyled {
  padding-left: 0;
  list-style: none;
  font-size: 16px;
}
.campus-section-bg .lead{color:#ced4da}
.campus-section-bg .h2,.campus-section-bg .h3,.campus-section-bg .h4,.campus-section-bg h5{color:var(--bs-danger)!important}
.campus-section-bg .text-dark{color:#f8f9fa!important}
.campus-section-bg .text-muted{color:#adb5bd!important}
.campus-section-bg .accordion-button{background-color:#495057;color:#fff;border:1px solid #6c757d}
.campus-section-bg .accordion-button:not(.collapsed){background-color:var(--bs-danger);color:#fff;border-color:var(--bs-danger)}
.campus-section-bg .accordion-body{background-color:#3a3f44;color:#f8f9fa;border:1px solid #6c757d;border-top:none}
.campus-section-bg .accordion-item{border:none;margin-bottom:.5rem}
.campus-section-bg .list-group-item{background-color:#fff;height: 94px;color:#000;border:1px solid #fff;margin-bottom:.5rem;border-radius:var(--bs-border-radius);padding: 15px 18px;}
.campus-section-bg .list-group-item i {
  color: #c49c58 !important;
}
.campus-section-bg .list-group-item strong{color:#000 !important}
#documents-section .progm-list-heding_main h5 { text-transform: inherit; font-size: 18px; font-weight: 300; color: #fff; line-height: 34px; width: 81%; margin: 0px auto; }
#documents-section .text-primary { --bs-text-opacity: 1;font-size: 33px; color: rgb(196, 156, 88) !important; }
#documents-section .border-primary { --bs-border-opacity: 1; border-color: rgb(196, 156, 88) !important; }
#documents-section .btn:hover { color: var(--bs-btn-hover-color); background-color: #fff; border-color: var(--bs-btn-hover-border-color); }
#documents-section .container { max-width: 91%; }
.colleg-highlight {  }
figure.effect-lily img{max-width:none;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:.7;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-0px,0,0);transform:translate3d(-0px,0,0)}
figure.effect-lily figcaption{text-align:left}
figure.effect-lily figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:50%;z-index: 1;}
figure.effect-lily h2,figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
figure.effect-lily h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s}
figure.effect-lily p{color:rgba(255,255,255,0.8);opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s}
figure.effect-lily:hover img,figure.effect-lily:hover p{opacity:1}
figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-lily:hover p{-webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s}

.grid figure{position:relative;float:left;overflow:hidden;width:100%;background:#000;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
.ovvrlly-bg { background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgb(196, 156, 88) 100%); position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; }
#choose-programme .grid figure h2, #choose-programme .grid figure p { font-weight: bold; }
#documents-section .grid figure h2 { font-size: 31px; }
.redmmore-videobttn {  }
.redmmore-videobttn a {
  background: #01026e;
  border: 1px solid #01026e;
  color: #fff;
  padding: 5px 15px;
  border-radius: 4px;
}
.testimonial-card img { border-radius:50%; border:5px solid #c49c58; width: 65%; margin: 0px auto; }
.applynw-banner-adm { background-color: #01026e; color: #fff; padding: 13px 31px; font-size: 18px; letter-spacing: 1px; }
.applynw-banner-adm:hover { background-color: #01026e; color: #fff; padding: 13px 31px; font-size: 18px; letter-spacing: 1px; }
.applynw-banner-admm_2 { background-color: #01026e; color: #fff; padding: 13px 31px; font-size: 18px; letter-spacing: 1px; }
.applynw-banner-admm_2:hover { background-color: #c49c58; color: #fff; padding: 13px 31px; font-size: 18px; letter-spacing: 1px; }
.applynw-banner-admm_2 svg { position: relative; top: -2px; left: 2px; }
.vido-testim-icon-wrpr { position:relative; border-radius: 10px; background: #d0d0d0;}
.icon-posi-vdeo { position: absolute; bottom: 90px; top: 0; left: 0; right: 0; text-align: center; display: flex; justify-content: center; align-items: center; }
.icon-posi-vdeo svg { width: 67px; height: 67px; color: #c49c58; }
.testm-para-text { text-align: center; padding: 15px 0; }
.testm-para-text h4 { font-size:20px; font-weight:bold }
.testm-para-text h5 { font-size:17px; }


#testimonials .owl-dots { display: none; }
#testimonials .owl-prev { border-radius: 8px;  border: 1px solid #a4a4a4; padding: 0px 16px; font-size: 46px; height: 42px;  width: 43px; position: absolute; left: -43px; top: 133px; background:#fff; }
#testimonials .owl-prev span { font-size: 35px; position: relative; top: -19px; width: 18px; height: 18px; float: left; right: 3px; }
#testimonials .owl-next {border-radius: 8px;  border: 1px solid #a4a4a4; padding: 0px 16px; font-size: 46px; height: 42px;  width: 43px; position: absolute; right: -43px; top: 133px; background:#fff; }
#testimonials .owl-next span { position: relative; top: -28px; width: 18px; height: 18px; float: left; right: 3px; }





@media screen and (min-width:280px) and (max-width:388px) {
	#admission-process-section .col-lg-2 { width: 100%; }
	.step-card { height: auto; }
	.documents-card { padding: 0; } 
	.itm-box123 { padding: 20px 21px; margin-bottom: 12px; }
	figure.effect-julia h2 { font-size: 20px !important; }
	figure.effect-julia p { font-size: 11px; line-height: 21px; }
	.instructions-list li { padding: 10px; height: auto; }
	.progm-list-heding_main h1 { font-size: 28px !important; margin: 13px auto 0 !important; line-height: 39px !important; text-align: center !important; }
	#documents-section { padding: 26px 0; }
	#eligibility-section { padding: 33px 0 !important; }
	.campus-section-bg .list-group-item { height: auto; }
	#industry-collaboration .progm-list-heding_main h5 { font-size: 16px; line-height: 32px; width: 100%; margin: 0px auto 16px; }
	.container { padding-top: 0 !important; padding-bottom: 0 !important; }
	.placement-banner-collab { padding: 0px; }
	.testimonial-bg { padding: 0 0; }
	.grid figure figcaption { padding: 7px 17px; }
	#documents-section .container { max-width: 100%; } 
	body { padding-right: 0 !important; }
	#cptch { display:block !important; }
	#cptch .form-control { margin: 9px auto !important; }
	#logo-mennu-item .main-menu-top { display: none; }
}
@media screen and (min-width:389px) and (max-width:476px) {
	#admission-process-section .col-lg-2 { width: 100%; }
	.step-card { height: auto; }
	.documents-card { padding: 0; } 
	.itm-box123 { padding: 20px 21px; margin-bottom: 12px; }
	figure.effect-julia p { font-size: 11px; line-height: 21px; }
	.instructions-list li { padding: 10px; height: auto; }
		.progm-list-heding_main h1 { font-size: 28px !important; margin: 13px auto 0 !important; line-height: 39px !important; text-align: center !important; }
	#documents-section { padding: 26px 0; }
	#eligibility-section { padding: 33px 0 !important; }
	.campus-section-bg .list-group-item { height: auto; }
	#industry-collaboration .progm-list-heding_main h5 { font-size: 16px; line-height: 32px; width: 100%; margin: 0px auto 16px; }
	.container { padding-top: 0 !important; padding-bottom: 0 !important; }
	.placement-banner-collab { padding: 0px; }
	.testimonial-bg { padding: 0 0; }
	#documents-section .container { max-width: 100%; } 
	body { padding-right: 0 !important; }
	#cptch { display: block !important; }
	#cptch .form-control { margin: 9px auto !important; }
	#logo-mennu-item .main-menu-top { display: none; }
}
@media screen and (min-width:477px) and (max-width:575px) {
	#admission-process-section .col-lg-2 { width: 100%; }
	.step-card { height: auto; }
	.documents-card { padding: 0; } 
	.itm-box123 { padding: 20px 21px; margin-bottom: 12px; }
	.instructions-list li { padding: 10px; height: auto; }
		.progm-list-heding_main h1 { font-size: 28px !important; margin: 13px auto 0 !important; line-height: 39px !important; text-align: center !important; }
	#documents-section { padding: 26px 0; }
	#eligibility-section { padding: 33px 0 !important; }
	.campus-section-bg .list-group-item { height: auto; }
	#industry-collaboration .progm-list-heding_main h5 { font-size: 16px; line-height: 32px; width: 100%; margin: 0px auto 16px; }
	.container { padding-top: 0 !important; padding-bottom: 0 !important; }
	.placement-banner-collab { padding: 0px; }
	.testimonial-bg { padding: 0 0; }
	#documents-section .container { max-width: 100%; } 
	body { padding-right: 0 !important; }
	#cptch { display: block !important; }
	#cptch .form-control { margin: 9px auto !important; }
	#logo-mennu-item .main-menu-top { display: none; }
}
@media screen and (min-width:576px) and (max-width:767px) {
	#admission-process-section .col-lg-2 { width: 49.667%; }
	.instructions-list li { padding: 10px; height: auto; }
	.progm-list-heding_main h1 { font-size: 28px !important; margin: 13px auto 0 !important; line-height: 39px !important; text-align: center !important; }
	#documents-section { padding: 26px 0; }
	#eligibility-section { padding: 33px 0 !important; }
	.campus-section-bg .list-group-item { height: auto; }
	#industry-collaboration .progm-list-heding_main h5 { font-size: 16px; line-height: 32px; width: 100%; margin: 0px auto 16px; }
	.container { padding-top: 0 !important; padding-bottom: 0 !important; }
	.placement-banner-collab { padding: 0px; }
	.testimonial-bg { padding: 0 0; }
	#documents-section .container { max-width: 100%; } 
	body { padding-right: 0 !important; }
	#cptch { display: block !important; }
	#cptch .form-control { margin: 9px auto !important; }
	#logo-mennu-item .main-menu-top { display: none; }
}
@media screen and (min-width:768px) and (max-width:991px) {
	#admission-process-section .col-lg-2 { width: 32.667%; } 
	.nav-pills .nav-link {  padding: 12px 12px; font-size: 15px; }
	.instructions-list li { padding: 10px; height: auto; }
	.progm-list-heding_main h1 { font-size: 28px !important; margin: 13px auto 0 !important; line-height: 39px !important; text-align: center !important; }
	#documents-section { padding: 26px 0; }
	#eligibility-section { padding: 33px 0 !important; }
	.campus-section-bg .list-group-item { height: auto; }
	#industry-collaboration .progm-list-heding_main h5 { font-size: 16px; line-height: 32px; width: 100%; margin: 0px auto 16px; }
	.container { padding-top: 0 !important; padding-bottom: 0 !important; }
	.placement-banner-collab { padding: 0px; }
	.testimonial-bg { padding: 0 0; }
	#documents-section .container { max-width: 100%; } 
	body { padding-right: 0 !important; }
	#cptch { display: block !important; }
	#cptch .form-control { margin: 9px auto !important; }
	#logo-mennu-item .logo-st-francis { width: 220px; } 
	#logo-mennu-item .main-menu-top { display: none; }
	#header_container { position: static; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
	#admission-process-section .col-lg-2 { width: 30.667%; margin-bottom: 37px; }
	#logo-mennu-item .logo-st-francis { width: 236px; }
	#header_container { position: static; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
	#admission-process-section .col-lg-2 { width: 30.667%; margin-bottom: 37px; }
	.testimonial-bg { padding: 0 0; }
	#logo-mennu-item .logo-st-francis { width: 339px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
	#admission-process-section .col-lg-2 { width: 23.667%; margin-bottom: 39px; } 
	.programme-group h5 { font-size: 21px !important; line-height: 34px !important; }
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
	.adm-procss-wdth { width: 100%; margin: 0px auto; }
	.step-card h4 { font-size: 19px; }
	.step-card { height: 375px; }
	.programme-group h5 { font-size: 21px !important; line-height: 34px !important; }
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
	.adm-procss-wdth { width: 100%; margin: 0px auto; }
	.step-card { height: 375px; }
	.step-card h4 { font-size: 20px; } 
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
	.step-card { height: 350px; }
	.step-card h4 { font-size: 18px; } 
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1700px) and (max-width:1799px) {
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1800px) and (max-width:1899px) {
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	.testimonial-bg { padding: 0 0; }
}
@media screen and (min-width:2000px) and (max-width:2199px) {
	.testimonial-bg { padding: 0 0; }
}