/** // header start // **/
.sub-head-media ul li a, .footer-social ul li a {
    width: 30px;
    height: 30px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    color: var(--black-color);
    background-color: var(--white-color);
}
.logo {
    width: 277px;
    height: 90px;
}
.navigation .navigation-wrapper .navi-item a {
    padding: 5px 8px;
    margin: 0 4px;
}
.navigation .navigation-wrapper .navi-item a:hover {
    color: var(--first-color);
}
.online-box .online-btn li a {
    color: var(--white-color);
    background-color: var(--secound-color);
    border: 1px solid var(--secound-color);
}

/* <<< dropdown code >>> */
.menu-bar-icon, .menu-close-icon {
    display: none;
}
.navigation .navigation-wrapper .navi-item-drop {
    position: relative;
    cursor: pointer;
}
.dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    padding: 8px 0;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    color: var(--white-color);
    background-color: var(--forth-color);
}
.navigation .navigation-wrapper .navi-item-drop:hover .dropdown {
    visibility: visible;
    opacity: 1;
    top: 54px;
    left: 0px;
    z-index: 11;
    color: var(--white-color);
}
.dropdown .dropdown-item {
    border: 1px solid var(--first-color);
}
.dropdown .dropdown-item a {
    color: var(--white-color);
}
.dropdown .dropdown-item:hover {
    border: 1px solid var(--first-color);
    background-color: var(--white-color);
}
.dropdown .dropdown-item:hover a {
    color: var(--black-color);
}
.menu-drop-icon {
    font-size: 20px;
}
.active-page {
    color: var(--first-color);
    border-bottom: 1px solid var(--first-color);
}
/** // header end // **/

.footer-logo {
    width: auto;
    height: 42px;
}
.footer-links li a:hover {
    color: var(--first-color);
    padding-left: 2px;
}

/* // button hover Effects // */
.online-btn li a, .courses-btn a, .my-sub-btn, .login-btn, .signup-btn, .ban-form-btn, .sub-head-media ul li a, .dropdown,
.footer-social ul li a, .contact-us-btn, .facility-box, .diploma-btn a, .placement-our-image img, .placement-story-image img, 
.courses-box, .choose-box, .online-box .online-btn li a, .navigation .navigation-wrapper .navi-item-drop:hover .dropdown,
.dropdown .dropdown-item, .dropdown .dropdown-item a, .footer-links li a {
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
}
.online-box .online-btn li a:hover, .courses-btn a:hover, 
.my-sub-btn:hover, .contact-us-btn:hover {
    background-color: #0077bb;
    color: var(--white-color);
    border: 1px solid var(--first-color);
} 
.login-btn:hover, .signup-btn:hover, .ban-form-btn:hover {
    background-color: var(--secound-color);
    color: var(--white-color);
}
.sub-head-media ul li a:hover, .footer-social ul li a:hover, .diploma-btn a:hover {
    background-color: var(--first-color);
    color: var(--white-color);
}