/* In the name of Allah */
#main-search {
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%230d966d' fill-opacity='0.15'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z'/%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230e986f' fill-opacity='0.24'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-color: var(--main-color);
    /*background-position: center; background-size: cover;*/
    border-bottom-left-radius: var(--section-br);
    border-bottom-right-radius: var(--section-br);
}
#main-search .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*min-height: calc(100vh - 85px);*/
    padding-top: 1rem;
    padding-bottom: 5rem;
}
#main-search .scroll-down {
    position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
    /*bottom: 20px;*/
    bottom: 10px;
    font-size: 2rem; color: white; cursor: pointer;
}
#main-search .search-title {
    color: white; font-weight: 900; text-align: center; font-size: 2.5rem;
    margin-bottom: 1.5rem;
    /*margin-bottom: 4rem;*/
    line-height: 1.3;
    /*text-shadow: 0px 4px 7px #0b7a59;*/
    /*text-shadow: 0px 3px 0px black;*/


    /*background: linear-gradient(to right, #FFF 20%, #FF0 40%, #FF0 60%, #FFF 80%);*/
    background: linear-gradient(to right, #FFF 20%, #fffa79 40%, #fffa79 60%, #FFF 80%);
    background-size: 200% auto;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: shine 2s linear infinite;
    animation: shine 2s linear infinite;
}
@-webkit-keyframes shine {
    to {
        background-position: 200% center;
    }
}
@keyframes shine {
    to {
        background-position: 200% center;
    }
}
#main-search .search {
    background-color: var(--body-bgc); max-width: 1200px; width: 100%;
    padding: 15px; border-radius: var(--border-radius); margin: 0 auto;
    box-shadow: inset 0 4px 10px #9d9d9d;
}
#main-search .search .main-btn {
    padding-top: calc(0.7rem + 2px); width: 100%;
    padding-bottom: calc(0.7rem + 2px); font-size: 0.8rem;
}
@media (min-width: 768px) {
    #main-search .container-fluid {
        padding-top: 2rem;
    }
}
@media (min-width:992px) {
    #main-search .container-fluid {
        padding-top: 3rem;
        padding-bottom: 6rem;
        /*min-height: calc(100vh - 129px);*/
    }
    #main-search .search-title {
        font-size: 3rem; margin-bottom: 3rem;
    }
    #main-search .search {
        padding: 20px;
    }
    #main-search .search .form-control::-webkit-input-placeholder {
        font-size: initial;
    }
    #main-search .search .form-control::-moz-placeholder {
        font-size: initial;
    }
    #main-search .search .form-control:-ms-input-placeholder {
        font-size: initial;
    }
    #main-search .search .form-control::-ms-input-placeholder {
        font-size: initial;
    }
    #main-search .search .form-control::placeholder, #main-search .search .form-select {
        font-size: initial;
    }
    #main-search .search .main-btn, #main-search .search input {
        font-size: initial;
        height: 100%;
    }
}
/* -------------------------------------------------- */
/* .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; margin-bottom: .7rem;
}
.section-title h1 {
    font-weight: 900; -ms-flex-negative: 0; flex-shrink: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    color: var(--text-dark); margin: 0 15px; font-size: 2rem;
}
.section-title span {
    background-color: var(--main-color); width: 40px;
    border-radius: var(--border-radius); height: 7px;
}
@media (min-width:992px) {
    .section-title {
        margin-bottom: 1.5rem;
    }
    .section-title h1 {
        font-size: 2.5rem;
    }
    .section-title span {
        width: 50px; height: 10px;
    }
} */
/* -------------------------------------------------- */
#banner {
    position: relative;
}
#banner img {
    cursor:pointer; border-radius: 1rem; width: 100%;
}
#banner .click-banner {
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translate(-50%, 0);
    color: black;
    background-color: #35f7d4;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 7px 10px 13px 10px;
    z-index: -1;
    font-size: 11px;
    width: max-content;
}
/* -------------------------------------------------- */
#cats .card {
    border: 0; text-align: center;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    transition-duration: var(--tr-du);
}
#cats .card:hover {
    box-shadow: var(--box-shadow-hover);
}
#cats .card .card-body {
    padding: 1.5rem 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}
#cats .card .card-body .img-hover {
    border-radius: 100px;
    background: linear-gradient(131deg, rgba(182,233,218,0) 0%, rgba(182,233,218,1) 100%);
    width: 70px;
    height: 70px;
    margin: 0 auto;
    padding: 15px;
    position: relative;
    display: block;
}
/*#cats .card .card-body .img-hover {*/
/*    border-radius: 100px; background-color: var(--main2-color);*/
/*    width: 70px; height: 70px;*/
/*    !*width: 100px; height: 100px;*!*/
/*    margin: 0 auto; padding: 10px;*/
/*    position: relative; display: block; border: 5px solid var(--main2-color);*/
/*}*/
#cats .card .card-body .img-hover::before {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    background-color: var(--main-color); border-radius: 100px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
    -webkit-transition-duration: var(--tr-du);
    -o-transition-duration: var(--tr-du);
    transition-duration: var(--tr-du);
}
#cats .card .card-body img {
    width: 100%; z-index: 1; -webkit-transition-duration: var(--tr-du); -o-transition-duration: var(--tr-du); transition-duration: var(--tr-du);
}
#cats .card:hover .card-body .img-hover::before {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
#cats .card:hover .card-body img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
#cats .card .card-body .cat-title {
    color: var(--text-dark); margin: 17px 0;
    margin-bottom: auto;
    font-size: 1rem;
}
#cats .card .card-body .cat-title a {
    color: var(--text-dark);
    -webkit-transition-duration: var(--tr-du);
    -o-transition-duration: var(--tr-du);
    transition-duration: var(--tr-du);
}
#cats .card .card-body .cat-title a:hover {
    color: var(--main-color);
}
#cats .card .card-body .btn {
    font-size: .7rem;
}
#cats .card .card-body .badge {
    margin: .7rem 0;
}
#cats .more, #cats .less {
    margin-top: 30px; font-size: 1.2rem; padding: 0.375rem 1.75rem;
}
@media (min-width:768px) {
    #cats .container-fluid {
        padding-left: 2.5rem; padding-right: 2.5rem;
    }
}
@media (min-width:992px) {
    #cats .card .card-body .img-hover {
        width: 100px;
        height: 100px;
    }
    #cats .card .card-body {
        padding: 2rem 0;
    }
    #cats .card .card-body .cat-title {
        font-size: 1.2rem;
    }
    #cats .card .card-body .btn {
        font-size: .85rem;
    }
    #cats .card .card-body .badge {
        margin-top: 1rem;
    }
}
@media (min-width:1200px) {
    #cats .container-fluid, .ad .container-fluid, #user-comments .container-fluid, #counters .container-fluid, #footer .container-fluid {
        padding-left: 3.5rem; padding-right: 3.5rem;
    }
}
/* -------------------------------------------------- */
#counters {
    background-color: #4d4d4d;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23393939' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b3b3b' fill-opacity='0.4'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    position: relative; z-index: 2;
}
#counters .counter {
    text-align: center; color: white; padding: 1.5rem 0;
}
#counters .counter i {
    color: white; font-size: 3rem;
}
#counters .counter .number {
    text-shadow: 0 3px 3px black;
    font-size: 2rem; font-weight: 900;
    margin: 20px 0 10px 0; line-height: 1;
}
#counters .counter .title {
    font-size: 1.2rem;
    font-weight: bold;
}
#counters .row .col:nth-child(1){
    border-bottom: 1px solid white;
    border-left: 1px solid white;
}
#counters .row .col:nth-child(2){
    border-bottom: 1px solid white;
}
#counters .row .col:nth-child(3){
    border-left: 1px solid white;
}
@media (min-width:768px) {
    #counters .row .col:nth-child(1){
        border-left: 1px solid white; border-bottom: 0;
    }
    #counters .row .col:nth-child(2){
        border-left: 1px solid white; border-bottom: 0;
    }
    #counters .counter .number {
        font-size: 2.5rem;
    }
}
/* -------------------------------------------------- */
.ad img {
    width: 100%; border-radius: var(--border-radius);
}
.ad .register-academy {
    padding: 3rem 1rem;
}
/* -------------------------------------------------- */
#in-person-courses .nav::-webkit-scrollbar, #academies .nav::-webkit-scrollbar {
    width: 0; height: 0;
}
#in-person-courses .nav {
    justify-content: flex-start;
}
#academies .nav-tabs {
    border: 0; margin-bottom: 2rem;
    flex-wrap: nowrap; overflow: auto;
}
#in-person-courses .nav-tabs {
    border: 0;
    /*margin-bottom: 12px;*/
    flex-wrap: nowrap; overflow: auto;
}
#in-person-courses .nav-tabs .nav-item, #academies .nav-tabs .nav-item {
    flex-shrink: 0;
}
#in-person-courses .owl-height, #academies .owl-height {
    transition: none;
}
#in-person-courses .tab-content {
    min-height: 353px;
    position: relative;
}
#academies .tab-content {
    min-height: 452px;
    position: relative;
}
.tab-content-overlay {
    position: absolute;
    inset: 0;
    background-color: var(--body-bgc);
    border-radius: var(--border-radius);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: var(--main-color);
}
@media (min-width:768px) {
    #in-person-courses .tab-content {
        min-height: 451px;
    }
    #in-person-courses .nav-tabs, #academies .nav-tabs {
        justify-content: center;
        flex-wrap: initial; overflow: initial;
    }
}
@media (min-width: 992px) {
    #in-person-courses .tab-content {
        min-height: 520px;
    }
    #academies .tab-content {
        min-height: 495px;
    }
}
@media (min-width: 1200px) {
    #academies .tab-content {
        min-height: 555px;
    }
    #in-person-courses .tab-content {
        min-height: 579px;
    }
    #academies .owl-carousel .academy {
        margin-bottom: 0.7rem;
    }
    #academies .owl-carousel .academy:hover {
        box-shadow: var(--box-shadow-hover);
    }
}
#academies .nav .nav-item:not(:last-child), #in-person-courses .nav .nav-item:not(:last-child) {
    margin-left: 10px;
}
#academies .nav .light-btn.active, #in-person-courses .nav .light-btn.active {
    background-color: var(--main-color); color: white;
}
#academies .academy {
    display: -webkit-box;
    display: -ms-flexbox; transition-duration: var(--tr-du);
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff;
    padding: 8px; border-radius: var(--border-radius);
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow); position: relative;
}
#academies .owl-carousel .owl-nav {
    display: none;
}
#academies .owl-carousel .see-more {
    padding: 16.8px;
}
#academies .owl-carousel .academy {
    margin-bottom: 1rem;
}
#academies .slider .owl-carousel .owl-stage-outer {
    padding: 0;
}
#academies .academy .medal {
    position: absolute; top: 0; left: 10px; width: 40px;
    -webkit-transition-duration: var(--tr-du);
    -o-transition-duration: var(--tr-du);
    transition-duration: var(--tr-du);
}
#academies .academy .logo {
    display: block;
    /*width: 130px; height: 90px;*/
    width: 110px; height: 110px;
    -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden;
    border-radius: var(--border-radius); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
    /*margin-left: 14px;*/
    margin-left: 8px;
    cursor: pointer;
}
#academies .academy .logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
#academies .academy .info .atitle {
    color: var(--text-dark); font-size: 1.2rem;
    font-weight: bold; -webkit-transition-duration: var(--tr-du); -o-transition-duration: var(--tr-du); transition-duration: var(--tr-du);
}
#academies .academy .info .atitle:hover {
    color: var(--main-color);
}
#academies .academy .info .cats {
    padding: 0; margin: 0 0 4px 0; list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;
}
#academies .academy .info .cats a {
    font-size: 0.7rem; padding: 0.1rem 0.3rem 0 0.3rem;
    border-radius: calc(var(--border-radius) - 3px);
}
#academies .academy .info .cats li:not(:last-child) {
    margin-left: 3px;
}
#academies .academy .info .students {
    margin-left: 15px;
}
#academies .academy .info .students, #academies .academy .info .courses {
    font-size: 0.8rem;
}
#academies .academy .info .students i, #academies .academy .info .courses i {
    color: var(--main-color); vertical-align: middle; margin-left: 3px;
}
#academies .academy .info .students span, #academies .academy .info .courses span {
    font-weight: bold;
}
#academies .academy .info .rate {
    margin-top: 4px;
}
#academies .academy .info .rate i {
    font-size: 0.8rem;
}
#academies .academy .info .rate small {
    color: var(--text-dark); margin-right: 5px;
}
#academies .academy:hover .medal {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); top: 4px;
}
#academies .academy.see-more:hover {
    background-color: var(--main-color);
}
#academies .academy.see-more:hover div {
    color: white;
}
#academies .academy.see-more:hover i {
    color: white;
}
@media (min-width:1200px) {
    #academies .container-fluid {
        padding-left: 3.5rem; padding-right: 3.5rem;
    }
    #academies .academy {
        padding: 15px;
    }
    #academies .academy .logo {
        width: 125px; height: 125px; margin-left: 15px;
    }
    #academies .academy .info .cats {
        margin: 0 0 6px 0;
    }
    #academies .academy .info .cats a {
        font-size: 0.8rem;
    }
    #academies .academy .info .students, #academies .academy .info .courses {
        font-size: 0.9rem;
    }
    #academies .academy .info .rate {
        margin-top: 6px;
    }
}
/* -------------------------------------------------- */
.slider.special-courses .slider-title {
    background-color: transparent; -webkit-box-shadow: none; box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    height: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.slider.special-courses .slider-title:hover {
    box-shadow: none;
}
.slider.special-courses .slider-title h2 {
    color: white; font-weight: 900; text-align: center;
}
.slider.special-courses .slider-title svg {
    margin: 1rem 0; max-width: 120px;
}
.slider.special-courses .slider-title a i {
    vertical-align: middle; margin-right: 10px;
}
/* -------------------------------------------------- */
.special-courses {
    background-color: var(--main-color);
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230e986f' fill-opacity='0.24'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.special-courses .main-lamp {
    fill: var(--main-color);
    filter: blur(50px);
    transform: scale(1.3);
    transform-origin: 50% 50%;
}
.special-courses .lamp {
    animation: color 3s infinite;
}
.special-courses .owl-carousel .slider-title {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.special-courses .course-items .slider-title {
    height: auto;
    margin: 0;
    width: 150px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.special-courses .course-items .slider-title svg {
    max-width: 80px;
}
@keyframes color {
    0% {fill: var(--main-color);}
    9% {fill: var(--main-color);}
    12% {fill: #FCC54E;}
    15% {fill: var(--main-color);}
    29% {fill: var(--main-color);}
    32% {fill: #FCC54E;}
    35% {fill: var(--main-color);}
    40% {fill: var(--main-color);}
    43% {fill: #FCC54E;}
    44% {fill: var(--main-color);}
    50% {fill: var(--main-color);}
    51% {fill: #FCC54E;}
    100% {fill: #FCC54E;}
}
.special-courses .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

#yalda-courses {
    background-color: #940000;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a70000' fill-opacity='0.68'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#yalda-courses .slider-title img {
    width: 80px;
    margin-top: 1.5rem;
}

@media (min-width:768px) {
    .special-courses.slider .owl-carousel .owl-stage-outer {
        padding: 20px 0;
    }
}
@media (min-width:992px) {
    .special-courses .owl-carousel .owl-nav {
        margin-top: 1rem;
        margin-bottom: -1rem;
    }
}
@media (min-width:1200px) {
    .slider.special-courses .slider-title h2 {
        font-size: 3rem;
    }
    .special-courses .container-fluid {
        padding-left: 3.5rem; padding-right: 3.5rem;
        padding-bottom: 5rem !important;
    }
    .special-courses .owl-carousel .owl-nav {
        margin-top: 2rem;
        margin-bottom: -0.6rem;
        position: absolute;
        width: 100%;
    }
    .special-courses {
        background-color: var(--body-bgc);
        background-image: none;
    }
    .special-courses .card {
        margin-bottom: 0;
    }

    #yalda-courses {
        background-color: transparent;
        background-image: none;
    }
    #yalda-courses .slider-wrapper {
        background-color: #940000;
        background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a70000' fill-opacity='0.68'%3E%3Cpath d='M84 23c-4.417 0-8-3.584-8-7.998V8h-7.002C64.58 8 61 4.42 61 0H23c0 4.417-3.584 8-7.998 8H8v7.002C8 19.42 4.42 23 0 23v38c4.417 0 8 3.584 8 7.998V76h7.002C19.42 76 23 79.58 23 84h38c0-4.417 3.584-8 7.998-8H76v-7.002C76 64.58 79.58 61 84 61V23zM59.05 83H43V66.95c5.054-.5 9-4.764 9-9.948V52h5.002c5.18 0 9.446-3.947 9.95-9H83v16.05c-5.054.5-9 4.764-9 9.948V74h-5.002c-5.18 0-9.446 3.947-9.95 9zm-34.1 0H41V66.95c-5.053-.502-9-4.768-9-9.948V52h-5.002c-5.184 0-9.447-3.946-9.95-9H1v16.05c5.053.502 9 4.768 9 9.948V74h5.002c5.184 0 9.447 3.946 9.95 9zm0-82H41v16.05c-5.054.5-9 4.764-9 9.948V32h-5.002c-5.18 0-9.446 3.947-9.95 9H1V24.95c5.054-.5 9-4.764 9-9.948V10h5.002c5.18 0 9.446-3.947 9.95-9zm34.1 0H43v16.05c5.053.502 9 4.768 9 9.948V32h5.002c5.184 0 9.447 3.946 9.95 9H83V24.95c-5.053-.502-9-4.768-9-9.948V10h-5.002c-5.184 0-9.447-3.946-9.95-9zM50 50v7.002C50 61.42 46.42 65 42 65c-4.417 0-8-3.584-8-7.998V50h-7.002C22.58 50 19 46.42 19 42c0-4.417 3.584-8 7.998-8H34v-7.002C34 22.58 37.58 19 42 19c4.417 0 8 3.584 8 7.998V34h7.002C61.42 34 65 37.58 65 42c0 4.417-3.584 8-7.998 8H50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    #yalda-courses .slider-title img {
        width: 100px;
    }
    #yalda-courses .slider-title h2 {
        text-shadow: 0px 5px 6px #d10000;
    }

    #suggested-courses .slider-title h2 {
        text-shadow: 0px 5px 6px var(--mobile-menu-dark-color);
    }
}
/*#suggested-courses-nav {*/
/*    margin-top: 1rem;*/
/*}*/
/*#suggested-courses-nav .owl-prev, #suggested-courses-nav .owl-next {*/
/*    color: var(--main-color); width: 40px; height: 40px; border: 0; position: relative;*/
/*    background-color: var(--main2-color); border-radius: 50px; line-height: 40px;*/
/*    padding: 15px!important; opacity: 1; -webkit-transition-duration: var(--tr-du); -o-transition-duration: var(--tr-du); transition-duration: var(--tr-du);*/
/*}*/
/*#suggested-courses-nav .owl-prev:hover, #suggested-courses-nav .owl-next:hover {*/
/*    background-color: var(--text-light); color: var(--text-dark);*/
/*}*/
/*#suggested-courses-nav .owl-prev span, #suggested-courses-nav .owl-next span {*/
/*    display: none;*/
/*}*/
/*#suggested-courses-nav .owl-next::before, #suggested-courses-nav .owl-prev::before {*/
/*    font-family: "Font Awesome 6 Free"; font-weight: 900;*/
/*    -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block);*/
/*    font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;*/
/*    position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/
/*}*/
/*#suggested-courses-nav .owl-next::before {*/
/*    content: "\f053";*/
/*}*/
/*#suggested-courses-nav .owl-prev::before {*/
/*    content: "\f054";*/
/*}*/
/*#suggested-courses-nav .owl-prev {*/
/*    margin-left: .5rem;*/
/*}*/
/*#suggested-courses-nav .owl-prev.disabled, #suggested-courses-nav .owl-next.disabled {*/
/*    pointer-events: none;*/
/*    opacity: 0.3;*/
/*}*/
/* -------------------------------------------------- */
#blog-posts .card .card-footer {
    justify-content: center;
}
/* -------------------------------------------------- */
#user-comments {
    background-image:  -o-repeating-radial-gradient(0 0, circle, transparent 0, #4d4d4d 40px), -o-repeating-linear-gradient(#454545, #454545);
    background-image:  repeating-radial-gradient(circle at 0 0, transparent 0, #4d4d4d 40px), repeating-linear-gradient(#454545, #454545);
    background-color: #4d4d4d;
    background-size: cover; background-position: center; background-attachment: fixed;
}
#user-comments .section-title h1 {
    color: white; text-shadow: 0px 3px 0px #000;
}
#user-comments .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;  padding: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; position: relative; color: white;
}
#user-comments .comment .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; margin-bottom: 1rem;
}
#user-comments .comment .profile .img {
    width: 80px; height: 80px; background-position: center;
    border: 5px solid var(--main-color); margin-left: 10px;
    background-size: cover; border-radius: 20rem;-ms-flex-negative: 0;flex-shrink: 0;
}
#user-comments .comment .text {
    text-align: center; max-width: 700px; margin: 0 auto;
}
#user-comments .comment .profile .name h5 {
    margin: 0; font-weight: bold;
}
/*==========================================*/
#blog-posts .section-title {
    margin-bottom: 2.5rem;
}
#blog-posts .card {
    border: 0;
    border-radius: var(--border-radius);
    position: relative;
    overflow: hidden;
    height: 200px;
    -webkit-transition-duration: var(--tr-du);
    -moz-transition-duration: var(--tr-du);
    -ms-transition-duration: var(--tr-du);
    -o-transition-duration: var(--tr-du);
    transition-duration: var(--tr-du);
}
#blog-posts .card img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    -webkit-transition-duration: var(--tr-du);
    -moz-transition-duration: var(--tr-du);
    -ms-transition-duration: var(--tr-du);
    -o-transition-duration: var(--tr-du);
    transition-duration: var(--tr-du);
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
#blog-posts .card .overlay {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    background: linear-gradient(0deg, #000000b0, transparent);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: white;
}
#blog-posts .card .overlay .title {
    margin: 0;
    line-height: 1.5;
    font-weight: 800;
    text-shadow: 0 2px 2px black;
    font-size: 1rem;
}
#blog-posts .card .author, #blog-posts .card .date {
    font-size: 0.8rem;
    margin-bottom: 5px;
    color: #d7d7d7;
}
#blog-posts .card .author {
    margin-bottom: .6rem;
}
#blog-posts .card .author i, #blog-posts .card .date i {
    color: var(--main-color); background-color: var(--main2-color);
    padding: 5px; border-radius: 100px; line-height: 0.9;
    vertical-align: middle; margin-left: 5px;
}
#blog-posts .card:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 1rem 2rem rgb(15 181 131 / 40%);
}
#blog-posts .card:hover img {
    width: 110%;
    height: 110%;
}
@media (min-width: 992px) {
    #blog-posts .container-fluid {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    #blog-posts .card {
        height: 250px;
    }
    #blog-posts .card .overlay .title {
        font-size: 1.2rem;
    }
    #blog-posts .section-title {
        margin-bottom: 2.5rem;
    }
    #blog-posts .btn {
        font-size: 1.2rem;
        font-weight: bold;
    }
}
@media (min-width: 1200px) {
    #blog-posts .container-fluid {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
.blog-more {
    padding: 1rem;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: space-around;
    justify-content: space-evenly;
    box-shadow: var(--box-shadow);
    color: white;
    background: linear-gradient(145deg, rgba(182,233,218,1) 0%, rgba(15,181,131,1) 80%);
    margin-top: 1rem;
}
.blog-more:hover {
    color: white;
}
.blog-more .title {
    font-weight: 900;
    font-size: 1.7rem;
    text-shadow: 0px 2px 3px #00000059;
    margin-bottom: 0.2rem;
}
.blog-more .title i {
    margin-left: 0.5rem;
    vertical-align: middle;
    font-size: 2rem;
}
.blog-more .btn i {
    margin-right: 0.3rem;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .blog-more {
        justify-content: space-evenly;
    }
    .blog-more .title-wrap {
        display: flex;
        align-items: center;
        font-weight: bold;
    }
    .blog-more .title {
        margin-bottom: 0;
        margin-left: 1rem;
    }
}