body{direction: ltr}
.logo{float: left !important;}
@media (max-width: 1686px){
    .btn-panel-login {
        /*transform: translateX(-134%);*/
    }}
@media (max-width: 1180px){
    .btn-panel-login {
        /*transform: translate(-126%,-13%);*/
    }}
@media (max-width: 48em){
    .btn-panel-login {
        /*left: 290% !important;*/
    }
    .header .menu-icon {
        right: -4%;
        height: 34px;
        top: 15px;
    }
    .header li {
        float: unset !important;
    }
    .panel-c {
        position: absolute;
        right: -5% !important;
        top: 2%;
        transform: translate(229%, 10%);
    }
}

@media (max-width: 500px){
.header .menu-icon {
right: -4%;
    height: 31px;
    top: 11px;
    padding: 15px 11px;
}
    .logo img {
        width: 152px;
        height: 50px;}
    .panel-c {
        /* right: -9% !important; */
        transform: translate(242%, -2%);
    }
}
@media (max-width: 390px){
    .logo img {
        width: 119px;
        height: 36px;
        margin-top: 7px;
        margin-left: -14px;
    }}
.item-uc h4{
    display: -webkit-box;
    -webkit-box-pack: start;
}
.item-box .item-img {
    max-width: 100%;
    position: absolute;
    left: 0;
    width: 137px;
    bottom: -3%;
}
.item-box .col-md-6.col-6.col-xs-6{
    display: -webkit-box;
    -webkit-box-pack: start;
}
.see-more {
    position: absolute;
    bottom: 10px;
    right: 15px;
}
.text-pc-x{text-align: left}
.imgContainer{text-align: left;}
.imgContainer .text-slider-flex {
    margin-left: 5%;
    margin-right: 0px;
}

.step-1-c:nth-of-type(even) .row {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    left: 48%;

}
.step-1-c:nth-of-type(even) .col-4 img {
    transform: rotate(180deg);
}
.step-1-c:nth-of-type(even) span {
    position: absolute;
    top: 39%;
    right: unset;
    bottom: unset;
    left: -63%;
}
.step-1-c:nth-of-type(even) .step-1c-a {
    position: relative;
    top: 19%;
    left: -45%;
}
.step-1-c:nth-of-type(even) .step-1-icon {
    display: flex;
    flex-direction: row-reverse;
}
.step-1-c:nth-of-type(even) .step-1-icon a {
    color: #CB2371;
    font-size: 21px;
    position: absolute;
    transform: translate(-45%, 45%);
    right: 33%;
}
.step-1-c:nth-of-type(even) .step-1-icon hr {
    position: absolute;
    transform: translate(-45%, 45%);
    z-index: 2;
    height: 0px;
    width: 47%;
    top: 33%;
    right: -8%;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
}
.step-1-c:nth-of-type(even) .step-1-icon p {
    position: absolute;
    right: 14%;
    bottom: 15%;
    font-size: 19px;
    color: #828282;
    line-height: 2;
    overflow: hidden;
    min-height: 38px;
}
.step-1-c:nth-of-type(even) .step-1-icon {
    display: flex;
    flex-direction: row-reverse;
}

.step-1-c:nth-of-type(even):before {
    background: url(../images/teach-c.svg);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transform: translate(-49%, 32%);
    background-repeat: no-repeat;
    left: 41%;
}
.step-1-c{direction: rtl}
.step-1-c:nth-of-type(odd) {
    position: relative;
    top: -70px;
    right: 9px;
}
.step-1-c:nth-of-type(odd):before {
    background: url(../images/teach-a.svg);
    content: '';
    display: block;
    width: 100%;
    height: 106%;
    position: absolute;
    z-index: 1;
    transform: translate(66%, 45%);
    background-repeat: no-repeat;
    left: 21%;
}
.step-1-c:nth-of-type(odd) .row {
    display: flex;
    flex-direction: row !important;
}
.step-1-c:nth-of-type(odd) .col-4 img {
    transform: rotate(0deg);
}
.step-1-c:nth-of-type(odd) .step-1c-a {
    position: relative;
    top: 19%;
    left: 2%;
    width: 446px;
}
.step-1-c:nth-of-type(odd) .step-1-icon{
    display: flex;
    flex-direction: row;
}
.step-1-c:nth-child(1){
    position: relative;
    top: 0px;
    right: 5px;
}
.step-1-c:nth-child(7) {
    position: relative;
    top: -131px;
}
.step-1-c:last-child:before {
    background: url(../images/teach-b.svg);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transform: translate(-51%, 32%);
    background-repeat: no-repeat;
}
.step-1-c:nth-of-type(odd) span {
    position: absolute;
    top: 39%;
    right: 45%;
    font-size: 32px;
    bottom: unset;
    left: unset;
    transform: translate(71%, 6%);
    color: white;
}
.step-1-c:nth-of-type(even) .step-1-icon p {
    right: 30%;}
.step-1-c:nth-of-type(odd) .step-1-icon a {
    right: 29%;
}
.step-1-c:nth-of-type(odd) .step-1-icon hr {
    right: 17%;}
.step-1-c:nth-of-type(odd) .step-1-icon p {
    right: 37%;
}
@media (max-width: 1300px){
    .step-1-c:nth-of-type(even):before {
        display: none;}
    .step-1-c:nth-of-type(odd):before {
        display: none;
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(40%, 3%);
    }

    .step-1-c:nth-of-type(even) span {
        left: 18%;
    }
.step-1-c:nth-of-type(even) .step-1c-a {
    transform: translate(-43%, 3%);
}
    .step-1-c:nth-of-type(odd) {
        position: relative;
        top: -46px;
        left: -1%;
    }
    .step-1-c:nth-of-type(even) {
        position: relative;
        top: 0px;
        right:25%;
    }
    .step-1-c:nth-of-type(even) .row {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        left: 40%;
    }}
@media (max-width: 1200px) {
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(30%, 3%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-25%, 3%);
    }
}

@media (max-width:1200px) {

    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(23%, 3%);

    }

    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-25%, 3%);
    }

    .step-1-c:nth-of-type(even) span {
        left: unset;
        right: 101%;
    }

    .step-1-c:nth-of-type(odd) span {
        right: 28%;
    }
}

@media (max-width:1000px) {
    .step-1-c:nth-of-type(even) {
        position: relative;
        left: 15%;
    }
    .u-section-5 .container{
        max-width: 959px;
    }
    .step-1-c:nth-of-type(even) {
        position: relative;
        left: -15%;
        top: -13px;
    }
    .step-1-c:nth-child(1) {
        position: relative;
        top: 0px;
        right: 6%;
    }
}
@media (max-width:980px) {
    .step-1-c:nth-of-type(even) {
        position: relative;
        left: -29%;
        top: 3px;
    }
    .step-1-c:nth-of-type(odd){
        position: relative;
        top: 0px;
        right: 10%;
    }
    .u-section-5 .container{
        max-width: 1092px;
    }
}
@media (max-width:880px) {
    .step-1-c:nth-of-type(even) .col-4 img {
        width: 100%;
    }

    .step-1-c:nth-of-type(even) .col-8 img {
        width: 22%;
    }
    .step-1-c:nth-of-type(even) .step-1-icon a {
        color: #CB2371;
        font-size: 21px;
        position: absolute;
        transform: translate(-47%, 42%);
        right: 6%;
    }
    .step-1-c:nth-of-type(even) .step-1-icon p {
        position: absolute;
        right: 14%;
        bottom: 2%;
        font-size: 19px;
        color: #828282;
        line-height: 2;
        overflow: hidden;
        min-height: 38px;
    }
    .step-1-c:nth-of-type(odd) .col-4 img {
        width: 100%;
    }

    .step-1-c:nth-of-type(odd) .col-8 img {
        width: 22%;
    }
    .step-1-c:nth-of-type(odd) .step-1-icon a {
        color: #CB2371;
        font-size: 21px;
        position: absolute;
        transform: translate(-47%, 42%);
        right: 28%;
    }
    .step-1-c:nth-of-type(odd) .step-1-icon p {
        position: absolute;
        right: 36%;
        bottom: 2%;
        font-size: 19px;
        color: #828282;
        line-height: 2;
        overflow: hidden;
        min-height: 38px;
    }
    .step-1-c:nth-of-type(even){    margin-top: 2%;}
    .step-1-c:nth-of-type(odd){    margin-top: 2%;}
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-38%, 14%);
        position: unset;
        width: 100%;
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(27%, 14%);
        position: unset;
        width: 100%;
    }
    .step-1-c:nth-of-type(even) {
        position: relative;
        left: -27%;
        margin-top: 1%
    }

    .step-1-c{ margin-top: 3%}
    .step-1-c:nth-of-type(even) span {
        left: unset;
        right: 81%;
        top: 36%;
        font-size: 23px;
    }
    .step-1-c:nth-of-type(odd) span {font-size: 23px;top: 36%;right: 27%;}

}

@media (max-width:720px) {

    .step-1-c:nth-of-type(even) {
        margin-top: 3%;
    }
    .step-1-c:nth-of-type(odd) .step-1c-a{
        transform: translate(34%, 11%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a{
        transform: translate(-34%, 11%)
    }
}
@media (max-width:590px) {
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(34%, 10%);
    }

    .step-1-c:nth-of-type(even) {
        margin-top: 3%;
    }
    .step-1-c:nth-of-type(odd) span {
        font-size: 17px;
        top: 34%;
    }
    .step-1-c:nth-of-type(even) span {
        top: 34%;
        font-size: 17px;
    }
    .step-1-c .step-1-icon p {
        bottom: -15% !important;
        font-size: 15px !important;
    }
    .step-1-c:nth-of-type(even) .step-1-icon a {
        color: #CB2371;
        font-size: 18px;}
}
@media (max-width:500px) {

    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-38%, 5%);
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(38%, 5%);
    }
    .step-1-c:nth-of-type(odd) span {
        right: 26%;
    }
    .step-1-c:nth-of-type(even) span {
        left: unset;
        right: 77%;}
    .step-1-c .step-1-icon a {
        transform: translate(-50%, 0%) !important;
        font-size: 17px;
    }
    .step-1-c:nth-of-type(even) .step-1-icon hr {
        top: 29%;}
    .step-1-c .step-1-icon p {
        bottom: -22% !important;
    }

}
@media (max-width:460px) {
    .step-1-c .step-1-icon a {
        transform: translate(-41%, -23%) !important;
        font-size: 17px !important;
    }
    .step-1-icon hr {
        top: 27%;
    }
    .step-1-c:nth-of-type(odd) .col-4 img {
        width: 113%;
    }
    .step-1-c:nth-of-type(even) .col-4 img {
        width: 113%;
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(36%, 11%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-42%, 11%);}

}

@media (max-width:430px) {
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(36%, 8%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-42%, 9%);
    }
    .step-1-c:nth-of-type(even) {
        margin-top: 3%;
    }
    .step-1-c .step-1-icon p {
        bottom: -33% !important;}
}
@media (max-width:388px) {
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(38%, 7%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-44%, 7%);
    }
    .step-1-c:nth-of-type(even) {
        margin-top: 12%;
    }
    .step-1-c:nth-of-type(odd) span {
        font-size: 15px;
        top: 32%;
    }
    .step-1-c:nth-of-type(even) span {
        top: 33%;
        font-size: 15px;
    }
    .step-1-c:nth-of-type(odd) {
        margin-top: 4%;
    }
    .step-1-c .step-1-icon a {
        transform: translate(-41%, -23%) !important;
        font-size: 15px !important;
    }
    .step-1-c .step-1-icon p {
        font-size: 14px !important;
    }
    .step-1-c:nth-of-type(even) {
        margin-top: 3%;
    }
}

@media (max-width:350px) {
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(40%, 2%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(-46%, 0%);
    }
}
.u-section-6{direction: rtl}
.text-6-section{direction: ltr}
 .col-section-c{direction: ltr}
.teacher{
    left: 10%;
    right: unset;
    position: absolute;
}
.lesson{    right: 12%;}
.h-wrapper .btn-see-more{    right: 5px;left: unset;}
.h-wrapper .btn-see-more .fa{
    transform: rotate(180deg)!important;
}
.copyright-footer span {
    float: right;
}
.copyright-footer a{
    float: left;
    text-align: left;}
.u-section-5:before{right: 0px}


/*contact us*/
.u-section-c1{direction: rtl}
.text-slide{direction: ltr}
.container-xd .col-x-c label{
    text-align: left;
}
.content-area-a .c-text{
    text-align:left;
;
}
.content-area-b .invalid-feedback{direction:ltr;
    text-align: left;}
@media (max-width: 768px){
    .content-area-a p {
        margin-top: 0%;
        margin-right: 2%;
    }}
.container-xd .btn-slider-lv {
    position: absolute;
    right: 2% !important;
    left: unset}
.collapse-bc{
    padding: 3%;
}
/*  faq */
.input_ser .fa-search {
    transform: translate(62%, 52%);
}
.input-group-append-c .click-btn {
    left: 83.5%;
}
.form-control-c {
    padding-left: 8%;
    padding-right: 18%;
}
.faq-list .active:before {
    transform: translate(-35px, 8px);
}
.card-header img{
    margin-right: 1%;
    margin-left: 0px !important;
}
#main #faq .card .card-header .btn-header-link:after {;
    float: right;
}
#main #faq .card .card-header .btn-header-link {
    text-align: left;
}
#main #faq .card .card-header .btn-header-link.collapsed {
    text-align: left;
}
#main #faq .card .card-header .btn-header-link.collapsed:after {
    float: right;}
.faq-c-bottom:before {
    transform: translate(-85%, -67%);
}
.faq-c1 {
    padding-left: 23%;
}
@media (max-width: 1400px){
    .faq-c-side {
        padding-left: 4%;
        padding-right: 0%;
    }
    .faq-c1 {
        padding-left: 26%;
    }
}
@media (max-width: 1200px){
    .form-control-c {
        padding-left: 12%;
        padding-right: 24%;
    }
    .input-group-append-c .click-btn{
        left: 77.5%;
    }
}

@media (max-width: 767px){
    .form-control-c {
        padding-left: 15%;
        padding-right: 27%;
    }
    .input_ser .fa-search {
        font-size: 24px;
        transform: translate(60%, 54%);
    }
    .faq-c-side {
        padding-left: 4%;
        padding-right: 4%;
    }
    .faq-c1 {
        padding-left: 13%;
    }
    .input-group-append-c .click-btn{
        left: 73.5%;
    }
}
@media (max-width: 500px){
    .input_ser .fa-search {
        font-size: 21px;
        transform: translate(63%, 46%);
    }
    .form-control-c {
        padding-left: 16%;
        padding-right: 27%;
    }
    .faq-c1 {
        padding-left: 18%;
    }
    .input-group-append-c .click-btn {
        transform: translate(2%, 21%);
}
}
@media (max-width: 365px){
    .input_ser .fa-search {
        transform: translate(51%, 49%);
    }
    .input-group-append-c .click-btn {
        transform: translate(-18%, 17%);
        width: 30%;
    }
}
.faq-c-main .p-text {
    margin-right: 4%;
    color: #FF1C82;
    font-size: 20px;
    text-align: left;
    margin-left: 3%;
}

/*    blog    */
.news-side h6{
    text-align: left;
}
.news-ca {
    color: black;
    font-size: 15px;
    margin-left: 10%;
    margin-top: 5%;
    direction: ltr;
    text-align: left;
}
.news-ca:before{
    transform: translate(-149%, -8%);
}
.news-ba {
     position: relative;
    left: 0;
    color: black;
    font-size: 15px;
    transform: translate(-209%, -186%);
    float: right;
}
.news-side-a ul.active{
    text-align: left;
}
.news-side ul li {
    padding: 2%;
    margin-left: 20%;
}
.news-side ul li:before {
    transform: translate(-119%, 9px);
}
.post_item h3{
    text-align: left;
    margin-left: 3%;
}
.post_item p{
    text-align: left;
    margin-left: 3%;
}
.tag-option{
    float: left;
}
.category a {
    margin-left: 0px;
    margin-right: 8px;
    float: left;
}
.title-news{
    display: block;
}

.blog_details p{
    text-align: left;
}
.info-link a:nth-child(1){
    float: left;
    text-align: left;
    display: list-item;
    width: 45%;
}
.info-link img {
    margin-right: 2%;
}
.info-pc{
    float: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.info-pc a img {
    margin-right: 21%;
    margin-left: 0px;
}
.info-pc a:nth-child(1){
    margin-right: 11%;
    margin-left: 0px !important;
}
.info-link .fa-heart {
    font-size: 15px;
    margin-left:0px;
    margin-right: 3px;
}
.info-link .fa-heart {
    font-size: 15px;
    margin-left: 0px;
    margin-right: 3px;
}
.see-details{
    float: unset !important;
    text-align: right !important;
    display: inline-block !important;
}
.form-control-cd {
    width: 100%;
    border-radius: 33px;
    padding: 15px;
    border: 0px;
    padding-left: 8%;
    font-size: 14px;
    padding-right: 18%;
}
.input-group-append-cd .click-btn {
    position: absolute;
    right: 1.5%;
left: unset}
.info-pcl{
    float: left;
    text-align: left;
    display: list-item;
    width: 45%;
}
.info-pcl-a{
    float: left;
    text-align: left;
    display: list-item;
    width: 23%;
    margin-left: 0px !important;
}
.info-pcl-b{
    float: unset;
    text-align: right;
    display: block;
    width: 20%;
}
.info-pcl-a{
    width: 20% !important;
}
.info-pc-d{
    display: flex !important;
    float: unset !important; ;
    width: unset !important;
}
.news-col-3 {
    padding-left: 15px;
    padding-right: 3%;
}
.pagination-prev-nav {
    margin-right: 6%;
    margin-left: 0px;
}
.pagination-next-nav {
    margin-left: 6%;
    margin-right: 0px;
}
.page-item.active .page-link:hover{
    color: black !important;
}
@media (max-width: 1360px) {
    .news-side {
        padding-left: 11%;
    }
}
@media (max-width: 1000px) {
    .news-side {
        padding-left: 7%;
    }
}
@media (max-width: 400px){
    .news-side {
        padding-left: 11%;
    }
}
/* single blog */
.input-group-append-cdn .click-btn{
    transform: translate(-116%, 14%);
}
.writer-c{
    text-align: left;
}
.tags-element {
    text-align: left;
    margin-top: 3%;
    padding-bottom: 30px;}
.navigation-post{
    direction: rtl;
}
.nav-previous a{
    float: unset !important;
    text-align: left !important;
    display: unset !important;
    width: unset !important;
}
.mm-v h5{
    text-align: left;
}
.pic-comment{
    text-align: left;
}
.user-comment{
    text-align: left;
}
.xd-k {
    margin-left: 7%;
    margin-right: 0px;
}
.comment-pl p {
    text-align: left;
}
.container-xd input::placeholder{
    text-align: left;
}
.btn-slider-lv img {
    margin-right: 12px;
    margin-left: 0px;
}
.single-content{
    text-align: left;
}
.writer-f a{
    text-align: right;
    float: unset !important;
    text-align: left !important;
    display: unset !important;
    width: unset !important;
}
.writer-f span{
    display: inline-block;
    margin-left: 5px;
}
.writer-c a{
    float: unset !important;
    text-align: left !important;
    display: unset !important;
    width: unset !important;
}

.com-d .container-xd .btn-slider-lv {
    position: absolute;
    right: 4% !important;
    left: unset;
}

@media (max-width: 1000px){
    .single-post-a .col-md-6 h5{
        font-size: 18px;
    }
    .com-d .container-xd .btn-slider-lv {
        position: absolute;
        right: 6% !important;
        left: unset;
    }
}
@media (max-width: 500px){
    .container-xd .btn-slider-lv {
        right: 8% !important;
}

}
@media (max-width: 380px){
    .container-xd .btn-slider-lv {
        right: 8% !important;
    }
}
/* courses */
.checkbox label {

    padding-left: 40px;
}
.checkbox label:before {
    right: unset;
    left: 0;
}
.checkbox label:after {
    left: 8px;
    right: unset;
}
.checkbox label span{
    left: 41px
}
.lectures-feature i {
    width: 20px;
    text-align: right;
    font-size: 13px;
    line-height: 25px;
    vertical-align: middle;
    float: left;
    margin-right: 5px;
}
.courses-d{
     text-align: left;
 }
.lectures-feature .label {
    display: inline-block;
    color: #666;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    float: left;
}
.lectures-feature .value {
    font-weight: 700;
    min-width: 60px;
    text-align: left;
    float: unset;
}
.lectures-feature .social-icons i{
    float: unset;
}
.fa-question-circle {
    font-size: 20px;
    margin-right: 7px;
}
.btn-slider-lvw img {
    margin-right: 12px;
    margin-left: 0px;
}
.news-side h6 {
    text-align: center;
}
.course-info-list .lectures-feature{
    margin-left: 0%;
}
.cl-d {
    transform: translate(108%, 0px);
}
.blog-title-b{
    direction: rtl;
}
.blog_item-c .info-link a:nth-child(1){
    margin-top: -6px;
}

.news-side-s{
    text-align: left;
}
.list_widget .media .pr-title {
    margin-left: 10px;
    margin-right: 0px;
}
.media.post_item:before {
    left: 0;
    right: unset;
    transform: translate(-63%, -48%);
}
.media.post_item {
    border: 2px solid #d6e0e2;
    border-width: 0px 0px 0px 2px;
}
.category p{
   float: unset;
}
.container-xd .btn-slider-lvw {
    position: absolute;
    right: 5%;
    left: unset;
}
.swiper-banner {
    direction: rtl;
}
.class-name-c{
    text-align: left;
}
.input-group-append-cd .click-btn1{
    position: absolute;
    right: 1.5%;
  left: unset;
    transform: translate(19%, -110%);
}
.control-cd {
    padding-left: 5% !important;
    padding-right: 7% !important;
}
@media (max-width: 768px){
    .control-cd {
        padding-left: 5% !important;
        padding-right: 9% !important;
    }
    .input-group-append-cd .click-btn1 {
        transform: translate(3%, -109%);
}
    .tag-option {
        padding: 5px 9px;
    }
    .tag-option a{
        font-size: 11px;
    }
    .info-pc a:nth-child(1) {
        margin-right: 4%;}
   .comment-pl .container-xd .btn-slider-lvw {
        position: absolute;
        left: 2%;
        transform: translate(-4%, 31%);
}}
.nc-side-d h6{
    text-align: left;
}
@media (max-width: 500px){
.control-cd {
    padding-left: 5% !important;
    padding-right: 13% !important;
}}
@media (max-width: 420px) {
    .control-cd {
        padding-left: 5% !important;
        padding-right: 18% !important;
    }
}
.news-ba{
    transform: translate(-296%, -180%);
}
.panel-c{
    direction: rtl;
}
.btn-panel-login {
    /*transform: translateX(-6%);*/
}
@media (max-width: 1686px){
    .btn-panel-login {
        /*transform: translateX(-50%);*/
    }}
@media (max-width: 1180px){
    .btn-panel-login {
        /*transform: translate(-36%,-13%);*/
    }}
@media (max-width: 768px){
    .btn-panel-login {
        /*transform: translate(-113%,-13%);*/
    }
    .post-ac{
        flex-direction: column-reverse;
    }
    .cl-d{
        transform: unset;
    }
    .post-ac .info-pc a img{
        margin-top: -13px;
    }
    .post-ac .col-md-3 {
        margin: 8px 0px;
    }
    .class-date .col-12 a {
        font-size: 14px}
    .class-name-c a{
        font-size: 14px
    }
    .class-price a{
        font-size: 14px
    }
    .class-table .table thead th{
        font-size: 14px;
    }
}
.blog_details-cd h5{
    text-align: center;
}
.blog_item .title-f a:nth-child(1) {
    border-left: 1px solid;
    padding-right: 10px;
    padding-left: 0px;
}
.class-date .col-12 a{
    float: unset;
    text-align: left;
    display: block;
    width:unset;
}
.class-price {
    text-align: left;
}
.aboutAuthor p {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    color: #6f7881;
    margin: 0;
    word-break: break-word;
}
.blog_item .title-f a:nth-child(1) {
    border-left: 0px solid;
}
.blog_item .title-f a:nth-child(2) {
    padding-left: 10px;
    border-left: 1px solid;
}
.news-ba{
    font-family: initial !important;
}
.section-b2:before {
    content: '';
    display: block;
    background: url(../images/bg-blue.svg);
    width: 436px;
    height: 436px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(368%, 94%);
}
.post_item-cd .media-body {
    text-align: left;
}
.news-side-f{
    text-align: center;
}
.lectures-feature{
    text-align: end;
}
@media (min-width: 1301px){
    .step-1-c .col-4 img{
        width: 293px;
    }
    .step-1c-a {
        position: relative;
        top: 16%;
        left: 11%;
        width: 446px;
    }
    .step-1-icon {
        position: relative;
        top: 22%;
        left: 6%;
    }
    .step-1-icon img{
        width: 113px;
    }
    .step-1-c .col-4 img{
        width: 293px;
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        position: relative;
        top: 16%;
        left: -37%;
    }
    .step-1-icon img{
        width: 113px;
    }
    .step-1-c:nth-of-type(even) span {
        left: -40%;
    }
    .step-1-c:nth-of-type(even) {
        position: relative;
        left: 111px;
        top: -13px;
    }
    .step-1-c:nth-of-type(odd):before {
        background: url(../images/teach-a.svg);
        content: '';
        display: block;
        width: 103%;
        height: 100%;
        position: absolute;
        z-index: 1;
        transform: translate(66%, 42%);
        background-repeat: no-repeat;
    }
    .step-1-c:nth-of-type(even):before {
        background: url(../images/teach-c.svg);
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        transform: translate(-49%, 29%);
        background-repeat: no-repeat;
    }
    .step-1-c:nth-child(6){
        position: relative;
        left: 110px;
        top: -77px;
    }
    .step-1-c:nth-child(9) {
        position: relative;
        top: -131px;
        right: 12px;
    }
    .step-1-c:last-child:before {
        background: url(../images/teach-b.svg);
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1;
        transform: translate(-52%, 31%);
        background-repeat: no-repeat !important;
    }
    .u-section-5 {
        padding-top: 10%;
        margin-bottom: 3%;}
    .step-1-c:nth-of-type(odd) .step-1c-a {
        position: relative;
        top: 17%;
        left: 11%;
        width: 446px;
    }
    .step-1-c:nth-child(10) {
        position: relative;
        left: 111px;
        top: -132px !important;
    }

}
@media (min-width: 1301px) and (max-width: 1650px){
   .row-a{  position: relative;
    right: 143px;
}
}

/*responsive-header*/
@media(max-width: 768px){
    .pd-res {
        padding-top: 0px!important;
    }
}
@media(max-width: 1693px) and (min-width: 1052px){
    .pd-res{
        padding-left: 0!important;
        padding-right: 6%;
    }
}
@media(max-width: 1051px) and (min-width: 769px){
    .pd-res{
        padding-left: 0!important;
        padding-right: 8%;
        padding-top: 10px;
    }
    .btn-panel-login {
        padding: 7px 18px!important;
    }
}
.select-left{
    float: right!important;
}
.btn-panel-login{
    float: right;
    margin-right: 5px;
}
@media (max-width: 768px){
    .header .menu-icon {
        display: block!important;
        top: 10px!important;
        left: auto!important;
        right: 5px!important;
        float: right!important;
    }
    .btn-panel-login{
        display: block!important;
        top: 0px!important;
        left: auto!important;
        right: 44px!important;
        float: right!important;
        padding: 3px 11px !important;
        position: absolute;
        border: none;
    }
    #select-container{
        border: none!important;
    }
    .select-left{
        top: 2px!important;
        left: auto!important;
        right: 115px!important;
        float: right!important;
        padding: 3px 11px !important;
        position: absolute;
    }
    .menu-cd{
        margin-top: 0!important;
    }
    .header .menu{
        border-bottom-right-radius: 45px;
        border-bottom-left-radius: 45px;
        margin: 0!important;
    }
    .menu-cd .menu a{
        text-align: left;
    }
}
@media (max-width: 1051px) {
    .pd-res{
        padding-top: 23px;
    }
    /*#select-container{*/
    /*    height: 40px!important;*/
    /*}*/
}
@media (max-width: 1010px) and (min-width: 1000px){
    .btn-panel-login {
        font-size: 12px;
    }
    #select-container {
         height: 35px!important;
    }
}

@media (max-width: 1051px) and (min-width: 1011px) {
    #select-container{
        height: 40px;
    }
}
@media(max-width: 998px) and (min-width:769px ){
    .pd-res {
        padding-top: 14px!important;
    }
}