body,html{margin: 0;color: #10102a;font-family: 'Poppins', sans-serif !important;font-size: 16px;overflow-x: hidden;height: 100%}.header-rectangle{margin-top: 0%;width: 100%;height: auto;background-color: white;text-align: center}.school-logo{width: 60px;height: 60px}.ph-seal-logo{max-width: 80px;height: 80px}.slides-row-rev{max-width: 60px}.team-member{margin-bottom: 3rem;text-align: center}.team-member img{width: 14rem;height: 14rem;border: 0.5rem solid rgba(0, 0, 0, 0.1)}.team-member h4,.team-member .h4{margin-top: 1.5rem;margin-bottom: 0}.short-text{display: none}.bgimage{background: linear-gradient(rgba(0, 0, 0, 0.5), rgb(0, 0, 0)), url("../../assets/imgs/bgimage.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed}.bgimagee{background: url("../../assets/imgs/bgimagee.jpg");background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed}#card:hover{box-shadow: 0 0 11px rgba(33, 33, 33, .2)}.timeline{position: relative;padding: 0;list-style: none}.timeline:before{position: absolute;top: 0;bottom: 0;left: 40px;width: 2px;margin-left: -1.5px;content: "";background-color: #5f5f5f}.timeline>li{position: relative;min-height: 50px;margin-bottom: 50px}.timeline>li:after,.timeline>li:before{display: table;content: " "}.timeline>li:after{clear: both}.timeline>li .timeline-panel{position: relative;float: right;width: 100%;padding: 0 20px 0 100px;text-align: left}.timeline>li .timeline-panel:before{right: auto;left: -15px;border-right-width: 15px;border-left-width: 0}.timeline>li .timeline-panel:after{right: auto;left: -14px;border-right-width: 14px;border-left-width: 0}.timeline>li .timeline-image{position: absolute;z-index: 100;left: 0;width: 80px;height: 80px;margin-left: 0;text-align: center;color: #5f5f5f;border: 7px solid #5f5f5f;border-radius: 100%;background-color: #ffc800}.timeline>li .timeline-image h4,.timeline>li .timeline-image .h4{font-size: 10px;line-height: 14px;margin-top: 12px}.timeline>li.timeline-inverted>.timeline-panel{float: right;padding: 0 20px 0 100px;text-align: left}.timeline>li.timeline-inverted>.timeline-panel:before{right: auto;left: -15px;border-right-width: 15px;border-left-width: 0}.timeline>li.timeline-inverted>.timeline-panel:after{right: auto;left: -14px;border-right-width: 14px;border-left-width: 0}.timeline>li:last-child{margin-bottom: 0%}.timeline .timeline-heading h4,.timeline .timeline-heading .h4{margin-top: 0;color: inherit}.timeline .timeline-heading h4.subheading,.timeline .timeline-heading .subheading.h4{text-transform: none}.timeline .timeline-body>ul,.timeline .timeline-body>p{margin-bottom: 0}@media (min-width: 768px){.timeline:before{left: 50%}.timeline>li{min-height: 100px;margin-bottom: 100px}.timeline>li .timeline-panel{float: left;width: 41%;padding: 0 20px 20px 30px;text-align: right}.timeline>li .timeline-image{left: 50%;width: 100px;height: 100px;margin-left: -50px}.timeline>li .timeline-image h4,.timeline>li .timeline-image .h4{font-size: 13px;line-height: 18px;margin-top: 16px}.timeline>li.timeline-inverted>.timeline-panel{float: right;padding: 0 30px 20px 20px;text-align: left}}@media (min-width: 992px){.timeline>li{min-height: 150px}.timeline>li .timeline-panel{padding: 0 20px 20px}.timeline>li .timeline-image{width: 150px;height: 150px;margin-left: -75px}.timeline>li .timeline-image h4,.timeline>li .timeline-image .h4{font-size: 18px;line-height: 26px;margin-top: 30px}.timeline>li.timeline-inverted>.timeline-panel{padding: 0 20px 20px}}@media (min-width: 1204px){.timeline>li{min-height: 170px}.timeline>li .timeline-panel{padding: 0 20px 20px 100px}.timeline>li .timeline-image{width: 170px;height: 170px;margin-left: -85px}.timeline>li .timeline-image h4,.timeline>li .timeline-image .h4{margin-top: 40px}.timeline>li.timeline-inverted>.timeline-panel{padding: 0 100px 20px 20px}}#portfolio .container-fluid,#portfolio .container-sm,#portfolio .container-md,#portfolio .container-lg,#portfolio .container-xl,#portfolio .container-xxl{max-width: 1920px}#portfolio .container-fluid .portfolio-box,#portfolio .container-sm .portfolio-box,#portfolio .container-md .portfolio-box,#portfolio .container-lg .portfolio-box,#portfolio .container-xl .portfolio-box,#portfolio .container-xxl .portfolio-box{position: relative;display: block}#portfolio .container-fluid .portfolio-box .portfolio-box-caption,#portfolio .container-sm .portfolio-box .portfolio-box-caption,#portfolio .container-md .portfolio-box .portfolio-box-caption,#portfolio .container-lg .portfolio-box .portfolio-box-caption,#portfolio .container-xl .portfolio-box .portfolio-box-caption,#portfolio .container-xxl .portfolio-box .portfolio-box-caption{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;position: absolute;bottom: 0;text-align: center;opacity: 0;color: #fff;background: rgba(75, 157, 255, 0.5);transition: opacity 0.25s ease;text-align: center}#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-md .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category,#portfolio .container-xxl .portfolio-box .portfolio-box-caption .project-category{font-family: 'Poppins', sans-serif;font-size: 0.85rem;font-weight: 600;text-transform: uppercase}#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-md .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name,#portfolio .container-xxl .portfolio-box .portfolio-box-caption .project-name{font-size: 1.2rem}#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption,#portfolio .container-sm .portfolio-box:hover .portfolio-box-caption,#portfolio .container-md .portfolio-box:hover .portfolio-box-caption,#portfolio .container-lg .portfolio-box:hover .portfolio-box-caption,#portfolio .container-xl .portfolio-box:hover .portfolio-box-caption,#portfolio .container-xxl .portfolio-box:hover .portfolio-box-caption{opacity: 1}