body {
    direction: rtl;
    text-align: right;
}
.logo-container {
    display: flex;align-content: center;align-items: center;font-size:40px;
    height:40px;font-weight: bold;
}
.logo-container > img {
    height:100%;
}
.logo-container > * {
    margin-left:10px;
}
.logo-container > div > span:nth-child(2) {
    color: #2ccc2f;
}
.contact-nav {
    background: linear-gradient(to bottom, #000 0%,#333 50%,#333 51%,#000 100%);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,1);
    margin-bottom: 5px;
    padding: 0;
    text-align: center;
}
.main-nav {
    background-color: #fff !important;
    box-shadow: 0 5px 5px 0 #000;
    margin-bottom: 5px;
}
.bg-black {
    background-color: #000;
    background: linear-gradient(to bottom, #000 0%,#333 50%,#333 51%,#000 100%);
}
.bottom-shadow {
    box-shadow: 0 5px 5px 3px rgba(0,0,0,.75);
}
.bg-transparent-black {
    background-color: rgba(0,0,0,.3);
    box-shadow: 0 0 5px 3px rgba(51,204,51,.4);


}
.bg-transparent-green {
    background-color: rgba(51,204,51,.3);
    box-shadow: 0 0 5px 0 rgba(0,0,0,1);
}
.index-abt-content {
    display: block;
    background: rgb(0,0,0);
    background: linear-gradient(to bottom, #000 0%,#333 50%,#333 51%,#000 100%);
    /*linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(44,204,47,1) 100%);*/
    color: #fff;
    box-shadow: 0 0 5px 2px rgba(0,0,0,1);
}
.index-abt-content:hover {
    text-decoration: none;
    color:#fff;
}
.sides-shadow {
    box-shadow: 0 0 1px 1px rgba(100,100,100,0.3);
}
.about-courses .fas {
    color: #2ccc2f;
    font-size:3rem;
}
.about-courses h2 {
    margin-bottom: 2rem;
}
.dropdown-menu {
    text-align: right;
}
.des {
    color: #2da330;
    font-weight: bold;
}

.dark {
    filter: brightness(70%)
}