.white-space-nowrap{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-box-card .card p {
    padding: 0 5px 0 5px;
}
.h-box-article{
    height: 100px !important;
    max-height: 100px !important;
}
.img-training-list{
    padding-top: 75% !important;
}
.content-box-card .card {
    height: auto !important;
}
.image-card-stor{
    border-radius: 12px;
}
#list-dore-category .list-dore-slider-category .slide .card,
#list-dore-category .list-dore-slider-category-test .slide .card{
    border-radius: 18px;
    padding: 5px;
}
.card_active{
    border-radius: 18px;
}
.color-defult{
    color: #212529 !important;
}
.h-box-train{
    min-height: 120px !important;
    max-height: 140px !important;
}
.box-cat-custom{
    background-color: #fff;
    width: 23%;
    padding-top: 18%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    border-radius: 13px;
}
.bg-black-custom{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.5;
    z-index: 3;
    border-radius: 13px;
}
.text-cat-custom{
    position: absolute;
    z-index: 4;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w-100-custom{
    width: 100%;
}
.h-box-cat{
    height: 130px !important;
    max-height: 130px !important;
}
.bg-img-myCourse{
    padding-top: 75% !important;
}
.bg-profile{
    background: -webkit-gradient(linear, left top, right top, from(rgba(17, 153, 142, 1)),
    color-stop(37%, rgba(24, 168, 139, 1)), color-stop(59%, rgba(37, 197, 133, 1)),
    color-stop(74%, rgba(44, 213, 131, 1)), to(rgba(56, 239, 126, 1))) !important;
    background: -o-linear-gradient(left, rgba(17, 153, 142, 1) 0%,
    rgba(24, 168, 139, 1) 37%, rgba(37, 197, 133, 1) 59%,
    rgba(44, 213, 131, 1) 74%, rgba(56, 239, 126, 1) 100%);
    background: linear-gradient(to right, rgba(17, 153, 142, 1) 0%,
    rgba(24, 168, 139, 1) 37%, rgba(37, 197, 133, 1) 59%,
    rgba(44, 213, 131, 1) 74%, rgba(56, 239, 126, 1) 100%)!important;
}
.h-12-icon-channel{
    height: 12px;
}
.notify{
    width: 49%;
}
.product-description .more, .teacher .more-btn{
    color: #000;
}
.bg-nav-link-transparent{}
.tad-description .nav-tabs .nav-item.show .nav-link,
.tad-description .nav-tabs .nav-link.bg-nav-link-transparent.active{
    background-color:transparent !important;
}
.price-number{
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
}
.price-number .card-pay-off{
    font-size: 12px;
}

.content-modal {
    border: 0;
}
#modal-pay .modal-content{
    width: 90%;
    margin-top: 5px;
    background-color: transparent;
    border: 0;
}
#modal-pay .modal-content .modal-body{
    position: relative;
    padding: 0 !important;
}
.payment-img{
    width: 100%;
    height: auto;
    position: relative;
}
.content-modal{
    position: absolute;
    top: 6%;
    width: 90%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 99999999999999;
}
.text-81{
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.modal-pay .input-group{
    width: 80%;
}
.modal-pay .input-group .btn-cod-off{
    margin-left: 6px;
}
.input-group-prepend{
    margin-right: 0;
}
.image-sal img {
    height: auto;
    width: 35%;
}
.testtt{
    position: absolute;
    width: 95%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 12%;

}
.color-product input:checked ~ .box-p-inf {
    border: 1px solid var(--app_color) !important;
}
.product-description .more-text h1{
    font-size: 25px;
}
.product-description .more-text h2{
    font-size: 23px;
}
.product-description .more-text h3{
    font-size: 20px;
}
.product-description .more-text pre{
    color: #6d6d6d !important;
    font-size: 16px !important;
    font-family: IRANSans !important;
}


.marquee {
    height: 30px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.marquee div {
    display: block;
    width: 200%;
    height: 30px;
    position: absolute;
    overflow: hidden;
    animation: marquee 5s linear infinite;
}
.marquee p {
    float: right;
    width: 50%;
    font-size: 17px;
    margin: 0;
    padding: 0;
}
@keyframes marquee {
    0% { right: 0; }
    100% { right: -100%; }
}

.card-bottom-chanel{
    border-top: 1px solid #f5f5f5;
    margin-top: 6px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.hashtag-channel{
    color: #b6b6b6;
    border: 1px solid #b6b6b6;
    padding: 2px 10px;
    margin: 0 0 0 10px;
    border-radius: 31px;
    font-size: 12px;
    font-weight: bold;
}
.hashtag-channel:hover{
    border: 1px solid #b1b1b1;
    color: #b6b6b6;
}
.card-corse .bottom-corse {
    padding: 0 0 10px 0;
}
.card-corse .hashtag-corse {
    margin-left: 5px;
    margin-top: 5px;
}
.bookmark-add-p {
    font-size: 25px;
}
.w-cource-70{
    width:65%;
}
.w-cource-30{
    width:35%;
    text-align: center;
}
.card-h{
    max-height: 390px !important;
    height: 390px !important;
}
.txt-95{
    width: 74%;
}
.order-box .right-box .txt-rotate{
    top: 4%;
}
.html-tags video , .html-tags img{
    max-width: 100%;
    height: auto;
}
.item-course .line-continuous-course{
    bottom: -6px;
}
.item-course .line-continuous-course .line-c {
    height: .7rem;
}
.bg-image-play-channel{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-play-channel{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 0;
    background-color: #fff;
}
.icon-play-channel img {
    width: 100%;
    height: 100%;
}
.channel-text h1{
    font-size: 25px;
}
.channel-text h2{
    font-size: 23px;
}
.channel-text h3{
    font-size: 21px;
}
.w-95{
    width: 95%;
}
.he-90{
    height: 90px;
}
@media (max-width: 395px){
    .txt-95{
        width: 64%;
    }
}
@media (max-width: 576px){
    .h-box-article{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-train{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-cat{
        height: 100% !important;
        max-height: 100% !important;
    }
    .card-h{
        height: 100% !important;
        max-height: 100% !important;
    }
    #list-dore-category .list-dore-slider-category .slide .card,
    #list-dore-category .list-dore-slider-category-test .slide .card{
        border-radius: 11px;
        padding: 4px;
    }
    .card_active{
        border-radius: 11px;
    }
    .image-card-stor {
        border-radius: 8px;
    }
    .box-cat-custom{
        width: 46%;
        padding-top: 34%;
        margin: 2%;
        border-radius: 7px;

    }
    .bg-black-custom{
        border-radius: 7px;
    }
    .text-cat-custom{
        font-size: 13px;
    }
    .h-12-icon-channel{
        height: 10px;
    }
    .price-number .card-pay-off{
        font-size: 10px;
    }
    .card-bd {
        height: 95px;
        max-height: 95px;
    }


    .content-modal{
        position: absolute;
        top: 2%;
        width: 100%;
    }
    .text-81{
        width: 100%;
    }
    .testtt{
        width: 95%;
        bottom: 8%;

    }
    .modal-pay .btn-pay-s {
        font-size: 13px;
    }
    .product-description .more-text h1{
        font-size: 21px;
    }
    .product-description .more-text h2{
        font-size: 19px;
    }
    .product-description .more-text h3{
        font-size: 18px;
    }
    .product-description .more-text pre{
        font-size: 13px !important;
    }
    .content-box-card-dore .card .card-body-top {
        height: auto !important;
        max-height: 100% !important;
    }

    .marquee {
        height: 20px;
    }
    .marquee div {
        width: 500%;
        height: 20px;
    }
    .marquee p {
        width: 50%;
        font-size: 14px;
    }
    @keyframes marquee {
        0% { right: 0; }
        100% { right: -250%; }
    }
    .hashtag-channel{
        font-size: 10px;
    }
    .order-box .right-box .txt-rotate{
        top: 4%;
    }
    .card-box-content .card .row .card-body,.img-favorite-top,.card-box-content .card{
        height: auto !important;
    }
    .mt-10{
        margin-top: .5rem;
    }
    .mt-10:first-child{
        margin-top: 0;
    }
    .channel-text h1{
        font-size: 20px;
    }
    .channel-text h2{
        font-size: 18px;
    }
    .channel-text h3{
        font-size: 16px;
    }
    .he-90{
        height: 90px;
    }
}
@media (max-width: 768px) and (min-width: 576px){
    .h-box-article{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-train{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-cat{
        height: 100% !important;
        max-height: 100% !important;
    }
    .card-h{
        height: 100% !important;
        max-height: 100% !important;
    }
    #list-dore-category .list-dore-slider-category .slide .card,
    #list-dore-category .list-dore-slider-category-test .slide .card{
        border-radius: 11px;
        padding: 4px;
    }
    .card_active{
        border-radius: 11px;
    }
    .image-card-stor {
        border-radius: 8px;
    }
    .box-cat-custom{
        width: 46%;
        padding-top: 34%;
        margin: 2%;
        border-radius: 9px;
    }
    .bg-black-custom{
        border-radius: 9px;
    }
    .text-cat-custom{
        font-size: 15px;
    }
    .h-12-icon-channel{
        height: 10px;
    }
    .price-number .card-pay-off{
        font-size: 10px;
    }
    .card-bd {
        height: 95px;
        max-height: 95px;
    }
    #modal-pay .modal-content {
        width: 70%;
    }
    .text-81 {
        width: 97%;
    }
    .product-description .more-text h1{
        font-size: 21px;
    }
    .product-description .more-text h2{
        font-size: 19px;
    }
    .product-description .more-text h3{
        font-size: 18px;
    }
    .product-description .more-text pre{
        font-size: 13px !important;
    }
    .content-box-card-dore .card .card-body-top {
        height: auto !important;
        max-height: 100% !important;
    }

    .marquee {
        height: 20px;
    }
    .marquee div {
        width: 500%;
        height: 20px;
    }
    .marquee p {
        width: 50%;
        font-size: 14px;
    }
    @keyframes marquee {
        0% { right: 0; }
        100% { right: -250%; }
    }
    .hashtag-channel{
        font-size: 10px;
    }
    .order-box .right-box .txt-rotate{
        top: 4%;
    }
    .mt-10{
        margin-top: .5rem;
    }
    .mt-10:first-child{
        margin-top: 0;
    }
    .channel-text h1{
        font-size: 20px;
    }
    .channel-text h2{
        font-size: 18px;
    }
    .channel-text h3{
        font-size: 16px;
    }
    .he-90{
        height: 90px;
    }
}
@media (max-width: 992px) and (min-width: 768px){
    .h-box-article{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-train{
        height: 100% !important;
        max-height: 100% !important;
    }
    .h-box-cat{
        height: 100% !important;
        max-height: 100% !important;
    }
    .card-h{
        height: 100% !important;
        max-height: 100% !important;
    }
    .text-cat-custom{
        font-size: 15px;
    }
    .box-free-custom{
        width: 29%;
        padding-top: 29%;
        margin: 2%;
    }
    .text-free-custom{
        font-size: 14px;
    }
    .card-bd {
        height: 105px;
        max-height: 105px;
    }
    #modal-pay .modal-content {
        width: 75%;
    }
    .content-box-card-dore .card .card-body-top {
        height: auto !important;
        max-height: 100% !important;
    }
    .marquee div {
        width: 350%;
    }
    .marquee p {
        width: 50%;
    }
    @keyframes marquee {
        0% { right: 0; }
        100% { right: -175%; }
    }
    .order-box .right-box .txt-rotate{
        top: 4%;
    }
    .mt-10{
        margin-top: .5rem;
    }
    .mt-10:first-child{
        margin-top: 0;
    }
}
@media (max-width: 1200px) and (min-width: 992px){

    .card-bd {
        height: 110px;
        max-height: 110px;
    }
    .card-h{
        max-height: 360px !important;
        height: 360px !important;
    }
    .order-box .right-box .txt-rotate{
        top: 4%;
    }
}
.ibmaster-gold-theme {
    --ibmaster-gold: #c8a349;
}

#header-red,
#header-red-fixed,
#bg-header-pages,
#bg-header-pages-fixed,
.header-voice {
    background-color: #c8a349 !important;
}

#header-red a,
#header-red-fixed a,
.header-voice,
.header-voice button {
    color: #fff !important;
}

.btn-chat {
    background-color: #c8a349 !important;
}

#page-loader {
    color: #c8a349 !important;
}

.pace .pace-progress {
    background: #c8a349 !important;
}

.product-description {
    background-color: #fff !important;
    border-color: #e6e6e6 !important;
    color: #111 !important;
}

.product-description .more,
.product-description .more-text,
.product-description .more-text * {
    color: #111 !important;
}

#train-nav-desc-tab .description-tab .txt-desc {
    background-color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #111 !important;
}

#train-nav-desc-tab .description-tab .txt-desc .txt4,
#train-nav-desc-tab .description-tab .txt-desc .txt4 *,
#train-nav-desc-tab .description-tab .txt-desc .more,
#train-nav-desc-tab .description-tab .txt-desc .more * {
    color: #111 !important;
}

.train-tab #myTab,
.train-tab #myTab .nav-item,
.train-tab #train-desc-tab.active {
    background: #fff !important;
}

.train-tab #train-desc-tab.active {
    color: #c8a349 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ibmaster-copyright {
    direction: rtl;
    color: #777;
    background: #fff;
    text-align: center;
    font-size: clamp(8px, 2.45vw, 12px);
    white-space: nowrap;
    padding: 28px 15px 18px;
}
.ibmaster-profile-points {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: transparent;
    color: #111;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 20px 0 18px;
}
.ibmaster-profile-points-info {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
}
.ibmaster-profile-points-info img { width: 22px; height: 22px; }
.ibmaster-profile-points strong { font-weight: bold; }
.ibmaster-profile-points a {
    color: #111;
    background: #fff;
    border: 1.5px solid #00a94f;
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
    text-decoration: none !important;
}
#profileApp .tab-content-profile { padding-top: 20px !important; padding-bottom: 60px !important; }
#profileApp #myTab .nav-link.active {
    background: #c8a349 !important;
    color: #111 !important;
}
#profileApp #myTab .nav-tabs-top .nav-link.active,
#profileApp #myTab .nav-tabs-top .nav-link.active:focus,
#profileApp #myTab .nav-tabs-top .nav-link.active:hover {
    background: #c8a349 !important;
    color: #111 !important;
    border-color: #c8a349 !important;
}
#profileApp .camera-profile {
    background: #c8a349 !important;
    color: #111 !important;
}
#profileApp .btn-info-edit,
#profileApp .color-reg {
    background: #c8a349 !important;
    color: #111 !important;
}
#profileApp .btn-info-edit:hover,
#profileApp .color-reg:hover {
    background: #c8a349 !important;
    color: #111 !important;
}
#profileApp .btn-info-edit,
#profileApp .btn-info-edit:hover,
#profileApp .btn-info-edit:focus,
#profileApp .btn-info-edit:active {
    display: inline-flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    background: #00a94f !important;
    color: #fff !important;
}
#profileApp .btn-info-edit img {
    order: 0;
    margin: 0 !important;
}
.menu-nav #person,
.menu-nav #learn-dore,
.menu-nav #conect { background-color: #eee !important; }
#out-account { cursor: pointer; transition: background-color .15s ease; }
#out-account:hover { background-color: #f2f2f2; }
#tab .tab-content-search { margin-top: 0 !important; }
#root #tab .serch-content-tab .nav-link:not(.active) { border-bottom: 1.5px solid #eee !important; }
#root #tab .serch-content-tab .nav-item + .nav-item { border-right: 1px solid #eee; }
body.points-screen { background: #f7f7f7 !important; }
body.points-screen .points-page { background: #f7f7f7 !important; min-height: 100vh; }
#profileApp,
#profileApp #tab,
#profileApp #tab > .row,
#profileApp #tab > .row > .container,
#profileApp #tab > .row > .container > .row,
#profileApp .tab-profile,
#profileApp .tab-content-profile,
#profileApp #profile-me-nav,
#profileApp #profile-me-nav .user-profile {
    background: #f7f7f7 !important;
}
#profileApp #tab,
#profileApp .tab-profile {
    min-height: calc(100vh - 65px);
}
#profileApp .tab-content-profile,
#profileApp #profile-me-nav,
#profileApp #profile-me-nav .user-profile {
    min-height: calc(100vh - 120px);
}
#profileApp .tab-profile {
    padding-bottom: 55px;
}

#search-header,
#search-header #bg-header-pages,
#search-header form,
#search-header form .form-control {
    background: #c8a349 !important;
}

#search-header form .form-control {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.75) !important;
}

#search-header .form-control::placeholder {
    color: #fff !important;
    opacity: .85;
}

#search-header #search-btn-back {
    color: #fff !important;
}

#root #tab .serch-content-tab {
    background: #fff !important;
    border-top: 0 !important;
    border-bottom: 1px solid #c8a349 !important;
}

#root #tab .serch-content-tab .nav-link {
    background: #fff !important;
    color: #777 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

#root #tab .serch-content-tab .nav-link.active {
    background: #f8f1df !important;
    color: #111 !important;
    border: 0 !important;
    border-bottom: 2px solid #c8a349 !important;
}

#search-header {
    height: 70px !important;
    min-height: 70px !important;
}

#search-header > .row,
#search-header > .row > .container,
#search-header > .row > .container > .row,
#search-header .col-12 {
    height: 100%;
}

#search-header .search-container {
    height: 70px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px;
}

#search-header form {
    flex: 1;
    width: auto !important;
    padding: 0 12px !important;
}

#search-header form .form-control {
    height: 44px;
    font-size: 18px;
}

#search-header #search-btn-back {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 22px;
}

#root > #tab {
    padding-top: 70px;
}

#root #tab .serch-content-tab {
    top: 70px !important;
    min-height: 48px;
    z-index: 998;
}

@media (max-width: 576px) {
    #search-header {
        height: 62px !important;
        min-height: 62px !important;
    }

    #search-header .search-container {
        height: 62px;
        gap: 8px;
    }

    #search-header form {
        padding: 0 8px !important;
    }

    #search-header form .form-control {
        height: 38px;
        padding: 4px 2px !important;
        color: #fff !important;
        font-size: 13px;
        border-bottom-color: rgba(255,255,255,.7) !important;
    }

    #search-header .form-control::placeholder {
        color: #fff !important;
        font-size: 12px !important;
    }

    #search-header #search-btn-back {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        font-size: 19px;
    }

    #root > #tab {
        padding-top: 62px;
        background: #f7f7f7 !important;
        min-height: 100vh;
    }

    #root #tab .serch-content-tab {
        top: 62px !important;
        min-height: 40px;
        height: 40px;
        border-bottom: 1px solid #ddd !important;
    }

    #root #tab .serch-content-tab .nav-link,
    #root #tab .serch-content-tab .nav-link.active {
        height: 40px;
        padding: 10px 4px !important;
        background: #fff !important;
        font-size: 11px !important;
    }

    #root #tab .serch-content-tab .nav-link.active {
        background: #f8f1df !important;
        color: #111 !important;
        border-bottom: 2px solid #c8a349 !important;
    }

    #root #tab .tab-content {
        margin-top: 0 !important;
        padding: 7px 4px 16px !important;
        background: #f7f7f7 !important;
    }

    #root #search-nav-dore > .row,
    #root #search-nav-fasl > .row,
    #root #search-nav-file > .row {
        margin: 0 !important;
    }

    #root #search-nav-dore > .row > .col-12,
    #root #search-nav-fasl > .row > .col-12,
    #root #search-nav-file > .row > .col-12 {
        padding: 5px 2px !important;
    }

    #root #search-nav-dore .training-box,
    #root #search-nav-fasl .training-box,
    #root #search-nav-file .training-box {
        min-height: 80px;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,.22);
    }

    #root #search-nav-dore .training-box .image-wrapper div,
    #root #search-nav-fasl .training-box .image-wrapper div,
    #root #search-nav-file .training-box .image-wrapper div {
        height: 80px !important;
        padding-top: 0 !important;
        border-radius: 12px;
    }

    #root #search-nav-dore .training-detail-wrapper,
    #root #search-nav-fasl .training-detail-wrapper,
    #root #search-nav-file .training-detail-wrapper {
        min-height: 80px;
        padding: 8px 9px 5px !important;
        font-size: 10px;
    }

    #root #search-nav-dore .training-detail-wrapper .price,
    #root #search-nav-dore .training-detail-wrapper .card-price,
    #root #search-nav-fasl .training-detail-wrapper .price,
    #root #search-nav-fasl .training-detail-wrapper .card-price,
    #root #search-nav-file .training-detail-wrapper .price,
    #root #search-nav-file .training-detail-wrapper .card-price {
        font-size: 9px !important;
    }
}