@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Kaushan+Script&family=Merriweather:wght@300&family=Roboto+Slab:wght@300&family=Rubik:wght@300&family=Staatliches&display=swap');
* {
    margin: 0;
    padding: 0;
}


::selection {
    background-color: #e78181;
    color: #ffffff;
}

body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 10px;
}
body::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}



.topheader {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #076392;
    /* background: linear-gradient(to top, #17758a, #17758a); */
}
.sub-topheader {
    width: 100%;
    text-align: left;
}
.header-contact a {
    color: #ffffff;
    text-decoration: none;
    font-family: 'Abyssinica SIL', serif;
    transition: 0.5s;
}
.header-contact i {
    color: #ffffff;
}
.header-contact:hover a {
    color: #aeaeae;
}
#top-contact {
    display: flex;
    flex-wrap: wrap;
}
#top-contact .header-contact {
    margin-left: 20px;
}
.topheader-link {
    display: flex;
    justify-content: right;
    margin-right: 20px;
    font-family: 'Abyssinica SIL', serif;
}
.top-link a {
    text-decoration: none;
    margin-left: 20px;
}
.top-link a i {
    color: #e78181;
    background-color: #ffffff;
    font-weight: 400;
    padding: 5px 5px 5px 5px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    transition: 0.5s;
}
.top-link a i:hover {
    color: #ffffff;
    background-color: #e78181;
    border: 1px solid #e78181;
}
@media (max-width: 770px) {
    #top-contact {
        display: flex;
        justify-content: center;
    }
    .sub-topheader {
        text-align: center;
    }
    .header-contact {
        margin-bottom: 10px;
    }
    .topheader-link {
        display: flex;
        justify-content: space-around;
    }
}



.header-logo {
    background-color: #f2e9e9;
    padding: 5px 10px;
}
.header-logo-img1 {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 80px;
}
.header-logo-img2 {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    height: 80px;
}
@media (max-width: 770px) {
    .logo-text {
        margin-bottom: 20px;
    }
}
.login-btn {
    text-decoration: none;
    background-color: #076392;
    border: 1px solid #076392;
    font-size: 18px;
    padding: 10px 30px;
    color: #ffffff;
    border-radius: 5px;
    transition: 0.5s;
}
.login-btn:hover {
    background-color: #e78181;
    border: 1px solid #e78181;
    color: #ffffff;
}


/* Owl Navbar */
.owl-nav button span {
    color: #a50505;
    font-size: 60px !important;
    z-index: 1000;
    padding: 0 15px !important;
    padding-bottom: 10px !important;
    border-radius: 10px;
}
.owl-prev:hover {
    background-color: inherit !important;
}
.owl-next:hover {
    background-color: inherit !important;
}
.owl-nav button span:hover {
    background-color: #a50505 !important;
    color: #ffffff;
    transition: 0.5s;
}
/* Owl Navbar */


.navbar {
    background-color: #ffffff !important;
    border-bottom: 3px solid #076392;
}



/* Fixed Header */
.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.fixed .navbar{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    background-color: #e78181;
}
/* Fixed Header */





/* Mobile Header */
.navbar-toggler i {
    color: #e78181 !important;
}
.offcanvas {
    background-color: #ffffff;
    width: 50%;
}
@media (max-width: 552px) {
    .offcanvas {
        width: 80%;
    }
    .cstm-bts {
        display: inline-grid !important;
        width: 100%;
        
    }
}
.btn-close {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 25px;
    opacity: 1 !important;
}
@media (min-width: 992px) {
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
    }
}
.dropdown-menu .dropdown-item {
    color: #414141;
    background-color: #ffffff;
    border-left: 3px solid #e78181;
    margin-top: 5px;
    font-size: 15px;
    transition: 0.3s;
}
.cbtype .dropdown-item {
    border-left: #0084ff 3px solid;
}
.dropdown-menu .dropdown-item:hover {
    background-color: #e78181;
    border-left: 1px solid #e78181;
    margin-left: 8px;
    color: #ffffff;
}
.card {
    border: none;
}





/* Slider Section */
.carousel-item img {
    height: 650px;
}
.carousel-caption h2 {
    font-size: 45px;
    font-weight: bold;
    color: #e78181;
    text-shadow: 2px 2px 2px #000000;
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
}
.carousel-caption p {
    font-size: 28px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Courgette', cursive;
    text-shadow: 2px 2px 2px #000000;
}
.carousel-caption {
    position: absolute;
    /* background: linear-gradient(to left top, #00000074, #00000077); */
    background-color: #00000093;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    padding-top: 310px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    padding: 20px;
}
.carousel-caption .slider-btn {
    border: 1px solid #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #ffffff;
    transition: 0.5s;
}
.carousel-caption .slider-btn:hover {
    background-color: inherit;
    color: #ffffff;
    border: 1px solid #e78181;
    background-color: #e78181;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    padding: 20px;
    border-radius: 50%;
    border: 2px solid #ff4e4e;
    box-shadow: rgba(100, 100, 111, 0.8) 0px 7px 18px 0px;
}
@media (max-width: 1230px) {
    .carousel-caption h2 {
        font-size: 40px;
    }
    .carousel-caption p {
        font-size: 25px;
    }
    .carousel-caption {
        padding-top: 300px;
    }
}
@media (max-width: 1000px) {
    .carousel-caption h2 {
        font-size: 30px;
    }
    .carousel-caption p {
        font-size: 19px;
    }
    .carousel-caption {
        padding-top: 180px;
    }
    .carousel-item img {
        height: 400px;
    }
}
@media (max-width: 600px) {
    .carousel-item img {
        height: 250px;
    }
}






#popup {
    background-color: #000000c9;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
}
.popup-content {
    border-radius: 10px;
    border: 5px solid #055dff83;
    background-color: #ffffff;
    padding: 3px;
    position: absolute;
    top: 2vh;
    left: 0%;
    right: 20%;
}
.popup-content img {
    width: 100%;
    height: 90vh;
}
.popup-content:hover img {
    opacity: 0.8;
    transition: 0.4s;
}
.popup-subcontent #close {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: inherit;
    color: #ffffff;
    font-size: 50px;
    padding: 10px;
    background-color: #00000051;
}
.popup-subcontent #close:hover {
    color: #ed6b6b;
    transition: 0.5s;
}
@media(max-width: 770px) {
    .popup-content {
        top: 0vh;
        left: -2%;
        right: 2%;
    }
    .popup-content img {
        width: 100%;
        height: auto;
    }
}






.section-container {
    padding: 0px 50px;
}
/* Title Section */
.sub-head h4 {
    color: #043d5a;
    text-transform: uppercase;
    text-align: left;
}
.sub-head .line {
    background-color: #ed655c;
    width: 120px;
    height: 3px;
}
.row-head {
    text-align: center;
}
.row-head p {
    color: #ffffff;
    font-family: 'Abyssinica SIL', serif;
}
.row-head .title-section {
    margin: 10px;
}
.row-head .title-flex {
    display: flex;
    justify-content: center;
}
.title-section .title-before {
    background-color: #e78181;
    margin-top: 12px;
    width: 10%;
    height: 4px;
    margin: 10px;
}
.row-head h4 {
    font-weight: 500;
    color: #076392;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 500;
    font-family: 'Abyssinica SIL', serif;
}
@media (max-width: 550px) {
    .row-head h4 {
        font-size: 30px;
    }
}





/* Scroll Top */
.scroll-top {
    background-color: #e78181;
    padding: 15px;
    position: fixed;
    bottom: 20px;
    left: 25px;
    z-index: 1000;
    border: 1px solid #e78181;
    border-radius: 10px;
    box-shadow: 0 1px 3px #000000;
}
.scroll-top:hover {
    background-color: #076392;
    border: 1px solid #076392;
    transition: 0.4s;
}
.scroll-top i{
   color: #ffffff;
   font-size: 25px;
}
@media (max-width: 700px) {
    .scroll-top {
        display: none;
    }
}




.ls-features {
    background-color: #ffffff;
    padding: 10px;
    border: 2px solid #aa0303;
    border-radius: 5px;
    transition: 0.5s;
    margin-bottom: 20px;
}
a {
    text-decoration: none;
}
.ls-features i {
    color: #aa0303;
    font-size: 40px;
    margin-bottom: 15px;
    transition: 0.5s;
}
.ls-features h3 {    
    color: #aa0303;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    transition: 0.5s;
    text-decoration: none;
}
.ls-features:hover {
    background-color: #076392;
    border: 2px solid #076392;
}
.ls-features:hover i {
    color: #ffffff;
}
.ls-features:hover h3 {
    color: #ffffff;
}




.notice-container {
    background-color: #1c80cccc;
    padding: 20px 0px 10px 0px;
}
.notice-container .notice a {
    text-decoration: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}
.notice-container .notice a span i {
    color: #e78181;
}





.updates {
    margin-bottom: 20px;
    background-color: #076392;
    padding: 24px 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.updates hr {
    color: #ffffff;
}
.updates h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}
.updates a {
    text-decoration: none;
}
.updates .slide-update {
    border-radius: 5px;
    padding: 10px 20px;
    text-align: justify;
    font-weight: 500;
    font-size: 14px;
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: inherit;
    transition: 0.5s;
    margin-bottom: 15px;
}
.updates .slide-update:hover {
    background-color: #ffffff;
    border: 3px solid #ffffff;
    color: #076392;
}
.updates .principal img {
    width: 200px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}
.updates .principal h5 {
    color: #ffffff;
    margin: 20px 5px;
}
.updates .principal p i {
    color: #e78181;
    font-size: 23px;
}
.updates .principal .text {
    color: #ffffffaf;
}
.updates .principal p span {
    font-size: 20px;
    font-weight: 500;
}
.updates .read-more-btn {
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 20px;
    background-color: inherit;
    border: 2px solid #ffffff;
    color: #ffffff;
    transition: 0.5s;
}
.updates .read-more-btn:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #076392;
}





.whychoose {
    padding: 20px;
}
.whychoose .sub-whychoose {
    display: flex;
    justify-content: center;
}
.whychoose .sub-whychoose i {
    color: #076392;
    font-size: 42px;
    margin-top: 40px;
}
.whychoose .sub-whychoose .number {
    color: #076392;
    font-size: 70px;
    margin-left: 15px;
    font-weight: bold;
}
.whychoose .title {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
}
.whychoose .text {
    margin-top: 10px;
    color: #5c5c5c;
    font-size: 16px;
}



.bg-blue {
    background-color: #2c2c2c;
    padding: 20px 10px 10px 10px;
}
.oth-inf a {
    text-decoration: none;
    text-align: center;
}
.oth-inf {
    margin-bottom: 30px;
}
.oth-inf a i {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 40px;
}
.oth-inf a h3 {
    font-size: 18px;
    color: #ffffffb3;
}






.bg-pink {
    background-color: #e7818154;
}
.hd-cont {
    position: relative;
    border: 1px solid #07649287;
    background-color: #f5f6f7;
    width: 100%;
    height: 200px;
    margin-top: 50px;
}
.hd-cont a {
    text-decoration: none;
    text-align: center;
}
.hd-cont a i {
    position: absolute;
    top: -20%;
    left: 40%;
    border-radius: 50%;
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #e78181;
    border: 2px solid #e78181;
    font-size: 30px;
    transition: 0.3s;
}
.hd-cont a h3 {
    margin-top: 50px;
    font-size: 18px;
    color: #4f4f4f;
    margin-bottom: 20px;
    transition: 0.3s;
}
.hd-cont:hover i {
    color: #e78181;
    background-color: #ffffff;
    border: 2px solid #e78181;
}
.hd-cont:hover h3 {
    color: #e78181;
}




.wedo {
    padding: 15px 0px;
    border-top: 5px solid #076392;
    border-bottom: 5px solid #076392;
    background-color: #0b6289;
}
.wedo-cont {
    margin-bottom: 20px;
}
.wedo-cont a {
    text-decoration: none;
}
.wedo-cont a i {
    color: #ffffff;
    font-size: 35px;
    margin-bottom: 10px;
}
.wedo-cont a h3 {
    color: #ffffff;
    font-size: 18px;
}
.wedo-cont a:hover h3 {
    color: #b3b3b3;
    transition: 0.3s;
}





.bg-feature {
    background-color: #f8f9fa;
}
.flip a {
    cursor: pointer;
    position: relative;
}
.flip a {
    text-decoration: none;
}
.flip a .front img {
    width: 100%;
    height: 190px;
}
.flip a .back {
    text-align: center;
    position: absolute;
    top: 0;
    background-color: #e78181;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    transform: perspective(600px) rotateY(0deg);
}
.flip a .back i {
    color: #ffffff;
    font-size: 40px;
    margin-bottom: 15px;
}
.flip a .back h2 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.flip a .back p {
    color: #ffffffa3;
}
.front, .back {
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    transition: transform .6s linear;
    border-radius: 20px;
}
.flip a .front {
    transform: perspective(600px) rotateY(180deg);
}
.flip a:hover > .front {
    transform: perspective(600px) rotateY(0deg);
}
.flip a:hover > .back {
    transform: perspective(600px) rotateY(-180deg);
}






.bg-grey {
    background-color: #007bff3d;
}
.ntce-evnt {
    background-color: #ffffff;
    padding: 24px 15px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    margin-bottom: 20px;
}
.ntce-evnt hr {
    color: #e78181;
}
.ntce-evnt h4 {
    color: #e78181;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 15px;
}
.ntce-evnt ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #3d3d3d;
}
.ntce-evnt ul li {
    margin-bottom: 15px;
}
.ntce-evnt .nc {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.ntce-evnt .nc .sub-nc {
    margin-left: 15px;
}
.ntce-evnt .nc .sub-nc i {
    color: #595959;
    margin-left: 5px;
}
.ntce-evnt-mar {
    height: 400px;
}
.ntce-evnt-mar ul li a:hover{
    color: #0598e1;
}
.ntce-evnt .read-more-btn {
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 20px;
    background-color: #076392;
    border: 1px solid #076392;
    color: #ffffff;
    transition: 0.5s;
}
.ntce-evnt .read-more-btn:hover {
    background-color: #ffffff;
    border: 1px solid #076392;
    color: #076392;
}






.events {
    text-decoration: none;
    text-align: justify;
}
.events .row {
    margin-bottom: 20px;
}
.events img {
    height: 100px;
}
.events .title {
    color: #111111;
    font-weight: 500;
    margin-bottom: 10px;
    transition: 0.4s;
}
.events .date {
    color: #7c7c7c;
}
.events:hover .title {
    color: #e78181;
}
.event-text {
    height: 50px;
    overflow: hidden;
}
.read-more-btn {
    text-decoration: none;
    border-radius: 5px;
    padding: 8px 20px;
    background-color: #076392;
    border: 1px solid #076392;
    color: #ffffff;
    transition: 0.5s;
}
.read-more-btn:hover {
    background-color: #ffffff;
    border: 1px solid #076392;
    color: #076392;
}






.lecturer {
    cursor: pointer;
    position: relative;
}
.lecturer .front img {
    width: 100%;
    height: 190px;
}
.lecturer .back {
    text-align: center;
    position: absolute;
    top: 0;
    background-color: #0084ff;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    transform: perspective(600px) rotateY(180deg);
}
.lecturer .back h2 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
}
.lecturer .back p {
    color: #ffffffa3;
}
.lecturer .front, .back {
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    transition: transform .6s linear;
    border-radius: 20px;
}
.lecturer .front {
    transform: perspective(600px) rotateY(0deg);
}
.lecturer:hover > .front {
    transform: perspective(600px) rotateY(-180deg);
}
.lecturer:hover > .back {
    transform: perspective(600px) rotateY(0deg);
}
.lecturer-content .name {
    text-align: center;
    margin-top: 15px;
    font-size: 19px;
    font-weight: 500;
    color: #4d4d4d;
}





.partner a {
    text-decoration: none;
}
.partner {
    padding: 10px;
    background-color: #ffffff;
    border: 2px solid #0084ff;
}
.partner img {
    width: 100%;
    height: 150px;
}
.partner .p-title {
    padding: 5px;
    margin-top: 15px;
    background-color: #0084ff;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 17px;
    transition: 0.4s;
}
.partner:hover .p-title {
    background-color: #ffffff;
    color: #0084ff;
}




/* Page Image */
.slider-img img {
    width: 100%;
    height: 230px;
}
.slider-img {
    position: relative;
}
.slider-img .top-content {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000048;
    bottom: 0;
    left: 0;
    padding-top: 85px;
    padding-left: 40px;
}
.slider-img .top-content h2 {
    color: #ffffff;
    font-size: 45px;
    text-transform: uppercase;
    font-family: 'Abyssinica SIL', serif;
}
.slider-img .top-content .top-page-link {
    color: #ed655c;
    margin-bottom: 20px;
}
.slider-img .top-content .top-page-link a {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
    font-family: 'Abyssinica SIL', serif;
}
.slider-img .top-content .top-page-link a:hover {
    color: #ed655c;
}
@media(max-width:770px){
    .slider-img img {
        width: 100%;
        height: 200px;
    }
    .slider-img .top-content {
        padding-top: 50px;
        padding-left: 20px;
    }
}
/* Page Image */







.about-nav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    height: 100vh;
    top: 100px;
    bottom: auto;
}
.about-nav-bg {
    background-color: #e9e9e9;
    padding: 50px 20px;
}
.about-nav p a {
    text-decoration: none;
    color: #434343;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}
.about-nav p a:hover {
    color: #af0000;
    text-decoration: underline;
}
.about-nav .about-links p a {
    text-decoration: none;
    color: #af0000;
}
.about-nav .about-links {
    margin-top: 50px
}
.about-nav .about-links p a:hover {
    text-decoration: none;
    color: #af0000b4;
}
.about {
    color: #313131;
    text-align: justify;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}
.about ul li {
    margin-top: 15px;
}
.about ul li:before {
    content: "\f0a4";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    width: 1.3em;
    color: #af0000;
}
.about-img-section .apply img {
    width: 100%;
    height: 500px;
}
.about-img-section .apply {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    width: 50%;
}
@media(max-width: 950px) {
    .about-img-section .apply {
        width: 60%;
    }
}
@media(max-width: 720px) {
    .about-img-section .apply {
        width: 100%;
    }
}
.about-img-section .apply .apply-text {
    position: absolute;
    padding: 20px;
    bottom: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffffef;
    transition: all 0.5s;
}
.about-img-section .apply .apply-text .text {
    color: #3a3a3a;
    margin-top: 30px;
    height: 400px;
    overflow: scroll;
    text-align: justify;
    font-size: 17px;
    font-family: 'Abyssinica SIL', serif;
}
.about-img-section .apply:hover .apply-text {
    bottom: 0%;
}
.about-img-section .apply .apply-text .text::-webkit-scrollbar {
    width: 8px;
}
.about-img-section .apply .apply-text .text::-webkit-scrollbar-track {
    background-color: inherit;
    border-radius: 10px;
}
.about-img-section .apply .apply-text .text::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}
.about .tab-content {
    margin-bottom: 30px;
    padding: 50px 20px;
    background-color: #e8e8e8;
}
.about .nav-pills .nav-item .nav-link {
    padding: 20px;
    border: 1px solid #dfdfdf;
    background-color: #dfdfdf !important;
    color: #3d3d3d !important;
    width: 100%;
}
.about .nav-pills .nav-item {
    margin-left: 10px;
}
.about .nav-pills .nav-item .nav-link:hover {
    border: 1px solid #910303;
    background-color: #910303 !important;
    color: #ffffff !important;
}
.about .nav-pills .nav-item .active {
    border: 1px solid #910303;
    background-color: #910303 !important;
    color: #ffffff !important;
}
.learn-btn {
    background-color: #910303;
    border: 1px solid #910303;
    padding: 10px;
    text-decoration: none;
    color: #ffffff;
    transition: 0.5s;
}
.learn-btn:hover {
    margin-left: 10px;
    color: #ffffff;
}
.achivement {
    padding: 20px;
}
.achivement .sub-achivement {
    display: flex;
    justify-content: center;
}
.achivement .sub-achivement i {
    color: #910303;
    font-size: 23px;
    margin-top: 22px;
}
.achivement .sub-achivement .number {
    color: #910303;
    font-size: 40px;
    margin-left: 15px;
    font-weight: bold;
}
.achivement .title {
    text-align: center;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}
@media(max-width: 575px) {
    .about-nav {
        display: none;
    }
    .flip a .back { 
        padding-top: 25px;   
    }
    .flip a .front img {
        height:125px;
    }
    .flip a .back i {
        font-size:33px;
    }
}
.journey img {
    width: 100%;
    height: 300px;
}
.grad-inf img {
    width: 80%;
    height: auto;
}
.council-pr img {
    width: 100%;
    height: 350px;
}
.council-pr h4 {
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
}
.award-body img {
    width: 100%;
    height: 280px;
}
.award-body h4 {
    padding-top: 15px;
}
.sc-disc {
    padding: 14px;
}
.sc-disc img {
    width: 100%;
    height: 280px;
}
.sc-disc .text {
    height: 200px;
    overflow: scroll;
}
.sc-disc .text::-webkit-scrollbar {
    width: 8px;
}
.sc-disc .text::-webkit-scrollbar-track {
    background-color: inherit;
    border-radius: 10px;
}
.sc-disc .text::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}
.centers .centers-content {
    display: flex;
    justify-content: space-around;
}
.centers .centers-content i {
    color: #9b0404;
    font-size: 60px;
    margin: 0px 20px;
}
.centers .centers-content .number {
    text-align: left;
    color: #3a3a3a;
    font-size: 20px;
    text-transform: uppercase;
}
.centers .text {
    height: 200px;
    overflow: scroll;
}
.centers .text::-webkit-scrollbar {
    width: 8px;
}
.centers .text::-webkit-scrollbar-track {
    background-color: inherit;
    border-radius: 10px;
}
.centers .text::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}
.partners img {
    padding: 10px;
    width: 100%;
    height: 100px;
}
.about-mis-vis .tab-pane {
    height: 300px;
    overflow: scroll;
}
.about-mis-vis .tab-pane::-webkit-scrollbar {
    width: 8px;
}
.about-mis-vis .tab-pane::-webkit-scrollbar-track {
    background-color: inherit;
    border-radius: 10px;
}
.about-mis-vis .tab-pane::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}








.cource-overview p {
    font-size: 20px;
    color: #545454;
    font-family: 'Abyssinica SIL', serif;
}
.cource-overview img {
    width: 100%;
    height: 400px;
}
.cource-overview {
    padding: 10px;
}
.cource-logo img {
    width: 100%;
    height: auto;
}
.cource-section .cource-head {
    background-color: #ffffff;
    margin-bottom: 30px;
    padding: 10px;
    padding-left: 40px;
}
.cource-section .cource-head h4 {
    color: #292929;
    text-transform: uppercase;
    font-size: 18px;
}
.cource-section .cource-head .period {
    color: #686868;
}
.cource-section .cource img {
    width: 100%;
    height: 400px;
}
.cource-section .cource {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.cource-section .cource .cource-text {
    position: absolute;
    padding: 20px;
    bottom: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background-color: #ffffffb9;
    transition: all 0.5s;
}
.cource-section .cource .cource-text .text {
    color: #313131;
    margin-top: 40px;
    text-align: justify;
    font-size: 17px;
    font-family: 'Abyssinica SIL', serif;
}
.cource-section .cource .cource-text .learn-btn {
    background-color: #910303;
    border: 1px solid #910303;
    padding: 10px;
    text-decoration: none;
    color: #ffffff;
    transition: 0.5s;
}
.cource-section .cource .cource-text .learn-btn:hover {
    margin-left: 10px;
}
.cource-section:hover {
    cursor: pointer;
}
.cource-section:hover .cource-head {
    background-color: #910303;
    margin-bottom: 30px;
    padding: 10px;
    padding-left: 40px;
    transition: 0.5s;
}
.cource-section:hover .cource-head h4 {
    color: #ffffff;
    transition: 0.5s;
}
.cource-section:hover .cource-head .period {
    color: #ffffffaf;
    transition: 0.5s;
}
.cource-section:hover .cource .cource-text {
    left: 0%;
}
.cource-overview .accordion .collapse {
    padding: 14px !important;
}
.cource-overview .accordion .card-header {
    background-color: #910303;
    margin-bottom: 2px;
}
.cource-overview .accordion .btn-link {
    text-decoration: none;
    text-align: left;
    font-size: 18px;
    width: 100%;
    color: #ffffff;
    background-color: inherit;
}
.cource-overview .accordion .btn-link:focus {
    box-shadow: none !important;
}
.cource-overview .accordion .collapse {
    color: #313131;
    text-align: justify;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}






.admission-nav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    height: 100vh;
    top: 100px;
    bottom: auto;
}
.admission-nav-bg {
    background-color: #e9e9e9;
    padding: 50px 20px;
}
.admission-nav p a {
    text-decoration: none;
    color: #434343;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
}
.admission-nav p a:hover {
    color: #af0000;
    text-decoration: underline;
}
.admission-nav .admission-links p a {
    text-decoration: none;
    color: #af0000;
}
.admission-nav .admission-links {
    margin-top: 50px
}
.admission {
    color: #313131;
    text-align: justify;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}
.admission ul li {
    margin-top: 15px;
}
.admission ul li:before {
    content: "\f0a4";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    width: 1.3em;
    color: #af0000;
}
.admission .admission-btn {
    background-color: #910303;
    border: 1px solid #910303;
    padding: 10px 30px;
    text-decoration: none;
    color: #ffffff;
    transition: 0.5s;
}
.admission .admission-btn:hover {
    margin-left: 10px;
}
.nav-pills li:before {
    content: none !important;
}
.admission .tab-content {
    margin-bottom: 30px;
    padding: 50px 20px;
    background-color: #e8e8e8;
}
.admission .nav-pills .nav-item .nav-link {
    padding: 20px;
    border: 1px solid #dfdfdf;
    background-color: #dfdfdf !important;
    color: #3d3d3d !important;
    width: 100%;
}
.admission .nav-pills .nav-item {
    margin-left: 10px;
}
.admission .nav-pills .nav-item .nav-link:hover {
    border: 1px solid #910303;
    background-color: #910303 !important;
    color: #ffffff !important;
}
.admission .nav-pills .nav-item .active {
    border: 1px solid #910303;
    background-color: #910303 !important;
    color: #ffffff !important;
}

.apply-section .apply-head {
    background-color: #2c2c2c;
    padding: 10px;
    padding-top: 20px;
    text-align: center;
}
.apply-section .apply-head h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
}
.apply-section .apply img {
    width: 100%;
    height: 400px;
}
.apply-section .apply {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.apply-section .apply .apply-text {
    position: absolute;
    padding: 20px;
    bottom: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background-color: #8c0101d9;
    transition: all 0.5s;
}
.apply-section .apply .apply-text h4 {
    color: #ffffff;
    text-align: left;
    font-family: 'Abyssinica SIL', serif;
    margin-top: 40px;
}
.apply-section .apply .apply-text .text {
    color: #ffffff;
    margin-top: 20px;
    text-align: justify;
    font-size: 17px;
    font-family: 'Abyssinica SIL', serif;
}
.apply-section .apply .apply-text .learn-btn {
    border: 1px solid #ffffff;
    padding: 10px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    transition: 0.5s;
}
.apply-section .apply .apply-text .learn-btn:hover {
    margin-left: 10px;
}
.apply-section:hover .apply .apply-text {
    left: 0%;
}
.adm-adv {
    background-color: #910303;
}
.adm-adv ul li:before {
    content: "\f0a4";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    width: 1.3em;
    color: #ffffff;
}
.adm-adv ul {
    padding-top: 80px;
}
.adm-adv ul li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 20px;
}
.adm-adv img {
    width: 100%;
    height: 400px;
}
@media(max-width: 575px) {
    .admission-nav {
        display: none;
    }
}






/* Common Page */
.page-section .page img {
    width: 100%;
    height: 200px;
}
.page-section .page {
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.page-section .page .page-text {
    position: absolute;
    bottom: -100%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #040404d4;
    transition: all 0.3s;
}
.page-section .page .page-text .text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
}
.page-section .page .page-text .page-btn {
    position: absolute;
    bottom: 20px;
    right: 30px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    transition: 0.5s;
}
.page-section .page .page-text .page-btn:hover {
    right: 20px;
}
.page-section:hover {
    cursor: pointer;
}
.page-section:hover .page .page-text {
    bottom: 0%;
}




/* Table */
#document {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

#document td, #document th {
    border: 1px solid #ddd;
    padding: 8px;
}  
#document th {
    padding: 12px;
    text-align: center;
    background-color: #8d0000;
    color: white;
}




/* Blog or Event */
.blog a {
    text-decoration: none;
}
.blog {
    position: relative;
    margin-bottom: 10px;
}
.blog a .category {
    position: absolute;
    letter-spacing: 2px;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: #0000008e;
    color: #ffffff;
    font-family: 'Abyssinica SIL', serif;
}
.blog img {
    width: 100%;
    height: 270px;
}
.blog .date {
    color: #767676;
    font-size: 16px;
    margin: 10px 0px;
}
.blog h4 {
    color: #1c1c1c;
    font-size: 20px;
    font-family: 'Abyssinica SIL', serif;
    margin-bottom: 10px;
}
.blog .text {
    color: #484848;
    font-size: 16px;
    height: 50px;
    margin: 10px 0px;
}
.blog a:hover h4 {
    color: #940000;
    text-decoration: underline;
}




.blog-details h4 {
    color: #575757;
    font-size: 24px;
    font-family: 'Abyssinica SIL', serif;
    font-weight: 500;
}
.blog-details img {
    width: 100%;
    height: 450px;
}
.blog-details h3 {
    color: #1c1c1c;
    font-size: 40px;
    font-family: 'Abyssinica SIL', serif;
    font-weight: 400;
}
.blog-details .date i {
    color: #444444;
    font-size: 17px;
}
.blog-details .date {
    color: #767676;
    font-size: 16px;
    margin: 10px 0px;
}
.blog-details .text {
    text-align: justify;
    color: #4d4d4d;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}
.side-blogs {
    margin-bottom: 20px;
}
.event a {
    text-decoration: none;
}
.sub-side-blogs img {
    width: 100%;
    height: 100px;
}
.sub-side-blogs h3 {
    color: #313131;
    font-family: 'Abyssinica SIL', serif;
    font-size: 18px;
}
.sub-side-blogs p {
    color: #6b6b6b;
}
.side-blogs:hover h3 {
    color: #940000;
    text-decoration: underline;
}
.blog-category .nav-pills {
    display: flex;
    justify-content: right;
}
.blog-category .nav-pills .nav-item .nav-link {
    background-color: inherit !important;
    color: #373737 !important;
    width: 100%;
}
.blog-category .nav-pills .nav-item {
    margin-left: 10px;
}
.blog-category .nav-pills .nav-item .nav-link:hover {
    color: #940000 !important;
}
.blog-category .nav-pills .nav-item .active {
    letter-spacing: 2px;
    color: #940000 !important;
}



/* Contact Page */
.contact {
    border: 1px solid #790000;
    border-radius: 10px;
}
.contact-head {
    color: #ffffff;
    background-color: #790000;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    transition: 0.5s;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}
.contact-body {
    display: flex;
    flex-direction: row;
    height: 120px;
}
.contact-body .sub-contact i {
    color: #790000;
    font-size: 40px;
    border: 1px solid #790000;
    border-radius: 50%;
    padding: 10px;
    transition: 0.5s;
}
.contact-body .sub-contact a {
    color: #790000;
    text-decoration: none;
    font-weight: bold;
    transition: 0.5s;
}
.contact:hover {
    border: 1px solid #0059ff;
}
.contact:hover .contact-head{
    background-color: #0059ff;
}
.contact:hover .sub-contact a{
    color: #0059ff;
}
.contact:hover .sub-contact i{
    color: #0059ff;
    border: 1px solid #0059ff;
}
.contact-body .sub-contact {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}






.con-details {
    text-align: center;
    padding: 20px;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #cacaca;
    border-radius: 10px;
    background: linear-gradient(to top, #000000e0, #45bde9b2);
    transition: 0.5s;
}
.con-details i {
    color: #ffffff;
    font-size: 40px;
}
.con-details h3 {
    color: #ffffff;
    font-size: 25px;
    font-family: 'Abyssinica SIL', serif;
}
.con-details a {
    color: #e8e8e8;
    font-size: 15px;
    text-decoration: none;
}
.con-details:hover {
    background: linear-gradient(to top, #45bde9b2, #000000e0);
}
.form-label {
    color: #8d8d8d !important;
}
#form-contact:focus {
    border: 1px solid #45bde9b2 !important;
    box-shadow: none !important;
}
.con-text-success {
    color: #00d319;
}


.hostel-register-btn {
    position: fixed;
    top: 85%;
    left: 20px;
    z-index: 10000;
}
.hostel-register-btn a {
    text-decoration: none;
    padding: 10px 20px;
    border: 3px solid #940000;
    background-color: #08a2bd;
    color: #ffffff;
    border-radius: 10px;
    animation: bouncing 1s ease infinite alternate;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    position: relative;
}
@keyframes bouncing {
    0% {
        bottom: 0px;
    }
    100% {
        bottom: 40px;
    }
}






.news a {
    text-decoration: none;
}
.news {
    margin-bottom: 10px;
}
.news img {
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
}
.news .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.news .details .date i {
    color: #940000;
}
.news .details .date {
    color: #767676;
    font-size: 16px;
    margin: 5px;
}
.news h4 {
    color: #1c1c1c;
    font-size: 22px;
    font-family: 'Abyssinica SIL', serif;
    margin-bottom: 10px;
}
.news .text {
    color: #383838;
    font-size: 17px;
    margin: 10px 0px;
}
.news a:hover h4 {
    color: #940000;
    text-decoration: underline;
}
@media(max-width:550px) {
    .news img {
        height: 250px;
    }
}




/* Scholarship */
.abyssinica-font {
    color: #313131;
    text-align: justify;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}
.scholar-img {
    width: 100%;
    height: 380px;
}
.star {
    color: #940000;
}
.btn-website-color {
    background-color: #940000;
}
.img-div {
    position: relative;
}
.img-div-overlay {
    background-color: #272525;
    text-align: center;
    color: white;
    width: max-content;
    position: absolute;
    bottom: 17px;
    padding: 15px;
}
.scholar-img {
    display: block;
    width: 100%;
    height: auto;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    color: white;
    background-color: #940000;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.img-div:hover .overlay {
    opacity: 0.93;
}
.img-div:hover .img-div-overlay {
    display: none;
}
.btn-hover:hover{
    background-color:  #c20000;
}



.accordion .collapse {
    padding: 14px !important;
}
.accordion .accordion-header {
    background-color: #910303;
    margin-bottom: 2px;
}
.accordion .accordion-button {
    text-decoration: none;
    text-align: left;
    font-size: 18px;
    width: 100%;
    color: #ffffff;
    background-color: inherit;
}
.accordion .accordion-button:focus {
    box-shadow: none !important;
}
.accordion .collapse {
    color: #313131;
    text-align: justify;
    font-size: 18px;
    font-family: 'Abyssinica SIL', serif;
}
.accordion .accordion-header:hover {
    background-color: #ed655c;
}





/* Research */
.research-img img {
    height: 150px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.research-content {
    font-family: 'Abyssinica SIL', serif;    
}




/* Student Experience */
.career-img{
    width: 100%;
    height: 400px;
}
.red-color{
    color: rgb(237, 101, 92);
}
/* html,body{
    overflow-x: hidden;
} */





/* Learning */
.learning-img{
    width: -webkit-fill-available;
    height: 400px;
}

.red-color{
    color: rgb(237, 101, 92);
}


.learning-box{
    position: sticky;
    height: 200px;
    width: 200px;
    background-color: rgb(240, 240, 240);
}

.learning-box a{
    font-size: 0.9rem;
}

.meet-img{
    width: 100%;
    height: 280px;
}

@media (max-width:770px) {
    .learning-box{
        display: none;
    }
}





/* Activities */
.activities-img {
    width: 100%;
    height: 350px;
}
.student-activity {
    position: relative;
    overflow: hidden;
}
.student-activity .activities-overlay {
    background-color: #434343;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    position: absolute;
    bottom: 37px;
    padding: 10px;
    transition: all 0.3s;
}
.student-activity .btn-overlay {
    position: absolute;
    bottom: 22px;
    left: -100%;
    transition: all 0.3s;
}
.student-activity .activities-btn {
    background-color: #ed655c;
    color: #ffffff;
}
.student-activity .btn-overlay .btn-hover:hover {
    background-color: #910303;
}
.student-activity:hover .btn-overlay {
    left: 2%;
}
.student-activity:hover .activities-overlay {
    bottom: 59px;
}
@media (max-width: 740px) {
    .student-activity .activities-overlay {
        bottom: 50px;
    }
    .student-activity .btn-overlay {
        left: 2%;
        bottom: 16px;
        }
}
  




  /* Cultural */
.culture .cultural-img{
    width: 100%;
    height: 320px;
}
.culture .study-img{
    width: 100%;
    height: 230px;
}
.culture .alumni-img{
    width: 100%;
    height: 250px;
}
.culture .title {
    font-weight: 500;
    font-size: 24px;
    color: #3d3d3d;
    text-align: left;
    margin-bottom: 15px;
}
.culture .abyssinica-font {
    font-size: 19px;
}
@media (max-width:440px) {

    .responsive-heading{
        font-size: 1rem !important;
    }

    .responsive-p{
        font-size: 0.7rem !important;
    }
}




/* Wellbeing */
.wellbeing ul {
    list-style: none;
}
.wellbeing li::before {
    content: "•";
    color: #910303;
    display: inline-block;
    width: 1em;
    font-size: 25px;
    margin-left: -1em;
}





/* International */
.highlights-img{
    width: -webkit-fill-available;
    /* height: 300px; */
}
.preparing-img{
    width: -webkit-fill-available;
    height: 500px;
}
.red-color{
    color: #ed655c;
}
.international-arrival h5 {
    margin-top: 15px;
}
.global-img{
    width: -webkit-fill-available;
    /* height: 450px; */
}
.preparing ul {
    list-style: none;
}
.preparing li::before {
    content: "•";
    color: #910303;
    display: inline-block;
    width: 1em;
    font-size: 25px;
    margin-left: -1em;
}



/* Alumni */
.alumni ul li::before {
    content: "•";
    color: #910303;
    display: inline-block;
    width: 1em;
    font-size: 25px;
    margin-left: -1em;
}





/* Cource Foundation */
.foundation ul {
list-style: none;
}
.foundation li::before {
content: "•";
font-size: 23px;
color: #910303;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.table-th-bg {
    padding: 20px 10px;
    color: #ffffff;
    background-color: #910303;
}
.tution{
    overflow-x: auto;
    overflow-y: hidden;
}
.tution-table td{
    background-color: #f4f4f4ed;
}
@media (max-width:767px) {
    .left-box{
        display:none;
    }
}
@media (max-width:440px) {

    .responsive-heading{
        font-size: 1.7rem !important;
    }

    .responsive-p{
        font-size: 0.7rem !important;
    }
}





/* Professional */
.program-icon {
    font-size: 3rem !important;
}
.training ul {
    list-style: none;
}
.training li::before {
    content: "•";
    color: #910303;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.trainer-img{
  width: -webkit-fill-available;
  height: 300px;
}
.btn-hover:hover{
  background-color: #910303;
}
.myslider-img{
  height: 500px;
}





/* Office */
.program-icon {
    font-size: 3rem !important;
}
.training ul {
    list-style: none;
}
.training li::before {
    content: "•";
    color: #910303;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: white;
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 6px;
  transition: 0.3s;
}
.tab button:hover {
  background-color: rgb(236, 76, 65);
  color: white;
}
.tab button.active {
  background-color: rgb(236, 76, 65);
  color: white;
}
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}
.trainer-img{
  width: -webkit-fill-available;
  height: 300px;
}
.btn-hover:hover{
  background-color: rgb(195, 34, 22);
}
.myslider-img{
  height: 500px;
}





.ls-form-label {
    color: #313131;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
}
.ls-con-btn {
    background-color: #910303;
    border: 1px solid #910303;
    padding: 10px;
    text-transform: uppercase;
    color: #ffffff;
}
.ls-con-btn:hover {
    background-color: #ffffff;
    border: 1px solid #910303;
    color: #910303;
    transition: 0.5s;
}
#ls-form-container {
    border: 1px solid #aaaaaa;
    background-color: #bababa5d;
}
#ls-form-container:hover {
    border: 1px solid #910303;
}
#ls-form-container:focus {
    border: 1px solid #910303 !important;
    box-shadow: none !important;
}





/* Footer */
.ls-footer-bg {
    background-color: #2c2c2c;
}
.footer-logo {
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
}
.footer-text {
    text-align: justify;
    font-size: 14px;
    color: #ffffffc6;
}
.footer-read-more {
    text-decoration: none;
    color: #ed655c !important;
    font-weight: 500 !important;
    margin: 0 !important;
    font-size: 18px !important;
    margin-bottom: 20px !important;
    transition: 0.2s;
}
.footer-content hr {
    color: #ffffff;
}
.footer-read-more:hover {
    color: #ffffff !important;
}
.footer-content a {
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Abyssinica SIL', serif;
    transition: 0.5s;
}
.footer-content a:hover {
    text-decoration: none;
    margin-left: 3px;
    color: #ed655c;
}
.footer-content h3 {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 19px;
    font-family: 'Abyssinica SIL', serif;
}
.footer-content i {
    margin-right: 10px;
    color: #ed655c;
}
.footer-twitter {
    height: 300px;
    overflow: scroll;
}
.footer-twitter iframe{
      width: 288px;
      height: 385px;
    }
.footer-twitter::-webkit-scrollbar {
    width: 8px;
}
.footer-twitter::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 10px;
}
.footer-twitter::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}
.twitter {
    width: 100%;
    height: 600px;
    overflow: scroll;
}
.twitter::-webkit-scrollbar {
    width: 8px;
}
.twitter::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 10px;
}
.twitter::-webkit-scrollbar-thumb {
    background-color: #e78181;
    border-radius: 10px;
}
.footer-link {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}
.footer-link a i {
    font-size: 20px;
    color: #ffffff;
}
.footer-link a i:hover {
    color: #ed655c;
    transition: 0.3s;
}
.footer-contact {
    margin-bottom: 20px;
}
.footer-contact span {
    color: #ffffffab;
}
.footer-contact a {
    margin-top: 10px;
}
.footer-content {
    display: flex;
    flex-direction: column;
}
.footer-content ul li{
    margin-bottom: 13px;
}
.footer-content ul li:before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    font-size: 15px;
    width: 1.3em;
    color: #ed655c;
}
.visitors {
    display: flex;
}
.visitors .text {
    color: #ffffff95;
    font-size: 17px;
    padding: 5px;
}
.visitors .number {
    background-color: #ed655c;
    border-radius: 10px;
    padding: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}
.copyright-section {
    background-color: #043d5a;
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.copyright {
    margin-bottom: 20px;
    margin-left: 8px;
    color: #ffffff;
    font-family: 'Abyssinica SIL', serif;
}
.copyright a{
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    transition: 0.5s;
}
.copyright a:hover{
    text-decoration: none;
    color: #aaaaaa;
}
/* Footer */
/*  Larch Soft HTML Template */