body {
    background-color: #F6FAFE;
    font-family: 'DroidKufi', "Manrope", sans-serif;;
}

.bg-primary-color {
    background-color: #0A426A;
}

.text-primary-color {
    color: #0F0A42;
}

.f-s-14 {
    font-size: 14px;
}

.f-s-16 {
    font-size: 16px;
}

.f-s-18 {
    font-size: 18px;
}

.f-s-54 {
    font-size: 54px;
}

.f-w-300 {
    font-weight: 300;
}

.f-w-400 {
    font-weight: 400;
}

.f-w-500 {
    font-weight: 500;
}

.f-w-600 {
    font-weight: 600;
}

.nav-container {
    height: 80px;
    padding: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-items {
    display: flex;
    align-items: center;
}

.nav-item {
    margin-right: 12px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-link {
    color: #545454;
    font-weight: 300;
    font-size: 12px;
}

.btn-primary {
    background-color: #0A426A;
    border-radius: 100px;
    padding: 16px 32px 16px 32px;
    width: 175px;
}

.btn-primary:hover {
    background-color: #F6FAFE;
    border: 1px solid #0A426A;
    color: #0A426A;
}

.active {
    /*font-weight: 700 !important;*/
}

.footer {
    height: 482px;
}

.star1 {
    right: 7.2%;
    top: 16%;
}

.star2 {
    bottom: 27%;
    left: 2%;
}

.footer-paddings {
    padding-left: 57px;
    padding-right: 207px;
    padding-top: 100px;
    justify-content: space-evenly;
}

.nav-footer {
    color: #FFFFFF !important;
    opacity: 75%;
    font-size: 14px;
    font-weight: 400;
}

.footer-ul {
    gap: 15px;
}

.label {
    font-size: 16px;
    font-weight: 400;
}

.footer-contact {
    padding: 16px 32px 16px 32px;
    border-radius: 4px;
    border: 1px solid white;
    font-size: 16px;
    font-weight: 500;
    transition: 200ms;
    width: 225px;
}

.footer-enroll {
    padding: 16px 32px 16px 32px;
    border-radius: 4px;
    background-color: #64AED3;
    border: 1px solid transparent;
    font-size: 16px;
    font-weight: 500;
    width: 225px;
    transition: 200ms;
}

.full-w {
    width: 100%;
}

.info {
    gap: 45px;
}

.bottom {
    height: 60px;
    margin-top: 30px;
    padding: 0 5%;
}

.section {
    margin: 50px 0;
}

.video-container {
    background-color: black;
    height: 644px;
    width: 90%;
    margin: 50px 0;
    border-radius: 24px;
}

.play-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #64AED3;
    height: 94px;
    width: 94px;
    justify-content: center;
    align-items: center;
    display: flex;
    transition: all .3s ease-in-out;

}

.play-btn:hover {
    background-color: #0A426A;
    height: 104px;
    width: 104px;
    transition: all .3s ease-in-out;
}