@font-face {
    font-family: "iransans";
    src: url("../fonts/IRANSansWeb(FaNum).ttf");
}

@font-face {
    font-family: "iransans-bold";
    src: url("../fonts/IRANSansWeb(FaNum)_Bold.ttf");
}

@font-face {
    font-family: "iransans-ExtraBlack";
    src: url("../fonts/IRANSansX-ExtraBlack.ttf");
}

@font-face {
    font-family: "iransans-Thin";
    src: url("../fonts/IRANSansXFaNum-Thin.woff2");
}

@font-face {
    font-family: "iransans-Light";
    src: url("../fonts/IRANSansXFaNum-Light.ttf");
}

.f-normal {
    font-family: iransans !important;
}

.f-xd {
    font-family: iransans-Light !important;
}

.f-lg {
    font-family: iransans-bold !important;
}

.f-xl {
    font-family: iransans-ExtraBlack !important;
}

.f-sm {
    font-family: iransans-Thin !important;
}

.font-sm {
    font-size: 11px;
}

.CoursesHome {
    padding: 15px;
}

footer .text-muted {
    font-size: 14px;
    font-family: iransans-Thin !important;
    color: #dbdbdb !important;
}

.disabled {
    opacity: 0.8;
    pointer-events: none;
    cursor: pointer;
}

.iransans-bold {
    font-family: iransans-bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
button {
    font-weight: normal;
    font-family: iransans-bold;
    margin: 0;

}

a {
    text-decoration: none;
}

.font-normal {
    font-weight: normal;
    font-family: iransans;
}

.leftPosition {
    float: left;
}

.rightPosition {
    float: right;
}

.more {
    font-size: 17px;
    font-family: iransans-bold;
    color: #141414;
}

body {
    direction: rtl;
    font-family: 'iransans';
    background: #fff;
    color: white;
}

.container {
    padding: 10px 10px;
    max-width: 100%;
}

.navbar-brand {
    color: white;
    padding: 10px;
    background: #141414;
    height: 80px;

}

.boxTopHome {
    padding-top: 50px;
    background: rgba(234, 234, 234, 0.41);
    border-bottom-left-radius: 130px;
    border-bottom-right-radius: 130px;
}


.nameBrand h4 {
    display: inline;
    margin-right: 8px;

}

.nameBrand h3 {
    margin-bottom: 1rem;
    font-size: 16px;
    color: #555555;
}

.nameBrand h1 {

    font-size: 60px;

}


.InfoCompany h2 {
    line-height: 35px;
    font-size: 16px;
    margin-top: 20px;
    color: #555555
}


.homePicture img {
    width: 100%;
}

.learnCompany,
.productsCompany {
    overflow: hidden;
}

.learnco {
    margin-top: 20px;
}

.courseGlass {
    background: rgba(255, 255, 255, 0);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0;
    margin: 5px;
}

.courseGlass .learnName {
    -webkit-line-clamp: 2;
}

.courseGlass .videoPlayer img {
    /* border-top-right-radius:15px ;
    border-top-left-radius:15px ; */
    border-radius: 15px;
}

.productsCompany h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.productItems .item {
    background: white;
    color: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 1px 1px 10px 2px #dadada;
}

.item .content {
    padding: 0 30px;

}

.productItems .item img {
    width: 100%;
    border-radius: 5px;
    margin: 0 auto 15px auto;
}

.productItems .item h5 {
    margin-bottom: 15px;
    margin-top: 30px;
}

.productItems .item p {
    font-size: 15px;
    opacity: 0.8;
    height: 75px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.owl-stage-outer {
    padding: 10px;
}

.toman {
    color: #747794;
    margin-right: 5px;
    font-size: 14px;
    text-decoration: none;
}

.productItems .price {
    text-align: left;
}

.owl-nav {
    display: none;
}

.learnCompany {
    margin-top: 20px;
}

.patternBox {
    position: relative;
}

.pattern {
    width: 100%;
    height: 900px;
    position: absolute;
    top: 93px;
    opacity: 0.045;
    --sl: calc(2em + 1px) calc(3em + -.5px), transparent calc(3em + .5px);
    background: radial-gradient(#fff 1em, #000 calc(1em + 1px) 2em, #fff var(--sl)) 4.2426406871em 4.2426406871em, repeating-conic-gradient(#000 0% 25%, transparent 0% 50%) 2.1213203436em 2.1213203436em, radial-gradient(#000 1em, #fff calc(1em + 1px) 2em, #000 var(--sl));
    background-size: 8.4852813742em 8.4852813742em, 16.9705627485em 16.9705627485em;
    background-blend-mode: lighten;
}

.mt0 {
    margin-top: 0 !important;
}

.learnCompany h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.learnVideo {
    width: 100%;

}

.contentLearn {
    padding: 10px 18px 0 18px;
}

.learnName {
    font-family: iransans-bold;
    font-size: 15px;
    color: black;
    margin-bottom: 12px;
    margin-top: 5px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.workName {
    height: 46px;
    font-family: iransans-bold;
    font-size: 15px;
    color: black;
    margin-bottom: 12px;
    margin-top: 5px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.videoPlayer {
    width: 100%;
    position: relative;
    text-align: center;
}

.videoPlayer .PlayIcon {
    width: 50px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


}

.videoPlayer img {
    margin: 0 !important;
}

.teacherInfo {
    width: 100%;
    color: #141414;
    /* opacity: 0.7; */
    font-size: 13px;
}

.teacherInfo svg {
    margin-left: 5px;
}

.boxCourseInfo svg {
    margin-right: 5px;
}

.boxCourseInfo {
    width: 100%;
    color: #141414;
    opacity: 0.7;
    font-size: 13px;
    padding-bottom: 20px;
    float: right;
}

.boxCourseInfo div {
    width: 50%;
    display: inline-block;
    float: right;
}

.timeCourse {
    text-align: left;
}

.BannerCompany {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 10px;
}

.BannerMain {
    margin: 46px 0 0 0;
}

.Blog {
    margin-top: 6px;
    transition: all 0.3s ease;

}

.Blog .item {
    padding: 25px;
}

.Blog .item:hover {
    position: relative;
    top: -5px;
    border-radius: 10px;
    background: #0000000a;
}

.Blog .item .banner {
    width: 100%;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
}

.Profile .photo {
    width: 40px;
    border-radius: 14px;
}

.BlogItem .Profile {
    width: 100%;

}

.blogShowAll {
    line-height: 30px;
    padding: 0;
}

.blogShowAllDate {
    margin-left: 10px;
}

.Profile .name {
    display: initial;
    margin-right: 4px;
    color: #141414;
    opacity: 0.8;
    font-size: 13px;
}

.ProfileLeftPosition {
    text-align: left;
    font-size: 11px;
    color: #141414;
    opacity: 0.8;
    /* line-height: 40px; */
    padding: 0;
}

.ProfileLeftPosition .date {
    margin-left: 4px;
    width: 69px;
    display: inline-block;
    overflow: hidden;
    height: 20px;
    line-height: 35px;
}

.Blog .Tag {
    color: #141414;
    opacity: 0.7;
    font-size: 12px;
    display: block;
    margin-top: 10px;
    height: 30px;
}

.BlogTitle {
    height: 58px;
    margin-bottom: 23px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    font-family: iransans-bold;
    width: 95%;
}

.ُTitle {
    font-family: iransans-bold;
}

.titleCourse {
    color: black;
}

.courseContent {
    margin-top: 20px;
}

.video-js {
    max-height: 100%;
    height: auto;
    aspect-ratio: 533/301;
    width: 100% !important;
    border-radius: 15px;
    overflow: hidden;


}

.cartEmpty {
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    display: grid;
    text-align: center;
    font-family: iransans-bold;
}

.cartEmpty img {
    width: 200px;
}

.socialCompany {
    margin-top: 25px !important;

}

.social .item {
    font-size: 24px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: #141414;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 55px;
    margin-left: -13px;
    border: 2px solid rgb(255, 255, 255);
    transition: all 0.3s ease;
}

.social .item:hover {
    margin: 0 10px !important;
}

.BtnSocial {
    display: block;
    width: 200px;
    height: 45px;
    background: #141414;
    color: #fff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    line-height: 44px;
    transition: all 0.1s ease;
}

.BtnSocial:hover {
    color: white;
    opacity: 0.9;

}

.social {
    margin-bottom: 15px;
}


.corner {
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.CommentReplay {
    margin-right: 20px;
}

.boxshadow {
    box-shadow: 1px 1px 10px 2px #dadada;
}

.courseInformation {
    padding: 10px;
}

.courseInformation .item .right {
    font-size: 14px;
    color: #141414;
    opacity: 0.7;
}

.courseInformation .item .right svg {
    margin-left: 5px;
}

.courseInformation .item .left {
    font-size: 14px;
    color: #141414;
    opacity: 0.9;
    font-family: iransans-bold;
}

.bg-site {
    background: #141414;
}

.p20 {
    padding: 20px;
}

.courseInformation .item {
    margin-bottom: 15px;
}

.h33 {
    height: 33px;
}

.socialShareCourse {
    text-align: left;
    padding-left: 10px;
}

.socialShareCourse .right {
    line-height: 60px;
}

.collapsible {
    background-color: #141414;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    text-align: right;
}

.collapsible.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

.collapsible.active,
.collapsible:hover {
    background-color: #141414;
}

.collapsible_content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #fff;
}

.collapsible:focus {
    background: #141414;

}

.XCRte {
    padding: 15px;
}

.courseSeasonCount {
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-family: iransans-bold;
    font-size: 14px;
    text-align: center;
    line-height: 38px;

}

.collapsible svg {
    margin: 0 8px;
}

.Sections {
    padding: 20px;
}

.Sections .item {
    margin-bottom: 10px;
    line-height: 65px;
    border-radius: 8px;
}

.Sections .item.active {
    background: #eee;
}

.Sections span {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: #eee;
    border-radius: 7px;
    line-height: 37px;
    cursor: pointer;
}

.displayIB {
    display: inline-block;
}

.ml6 {
    margin-left: 6px;
}

span.lock {
    background: #ffeaea !important;
    color: red;
}

.lock.active {
    background: #e1eee2 !important;
    color: #3db742;
}

.activeSpan {
    background: #e1eee2 !important;
    color: #3db742;
}

.discountPrice {
    line-height: 58px;
}

.realPrice {
    font-size: 14px;
    margin-left: 5px;
}


.CourseDescription {
    min-height: 300px;
    height: 500px;
    overflow: hidden;
    padding: 20px;
    color: #141414;
}

.productDescription {
    min-height: 300px;
    overflow: hidden;
    padding: 20px;
    color: #141414;
}

.blogDescription {
    min-height: 300px;
    overflow: hidden;

    color: #141414;
}

.blogDescription .content {
    font-family: iransans-Thin;
}

.infoDescription {
    margin-left: 10px;
    color: red;
}


.commentsCours {
    padding: 15px;
}

.commentsCours .item {
    padding-bottom: 5px !important;
    margin-bottom: 15px;
}

.headerComment .profile {
    width: 50px;
    margin-left: 7px;
    border-radius: 15px;
}

.headerComment .likeComment {
    text-align: left;
    line-height: 47px;
}

.comment {
    font-size: 14px;
    line-height: 32px;
}

.headerComment .right {
    width: 70%;
    float: right;
}

.headerComment .left {
    width: 30%;
    float: left;
}

.footerComment {
    text-align: left;
    margin-top: 10px;
}

.commentAnswer {
    background: #0000000a;
}

.btnComment {
    float: left;
    margin-top: 0 !important;
    line-height: 0;
}

.btnComment:hover {
    background: #141414;
    opacity: 0.9;
}

.btnComment:focus {
    background: #141414;
    opacity: 0.9;
}

.profile {
    width: 50px;
    border-radius: 15px;
    margin-left: 5px;
}

.commentSend {
    resize: none;
    height: 150px;

}

.btnSendComment {
    width: 130px;
    line-height: 0;
}

.btnSendComment:hover,
.btnComment:focus {
    background: #1414148f;
}

.btnSendComment2 {
    width: 157px;
    margin-top: -10px !important;
}

.lb-content {
    padding-right: 40px;
}


.WorkItems img.work {
    width: 90%;
    margin-top: 20px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*ul {*/
/*    margin-top: 10px;*/
/*    margin-bottom: 0;*/
/*}*/

/*li {*/
/*    display: inline-block;*/
/*    padding: 3px;*/
/*}*/


header {
    padding: 15px 20px;
    color: white;
    background: rgb(0, 0, 0);

}

.top-mg {
    margin-top: 70px;
}

header .wrapper {
    /*max-width: 1000px;*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

header .logo img {
    height: 45px;
    /*display: block;*/
}

.navbar {
    position: fixed;
    top: 0;
    left: 100%;
    margin: 0;
    width: 380px;
    height: 100%;
    justify-content: start;

    padding: 20px;
    transition: left 1s;
    color: white;

    background: rgba(16, 16, 16, 0.78);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
    z-index: 20 !important;

}

/* header {
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(14.6px);
    -webkit-backdrop-filter: blur(14.6px);
}

header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(0);
} */

nav.ParminYadHeader {
    width: 100%;
    height: 100%;
}

.navbar.show {
    right: 0 !important;
    z-index: 1;
}

.hide-scroll {
    overflow: hidden;
}

.navbar ul {
    all: unset;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    gap: 25px;

}

.navbar ul a {
    all: unset;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-family: iransans-bold;
    font-size: 20px;
}

.navbar ul a:hover {
    color: #fff;
    opacity: 0.8;
    /*text-decoration: underline overline;*/
    /*text-decoration-thickness: 3px;*/
}

.close-nav {
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 10px;*/
}

.close-nav button {
    all: unset;
    /*background: #f7f7f7;*/
    font-size: 33px;
    cursor: pointer;
    /*border: ;*/
    padding: 6px;
    border-radius: 3px;
    color: #fff;
}

.close-nav button:hover {
    opacity: 0.8;
    /*background: white;*/
}

.menu-bar button {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f7f7f7;
    height: 50px;
    width: 50px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
}

.menu-bar i {
    display: block;
    border-top: 3px solid #444444;
    border-bottom: 3px solid #444444;
}

.menu-bar i::after {
    display: block;
    content: "";
    border-top: 3px solid #444444;
    margin: 6px 0;
}

.menu-bar button:hover {
    background: white;
}

.menu-bar button:hover i {
    border-color: #222222;
}


@media (min-width: 550px) {
    .navbar {
        all: unset;
        display: block;
    }

    .navbar ul {
        flex-direction: row;
        gap: 20px;
    }

    .navbar ul a {
        font-size: inherit;
    }

    .close-nav,
    .menu-bar,
    .footerNavbar {
        display: none;
    }

}

/*@media (max-width: 550px) {*/

/*.logoHeader{*/
/*        display: none;*/
/*    }*/

/*}*/


.footerNavbar {
    position: absolute;
    bottom: 12px;
    left: 35px;
}

footer {
    background-image: url('/images/public/profleTet.png') !important;
}

.navbarItems {
    /*position: absolute !important;*/
    /*top: 82px !important;*/
    /*right: 20px !important;*/
}

.WorkCompany h4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

div.cart {
    font-size: 24px;
    display: inline;
    position: relative;
    top: 12px;

}

.cart svg {
    margin-left: 5px;
    color: white;
}

.logoHeader a {
    display: inline;
}

.mr-20 {
    margin-right: 20px;
}


.text-muted {
    color: white !important;
}

.ms-3 svg {
    font-size: 30px;
    color: white;
}

.program {
    padding: 0 10px;

}

.program .items {
    padding: 10px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 13px;
    background: #1414141a;
}

.glasBox {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: 150px;
    height: 50px;
    color: #141414b8;
    line-height: 50px;
    text-align: center;
    position: relative;
    margin-left: 6px;
    margin-bottom: 20px;
}

.shape {
    background: rgb(0, 0, 0);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 0, 0, 0.14);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: -22%;
    right: 66px;
}

.over-hidden {
    overflow: hidden;
}

.boxInformation {
    margin-top: 40px !important;
    margin-right: 10px !important;
}

.BlogItem img {
    padding: 0;
    width: 100%;
    position: relative;
    top: -23px;
    right: -7px;
}

.BlogItem {
    padding: 0;
}

.BlogItem .right {
    padding: 0;
    width: 40%;
}

.BlogItem .left {
    padding: 5px;
    width: 60%;
    font-size: 15px;
}

h4.w-100 {
    padding: 0 15px;
}

.navbarItems svg {
    margin-left: 5px;
}

.courseItem {
    margin-left: 15px;
    margin-bottom: 15px;
    overflow: hidden;

}

.courseItem img {
    width: 100%;

}

.priceCourse {
    float: left;
    width: 100%;
    text-align: left !important;
    position: absolute;
    bottom: 15px;
}

.boxPriceCourse {
    height: 80px;
    position: relative;
}

.oldPrice {
    margin-left: 10px;
    color: red;
    font-size: 13px;
    font-family: iransans;
}


.categoryCourse {
    color: #141414;
    opacity: 0.8;
    padding: 30px;

}

.categoryCourse .item {
    margin-bottom: 15px;
}


.programPicture {
    width: 30px;
    height: 30px;
    padding: 0;
}

.catLbl {
    height: 30px;
    margin-right: 45px;
    line-height: 32px;

}

.catLbl2 {
    height: 30px;
    /* margin-right: 45px; */
    line-height: 32px;

}

.checkboxCat {
    margin: 3px 0 0 0 !important;
    width: 20px;
    height: 20px;
}

.form-check-input:checked {
    background-color: #141414;
    border-color: #000;
}

.catTag {
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
    margin-bottom: 20px !important
}

.mleft {
    margin-left: 5px;
}

.sortCourse {
    font-size: 12px;
}

.sortCourse:focus {
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.categoryCourse .col {
    height: 40px;
    line-height: 33px;
}

.shapDash {
    width: 25px;
    height: 8px;
    display: inline-block;
    background: black;
    border-radius: 10px;
    margin-left: 10px;
}

.discountCourse {
    position: absolute;
    top: -25px;
    left: -15px;
    transform: rotate(-30deg);
}

.discountCourse label {
    position: absolute;
    top: 40%;
    left: 54%;
    transform: translate(-50%, -50%);
    color: white;
}

.discountCourse img {
    width: 50px !important;
}

.Tag {
    color: #141414;
    opacity: 0.7;
    font-size: 12px;
    display: block;
    margin-top: 10px;
    height: 30px;
}

.moreUrl {
    color: white;
    background: #141414;
    padding: 0 18px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;

}

.moreUrl:hover {

    color: white;
    opacity: 0.8;
}

.cartItem {
    padding: 10px;

}

.cartReview {
    padding: 0 10px 10px 10px
}

.cartItem .photo {
    float: right;
}

.cartItem .photo img {
    width: 150px;
    border-radius: 8px;
}

.bgGlassCart {
    margin-bottom: 8px;
    /* From https://css.glass */
    background: rgba(212, 212, 212, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(175, 175, 175, 0.3);
}

.cartItem .content {
    display: flex;

}

.cartItem .left {
    width: 60%;
    margin-top: 8px;
    margin-right: 8px;
    float: right !important;
    text-align: right;
}

.cartItem .left p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.7;
    margin-bottom: 20px;
    background: transparent;
}

.cartItem .price {
    display: block;
    width: 100%;
    padding-left: 10px;
    text-align: left;
    float: left;
}

.title {
    color: #141414;
    font-family: iransans-bold;

}

.titleCart {
    color: #141414;
    font-family: iransans-bold;
    font-size: 12px;
}

.cartInfoProduct {
    font-size: 12px;
    color: #444444;
    padding-right: 8px;
}

.cartInfoProduct .item {
    padding-right: 20px;
    margin-bottom: 3px;
    position: relative;
}

.cartInfoProduct svg {
    position: absolute;
    right: 0;
    top: 3px;
}

.cartRight {
    margin-right: 20px;
}

.chekout {
    margin-top: 12px;
}

.chekout .item {
    width: 100%;
    float: right;
    border-bottom: 1px dashed #d2d2d2;
    padding-bottom: 10px;
}

.chekout .item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin: 0;
}

.discountColor {
    color: rgba(255, 0, 0, 0.815) !important;
}

.OLdPRice {
    opacity: 0.6;
}

.touman {
    color: #141414;
    font-size: 10px;
    opacity: 0.7;
}

.swal2-title {
    font-weight: normal;
    font-size: 17px;
}

.swal2-popup {
    width: 28em;
    margin: auto;
    margin-bottom: 0;
}

.swal2-popup {
    font-weight: normal;
    font-size: 8px;
}

.numberCart {
    width: 30px !important;
    height: 30px !important;
    border: 2px solid #141414 !important;

    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    font-size: 12px !important;
    margin: 0 !important;
    float: left;
}

.leftPriceCart {
    float: left;
    margin-right: 15px;
    line-height: 29px
}

.boxDiscountCode {
    width: 100%;
    color: red;
    background: white;
    box-shadow: 10px 0 10px #e1eee2;
}

.changeNumberCart {
    display: flex;
    margin-top: 5px;
    font-family: iranSans;
    margin-right: 5px;
    font-size: 13px;
}

.changeNumberCart img {
    width: 24px;
}

.changeNumberCart .item {
    width: 40px;
    border: 0.5px solid #141414;
    color: #141414;
    text-align: center;
    cursor: pointer;
    height: 30px;
    background: #f1f1f1;
    line-height: 31px;
}

.changeNumberCart .plus {
    border-top-right-radius: 15px;
}

.changeNumberCart .disable {
    opacity: 0.6;
    cursor: default;
}

.changeNumberCart .minus {
    border-bottom-left-radius: 10px;
}

.changeNumberCart .minus .fa-trash-can {
    color: rgb(255, 17, 0);
}

.noRightBorder {
    border-right: none !important;
    border-left: none !important;
    width: 50px !important;
}

.discountCode {
    display: flex;
}

.discountCode .item {
    padding: 3px;
    height: 40px;
    margin: 5px 0;
    font-family: iranSans;
    border: 2px dashed #444444;
}

.discountCode input {
    border-left: none !important;
    border-top-right-radius: 15px !important;
    padding-top: 6px !important;
    padding-right: 10px !important;
}

.discountCode a {
    border-right: none !important;
    width: 60px;
    color: #141414;
    border-bottom-left-radius: 10px;
    background: transparent;
    text-align: center;
    line-height: 30px;
}

#errorDiscountCode {
    font-size: 12px;
    margin-top: 8px;

}

.deletedDiscountCode {
    float: left;
    color: red;
    cursor: pointer;
    margin-bottom: 3px;
}

.selectPayment {
    display: flex;
    justify-content: space-around;
}

.selectPayment .item {

    margin-top: 10px;
    line-height: 0;
    display: flex;
}

.selectPayment .item img {
    width: 80px;
    margin-right: 10px;
}

.selectPayment .item input {
    margin: 0 !important;
    margin: 4px !important;
    width: 18px;
    height: 18px;
}

.selectPayment .item label {
    margin: 0 !important;
}

.checkoutTitle {
    color: #141414;
    font-size: 14px;
    font-family: iransans-bold;
}

.checkoutBox {
    padding: 0 18px 16px 18px
}

.callback {
    text-align: center;

}

.callback .content {
    padding: 80px 0;
}

.callback img {
    width: 200px;
    margin-bottom: 10px;
}

.courseInfoSm {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 10px;

    background: rgba(16, 16, 16, 0.78);

    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
    z-index: 10;
    height: 65px;
    padding-top: 20px;
}

.courseInfoSm .BtnSocial {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.priceSm .btn {
    width: 60%;
    padding: 0;
    position: relative;

}

.priceSm .mony {
    width: 35%;
    text-align: center;
    padding: 0;
}

.priceSm .mony .realPrice {
    font-size: 12px;
    font-family: iransans;
    color: rgb(255, 115, 115);
    text-align: center;
}

.btnShowInfo {
    color: rgb(255, 255, 255);
    position: fixed;
    bottom: 67px;
    left: 20px;
    z-index: 10;
    background: rgba(16, 16, 16, 0.78);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 26px;
    line-height: 0;
}

.btnShowInfo:hover {
    background: rgba(78, 78, 78, 0.78);

}

.btnShowInfo:focus {
    background: rgba(78, 78, 78, 0.78);

}

.courseModalInfoSm .modal-content {
    background: rgba(16, 16, 16, 0.78);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
}

.glasBg {
    background: rgba(16, 16, 16, 0.78);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
}

.courseModalInfoSm .modal-content .right {
    color: #fff;
}

.courseModalInfoSm .modal-content .left {
    color: #fff;
}

.courseModalInfoSm .modal-content .progress {
    background-color: transparent;
    border: 1px solid #919191;
}

.coursesdescription {
    color: #141414;
    padding: 0 18px;
}

.cOurSeDeScription>h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 15px;
}

h2.title {
    font-size: 20px;
    color: #141414;
    margin-bottom: 10px;
    background: none;
}

.saveCommentModal {
    background: rgba(16, 16, 16, 0.78);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(16, 16, 16, 0.3);
}

.saveCommentModal #sendComment {
    background: transparent;
    color: white;
    border-color: #5e5e5e;
}

.saveCommentModal label {
    color: white;
}


.errorMsg {
    font-size: 14px;
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px;
}

.EmptyComment {
    box-shadow: 0 0 10px #e6e6e6;
    height: 100px;
    line-height: 100px;
}

.adminDropDown {
    padding: 0 !important;

}

.catEGory {
    margin-left: 5px;
}

.catTag2 {
    margin: 0 !important;
}

.strong {
    font-family: iransans-bold;
    font-weight: normal;
    color: black;
}

.bannerBlog {
    position: relative;
}

.bannerBlog .date {
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    left: 5%;
    padding: 5px 10px;
    color: rgba(255, 255, 255, 0.925);
    background: rgba(141, 141, 141, 0.41);
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(141, 141, 141, 0.3);
    padding-right: 30px;
    text-align: left;
}

.bannerBlog .date svg {
    margin-right: 5px;
    opacity: 0.8;
}


/* sampleCode */
pre{
    direction: ltr;
}
code{
    background: transparent;
}