@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);* { box-sizing: border-box; margin: 0; padding: 0; font-family: Poppins, sans-serif}html { scroll-behavior: smooth}.nav-links { margin: 0; padding: 0}header,header .logo { background-color: #fff}header { padding: 15px; align-items: center; display: flex; justify-content: space-between; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 1000}.nav-links { list-style: none; display: flex}.nav-links li { margin-left: 20px}.nav-links a { text-decoration: none; color: #333; font-weight: 400; transition: color 0.3s}.nav-links a:hover { color: #ff006a}header .logo { width: 250px; height: auto; margin-left: 50px}header .logo img { height: 100%; width: 100%; object-fit: cover}.hamburger { display: none; cursor: pointer}.bar { width: 25px; height: 3px; background-color: #333; margin: 5px 0; transition: 0.3s ease-in-out}.video-container { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #000}.video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%}.wave-container { background-color: transparent; margin-top: -100px; position: relative; z-index: 1; height: 100px; top: -1px;}.wave-container svg { display: block; width: 100%; transform: rotateX(180deg);}.wave-container svg path { fill: #fff;}.hero-content,.hero-section { position: relative; width: 100%; box-sizing: border-box; display: flex}.hero-section { height: 100vh; background-image: url(/img/lms-img.webp); background-size: cover; background-position: center; background-attachment: fixed; justify-content: center; align-items: center; padding: 0 5%; overflow: hidden; margin-top: -100px; position: relative; z-index: 0;}.hero-content { z-index: 2; justify-content: space-between; align-items: center; max-width: 1200px; height: 100%; padding: 0 10%; background-color: rgb(0 0 0 / .2)}.main-text { flex: 0 0 50%; text-align: left; margin-bottom: 20px}.hero-content h1 { font-size: 3.5vw; line-height: 1.1; margin: 0; text-transform: uppercase; font-weight: 700; color: #fff; text-shadow: 2px 2px 4px rgb(0 0 0 / .5)}.description-box { flex: 0 0 40%; background-color: rgb(0 0 0 / .6); padding: 20px; text-align: left; box-sizing: border-box}.description-box p { font-size: 1.1vw; line-height: 1.6; margin: 0; color: #f0f0f0}.main-footer { background-color: #222; color: #fff; padding: 40px 20px}.footer-container { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 30px}.footer-info,.footer-newsletter,.footer-social { flex: 1; min-width: 200px}.footer-info p { margin: 5px 0; font-size: .95em; line-height: 1.5}.footer-newsletter h3,.footer-social h3 { margin-top: 0; margin-bottom: 15px; font-size: 1.1em; font-weight: 400}.newsletter-form { display: flex}.newsletter-form input[type="email"] { flex-grow: 1; padding: 10px 15px; border: none; border-radius: 3px; outline: 0; font-size: 1em; background-color: #fff; color: #333}.newsletter-form button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; margin-left: 10px; cursor: pointer; font-size: 1em; transition: background-color 0.3s}.newsletter-form button:hover { background-color: #0056b3}.social-icons { display: flex; gap: 10px}.social-icons a { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1px solid #fff; color: #fff; text-decoration: none; border-radius: 3px; font-size: 1.2em; transition: background-color 0.3s, border-color 0.3s}.social-icons a:hover { background-color: #007bff; border-color: #007bff}@media screen and (max-width:768px) { .nav-links { display: none; flex-direction: column; position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; border-top: 1px solid #eee; box-shadow: 0 2px 5px rgb(0 0 0 / .1) } .hamburger, .nav-links a { display: block } .nav-links.active { display: flex } .nav-links li { margin: 0; text-align: center; padding: 15px 0; border-bottom: 1px solid #eee } .nav-links li:last-child { border-bottom: none } .nav-links a { padding: 10px } .hamburger.active .bar:nth-child(2) { opacity: 0 } .hamburger.active .bar:first-child { transform: translateY(8px) rotate(45deg) } .hamburger.active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg) } header .logo { display: none; }}@media (max-width:480px) { .video-container { padding-bottom: 125.25%; background-color: #fff; } .hero-content { flex-direction: column; justify-content: center; align-items: center; padding-top: 50px } .description-box, .main-text { width: 100%; flex: 0 0 auto; text-align: center } .main-text { margin-bottom: 20px } .hero-content h1 { font-size: 8vw } .description-box p { font-size: 4vw; text-align: left }}.about-content { background-color: #fff; padding: 80px 20px}.about-content .container { max-width: 800px; margin: 0 auto; line-height: 1.6; color: #333}.about-content h2 { font-size: 2.5em; font-weight: 700; text-align: center; margin-bottom: 30px}.about-content p { margin-bottom: 20px; font-size: 1.25em}.about-content ul { list-style-type: disc; padding-left: 40px; margin-bottom: 20px}.about-content ul li { margin-bottom: 10px; font-size: 1em}@media (max-width:768px) { .footer-container { flex-direction: column; align-items: flex-start; gap: 25px } .footer-info, .footer-newsletter, .footer-social { width: 100%; min-width: unset } .newsletter-form { flex-direction: column } .newsletter-form button { margin-left: 0; margin-top: 10px }}.blog-page { padding: 60px 20px; background-color: #f8f8f8}.blog-page .container { max-width: 1200px; margin: 0 auto}.blog-page h1 { text-align: center; font-size: 2.5em; font-weight: 600; color: #333; margin-bottom: 40px}.blog-posts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; justify-items: center}.linkedin-post { background-color: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 8px rgb(0 0 0 / .1); transition: transform 0.3s ease; width: 100%}.linkedin-post:hover { transform: translateY(-5px)}.linkedin-post iframe { width: 100%; border: none; display: block}@media (max-width:768px) { .blog-page h1 { font-size: 2em } .blog-posts-grid { grid-template-columns: 1fr }}.contact-page { min-height: calc(100vh - 140px); display: flex; justify-content: center; align-items: center; background-color: #f0f0f0}.contact-container { display: flex; width: 100%; max-width: 1200px; margin: 40px auto; background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / .1); border-radius: 8px; overflow: hidden}.contact-image-wrapper { flex: 1; max-width: 50%; height: auto}.contact-image { width: 100%; height: 100%; object-fit: cover; display: block}.contact-form-wrapper { flex: 1; max-width: 50%; padding: 40px; display: flex; flex-direction: column; justify-content: center; background-color: #fefefe}.form-title { font-size: 2.2em; font-weight: 700; color: #333; margin-bottom: 30px; text-align: left}.contact-form .form-group { margin-bottom: 20px; position: relative}.contact-form label { display: block; font-size: .9em; color: #555; margin-bottom: 8px; text-transform: uppercase; font-weight: 600}.contact-form input[type="text"],.contact-form input[type="email"],.contact-form select,.contact-form textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; color: #333; background-color: #fdfdfd; transition: border-color 0.3s ease}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: #FF812A; outline: none}.contact-form textarea { resize: vertical; min-height: 80px}.contact-form select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-24.6%200L146.2%20186.1%2031.6%2069.4a17.6%2017.6%200%200%200-24.6%2024.9l130.4%20129.8c6.8%206.7%2017.7%206.7%2024.5%200l130.4-129.8c6.9-6.9%206.9-17.7%200-24.6z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px; padding-right: 30px}.submit-button { width: 150px; padding: 15px 25px; background-color: #333; color: #fff; border: none; border-radius: 5px; font-size: 1.1em; cursor: pointer; transition: background-color 0.3s ease; margin-top: 10px}.submit-button:hover { background-color: #FF812A;}.error-message { display: none; color: red; font-size: .85em; margin-top: 5px}@media (max-width:992px) { .contact-container { flex-direction: column; margin: 20px; max-width: 600px } .contact-image-wrapper, .contact-form-wrapper { max-width: 100%; flex: none } .contact-form-wrapper { padding: 30px } .form-title { text-align: center; margin-bottom: 20px; font-size: 1.8em } .contact-image { height: 250px }}@media (max-width:480px) { .contact-form-wrapper { padding: 20px } .form-title { font-size: 1.5em } .submit-button { width: 100% }}.careers-page { background-color: #fafafa; padding: 60px 20px}.careers-page .container { max-width: 900px; margin: 0 auto}.careers-hero { text-align: center; margin-bottom: 50px}.careers-hero-image { width: 80px; height: 80px; object-fit: cover; border-radius: 50%; margin-bottom: 20px}.careers-title { font-size: 2.5em; font-weight: 700; color: #333; margin-bottom: 10px}.careers-intro { font-size: 1.1em; color: #555; line-height: 1.6; max-width: 600px; margin: 0 auto}.job-listings-section { background-color: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 4px 12px rgb(0 0 0 / .05)}.job-filters { margin-bottom: 30px}.job-filters h2 { font-size: 1.5em; font-weight: 600; margin-bottom: 15px; color: #333}.filter-controls { display: flex; flex-wrap: wrap; gap: 15px}.filter-select { padding: 10px 15px; border: 1px solid #ccc; border-radius: 5px; font-size: 1em; background-color: #f8f8f8; color: #555; cursor: pointer; flex: 1; min-width: 150px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-24.6%200L146.2%20186.1%2031.6%2069.4a17.6%2017.6%200%200%200-24.6%2024.9l130.4%20129.8c6.8%206.7%2017.7%206.7%2024.5%200l130.4-129.8c6.9-6.9%206.9-17.7%200-24.6z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: right 15px center; background-size: 10px; padding-right: 35px}.filter-select:focus { outline: none; border-color: #ff006a}.job-positions { text-align: center; padding: 20px 0}.no-positions { font-size: 1.1em; color: #777; font-style: italic}@media (max-width:768px) { .careers-page { padding: 40px 15px } .careers-title { font-size: 2em } .careers-intro { font-size: 1em } .job-listings-section { padding: 30px 20px } .filter-controls { flex-direction: column } .filter-select { width: 100% }}