:root {--primary-color: #00c6a9;--primary-hover: #029882;--accent-color: #59c3aa;--secondary-color: #44b4a7;--background-color: #f8f9fa;--text-color: #333;--white: #fff;--black: #111111;--gray: #ccc;--gray-light: #f1f1f1;--gray-dark: #707070;--dark-bg: #222222;--gold: #d4af37;}* {box-sizing: border-box;margin: 0;padding: 0;scroll-behavior: smooth;}body {font-family: 'Open Sans', sans-serif;background: var(--background-color);color: var(--text-color);}a {text-decoration: none;color: inherit;}body::-webkit-scrollbar {widows: 10px;}body::-webkit-scrollbar-track {background: var(--gray-light);}body::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 10px;}body::-webkit-scrollbar-thumb:hover {background: var(--primary-color);}.container {width: 100%;max-width: 100%;margin: 0 auto;overflow: visible;height: 40%;}.navbar-section {width: 100%;background: var(--primary-color);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);position: fixed;top: 0;z-index: 1000;}.navbar {padding: 15px 20px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.logo {align-items: center;display: flex;font-size: var(--ut-logo-font-size, 1rem);font-weight: var(--ut-logo-font-weight, var(--a-base-font-weight-semibold, 500));grid-area: logo;line-height: var(--ut-logo-line-height, 1.5rem);min-width: 0;}.logo-link {align-items: center;color: var(--black);display: inline-flex;margin-inline-end: var(--ut-header-item-spacing, .5rem);min-width: 0;text-decoration: none;}.logo .logo-link img {width: 70px;}.navbar h2 {color: var(--black);}.navbar ul {display: flex;gap: 10px;list-style: none;cursor: pointer;}.navbar ul li {padding: 1px 5px;position: relative;}.navbar ul li a {color: var(--black);text-decoration: none;font-size: .8rem;transition: 0.3s;padding: 2px 0px;}.navbar ul li a:hover {border-radius: 80px;color: white;}.dropdown-menu {display: none;color: var(--primary-color);}.navbar ul li:hover .dropdown-menu {display: block;position: absolute;left: 0;color: white;top: 100%;background-color: var(--primary-color);}.dropdown-menu ul {display: block;margin: 10px;}.dropdown-menu ul li {width: 200px;padding: 10px;border: none;}.menu-toggle {display: none;cursor: pointer;font-size: 1.5rem;}.slider {height: 800px;margin-top: 10px;position: relative;z-index: 1;}.slider .list .item {position: absolute;padding-top: 100px;inset: 0 0 0 0;overflow: hidden;opacity: 0;transition: .5s;}.slider .list .item a {cursor: pointer;}.slider .list .item img {width: 100%;height: 100%;object-fit: cover;cursor: pointer;}.slider .list .item::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;}.slider .list .item .content {position: absolute;left: 10%;top: 20%;width: 500px;max-width: 80%;}.slider .list .item .content p {color: var(--white);font-size: 16px;font-weight: bold;}.slider .list .item .content p:nth-child(1) {text-transform: uppercase;}.slider .list .item .content h2 {font-size: 100px;margin: 0;color: var(--white);}.slider .list .item .content h3 {font-size: 70px;margin: 0;color: var(--primary-color);}.slider .list .item.active {opacity: 1;z-index: 10;}@keyframes showContent {to {transform: translateY(0);filter: blur(0);opacity: 1;}}.slider .list .item.active p:nth-child(1),
.slider .list .item.active h2,
.slider .list .item.active p:nth-child(3) {transform: translateY(30px);filter: blur(20px);opacity: 0;animation: showContent .5s .7s ease-in-out 1 forwards;}.slider .list .item.active h2 {animation-delay: 1s;}.slider .list .item.active p:nth-child(3) {animation-duration: 1.3s;}.arrows {position: absolute;top: 30%;right: 50px;z-index: 100;}.arrows button {background-color: #eee5;border: none;font-family: monospace;width: 40px;height: 40px;border-radius: 5px;font-size: x-large;color: var(--primary-color);transition: .5s;}.arrows button:hover {background-color: #eee;color: black;}.thumbnail {position: absolute;bottom: 50px;z-index: 11;display: flex;gap: 10px;width: 100%;height: 250px;padding: 0 50px;box-sizing: border-box;overflow: auto;justify-content: center;}.thumbnail::-webkit-scrollbar {width: 0;}.thumbnail .item {width: 150px;height: 220px;filter: brightness(.5);transition: .5s;flex-shrink: 0;}.thumbnail .item img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}.thumbnail .item.active {filter: brightness(1.5);}.thumbnail .item .content {position: absolute;inset: auto 10px 10px 10px;}header.hero {background-size: 200%;color: var(--gold);font-weight: 800;text-align: center;padding: 0px 20px;}header.hero h1 {font-size: 3.5rem;max-width: 700px;margin: 0 auto 20px;}header.hero button {background: var(--primary-color);color: var(--white);border: 3px solid var(--primary-color) !important;padding: 12px 30px;border-radius: 30px;font-size: 1rem;cursor: pointer;}/* button:hover {border: 3px solid var(--primary-color) !important;background: transparent !important;color: var(--black) !important;} */

.outline-btn {margin-left: 15px !important;border: 3px solid var(--primary-color) !important;background: transparent !important;color: var(--primary-color) !important;}.outline-btn:hover {background: var(--primary-color) !important;}.section {padding: 60px 20px;max-width: 100vw;margin: auto;}.section h2 {text-align: center;margin-bottom: 40px;color: var(--primary-color);font-size: 2rem;}.sub-heading {font-size: 18px;text-align: center;margin-top: -35px;margin-bottom: 40px;color: var(--gray-dark);}.departments {background: var(--gray-light);}.carousel-slide img {width: 100%;height: 100%;object-fit: cover;}.slide-content {position: relative;top: 50%;text-align: center;color: var(--primary-color);border: 1px solid var(--primary-color);background-color: var(--white);padding: 2rem;border-radius: 10px;max-width: 80%;}.slide-content h2 {font-size: 2rem;margin-bottom: 1rem;}.slide-content p {font-size: 1.2rem;margin-bottom: 1.5rem;}.slide-content .fas {width: 200px;}.profile-btn-container {position: absolute;top: 100%;left: 50px;z-index: 100;}.slide-profile-btn {padding: 10px 20px;border-radius: 80px;margin-left: 15px !important;border: 3px solid var(--white) !important;/* background: transparent !important; */
background: transparent;color: var(--white);width: 60px;height: 30px;cursor: pointer;transition: 0.3s;}.slide-profile-btn:hover {border: 1px solid var(--primary-color);background: var(--white);color: var(--primary-color);}.cta-btn {padding: 0.8rem 1.5rem;background-color: var(--white);border: none;color: var(--primary-color);border-radius: 5px;font-size: 1rem;cursor: pointer;transition: background-color 0.3s;margin-bottom: 10px;}.slide-content .cta-btn:hover {border: 1px solid var(--primary-color);background: transparent;color: var(--primary-hover);}.video {text-align: center;padding: 100px;width: 100vw;height: auto;font-weight: 500;}.video__title {font-size: 32px;font-weight: 500;color: var(--primary-color);}.video__description {margin-top: 10px;font-weight: 300;color: #6e6e6e;}.video__description__vision {margin-top: 5px;font-size: 30px;font-weight: 300;color: #6e6e6e;}.video__controls {margin-top: 20px;}.video__button {border: 1px solid #5bb471;color: var(--primary-color);background: none;padding: 10px 20px;cursor: pointer;}.video__button:hover {background: var(--primary-hover);color: white;transition: 0.3s;}.video__button--primary {margin-right: 10px;}.video__container {margin-top: 20px;padding: 20px;background-color: var(--white);width: 100%;height: auto;box-shadow: 1px 4px 7px 4px var(--primary-color);}.video__container img {width: 100%;height: auto;}.video-player-container {position: relative;width: 100%;height: 600px;margin: 20px 0;}.video-player-container video {position: absolute;top: 0;left: 0;width: 100%;height: 600px;margin-bottom: 0px;object-fit: cover;}.video-player-container img {position: absolute;top: 0;left: 0;width: 100%;height: 60%;margin-bottom: 0px;object-fit: cover;}.companies-container {display: flex;gap: 10px;flex-wrap: wrap;}.company-box {flex: 1;border: 1px solid #ccc;padding: 20px;}.companies-title {font-size: 32px;font-weight: 500;color: var(--primary-color);text-align: center;}.companies-description {margin-top: 10px;font-weight: 300;color: #6e6e6e;}.companies-controls {margin-top: 20px;}.companies-button-container {display: flex;justify-content: center;align-items: center;height: 200px;border: 1px solid #ccc;}.companies-button {display: block;margin: 0 auto;border: 1px solid #5bb471;background: none;padding: 10px 20px;cursor: pointer;width: 150px;}.companies-button:hover {background: var(--primary-color);color: white;}.companies-button--primary {margin-right: 10px;}.programs {padding: 100px;background-color: #eee;padding-bottom: 200px;}.programs__cards {display: flex;justify-content: space-between;gap: 20px;margin-top: 20px;}.programs__card {background-color: #b5b5b5;padding: 30px;flex-basis: 30%;height: 400px;}.flex-row {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}.flex-row-counter {gap: 200px;}.card {background: var(--white);border-radius: 15px;padding: 30px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);text-align: center;flex: 1 1 280px;max-width: 300px;}.card i {font-size: 2.5rem;color: var(--primary-color);margin-bottom: 15px;}.card:hover {transform: translateY(-3px);transition: 0.3s;}.team .card img {width: 100px;height: 100px;border-radius: 50%;margin-bottom: 15px;object-fit: cover;}.team .card h4 {margin: 10px 0 5px;color: var(--primary-color);}.team .card p {font-size: 0.9rem;counter-reset: #777;}.section-flex {display: flex;flex-wrap: wrap;gap: 40px;justify-content: space-evenly;align-content: center;padding: 50px;}.section-flex h2 {text-align: center;margin-bottom: 40px;color: var(--primary-color);font-size: 2rem;}.left-column,
.righ-column {flex: 1 1 450px;}.section p {margin-bottom: 20px;}.articles {display: flex;gap: 20px;flex-wrap: wrap;padding: 20px;}.article {flex: 1 1 260px;}.article img {width: 500px;height: 300px;border-radius: 6px;margin-bottom: 10px;}.read-more-btn {display: inline-block;background: var(--primary-color);color: var(--white);padding: 10px 20px;margin-top: 20px;border-radius: 30px;text-decoration: none;font-weight: bold;}/* .accordion-item{background: #e0e0e0;border-radius: 30px;padding: 10px 20px;margin-bottom: 15px;cursor: pointer;transition: background 0.3s;}.accordion-item.active{background: var(--primary-color);color: var(--white);}.accordion-title{display: flex;align-items: center;font-weight: bold;}.accordion-title .icon{background: var(--white);color: var(--accent-color);border-radius: 50%;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;margin-right: 15px;font-size: 14px;padding: 20px;}.accordion-content{display: none;color: var(--text-color);padding-left: 55px!important;}.accordion-item.active .accordion-content{display: block;color: var(--white);} */





.accordion {max-width: 33rem;width: 100%;background: var(--background-color);margin: 0 1rem;padding: 1rem;border-radius: 0.5rem;}.accordion .accordion-content {margin: 10px 0;border-radius: 5px;background-color: var(--accent-color);border-color: #bbffaa;overflow: hidden;}.accordion-content.is-open {padding-bottom: 10px;}.accordion-content header {display: flex;min-height: 50px;padding: 0 15px;cursor: pointer;align-items: center;justify-content: space-between;transition: all 0.2s linear;}.accordion-content.is-open header {min-height: 35px;}.accordion-content-title {font-size: 1rem;font-weight: 600;color: var(--white);}.accordion-content-description {height: 0;font-size: 13px;color: var(--white);font-weight: 400;padding: 0 15px;}.why-choose-us {text-align: center;padding: 40px 20px;}.why-choose-us h2 {font-size: 2.2rem;margin-bottom: 10px;}.why-choose-us p {max-width: 700px;margin: 0 auto 40px;}.content-wrapper {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 40px;}.features {flex: 1 1 300px;display: flex;flex-direction: column;gap: 60px;max-width: 550px;}.feature {display: flex;align-items: center;gap: 15px;text-align: left;}.feature-icon {background: var(--primary-color);padding: 15px;border-radius: 50%;color: var(--white);font-size: 24px;display: flex;justify-content: center;align-items: center;}.feature-icon img {width: 30px;}.feature-text h3 {font-size: 1.6rem;margin-bottom: 5px;}.feature-text p {font-size: 1.2rem;margin-bottom: 50px;}.center-image {flex: 1 1 300px;max-width: 300px;padding-right: 70px;}.center-image img {width: 150%;height: auto;padding-right: 50px;border-radius: 8px;}.counter-section {background: var(--primary-color);color: var(--white);text-align: center;}.counterIcon {font-size: 40px;margin-bottom: 10px;}.counter-section .counter {font-size: 2.5rem;font-weight: bold;}.counter-section p {margin-top: 10px;font-size: 1.1rem;}.counter-section i {margin-top: 10px;}.gallery-section {background: var(--secondary-color);padding: 60px 20px;color: var(--white);text-align: center;}.gallery-section h2 {font-size: 2.5rem;margin-bottom: 15px;}.gallery-section p {max-width: 800px;margin: 0 auto 40px;line-height: 1.6;}.gallery-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}.gallery-item {position: relative;overflow: hidden;border-radius: 8px;flex: 1 1 calc(33.333% - 40px);max-width: 300px;min-width: 260px;transition: transform 0.3s ease;}.gallery-item img {width: 100%;height: auto;display: block;border-radius: 8px;transition: transform 0.3s ease;}.gallery-item:hover img {transform: scale(1.1);}.gallery-overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.5);color: var(--white);opacity: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: opacity 0.3s ease;border-radius: 8px;padding: 20px;text-align: center;}.gallery-item:hover .gallery-overlay {opacity: 1;}.gallery-overlay h3 {margin-bottom: 10px;}.offer-section {background: var(--accent-color);padding: 30px 20px;margin: 10px;}.offer-section-middle {background: var(--white);padding: 30px 20px;margin: 10px;}.offer-container {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;flex-wrap: wrap;gap: 20px;}.offer-text {font-size: 20px;font-weight: bold;color: var(--white);flex: 1 1 auto;}.offer-text-middle {font-size: 20px;font-weight: bold;color: var(--primary-color);flex: 1 1 auto;}.offer-button {background: var(--white);color: var(--accent-color);padding: 12px 30px;border: none;border-radius: 30px;font-weight: bold;cursor: pointer;border: 3px solid var(--white) !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease;}.offer-button:hover {background: transparent;border: 3px solid var(--white) !important;color: white;}.potential-button {background: var(--white);color: var(--accent-color);padding: 12px 30px;border-radius: 30px;font-weight: bold;cursor: pointer;border: 3px solid var(--white) !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease;}.potential-button:hover {background: var(--accent-color);border: 3px solid var(--white) !important;color: white;}.profile-button {background: var(--white);color: var(--accent-color);padding: 12px 30px;border: none;border-radius: 30px;font-weight: bold;cursor: pointer;border: 3px solid var(--white) !important;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: background-color 0.3s ease;}.profile-button:hover {background: var(--primary-color);border: 3px solid var(--white) !important;color: white;}#backToTop {position: fixed;bottom: 30px;right: 30px;z-index: 999;background: var(--accent-color);color: var(--white);border: 3px solid var(--accent-color);padding: 12px 15px;font-size: 16px;border-radius: 50px;cursor: pointer;display: none;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}#backToTop:hover {background: #1a6ba5;border: 3px solid var(--white);color: var(--accent-color) !important;}.footer {background: var(--black);color: var(--gray);padding: 50px 20px 0px;}.footer-container {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 30px;max-width: 1200px;margin: 0 auto;}.footer-column {flex: 1 1 220px;min-width: 220px;}.footer-column h3 {color: var(--white);margin-bottom: 20px;}.footer-column ul {list-style: none;padding: 0px;margin: 0px;}.footer-column ul li {margin-bottom: 10px;}.footer-column ul li:before {content: '';color: var(--primary-color);margin-right: 8px;}.footer-column p {margin: 10px 0;display: flex;align-items: center;}.footer-column p i {margin-right: 10px;font-size: normal;}.footer-form input,
.footer-form textarea {width: 100%;padding: 10px;margin-bottom: 15px;background: var(--dark-bg);border: none;border-bottom: 1px solid #555;color: var(--white);}.footer-form-button {margin-top: 10px;background: var(--primary-color);color: var(--white);padding: 10px 30px;border: none;border-radius: 20px;font-weight: bold;cursor: pointer;border: 3px solid var(--white) !important;transition: white 0.3s ease;}.footer-form-button:hover {background: white !important;color: var(--primary-color) !important;border: 3px solid var(--primary-color) !important;}.footer-social {text-align: center;margin-top: 30px;background: var(--dark-bg);padding: 29px;margin: -20px;margin-top: 20px;}.footer-social a {color: var(--white);margin: 0 10px;font-size: 20px;text-decoration: none;}@media(max-width: 768px) {.navbar {margin-bottom: 0;padding-top: 0px;padding-bottom: 20px;padding-left: 5px;padding-right: 5px;}.navbar ul {display: none;flex-direction: column;background: white;width: 100%;position: absolute;top: 74%;left: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}.navbar ul.show {display: flex;z-index: 999;}.navbar h2 {font-size: 14px;}.navbar ul li a:hover {color: var(--primary-color);}.navbar ul li:hover .dropdown-menu {display: block;color: var(--primary-color);position: relative;right: 50px;top: 100%;background-color: var(--primary-color);}.logo .logo-link img {width: 2.5rem;padding-top: 10px;}.logo .logo-link span {padding-top: 10px;padding-right: 1px;padding-left: 0px;padding-bottom: 0px;font-size: .61rem;font-weight: bold;}.dropdown-menu ul {display: block;margin: none;position: relative;}.dropdown-menu ul li {width: 100%;padding: 10px 20px;color: var(--primary-color);}.menu-toggle {display: block;padding-top: 0px;padding-bottom: 0px;padding-right: 3px;padding-left: 3px;}.flex-row-counter {gap: 140px;}.hero h1 {font-size: 40px !important;}.top-bar {display: none;}.thumbnail {justify-content: start;}.slider {height: 28rem;margin-top: 0;position: relative;z-index: 1;}.slide-content h2 {font-size: 1.5rem;margin-bottom: 1rem;}.slider .list .item .content h3 {font-size: 2rem;}.slider .list .item img {width: 100%;height: 25rem;object-fit: cover;}.sub-heading {padding: 0 15px;}.arrows {position: absolute;top: 26%;right: 30px;z-index: 100;}.video {text-align: center;padding: 20px;width: 100vw;height: auto;font-weight: 500;}.video__description {text-align: justify;}.video-player-container {position: relative;width: 100%;height: 10rem;margin: 20px 0;}.video-player-container video {position: absolute;width: 100%;height: 100%;margin-bottom: 0px;object-fit: cover;}.articles .article {padding: 0 10px;padding-bottom: 20px;}.articles .article img {width: 18rem;height: 10rem;}.articles .article h3 {font-size: 1rem;font-weight: 800;}.articles .article p {font-size: 1rem;}.section-flex h2 {font-size: 1.5rem;}.slider .list .item .content {position: absolute;padding-top: 50px;left: 10%;top: 20%;width: 50%;max-width: 80%;}.slider .list .item .content p {color: var(--white);font-size: .8rem;font-weight: bold;}.slider .list .item .content p:nth-child(1) {text-transform: uppercase;}.slider .list .item .content h3 {font-size: 1.5rem;margin: 0;color: var(--primary-color);}.slider .list .item.active {opacity: 1;z-index: 10;}}.social-links {display: flex;gap: 1rem;margin-top: 1rem;}.social-links a {color: white;font-size: 1.2rem;}