/*
Theme Name: IILM Greater Noida
Theme URI: https://example.com
Description: Child theme for IILM Greater Noida
Author: Neeshu Bharadwaj
Template: iilm-main
Version: 1.0
*/

body { --primary-color: #005baa; }

.campus_stu_content p {
    font-size: 16px;
    padding-bottom: 20px;
}

.proformas-list-item a,.proformas-list-item a:hover .circleBtn:before,.tabBtnList,.titleFont{background:#81202c}.pb-10{padding-bottom:2.5rem}.gap-5{gap:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.faqList.qaList .faqHead>div,.flex{display:flex}.flex-col{flex-direction:column}.approvals-section{overflow:auto;width:100%;height:100%}.date-sheet-table table{width:100%;min-width:450px}.approvals-section table tr>th{text-transform:uppercase}.approvals-section table tr>td,.approvals-section table tr>th{padding:15px;color:#000;border:1px solid #ccc;text-align:center;line-height:1.5;background:#fff}.date-sheet-table table tr>th,.nad-cell-table table tr>th{background:#81202c!important;color:#fff}.acmdContent .circleBtn,.circleBtn{height:35px;padding:0 10px 0 45px;font-size:18px;position:relative;display:inline-flex;transition:.3s;z-index:1;align-items:center;color:#1e2f5b;font-weight:500}.circleBtn:before{width:35px;height:35px;background:#1e2f5b;color:#fff;content:"\2794";border-radius:50rem;font-size:16px;font-weight:400;display:inline-flex;align-items:center;text-align:left;line-height:0;position:absolute;left:0;top:0;transition:.3s ease-out;z-index:-1;padding:0 7px}.acmdContent .circleBtn:hover,.circleBtn.cBtnBlack:hover,.circleBtn:hover{padding:0 35px 0 20px;color:#fff}.acmdContent a,.tabBtnList .tabBtn{text-align:center;padding:10px 0;color:#fff}.circleBtn:hover:before{width:100%;justify-content:end}.tabBtnList{width:100%}.tabBtnList li{width:calc(100% / 3)}.tabBtnList .tabBtn{border:0;margin:0;width:100%;font-size:24px;font-weight:600;background:0 0;text-decoration:underline!important;transition:.3s}.acmdContent.ps-0,.acmdContent.px-0{padding-left:0!important}.tabBtnList .tabBtn.active{background:#1e2f5b;text-decoration:none!important}.tabBtnList li:nth-child(2) .tabBtn{border-right:1px solid #fff;border-left:1px solid #fff}.titleFont{font-size:18px;color:#fff;padding:10px 12px;font-weight:400;cursor:pointer}.acmdContent{display:flex;flex-wrap:wrap;padding:20px!important;width:100%}.acmdContent a{width:calc(100% / 6);font-size:16px}.faqCircle{width:20px;aspect-ratio:1;background:var(--lightblue);color:#fff;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:20px;transition:.4s;transform-origin:50% 50%}.dean-wrapper,.faqHead{position:relative}.faqItem,.proformas-list-item{margin-bottom:20px}.faqItem.active .faqCircle{transform:translateY(-50%) rotate(-90deg)}.faqCircle:before{content:"\276F"}.faqContent.titleFont{background:0 0!important}.acmdContent a:hover,.faqItem.active .titleFont,.proformas-list-item a:hover,.proformas-list-item a:hover .titleFont,.tabBtnList .tabBtn:hover,.titleFont:hover{background:#1e2f5b}.lightBlueBg{background:#dbe8ff}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.proformas-list-item a .mt-3{margin-top:0!important}.proformas-list-item a .cBtnBlack{border:0;background:0 0;color:#fff}.main-heading.text-start{text-align:start!important}.circleBtn:hover{color:#fff!important}.dean-wrapper:before{content:"";width:100%;height:auto;position:absolute;top:50px;bottom:0;left:0;right:0;display:block;background:#134080;z-index:-1}.dean-wrapper{z-index:1}.basis-1\/3{flex-basis:33.333333%}.basis-2\/3{flex-basis:66.666667%}.deanImgBox img{width:100%;height:100%;object-fit:cover;object-position:center}.dean-wrapper-content p{color:rgba(255,255,255,.8);font-size:16px;font-style:normal;font-weight:400;line-height:30.6px;text-align:justify}.dean-content{padding-top:30px;justify-content:space-between}.dean-content-left h4{color:#fff;font-size:22px;font-weight:600;line-height:31.2px}.dean-content-left span{color:#fff;font-size:14px;font-weight:400;line-height:27.2px}.w-full{width:100%}.py-12{padding-top:3rem;padding-bottom:3rem}.acmdContent.px-0{padding-right:0!important}@media (min-width:640px){.sm\:px-20{padding-left:5rem;padding-right:5rem}.sm\:flex{display:flex}}@media (min-width:1024px){.lg\:pl-24{padding-left:6rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:flex-row{flex-direction:row}.lg\:flex{display:flex}.lg\:w-3\/6{width:50%}.lg\:mt-0{margin-top:0}}@media (min-width:1280px){.xl\:gap-32{gap:8rem}.xl\:py-20{padding-top:5rem;padding-bottom:5rem}}@media (max-width:991px){.deanImgBox,.rLabImgBox,.research-lab-content{margin-bottom:30px}.dean-wrapper-content{padding-bottom:30px}}@media (max-width:767px){.main-heading{font-size:1.5rem!important}.approvals-section table tr>td,.approvals-section table tr>th{padding:10px;font-size:10px}.acmdContent .circleBtn,.circleBtn{height:25px;padding:0 10px 0 30px;font-size:12px}.circleBtn:before{width:25px;height:25px;font-size:12px}.approvals-section{padding-bottom:1rem!important}.faqCircle,.tabBtnList .tabBtn{font-size:14px}.tabScrollWrap.mb-5{margin-bottom:2rem!important}.titleFont{font-size:12px}.acmdContent a{width:calc(100% / 3);font-size:10px}.acmdContent .gap-5{gap:2rem!important}.acmdContent{padding:10px!important}.proformas-list-item a{display:flex}}
.prof_listing {
    height: 655px;
    overflow: auto;
    padding-right: 1%;
}
.rn_block .proformas-list-item .titleFont span:last-child {
    flex: 1;
    text-align: left;
    padding: 0 4%;
}

/* =========================
   GRID LAYOUT
========================= */

.custom_iilm_section {
    padding: 60px 0;
}

.custom_iilm_grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.custom_card {
    width: 380px;
}

.custom_card a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.custom_card img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.custom_overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom_title {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

/* Hover Effect */
.custom_card a:hover img {
    transform: scale(1.08);
}

/* Responsive */
@media (max-width: 1200px) {
    .custom_card {
        width: 320px;
    }
}

@media (max-width: 768px) {
    .custom_iilm_grid {
        gap: 25px;
    }
    .custom_card {
        width: 90%;
    }
    .custom_card img {
        height: 320px;
    }
}


/* grievance form */

/* ===== CARD ===== */
.grievance-form-card {
    max-width: 1100px;
    margin: 60px auto;
    padding: 50px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}

/* ===== TITLE ===== */
.form-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 26px;
    font-weight: 700;
    color: #1A305C;
}

/* ===== GRID SYSTEM ===== */
.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Full Width Fields */
.form-field.full {
    grid-column: 1 / -1;
}

/* ===== LABEL ===== */
.form-field label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 14px;
}

/* ===== INPUTS ===== */
.grievance-form-card input,
.grievance-form-card select,
.grievance-form-card textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #f9fafc;
    transition: 0.3s ease;
    font-size: 15px;
}

/* Focus Effect */
.grievance-form-card input:focus,
.grievance-form-card select:focus,
.grievance-form-card textarea:focus {
    border-color: #1A305C;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(26,48,92,0.1);
}

/* Textarea */
.grievance-form-card textarea {
    min-height: 150px;
}

/* Button */
.submit-area {
    text-align: center;
}

.grievance-form-card .site_btn {
    background: #1A305C !important;
    color: #fff !important;
    padding: 14px 40px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}

.grievance-form-card .site_btn:hover {
    background: #81202c !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
    .form-grid {
        grid-template-columns: 1fr;
    }

    .grievance-form-card {
        padding: 30px 20px;
    }

}