.vp_creden{width:100%;color:#fff;height:max-content;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px}.vp_creden .motivation-letter{width:40%;margin-top:10px;border-bottom:1px solid #ccc}.vp_creden .motivation-letter p{font-size:10px;text-align:justify}.vice-president-photo{width:100px;height:100px;background-color:#444;border-radius:50%;overflow:hidden;border:3px solid #fff;margin-right:20px;flex-shrink:0}@media screen and (max-width:37.5em){.vice-president-photo{margin-right:5px}}.vice-president-photo .photo{width:100%;height:100%;object-fit:cover;filter:grayscale(0);transition:filter .3s ease}.vice-president-photo .photo:hover{filter:grayscale(100%)}.vice-president-info{flex:1 1;display:flex;flex-wrap:wrap}.vice-president-info .vice-president-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.vice-president-info .vice-president-message{color:#ccc;font-size:1rem}.vp_social-section{display:flex;justify-content:center;align-items:center;gap:20px;margin:10px 0;align-items:flex-end}@media screen and (max-width:37.5em){.vp_social-section{gap:5px;margin:0;width:100%;display:flex;flex-direction:row;align-items:flex-start}}.vp_social-section .social-icon{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%;background-color:#052386;border:2px solid #fff;transition:background-color .3s,transform .3s}.vp_social-section .social-icon:hover{background-color:#031b68;border-color:#ffcc29;transform:scale(1.1)}.vp_social-section .social-icon a{color:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none}.vp_social-section .social-icon a svg{transition:color .3s}.vp_social-section .social-icon a svg:hover{color:#ffcc29}.vp_info_section{display:flex;flex-direction:column;gap:30px;padding:20px;color:#ccc}.vp_info_section h3{font-size:1.75rem;color:#f1c40f;font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px}.vp_info_section .vp_motivation p,.vp_info_section .vp_motivation ul,.vp_info_section .vp_publications p,.vp_info_section .vp_publications ul{font-family:Roboto,sans-serif;color:#ccc;line-height:1.7}.vp_info_section .vp_motivation ul,.vp_info_section .vp_publications ul{list-style:none;padding:0}.vp_info_section .vp_motivation ul li,.vp_info_section .vp_publications ul li{margin-bottom:10px}.vp_info_section .vp_motivation ul li a,.vp_info_section .vp_publications ul li a{color:#007bff;font-size:1rem;font-weight:700;transition:color .3s}.vp_info_section .vp_motivation ul li a:hover,.vp_info_section .vp_publications ul li a:hover{color:#f1c40f;text-decoration:underline}.academic{width:100%;height:max-content;display:flex;flex-direction:column;background-color:#3e10e4}.academic_container{margin-bottom:50px;width:100%;height:200px;border-top:1px solid #fff;display:flex;flex-direction:row}._academic_sections{width:35%;margin-left:2px;margin-right:2px;border-top:1px solid #fff;cursor:pointer}._academic_sections.active{padding:0;margin-top:0;border-radius:10px;background-color:#031b68;border:none;height:250px;margin-left:5px;margin-right:5px}._academic_sections.active ._colleges{border-bottom:none}.first{background-color:rgba(1,255,1,.199);border-top:0 solid #fff;padding:0;cursor:pointer}.secod{background-color:hsla(49,86%,78%,.377)}.secod,.third{border:1px solid #fff;border-top:0 solid #fff}.third{background-color:rgba(22,143,106,.384)}._colleges{border:1px solid #fff;height:100%;display:flex;justify-content:center;align-items:center}._colleges .name{font-family:poppins,sans-serif;color:#fff;font-size:20px}@media only screen and (max-width:768px){.academic_container{flex-direction:column;height:auto;margin-bottom:30px}._academic_sections{width:100%;margin-bottom:15px;height:150px}._academic_sections.active{height:200px;margin-left:0;margin-right:0}.first,.secod,.third{border:none;height:100px}._colleges .name{font-size:18px}}.department-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:20px;padding:0 20px 20px;border-radius:20px;border-top:1px solid #fff;background-color:#031b68;opacity:.5}.department-container .top_line{height:20px;width:1px;background-color:#fff;justify-content:center;margin-left:50%}.department-container .department-item{border-left:1px solid #fff;padding:0;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;width:200px;text-align:center}.department-container .department-item .department-name{font-size:1rem;font-weight:700;margin-bottom:20px;color:#b9ecd7}.department-container .department-item .college-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px;border:3px solid #ddd;background-color:#d1d3d1;box-shadow:0 0 10px rgba(91,92,91,.8)}.department-container .department-item h5{color:#ff0}.department-container .department-item .teacher-box{margin-top:20px}.department-container .department-item .teacher-box .teacher-list{list-style:none;padding:0}.department-container .department-item .teacher-box .teacher-list .teacher-item{display:flex;flex-direction:row;align-items:center;margin-bottom:15px;animation:fade-in .6s ease-out}.department-container .department-item .teacher-box .teacher-list .teacher-item .teacher_line{width:40px;height:1px;background-color:#fff}.department-container .department-item .teacher-box .teacher-list .teacher-item .teacher_info{display:flex;flex-direction:column}.department-container .department-item .teacher-box .teacher-list .teacher-item .teacher-photo{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid #ddd;background-color:#d1d3d1;box-shadow:0 0 10px rgba(91,92,91,.8);transition:transform .3s ease}.department-container .department-item .teacher-box .teacher-list .teacher-item .teacher-photo:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}.department-container .department-item .teacher-box .teacher-list .teacher-item p{font-size:.9rem;font-weight:500;color:#b3afaf}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:999;color:#fff}.modal-content{background-color:#031b68;padding:30px;width:80%;max-width:900px;border-radius:10px;position:relative;animation:modal-fade-in .3s ease-out}.modal-content .modal-header{border-bottom:1px solid #ddd;margin-bottom:20px}.modal-content .modal-header h2{font-size:2rem;color:#fffefe}.modal-content .modal-header p{font-size:1.1rem;color:#b9b0b0}.modal-content .modal-body{display:flex;flex-direction:column;gap:20px}.modal-content .modal-body section h3{font-size:1.5rem;color:#f3eded;margin-bottom:10px}.modal-content .modal-body section p{font-size:1rem;color:#afa8a8}.modal-content .modal-body section ul{padding-left:20px}.modal-content .modal-body section ul li{margin-bottom:5px}.modal-content .modal-close{position:absolute;top:10px;right:15px;font-size:1.5rem;cursor:pointer;color:#c7c4c4}.colleges-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px}.college-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.college-item:before{content:"";position:absolute;top:-40px;right:50%;transform:translateX(50%);height:40px;width:1px;background-color:#fff}.college-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #ddd;margin-bottom:8px}.college-name{font-size:1.2rem;margin-top:10px;color:#64da6a}.college-represent{font-size:1rem;color:gray;margin-bottom:5px}.department-line{position:relative;width:2px;background-color:#64da6a;margin-top:5px;transition:width .3s ease}.glowing-bubble{position:absolute;bottom:-10px;left:-7px;width:15px;height:15px;border-radius:50%;background-color:#64da6a;box-shadow:0 0 10px rgba(100,218,106,.8);cursor:pointer;animation:glow 1.5s infinite alternate}.glowing-bubble:hover{background-color:#4ab84e}@keyframes glow{0%{box-shadow:0 0 10px rgba(100,218,106,.8)}to{box-shadow:0 0 20px #64da6a}}.academic-program-director-card{background-color:#031b68;border:1px solid #fff;border-radius:12px;padding:1rem;max-width:90%;display:flex;align-items:center;box-shadow:0 0 15px rgba(0,0,0,.3);transition:all .3s ease-in-out;position:relative;margin-left:15%}@media screen and (max-width:37.5em){.academic-program-director-card{max-width:100%;padding:10px}}.academic-program-director-card:hover{box-shadow:0 0 20px hsla(0,0%,100%,.7)}.academic-program-director-card .apd_name{font-family:poppins,sans-serif}.academic-program-director-card .apd_title{display:flex;color:#fff;align-items:center}@media screen and (max-width:37.5em){.academic-program-director-card .apd_title{flex-direction:column;justify-content:center;align-items:center}}.academic-program-director-card .apd_title .sm_divider{width:1px;background-color:#fff;height:100%;margin-left:10px;margin-right:10px}@media screen and (max-width:37.5em){.academic-program-director-card .apd_title .sm_divider{width:0}}.academic-program-director-card .apd_title .title{margin-left:10px;color:#ff0;font-family:poppins,sans-serif;font-size:large}.academic-program-director-card .academic-photo{position:absolute;top:50%;left:-100px;transform:translateY(-50%);width:200px;height:200px;background-color:#444;border-radius:50%;overflow:hidden;border:4px solid #fff;margin-right:20px;flex-shrink:0;transition:all .3s ease-in-out}.academic-program-director-card .academic-photo .photo{width:100%;height:100%;object-fit:cover;filter:grayscale(0);transition:filter .3s ease-in-out}.academic-program-director-card .academic-photo:hover .photo{filter:grayscale(100%)}.academic-program-director-card .academic-info{flex:1 1;margin-left:100px}.academic-program-director-card .academic-sections{display:flex;justify-content:space-between;width:100%}@media screen and (max-width:37.5em){.academic-program-director-card .academic-sections{flex-direction:column}}.academic-program-director-card .academic-sections .social-section{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}.academic-program-director-card .academic-sections .social-section .social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#052386;border:2px solid #fff;transition:background-color .3s ease,transform .3s ease}.academic-program-director-card .academic-sections .social-section .social-icon:hover{background-color:#031b68;border:2px solid #ffcc29;transform:scale(1.1)}.academic-program-director-card .academic-sections .social-section .social-icon a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.academic-program-director-card .academic-sections .social-section .social-icon a svg{transition:color .3s ease}.academic-program-director-card .academic-sections .social-section .social-icon a:hover svg{color:#ffcc29}.academic-program-director-card .academic-sections .academic-profile,.academic-program-director-card .academic-sections .motivation-letter{flex:2 1;padding:10px;color:#ccc}.academic-program-director-card .academic-sections .academic-profile h2,.academic-program-director-card .academic-sections .motivation-letter h2{color:#fff;margin-bottom:10px;font-family:poppins,sans-serif;font-size:1.5rem}.academic-program-director-card .academic-sections .academic-profile p,.academic-program-director-card .academic-sections .motivation-letter p{font-size:.825rem;line-height:1.5;font-family:roboto,serif}@media(max-width:768px){.academic-program-director-card{flex-direction:column;align-items:flex-start}.academic-program-director-card .academic-photo{position:static;width:100px;height:100px;margin-bottom:1rem}.academic-program-director-card .academic-info{margin-left:0}}