.bd-placeholder-img {

    font-size: 1.125rem;

    text-anchor: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    user-select: none;

}



@media (min-width: 768px) {

    .bd-placeholder-img-lg {

        font-size: 3.5rem;

    }

}



.flex-bg {

    background: #081542;

    color: #fff;

}



nav,

ul,

li>a {

    color: #fff !important;

    font-family: "proxima-nova", sans-serif;

    font-weight: 400;

    font-size: 18px;

}



button.navbar-toggler {

    background: #ff841d;

}



.logo {

    width: 80%;

}



.dropdown-menu a {

    text-decoration: none;

    color: #000000;

}



.dropdown-menu a .d-flex {

    transition: all 0.5s;

}





@media only screen and (min-width: 992px) {

    .dropdown-menu {

        width: 55vw;

    }



    .dropdown:hover .dropdown-menu {

        display: flex;

    }



    .dropdown-menu.show {

        display: flex;

    }

}



.container-fluid.flex-container {

    width: 95%;

}



a.nav-link {

    color: #000;

    line-height: normal;

    border: none;

    font-family: proxima-nova, sans-serif;

    font-weight: 600;

    font-size: 18px;

    padding: 10px 31px 10px 11px;

}



/* .card.flex-nav-prd-card.product:hover {

    background: #081542 !important;

    color: #fff;

} */



.product-item {

    border-radius: 10px;

    padding: 10px;

}



.product {

    background: #F3F5FF;

}



.product-spec {

    margin-bottom: 12px;

    border: 1px solid #E8EDFF;

    padding: 20px;

    border-radius: 7px;

    background: #E8EDFF;

}



.text .ps-3 h5 {

    color: #1b3049;

    font-size: 18px;

    line-height: 16px;

    font-family: proxima-nova, sans-serif;

    font-weight: 700;

    text-transform: capitalize;

    margin-bottom: 8px;

    position: relative;

    display: inline-block;

}

img.vplayed-product {

    width: 151px;

    height: 66px;

}

.flex-logo {

    width: 215px;

}

.fmr-15 {

    margin-right: 15% !important;

}

.fmt-15 {

    margin-top: 15% !important;

}

div#kidemy {

    background-color: #FCB010 !important;

    color: #081542 !important;

    font-size: 16px !important;

}

div#enrol {

    background-color: #081542 !important;

    color: #FFF9F9 !important;

    font-weight: bold;

}

.flex-prd {

    padding: 20px;

    position: relative;

    cursor: pointer;

    box-shadow: 1px 6px 10px #0000001A;

    margin-bottom: 10px;

    border-radius: 10px;

    background: #F3F5FF;

    color: #0A153C !important;

}

#menu1:before {

    left: 10%;

    bottom: 100%;

    content: "";

    border: 11px solid transparent;

    border-bottom-color: #fff;

    font-size: 0;

    line-height: 0;

    display: inline-block;

    position: absolute;

    background-color: transparent;

    z-index: 9999;

    right: 0;

    width: 0;

    height: 0;

}



#kidemyWrap:hover:after {

    left: 100%;

    top: 45%;

    transform: rotate(90deg);

    content: "";

    border: 12px solid transparent;

    border-bottom-color: #FCB010;

    font-size: 0;

    line-height: 0;

    display: inline-block;

    position: absolute;

    background-color: transparent;

    z-index: 999;

    right: 0;

    width: 0;

    height: 0;

}



#enrolWrap:hover::after {

    left: 100%;

    top: 45%;

    transform: rotate(90deg);

    content: "";

    border: 12px solid transparent;

    border-bottom-color: #081542;

    font-size: 0;

    line-height: 0;

    display: inline-block;

    position: absolute;

    background-color: transparent;

    z-index: 999;

    right: 0;

    width: 0;

    height: 0;

}

.material-symbols-outlined {

    font-size: 30px !important;

    font-weight: bold !important;

    color: #FF840A !important;

}

li.nav-item.dropdown:hover,
a.nav-link.dropdown-toggle:hover,
a.nav-link:hover {

    background: #ff840a;

    border-radius: 6px;

}

.navbar-stick:not(.navbar-dark) {

    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .06);

    background: #081542 !important;

}