#header{backdrop-filter: blur(10px);display: grid;grid-template-columns: 1fr 200px;gap: 15px;align-items: center;position: sticky;padding: 10px 40px;top: 0;z-index: 99;color: white}body{background: #00030c;background: radial-gradient(circle at 50% 50%, #050d28 0%, #00030c 60%);background-attachment: fixed;color: white}.logo-area img{width: 150px;margin: 0 10px}.site-logo{width: 200px !important;overflow: hidden;position: relative;image-rendering: crisp-edges}.header-btn{text-align: right}.header-btn a{text-decoration: none;color: white;margin: 0 5px;padding: 5px 10px;border: 1px solid #001d6c;border-radius: 5px;transition: all .3s ease}.header-btn a:hover{background-color: #001d6c}.bg-area img{width: 100%}.contain-text{text-align: center;padding-bottom: 70px;border-bottom: 1px solid #001d6c}.container-padding{margin: 100px 10%}.contain-btn a{text-decoration: none;margin-top: 20px;color: white;padding: 10px 20px;border: 1px solid #001d6c;background-color: #001141;border-radius: 5px;transition: all .3s ease}.contain-btn a:hover{background-color: #001d6c}.team-area{padding-bottom: 100px;border-bottom: 1px solid #001d6c}.accordion{--bs-accordion-bg: #001141;--bs-accordion-color: white;--bs-accordion-border-color: #001d6c;--bs-accordion-btn-bg: rgba(0, 0, 0, 0.5);--bs-accordion-btn-color: white;--bs-accordion-btn-active-bg: rgba(0, 0, 0, 0.5);--bs-accordion-btn-active-color: white}.accordion-button{background-color: rgba(0, 0, 0, 0.5);color: white}.accordion-button:not(.collapsed){background-color: rgba(0, 0, 0, 0.5) !important;color: white !important}.accordion-button:focus{box-shadow: none !important}.team-card-area{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px}.team-card{padding: 20px;color: white;border-radius: 5px;background-color: #001141;border: 1px solid #001d6c}.team-card-area i{margin-bottom: 10px;font-size: 25px}#users{padding-bottom: 100px;border-bottom: 1px solid #001d6c;text-align: center}.users-area{margin-top: 30px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px}.users{border: 1px solid #001d6c;padding: 20px;border-radius: 5px;background-color: #001141;color: white;transition: all .3s ease}.users:hover{background-color: #001d6c;transform: scale(1.1)}.users .name{display: block;margin-bottom: 10px;font-weight: bolder}.users .mission{font-style: italic}#images-card-area{padding-bottom: 100px;border-bottom: 1px solid #001d6c}.company-logo{width: 200px;height: 150px;object-fit: contain;margin: 0 20px;filter: contrast(0.5) brightness(1.5);transition: all 0.3s ease}.company-logo:hover{filter: contrast(1) brightness(1);transform: scale(1.1)}.img-cards-area{display: grid;grid-template-columns: repeat(4, 1fr)}.footer-col-3{color: white;display: grid;align-items: center;padding: 0 40px;grid-template-columns: 300px 1fr 300px}.social-media-area a{color: white;padding: 5px 10px;margin: 0 5px;border-radius: 3px;transition: all .3s ease}.social-media-area a:hover{outline: 2px solid #001d6c}.social-media-area a:nth-child(1){background: #121212}.social-media-area a:nth-child(2){background-color: #0e76a8}.social-media-area a:nth-child(3){background: #E1306C}#mobil-menu{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px);width: 100%;height: 100vh;padding-top: 100px;display: none;color: white}#mobil-menu .header-btn{text-align: center;border-bottom: 1px solid rgba(128, 128, 128, 0.331);padding-bottom: 40px}#mobil-menu .logo-area a{display: block;margin: 50px 0}#close-menu{position: fixed;top: 20px;right: 20px;cursor: pointer;padding: 5px 8px;background-color: #00000000;color: white;border-radius: 50%}.open-menu-content{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;display: none}#open-menu{text-align: right;padding: 10px;background: #00000000;color: white}@media screen and (max-width: 980px){#header{grid-template-columns: 1fr 1fr}.logo-area-img{display: none}.site-logo{width: 150px !important;object-fit: contain}.header-btn-all{display: none}.open-menu-content{display: flex}.team-card-area{grid-template-columns: repeat(2, 1fr)}.img-cards-area{grid-template-columns: repeat(2, 1fr)}.container-padding{margin: 0 10%}.img-cards-area img{width: 100px !important;height: 100px}.footer-col-3{grid-template-columns: 1fr;text-align: center !important;width: 100%}.social-media-area{margin: 10px 0}}.modal-content{color: white;background-color: #001141}.modal-header{border-bottom: #001141}.timeline{position: relative;max-width: 1200px;margin: 0 auto;padding: 20px}.timeline::after{content: '';position: absolute;width: 6px;background-color: white;top: 0;bottom: 0;left: 50%;border-radius: 3px;margin-left: -3px;margin-top: 100px}.timeline-item{padding: 10px 40px;position: relative;width: 50%;left: 0;margin: 40px 0}.timeline-item:nth-child(even){left: 50%}.timeline-content{padding: 20px;background-color: #001141;position: relative;border-radius: 6px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}.timeline-date{font-weight: bold;color: #4589ff;margin-bottom: 10px}.timeline-content::after{content: '';position: absolute;width: 25px;height: 25px;background-color: #4589ff;border: 4px solid #fff;border-radius: 50%;top: 15px;right: -67px}.timeline-item:nth-child(even) .timeline-content::after{left: -67px}.mentor-card{text-align: center;padding: 20px;background: #001141;border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);margin: 10px;width: 250px}.mentor-card img{width: 150px;height: 150px;object-fit: cover}.mentor-card h5{margin: 10px 0 5px;color: white}.mentor-card p{color: #3498db;margin: 0;font-size: 0.9em}.carousel-control-prev,.carousel-control-next{width: 5%}
