html, body {
    font-family: IRANSans!important;
}
html, body {
    overflow-x: hidden;
}
body {
    direction: rtl;
    text-align: right;
}
html, body{
    margin: 0 !important;
    padding: 0 !important;
}

/* header */

.header {
    position: absolute;
    width: 100%;
    z-index: 3;
    border-radius:5px;
    top: 2%;
}
.btn-panel-login{
    position: relative;
    /*top: 22%;*/
    /*transform: translateX(-68%);*/
    padding: 8px 36px;
    float: left;
    margin-left: 5px;
}
.header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
}

.header li a {
    display: block;
    padding: 17px 27px;
    text-decoration: none;
    color: #242424;
    font-size: 15px !important;
}

.header li a:after{
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #F4549C;
    transition: width .3s;
    transform: translate(1px, 11px)
}

.header li a:hover::after,
.header .menu-btn:hover::after {
    width: 100%;

}
.header li a:hover{
    color: #F4549C!important;
}
.header li a{
    font-size: 16px;
}

.header .logo {
    display: block;
    float: right;
    font-size: 2em;
    padding: 0px 20px;
    text-decoration: none;
    padding-bottom: 8px;
}

.header .logo:hover {
    color:#4782ce
}
/* menu */
.header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 14px 10px;
    position: relative;
    background: inherit;
    border-radius: 5px;
    user-select: none;
    color: #f4549c!important;
}
.header .menu-icon{
    right: 7%;
    height: 36px;
    top: 8px;
}

.header .menu-icon .navicon {
    background: #f4549c;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #f4549c;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 5px;
}

.header .menu-icon .navicon:after {
    top: -5px;
}

/* menu btn */

.header .menu-btn {
    display: none;
}

.header .menu-btn:checked ~ .menu {
    max-height: 240px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
    .header li {
        float: right;
    }

    .header li a {
        padding: 20px 20px;
        font-size: 13px!important;
    }
    .header .menu-icon {
        display: none;
    }
}
.header .menu {
    clear: none;
    float: right;
    max-height: none;
    margin: 10px 0px 5px auto;
    background-color:#fff;direction:rtl;font-size:19px
}

@media (max-width: 900px){
    .btn-panel-login {
        padding: 6px 23px}
}
@media (max-width: 48em) {
    .menu-cd{
        z-index: 222222;
        top: 94%;
    }

    .menu-cd{
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-top: 5%;
        border-top: 1px solid #bababa;
        display: none;
    }
    .menu-cd .menu{
        background-color: #fff;
        direction: rtl;
        font-size: 19px;
        height: 100%;
        width: 92%;
        text-align: center;

    }
    .panel-c{
        position: absolute;
        left: -13%;
        top: 2%
    }
.btn-panel-login span{display: none}

    .btn-panel-login{
        padding: 4px 12px !important;
        margin-top: 13px;
        position: unset;
    }
    .header .menu{max-height: unset}
    .menu-cd .menu a{
        padding: 14px;
        border-bottom: 1px solid #eaeaea;
        border-radius: 0px;
    }
    .headbar{padding: 0px}
    .header .menu-icon {
        right: 5%;
        height: 33px;
        top: 15px;
    }
}
@media (max-width: 520px){
    .header .menu-icon {
     top: 11px;}
}
@media (max-width: 468px){}
.panel-c{
    left: -4%;
}
.btn-round{
    border: 1px solid #F4549C;
    color: #F4549C;
}

.header li a.active::after{
    width: 100%;
}
.header li a.active{
    color: #F4549C!important;
}

.u-section-1 .swiper-container {
    width: 100%;
    height: 100%;
}
.u-section-1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 500px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.u-section-1 .swiper-slide .a-swiper-1{
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.u-section-1 .swiper-slide .a-swiper-2{
    background-image: url(../images/bg-header-5.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.u-section-1 .swiper-slide .a-swiper-3{
    background-image: url(../images/bg-header-4.jpg);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.item-box .item-img{
    max-width: 100%;
    position: absolute;
    right: 0;
    width: 137px;
    bottom: -3%;;
    border-radius: 5px;
}
.item-box{
    background: white;
    height: 119px;
    position: relative;
    width: 100%;
    box-shadow: 0px 9px 22px 0 rgb(175 196 214 / 35%);
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.item-box:hover{
    transform: translateY(-6px);
    /*transform: scale(1.1);*/
    box-shadow: 0px 12px 29px 0 rgb(175 196 214 / 55%);
}
.see-more{
    position: absolute;
    bottom: 10px;
    left: 15px;
}

.u-section-2 {
    /*background-image: url(../images/shadow-sec1.svg);*/
    min-height: 845px !important;
    background-position: 83% 91%;
    background-size: cover;
    background-repeat: no-repeat;

}
.pd-30{
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-60{
    padding-top: 60px;
    padding-bottom: 60px;
}
.item-text{
    text-align: right;
    padding-top: 24%;
    font-size: 20px;
    font-weight: 400;
}
a{
    color: #A33594;
    text-decoration: none;
    font-size: 12px;
}

a:hover{
    text-decoration: none;
}
.text-white{
    color:#fff!important;
}
.font-16{
    font-size: 16px;
}
.text-slider{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
.btn-slider-info{
    background: inherit;
    color: #fff;
    border: 1px solid;
    border-radius: 2px 25px 25px;
    padding: 10px;
    width: 180px;
}
.btn-slider-lv{
    border-radius: 25px 2px 25px 25px;
    padding: 10px;
    width: 180px;
    background: #f4549c;
    color: #fff;
}
.btn-slider-lvw{
    border-radius: 25px 2px 25px 25px;
    padding: 10px;
    width: 180px;
    background: #f4549c;
}
.btn-slider-lvw:hover{
    filter: brightness(0.9);
    color: white;
    border: 1px solid;
}
.card {
    width: 456px;
    height: 407px;
    display: inline-block;
    margin: 3% 0%;
    border-radius: 4px 4px 25px 25px;
    box-shadow: 0 3px 21px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: #fff;
    position: relative;
    overflow: hidden;

}
.card:hover, .card.hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.25);
}
.card:hover .card-content, .card.hover .card-content {
    box-shadow: inset 0 3px 0 0 #ccb65e;
    border-color: #ccb65e;

}
.card:hover .card-content{
    display: none;
}
.card:hover .card-img .overlay, .card.hover .card-img .overlay {
    background-color: #182b2e8c;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 1;
}
.card-img {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-img .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.card-img .overlay .overlay-content {
    line-height: 224px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.card-img .overlay .overlay-content a {
    color: #fff!important;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 40px;
    line-height: 40px;
    font-size: 16px!important;
    border-radius: 20px;
    cursor: pointer;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    text-decoration: none;
    box-shadow: 0px 0px 16px 1px #27d5f696;
    width: 60%;
}
.card-img .overlay .overlay-content a:hover, .card-img .overlay .overlay-content a.hover {
    background: #27D5F6;
    border-color: #27D5F6;
}
.card-img .overlay .overlay-content a{
    background: #27D5F6;
    border-color: #27D5F6;
}
.card-content {
    width: 100%;
    min-height: 60px;
    background-color: #fff;
    border-top: 1px solid #E9E9EB;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 1rem 2rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    bottom: 0;
    position: absolute;
    text-align: center;
}
.card-content a {
    text-decoration: none;
    color: #202927!important;
}
.card-content h2, .card-content a h2 {
    font-size: 1rem;
    font-weight: 500;
    font-family: system-ui;
}
.card-content p, .card-content a p {
    font-size: .8rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(32, 41, 28, 0.8);
}
.overlay-content h4{
    font-size: 20px!important;
    border-radius: 20px;
    cursor: pointer;
    text-decoration: none;
    top: 38%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: system-ui;
}

.u-section-4{
    background-image: url(../images/portrait-student3.png);
    margin-bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.u-section-1 ,.u-section-2 ,.u-section-3 ,.u-section-4 ,.u-section-5  ,.u-section-7 , .u-section-8{
    min-height: 500px;
}
.u-section-6{    min-height: 500px;}
.btn-login-student{
    color: #fff;
    background: #CB2371;
    border-radius: 25px;
    padding: 5px 15px;
    box-shadow: 0px 4px 27px 0px #cb237161;
}

/*slider-section-4*/
.sliderContainer .swiper-student {
    background-color: #ffffff;
    overflow: visible;
    border-radius: 1.25rem;
}
.sliderContainer .swiper-student .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.sliderContainer .swiper-student .wrapper .imgContainer {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
.sliderContainer .swiper-student .wrapper .imgContainer img {
    border-radius: 18px;
    box-shadow: 0px 0px 0.625rem rgba(0, 0, 0, 0.5);
    width: 101px;
    height: 100px !important;
}
.sliderContainer .swiper-student .wrapper .desc {
    margin-top: -1.5rem;
    margin-bottom: 1rem;
    color: #999999;
}
.sliderContainer .swiper-student .wrapper .desc h4 {
    font-weight: 600;
    color: black;
    margin-bottom: 1rem;
}
.sliderContainer .swiper-student .wrapper .date {
    font-size: 0.75rem;
    margin-bottom: 0.125rem;
    color: gray;
}
.sliderContainer .swiper-student .wrapper .readMore {
    color: #ffffff;
    padding: 0.5rem 1.5rem;
    border-radius: 0.25rem;
}
.sliderContainer .swiper-pagination {
    bottom: -16%;
    left: 50%;
    right: unset;
    transform: rotate(90deg);
}
.sliderContainer .swiper-pagination .swiper-pagination-bullet {
    margin: 0.25rem;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 0.25rem;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    outline: 0;
}

@media (min-width: 992px) {
    .sliderContainer .swiper-student .wrapper .imgContainer {
        -webkit-transform: translateX(1rem);
        transform: translateX(0rem);
        flex-shrink: 1;
    }
    .sliderContainer .swiper-student .wrapper .desc {
        margin-top: 1rem;
    }

}
.imgContainer .text-slider-flex{
    display: inline-block;
    margin-right: 5%;
}
.name-course{
    color: #A33594!important;
}
.p-slider{
    height: 49px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.8;
}

#chart-step img{
    margin: 0 auto;
    width: 70%;
    max-width: 100%;
}
#chart-step{
    text-align: center;
    margin: 0 auto;
}
section{
    margin: 50px auto;
}
.u-section-6{
    background-image: url(../images/Teacher-Demo1.svg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    flex-direction: column-reverse;
    display: flex;
}
.u-section-6::before {
    background-color: #f0e8f2b5;
    content: '';
    display: block;
    height:100%;
    position: absolute;
    width: 100%;
}

.swiper-student .swiper-pagination{
    position: relative !important ;
    transform: translate(0px, 51%) !important;
}
.h-wrapper {
    position: relative;
    margin-bottom: 18px;
}
.h-wrapper .btn-see-more{
    margin-top: 12px;
    position: absolute !important;
    left: 5px;
}
.h-wrapper h4 {
    position: relative;
    float: right;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 0;
}
.btn-see-more{
    color: #F4549C!important;
    border: 2px solid;
    padding: 7px 15px;
    border-radius: 28px;

}
.news {
    display: block;
    margin-bottom: 25px;
}
.news.big .image-wrapper {
    margin-bottom: 7px;
    max-height: 500px;
    background: #fff;
}

.news.small .image-wrapper {
    margin-bottom: 7px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .1);
    max-height: 205px;
    height: 205px;

}

.news.small .image-wrapper img{
    width: 100%;
    height: 100%;
}
.news.small{

}
.news.big .image-wrapper {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .1);
    height: 500px;
}
.news .image-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgb(22 171 202 / 63%), rgb(245 51 141 / 56%));
    opacity: 0;
    transition: all .3s;
}
.news .image-wrapper .hovered .icon {
    display: block;
    margin: 0 auto;
    font-size: 36px;
    color: #f4f4f4;
    margin-bottom: 6px;
}
.news.big .title {
    font-size: 17px;
    margin-bottom: 4px;
    color: #565656;
    height: 21px;
    font-weight: 700;
    min-height: 32px;
    overflow: hidden;
    line-height: 1.8;
}
.news.small .title {
    font-size: 17px;
    margin-bottom: 4px;
    color: #565656;
    height: 21px;
    font-weight: 700;
    min-height: 32px;
    overflow: hidden;
    line-height: 1.8;
}
.news .date {
    font-size: 13px;
    color:#8c8c8c;
    padding: 0 10px;
}
.image-wrapper:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right, rgba(185, 151, 216, .8), rgba(96, 106, 193, .8));opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.image-wrapper .hovered{font-family: 'IRANSans';font-size: 18px;position:absolute;top:50%;left:50%;color:#fff;text-align:center;transform:translate(-50%, -50%) scale(.3);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.image-wrapper .hovered .icon{display:block;margin:0 auto;font-size:36px;color:#f4f4f4;margin-bottom:6px}
.image-wrapper:hover:before{opacity:1;filter:alpha(opacity=100)}
.image-wrapper:hover .hovered{opacity:1;filter:alpha(opacity=100);transform:translate(-50%, -50%) scale(1)}
.hovered .fa{
    font-size: 18px;
}
.news .image-wrapper img{
    width: 100%;
    height: 100%;
}
/* new style*/
.header .headbar{
    max-width: 1743px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    background: white;
    height: 100%;
    border-bottom-right-radius: 56px;
    border-bottom-left-radius: 56px;
}
.container-s{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

@media (min-width: 992px){
    .headbar .container-s{
        max-width: 1137px ;
    }}
@media (min-width: 1200px){
    .headbar .container-s {
        max-width: 1484px;}
}
.u-section-1 .swiper-slide{height: 661px}
.u-section-1 .swiper-slide:before{
    background: linear-gradient(to bottom, #121010a1 31%,rgb(75 8 31 / 68%) 61%) !important;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;}
.u-section-1  .swiper-pagination.swiper-pagination-bullets{display: none}
.u-section-2 .row{    padding-top: 4% !important;}
.p-text{
    color: #000000d9;
    margin-bottom: 20px;
    font-size: 17px;
    max-height: 52px;
    overflow: hidden;
    line-height: 1.6;
    font-weight: 300;}

.u-section-3{    margin-top: -17%;margin-bottom: 5%}
.h-wrapper{display: flex}
.u-section-3 .col-md-6.col-xs-6:nth-of-type(odd) .card{    position: absolute;
    left: 11%;}
.u-section-4{    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: end;
    justify-content: center;
}
.swiper-pagination-bullet {
    background: white !important;
    opacity: 1 !important;
    box-shadow: 1px 0px 12px 0px #b9b8b8 !important;
}
.u-section-4 .swiper-slide.slide.swiper-slide-active{
    padding: 0% 4% 2% 3%;
    border-radius: 15px;
}
.swiper-student .swiper-slide .wrapper{
    background: #fff;
    border-radius: 15px;
    /*box-shadow: 0px 14px 17px #9696964d;*/
    padding: 5% 6% 4% 6%;
}
    .u-section-6 .text-6-section {
        justify-content: center;
        padding: 25px;
        color: #4a4040;
        position: absolute;
        text-align: center;
        width: 56%;
    }
    .u-section-6 .col-section-6{
        position: absolute;
        left: -22%;
        top: 11%;
    }
.swiper-teach-6{
    height: 100%;
    width: 100%;
    background: white;
    border-radius: 12px;
    box-shadow: 0px 1px 28px 0px #c5c5c561;
    margin-bottom: 9%;
    padding-bottom: 20%;
}

.swiper-teach-6 p{
    /*height: 49px;*/
    /*overflow-y: hidden;*/
    /*line-height: 1.5;*/
}
.img-section-6{
    justify-content: center;
    text-align: center;
    padding-top: 11%;
}
.swiper-teach .img-section-6 img{
    height: 100px;
    width: 100px;
    border-radius: 55px;
}
.lesson{
    position: absolute;
    left: 12%;
    transform: translate(0px, -5px);
}
.lesson a{color:#F4549C;font-size: 14px}
.teacher{
    color:#F4549C;
    font-size: 14px;
    position: absolute;
    right: 10%;
    cursor: pointer;
}
.lesson img{
    width: 37px;
    height: auto;}
.col-section-c{    margin-bottom: -13%;}
.u-section-7{
    margin-top: 15%;
    margin-bottom: 5%;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 0.5rem;
    background: #F4549C!important;
}
.swiper-teach .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    position: relative;
    top: -15px;
    padding-bottom: 1%;}
.container-cv{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1488px;
}
.news.big{display: unset;}
.news.small .image-wrapper img{
    border-radius: 10px;
    box-shadow: 0 5px 15px 3px rgba(0, 0, 0, .1);}
.news.big .title{    text-align: center;}
.news.big .date{     text-align: center;
    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: end;
    justify-content: center;}
.letter-c{
    text-align: center;
    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: end;
    justify-content: center;
}
.letter-c span{
    background: #CB2371;
    color: white;
    padding: 10px;
    position: relative;
    bottom: 19px;
    font-size: 16px;
    border-radius: 3px;
}
.container-footer{    max-width: 1470px;    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#block_widget-3 p{
    font-size: 16px;
    margin-top: 5%;
    color: #565656;
    height: 21px;
    font-weight: 300;
    min-height: 63px;
    overflow: hidden;
    line-height: 2;}
.footer-widgets iframe{max-width: 100%;border-radius: 11px}
.footer-widgets{    padding: 4% 0% 2% 0px;
    background: #FBFBFB;}
#block_widget-5 h5{
    margin-bottom: 15%;
    color: #F4549C;}
.tex-p a{
    font-size: 16px !important;
    color: #565656;
    font-weight: 300;
    padding-right: 5px}
.absolute-footer{
    padding: 10px 0 15px;
    font-size: .9em;}
.footer-primary{
    float: none;}
.copyright-footer {
    border-top: 1px solid #00000014;
    padding-top: 14px;
}
.copyright-footer span{
    float: left;}
.follow-icons i{
    font-size: 19px;
    color: #adadad;
    margin-right: 15px;
}
.copyright-footer a{    color: grey;}
#block_widget-3 img{
    padding: 0px 6px 17px 6px;
    border-radius: 65px;
   width: 78%;
}
.header .menu{    width: 100%;}
@media (min-width: 1180px){
    .logo img {
        width: 227px;
        height: 100%;
    }
}

@media (max-width: 1010px) and (min-width: 1000px) {
    .btn-panel-login {
        font-size: 12px;
    }
    #select-container {
        /*left: 41%!important;*/
        /*top: 22px!important;*/
        height: 35px!important;
        width: 44px;!important;
    }
    #select-container ul li img{
        /*transform: translate(-47%, 14%)!important;*/
    }
}
@media (max-width: 999px) and (min-width: 769px) {
    .btn-panel-login {
        /*transform: translate(36%,2%);*/
        font-size: 12px;
    }
    #select-container {
        /*left: 34%!important;*/
        /*top: 14px!important;*/
        height: 35px!important;
    }
    #select-container ul li img{
        /*transform: translate(-47%, 14%)!important;*/
    }
}
@media (max-width: 1180px) {
    .logo img {
        width: 100%;
        height: 100%;
        margin-top: 5px;
    }
    .header li a {
        font-size: 16px;
        font-size: 14px;
        /* line-height: 30px; */
        /* font-weight: bold; */
        font-size: 14px;
        line-height: 30px;
        /* font-weight: bold; */
        padding: 0 10px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        padding: 0 10px;
}
    .header .logo {
        padding-bottom: 8px;
    }
}
.padding-c{padding: 0px 30px;}
@media (max-width: 768px) {
.logo img {
    width: 120px;
    height: 40px;
}
}
@media (max-width: 650px) {
    .logo img {
    width: 120px;
    height: 40px;
}
    .header .logo{padding: 0px; padding-bottom: 8px;}
}
@media (max-width: 550px) {
    .logo img {
        width: 166px;
        height: 52px;
    }
    .step-c-5 h4{
        font-size: 17px;
    }
.container-s .col-md-3.col-5.col-xs-4{padding-right: 0px;}
    .btn-slider-lv {
        width: 170px;
        color: #fff;
        font-size: 13px;
    }
    .btn-slider-info {
        width: 172px;
        font-size: 13px;
    }

}
@media (max-width: 1000px) {

    .header .headbar{
        border-bottom-right-radius: 45px;
        border-bottom-left-radius: 45px;}
    .text-slider {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        width: 80%;
    }
    .u-section-1 .swiper-slide {
        height: 490px;
    }
    .u-section-6 {
        min-height: 449px;
    }
}
@media (max-width: 768px) {
    .u-section-1 .swiper-slide {
    height: 422px;
}
.text-slider h1{    font-size: 28px;}
    .text-slider {   top: 53%;}
}
@media (max-width: 430px) {
    .u-section-1 .swiper-slide {
        height: 350px;
    }
    .u-section-1{
        min-height: 350px;
    }
    .text-slider h1{    font-size: 24px;}
    .font-16 {
        font-size: 14px;
    }
    .text-slider {   top: 53%;}

}
@media (max-width: 575px){
    .row-2{
        margin-left: 4%;
        margin-right: 6%;}
}
@media (max-width: 991px) and (min-width: 767px) {
    .card {
        width: 321px;
        height: 294px;
    }

    .card-img {
        position: relative;
        height: 100%;
        width: 100%;
    }
}
@media (max-width:767px)
{.card {
     width: 465px;
     height: 418px;
 }}
@media (max-width:1200px){
    .u-section-7 {
        margin-top: 20%;
    }
}
@media (max-width:1000px){
    .u-section-6 .text-6-section {
        width: 70%;
    }
    .u-section-6 .col-section-6 {
        left: -15%;
    }
}

@media (max-width:991px){
.swiper-pagination {
    transform: translate3d(0, 0, 0) !important;
}
 .sliderContainer .swiper-student .wrapper .desc{
   margin-bottom: 0rem;
     color: #999999;
     padding-top: 14%;
 }
    .col-section-c {
        margin-bottom: -18%;
    }
    .u-section-6 {
        min-height: 412px;
    }
    .u-section-6 .col-section-6 {
        top: 4%;
    }
}
@media (max-width:900px){.u-section-7 {
    margin-top: 26%;
}}
@media (max-width:768px) {
    .sliderContainer .swiper-student .wrapper .desc{
        margin-bottom: 1rem;
        color: #999999;
        padding-top: 11%;
    }
    .u-section-6 .col-section-6 {
        left: -4%;
    }
    .u-section-6 .text-6-section {
        width: 88%;
    }
    .u-section-6 .col-section-6 {
        left: -3%;
    }
    .u-section-6 .text-6-section {
        width: 87%;
    }
    .u-section-7 {
        margin-top: 29%;
    }
    .news.small .title{text-align: center}
    .news.small .date{text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;}
    #block_widget-3 img {
        padding: 0px 6px 17px 6px;
        border-radius: 65px;
        width: 45%;
        padding-bottom: 0px;
    }

}
@media (max-width:700px) {
    .col-section-c {
        margin-bottom: -27%;
    }
    .u-section-7 {
        margin-top: 34%;
    }
}
@media (max-width:500px)
{.card {
    width: 95%;
    height: 325px;
    margin-right: 2%;
}
    .card-img {
        position: relative;
        height: 100%;
        width: 100%;}
    .u-section-3 .col-md-6.col-12.col-xs-12{margin-bottom: 3%}
    .u-section-6 .col-section-6 {
        left: 1%;
    }
    .u-section-6 .text-6-section {
        width: 96%;
    }
    .u-section-7.news-wrapper .col-md-4{margin-top: 11%;}
    #block_widget-3 img {
        padding: 0px 6px 17px 6px;
        border-radius: 65px;
        width: 59%;
        padding-bottom: 0px;
    }
}
@media (max-width:400px) {
    .sliderContainer .swiper-student .wrapper .desc {
        padding-top: 14%;
    }
    .name-student{    font-size: 18px;}
    .name-course{    font-size: 17px;}
    .u-section-6 .col-section-6 {
        left: 2%;
    }
    .swiper-teach-6 {
        height: 100%;
        width: 71%;
        background: white;
        border-radius: 12px;
        box-shadow: 0px 1px 28px 0px #c5c5c561;
        margin-bottom: 9%;
        padding-bottom: 12%;
        position: relative;
        right: 16%;
    }
    .col-section-c {
        margin-bottom: -41%;
    }
    .u-section-7 {
        margin-top: 50%;}
    .u-section-7.news-wrapper .col-md-4{margin-top: 15%;}
    .copyright-footer span {
        margin-top: 5px;
    }
}
@media (max-width:376px) {.u-section-7.news-wrapper .col-md-4 {
    margin-top: 18%;
}}

@media (max-width:900px) {
    #block_widget-3{
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2%
    }
    #block_widget-5{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #block_widget-7{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width:576px) {
    #block_widget-5 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 4%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #block_widget-7{
        flex: 0 0 100%;
        max-width: 100%;

    }
}
.u-section-5 {
    padding-top: 10%;
    margin-bottom: 7%;
    margin-top: 0px !important;
}
.step-c-5 .step-1-c img{width: 173%;}
.step-1-c span{
    position: absolute;
    top: 39%;
    right: 45%;
    font-size: 32px;
    bottom: unset;
    left: unset;
    transform: translate(71%, 6%);
    color: white
}
.step-1-icon{
    position: relative;
    top: 22%;
    left: 6%;
}
.step-1c-a{    position: relative;
    top: 19%;
    left: 2%;
    width: 446px;}
.step-1-icon{    padding: 12px;
    background: white;
    border-radius: 70px;
    box-shadow: 0px 4px 27px 0px #b9b9b961;}
.step-1-icon a{
    color: #CB2371;
    font-size: 21px;
    position: absolute;
    transform: translate(-45%, 45%);
}
.step-1-icon hr{
    position: absolute;
    transform: translate(-45%, 45%);
    z-index: 2;
    height: 0px;
    width: 47%;
    top: 33%;
    right: 15%;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
}
.step-1-icon p{
    position: absolute;
    right: 37%;
    bottom: 15%;
    font-size: 19px;
    color: #828282;
    line-height: 2;
    overflow: hidden;
    min-height: 38px;}
.step-1-c:nth-of-type(odd) .row{
    display: flex;
    flex-direction: row-reverse;
}
.step-1-c:nth-of-type(odd) .col-4 img{    transform: rotate(180deg);}
.step-1-c:nth-of-type(odd) span {
    position: absolute;
    top: 39%;
    right: unset;
    bottom: unset;
    left: -63%;
}
.step-1-c:nth-of-type(odd) .step-1c-a {
    position: relative;
    top: 19%;
    left: -45%;}

.step-1-c:nth-of-type(odd) .step-1-icon{
    display: flex;
    flex-direction: row-reverse;
}
.step-1-c:nth-of-type(odd) .step-1-icon a {
    color: #CB2371;
    font-size: 21px;
    position: absolute;
    transform: translate(-45%, 45%);
    right: 6%;
}
.step-1-c:nth-of-type(odd) .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(odd) .step-1-icon p {
    position: absolute;
    right: 14%;
    bottom: 15%;
    font-size: 19px;
    color: #828282;
    line-height: 2;
    overflow: hidden;
    min-height: 38px;
}
/*.u-section-5 .row-a {*/
/*    background: url(../images/learn-bg.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: 39% 552%;*/
/*    background-size: 33% 98%;*/
/*}*/
.u-section-3{
    /*background: url(../images/bg-blue.svg);*/
    background-repeat: no-repeat;
    background-position: 123%;
}
.u-section-5{
    /*background-image: url(../images/shadow-sec1.svg);*/
    background-position: 161% -8px;
    background-size: cover;
    background-repeat: no-repeat;}
.u-section-5: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(35%, 80%);}
.step-1-c:nth-of-type(even):before{
    background: url(../images/teach-a.svg);
    content: '';
    display: block;
    width: 100%;
    height: 106%;
    position: absolute;
    z-index: 1;
    transform: translate(66%, 42%);
    background-repeat: no-repeat;
}
.step-1-c:nth-of-type(odd):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;
}
.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(104%, 39%);
    background-repeat: no-repeat;}
.step-1-c:nth-of-type(odd){
    position: relative;
    left: 51px;
    top: -13px;
}
.step-1-c:nth-of-type(even){
    position: relative;
    top: -70px;
    right: 9px;}
.step-1-c:nth-child(2){
    position: relative;
    top: 0px;
    right: 5px;}
.step-1-c:nth-child(7){
    position: relative;
    left: 51px;
    top: -80px;
}
.step-1-c:nth-child(10) {
    position: relative;
    top: -131px;
    right: -1px;
}
@media (max-width:1300px) {
    .step-1-c:nth-of-type(odd):before {
        display: none;
    }

    .step-1-c:nth-of-type(even):before {
        display: none;
    }

    .step-1-c {
        flex: 0 0 100%;
        max-width: 100%;
    }

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

    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-43%, 3%);
    }
    .step-1-c:nth-of-type(even) span{right: 23%;}
    .step-1-c:nth-of-type(odd) span {left: 18%}
    .step-c-5{flex: 0 0 100%;
        max-width: 100%;}
}
@media (max-width:1200px) {

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

    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-25%, 3%);
    }
    .step-1-c:nth-of-type(odd) span {
        left: unset;
        right: 101%;
    }
}
@media (max-width:1000px) {
    .step-1-c:nth-of-type(odd) {
        position: relative;
        left: 15%;
    }
    .u-section-5 .container{
        max-width: 959px;
    }
    .step-1-c:nth-of-type(odd) {
        position: relative;
        left: 15%;
        top: -27px;
    }
    .step-1-c:nth-child(2) {
        position: relative;
        top: 0px;
        right: 6%;
    }
    .step-1-c:nth-child(7) {
        position: relative;
        left: 51px;
        top: -80px;
    }
}
@media (max-width:980px) {
    .step-1-c:nth-of-type(odd) {
        position: relative;
        left: 22%;
        top: -30px;
    }
    .step-1-c:nth-of-type(even){
        position: relative;
        top: 0px;
        right: 10%;
    }
    .u-section-5 .container{
        max-width: 1092px;
    }
}
@media (max-width:880px) {
    .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: 6%;
    }
    .step-1-c:nth-of-type(odd) .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(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: 28%;
    }
    .step-1-c:nth-of-type(even) .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(odd){    margin-top: 2%;}
    .step-1-c:nth-of-type(even){    margin-top: 2%;}
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-38%, 14%);
        position: unset;
        width: 100%;
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(27%, 14%);
        position: unset;
        width: 100%;
    }
    .step-1-c:nth-of-type(odd) {
        position: relative;
        left: 12%;
        margin-top: 5%}
    .step-1-c{ margin-top: 3%}
    .step-1-c:nth-of-type(odd) span {
        left: unset;
        right: 81%;
        top: 36%;
        font-size: 23px;
    }
    .step-1-c:nth-of-type(even) span {font-size: 23px;top: 36%;}
    .step-1-c:nth-of-type(even) {
        margin-top: 0%;
    }
}

@media (max-width:720px) {
    .step-1-c .step-1c-a{
        position: unset !important;
        transform: translate(1%, -2%);
        width: 100%;
    }
    .step-1-c .step-1-icon {position: unset !important;}
    .step-1-c:nth-of-type(odd) {
        margin-top: 5%;
    }
    .step-1-c:nth-of-type(even) .step-1c-a{
        transform: translate(34%, 11%);
    }
    .step-1-c:nth-of-type(odd) .step-1c-a{
        transform: translate(-34%, 11%)
    }
    .step-1-c .step-1-icon a {
        transform: translate(-49%, 21%) !important;}
    .step-1-c .step-1-icon p {
        bottom: -4% !important;}

}
@media (max-width:590px) {
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(36%, 8%);}
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-36%, 8%);
    }
    .step-1-c:nth-of-type(odd) {
        margin-top: 8%;
    }
    .step-1-c:nth-of-type(even) span {
        font-size: 17px;
        top: 34%;
    }
    .step-1-c:nth-of-type(odd) 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(odd) .step-1-icon a {
        color: #CB2371;
        font-size: 18px;}


}
@media (max-width:500px) {

    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-42%, 11%);
    }
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(37%, 8%);;
    }
    .step-1-c:nth-of-type(even) span {
        right: 26%;
    }
    .step-1-c:nth-of-type(odd) 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(odd) .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(even) .col-4 img {
            width: 113%;
        }
        .step-1-c:nth-of-type(odd) .col-4 img {
            width: 113%;
        }

}
@media (max-width:430px) {
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(39%, 5%);
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-39%, 5%);
    }
    .step-1-c:nth-of-type(odd) {
        margin-top: 10%;
    }
    .step-1-c .step-1-icon p {
        bottom: -33% !important;}
}
@media (max-width:388px) {
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(39%, 6%);
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-40%, 0%);
    }
    .step-1-c:nth-of-type(odd) {
        margin-top: 12%;
    }
    .step-1-c:nth-of-type(even) span {
        font-size: 15px;
        top: 32%;
    }
    .step-1-c:nth-of-type(odd) span {
        top: 33%;
        font-size: 15px;
    }
    .step-1-c .step-1-icon a {
        transform: translate(-39%, -32%) !important;
        font-size: 17px !important;}
    .step-1-icon hr {
        top: 26%;
        border-top: 1px solid rgba(0, 0, 0, 0.1);}
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-43%, 5%);
    }

}
    @media (max-width:360px) {
        .step-1-icon hr{
        display: none}
    }

@media (max-width:350px) {
    .step-1-c:nth-of-type(even) .step-1c-a {
        transform: translate(39%, 1%);
    }
    .step-1-c:nth-of-type(odd) .step-1c-a {
        transform: translate(-45%, 5%);
    }
    .step-1-c .step-1-icon a {
        font-size: 15px !important;
    }
    .step-1-c .step-1-icon p {
        font-size: 14px !important;
    }
    .card {
        width: 95%;
        height: 293px;
        margin-right: 2%;
    }

}
@media (max-width: 390px){
    .logo img {
        width: 100px;
        height: 32px;

    }
}
.btn-slider-info:hover{
    background: #f4549c;
    color: white;

}
.btn-panel-login:hover{color: #f4549c;}
.btn-slider-lv:hover{
    filter: brightness(0.9);
    color: white;
    border: 1px solid;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25) !important;
}
.btn-login-student:hover{
    filter: brightness(0.9);
    color: white;
}
@media (max-width: 600px){

.btn-see-more{padding: 7px 11px;
font-size: 9px}
.h-wrapper h4 {
    font-size: 19px;}
}
@media (max-width: 380px){
    .news-hc{width:100%;}
    .btn-see-more{padding: 7px 11px;
        font-size: 9px}
    .h-wrapper h4 {
        font-size: 19px;}
    .u-section-7 .h-wrapper{
        display: block;
    }
    .h-wrapper .btn-see-more {
        position: relative !important;
        left: -18px;}
}
.btn-see-more:hover {
    background: #f4549c;
    color: white !important;
}

@media (max-width: 576px) {
    .u-section-3 .container{  max-width: 496px;
    }
}
.u-section-7: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(-38%, 27%);
    left: 0px;
    overflow: hidden;
}
.u-section-1 .banner-slide {
    height: 661px;
}
.a-banner-1{
    background-image: url(../images/bg-header-1.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
}
.banner-contact:before{
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    background: linear-gradient(to bottom, #12101066 31%,rgb(152 61 92 / 80%) 117%) !important;
}
.banner-contact {
    height: 370px;
    width: 100%;
    position: relative;
}
.a-slide-1{
    background-image: url(../images/contact-us.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
}
.text-slide {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.content-area-a{
    min-height: 100%;
    width: 100%;
    position: relative;
    background-image: url(../images/friends.png);
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
}
.content-area-a:before{
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, #12101080 31%,rgb(109 3 74 / 83%) 117%) !important;
    border-radius: 20px;
}
.u-section-c2 {margin-top: 5%;
    margin-bottom: 9%;
}
.content-area-a .c-text{
    position: relative;
    margin-right: 18%;
    margin-left: 16%;
    padding-top: 14%;
}
.content-area-a p{
    color: white !important;
    position: relative;
    font-size: 18px;
    margin-top: 6%;
}

.content-area-a a{
    color: #cacaca !important;
    font-size: 15px;}
.content-area-b{
    min-height: 100%;
    width: 100%;
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 9px 22px 0 rgb(174 177 179 / 35%);
    background: white;
}
.container-xd{
    padding: 8%;
}
.container-xd .col-x-c{
    display: grid;
}
.container-xd input{
    background: #F9F4F6;
    border: 0px;
    border-radius: 24px;
    padding: 18px;
    height: unset !important;
    width: 100%;
}
:focus {
    outline:none
}
.c-form-pdp-comment__input{
    background: #F9F4F6;
    border: 0px;
    border-radius: 24px;
    padding: 18px;
}
.c-form-pdp-comment__input::placeholder{
    color: #ACACAC;
}
.container-xd .btn-slider-lvw{
    position: absolute;
    left: 2%;
    transform: translate(5%, 50%);
    box-shadow: 0px 4px 27px 0px #cb237161;
    color: white;
}
.container-xd .btn-slider-info{
    margin-top: 30%;
}
.area-a-btn{
    margin-top: 32%
}
.u-section-c2:before{
    content: '';
    display: block;
    background: url(../images/pink.svg);
    width: 436px;
    height: 436px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(41%, 70%);
    left: 1px;
    z-index: -1;
}
.form-control:focus {
    background-color: #F9F4F6 !important;
    border-color: unset !important;
    outline: 0;
    box-shadow: unset !important;
}
.email-c{direction: ltr}
.content-area-b .invalid-feedback{font-size: 15px}
.send-btn-v{height: 73px;}
@media (max-width:999px) and (min-width:900px){
    .content-area-a .c-text {
        position: relative;
        margin-right: 12%;
        margin-left: 12%;
        padding-top: 14%;
    }
    .u-section-c2 .container {
        max-width: 880px !important;
    }
}
@media (max-width: 900px) and (min-width: 768px) {
    .u-section-c2 .container {
        max-width: 784px !important;
    }
}
@media (max-width:768px){
.content-area-a .c-text {
    position: relative;
    margin-right: 6%;
    margin-left: 6%;
    padding-top: 6%;
}
    .area-a-btn {
        margin-top: 3%;
        margin-bottom: 6%;
    }
    .content-cd{margin-top: 6%;
    display: flex}
    .content-area-a p {
         margin-top: 0%;
        margin-left: 2%;
    }
    .content-area-b{margin-top: 5%}
}
@media (max-width:1400px){
    .banner-contact {
        height: 330px;}
}
@media (max-width:1000px){
    .banner-contact {
        height: 315px;
    }
    .text-slide h1{
        font-size: 20px;
    }
}
@media (max-width:768px){
    .banner-contact {
        height: 315px;
    }
}
@media (max-width:500px){
    .banner-contact {
        height: 269px;
    }
}
/*    faq    */
.a-slide-2{
    background-image: url(../images/faq.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
}
.form-control-c{
    width: 800px;
    border-radius: 33px;
    padding: 18px;
    border: 0px;
    padding-right: 8%;
    font-size: 14px;
    padding-left: 18%;
}
.input-group-append-c .click-btn{
    position: absolute;
    left: 1.5%;
    background: #F4539B;
    width: 15%;
    top: 2%;
    border-radius: 20px;
    transform: translate(0%, 22%);
    color: white;
    box-shadow: 0px 3px 11px 0px #cb237161;
}
.input_ser .fa-search{
    position: absolute;
    font-size: 28px;
    transform: translate(-89%, 41%);
    color: #a5b3bac7;
}
.form-control-c::placeholder{
    color: #a5b3bac7 !important;
}
.text-h1-c{
    text-align: center;
    font-size: 34px;
    padding-bottom: 1%;
}
.faq-text{text-align: center}
.faq-text p{
    color: #A5B3BA;
    font-size: 15px;
}
@media (min-width: 1200px){
.faq-c-title .container{
    max-width: 1561px;
}
}
.faq-c-side ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.faq-c1{
    margin-top: 17%;
    box-shadow: 0px 9px 22px 0 rgb(174 177 179 / 35%);
    padding: 16%;
    width: 100%;
    border-radius: 16px;
    padding-right: 23%;
}



#main #faq .card {
    margin-bottom: 17px;
    border: 0;
}

#main #faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: #FFF9FC;
    color: #222;
    padding: 20px;
    text-align: right;
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: left;
    color: #A8A8A8
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: white;
    color: #000;
    text-align: right;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
    float: left;
    color: #F4549C;
}



#main #faq .card .collapse {
    border: 0;
    transition: background 0s ease 0s;
}

#main #faq .card .collapse.show {
    background: #FFF9FC;
    line-height: 30px;
    color: #222;
    transition: background 0s ease 0s;
}
.accordion#faq .card{
    width: 100% !important;
    height: 100% !important;
    display: block;
    margin-bottom: 30px;
    border: 0;
    box-shadow: 0 2px 18px 0 rgb(154 153 153 / 21%);
    border-radius: 20px;
}
#faqhead1 a{
    text-align: right;
    color: #A8A8A8;
}
.accordion#faq .card:hover{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: 0 2px 18px 0 rgb(154 153 153 / 21%);
}
#faq .card-body{
    color: #44333985;
    padding-bottom: 3%;
    padding-top: 0px;
}
.faq-list a{
    color: black;
    font-size: 14px;
}
.faq-list a:hover{
    color: #FF1C82;
}
.faq-c-main .p-text{
    margin-right: 4%;
    color: #FF1C82;
    font-size: 20px;
}
.faq-list .active{
    color: #FF1C82;
}
.faq-list .active:before{
    content: '';
    display: block;
    color: #FF1C82;
    height: 2px;
    width: 28px;
    background: #FF1C82;
    position: absolute;
    transform: translate(37px, 8px);
}
.faq-c-main{
    margin-bottom: 9%;
}
.faq-c-bottom{
    text-align: center;
    margin-bottom: 7%;
}
.faq-c-bottom h4{
    line-height: 1.6;
}
.faq-c-bottom .btn-slider-lv {
    border-radius: 25px 2px 25px 25px;
    padding: 10px;
    width: 180px;
    background: #23D9E6;
    color: #fff;
    margin-top: 1.5%;
    box-shadow: 0px 4px 27px 0px #23D9E6;
}
.faq-c-bottom:before{
    content: '';
    display: block;
    background: url(../images/bg-blue.svg);
    width: 390px;
    height: 393px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    transform: translate(70%, -57%);
    z-index: -1;
}
@media (max-width:1400px){
    .faq-c-side{
        padding-right: 4%;
    }
    .faq-c1 {
        padding-right: 26%;}
}
@media (max-width:1200px){
    .form-control-c {
        width: 489px;
    }
    .input-group-append-c .click-btn {
        width: 21%;
    }
    .form-control-c {
        padding-right: 12%;
        padding-left: 24%
    }
}
@media (max-width:991px){
    .faq-c-title .container {
        max-width: 961px;
    }
    .faq-c-side{
        padding-left: 0px;
    }
}
@media (max-width:767px){
    .form-control-c {
        width: 400px;
        padding: 15px;
    }
    .input-group-append-c .click-btn {
        width: 24%;
        top: -4%;
    }
    .form-control-c {
        padding-right: 15%;
        padding-left: 27%
    }
    .input_ser .fa-search {
        font-size: 24px;
        transform: translate(-88%, 54%);
    }
    .faq-c1 {
        margin-top: 0%;
        box-shadow: 0px 9px 22px 0 rgb(174 177 179 / 35%);
        padding: 7%;
        width: 100%;
        border-radius: 16px;
        padding-right: 13%;
        margin-bottom: 7%;
    }
    .faq-c-main #main .container{
        padding: 0px;
    }
    .faq-c-side{
        padding-left: 4%;
    }
    .faq-c-title{
        margin-top: 3% !important;
    }
    .faq-c-bottom .btn-slider-lv{
        margin-top: 5% !important;
        margin-bottom: 9%;
    }
}
@media (max-width:500px){
    .form-control-c {
        width: 400px;
        padding: 15px;
    }
    .input-group-append-c .click-btn {
        transform: translate(0%, 16%);
        font-size: 13px;
    }
    .form-control-c {
        padding: 11px;
        width: 315px;
        padding-right: 16%;
        padding-left: 27%;
    }
    .input_ser .fa-search {
        font-size: 21px;
        transform: translate(-73%, 46%);

    }
    .faq-c1 {
        padding-right: 18%;
    }
}
@media (max-width:365px){
    .form-control-c {
        width: 264px;
        padding-left: 35%;
    }
    .input-group-append-c .click-btn {
        width: 33%;
        box-shadow: 0px 3px 11px 0px #cb237161;
        font-size: 12px;
        top:0%;
    }
    .input_ser .fa-search {
        transform: translate(-54%, 49%);

    }
}
.faq-c-bottom{
    line-height: 1.6;
}
.input-group-append-c .click-btn:hover{
    filter: brightness(0.9);
}
.faq-c-bottom .btn-slider-lv:hover{
    border: 1px solid #23D9E6;
}

/* blog and news   */
.a-slide-3{
    background-image: url(../images/blog/blog.png);
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
}
@media (min-width: 1200px){
.section-b2 .container{
    max-width: unset;
    width: 1170px;
}
    .u-section-b2 .container, .u-section-bd2 .container{
        max-width: 1539px;
    }
}
.u-section-b2{
    background: #F9F9F9;
    margin: 0px;
    padding: 80px 0px;
}
.news-side {
    padding: 7%;
    background: white;
    border-radius: 36px;
    width: 100%;
    margin-top: 6%;
}
.form-control-cd{
    width: 100%;
    border-radius: 33px;
    padding: 15px;
    border: 0px;
    padding-right: 8%;
    font-size: 14px;
    padding-left: 18%;
}
.input-group-append-cd .click-btn {
    position: absolute;
    left: 1.5%;
    background: #F4539B;
    width: 42px;
    border-radius: 63px;
    transform: translate(1%, -112%);
    color: white;
    padding: 8px;
}
.news-ba{
    position: absolute;
    left: 10%;
    color: black;
    font-size: 15px;
    transform: translate(-2%, -169%);
}
.news-ca{
    color: black;
    font-size: 15px;
    margin-right: 10%;
    margin-top: 5%;
}
.news-ca:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: transparent;
    border-radius: 25px;
    transform: translate(176%, -11%);
    border: 2px solid #0000005c;
}
.news-ca.active:before{
    background: #F4539B !important;
    border:0px solid #0000005c !important;
}
.news-side ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.news-side ul li:before{
    content: '';
    display: block;
    width: 38px;
    height: 2px;
    position: absolute;
    background: #7070702e;
    border-radius: 25px;
    transform: translate(121%, 8px);

}
.news-side ul li{
    padding: 2%;
    margin-right: 20%;
    font-size: 13px;
    color: #26384394;
}
.news-side-a ul{
    display: none;
}
.news-side-a ul.active{
    display: block;
}
.post_item img{
    max-width: 100%;
    border-radius: 11px;
    width: 50px;
    height: 34px;
}
.post_item .media-body{
    justify-content: center;
    align-self: center;
    padding-right: 20px;
    text-align: right;
}
.post_item h3{
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 6px;
    transition: all .3s linear;
    color: black;
    max-height: 20px;
    overflow: hidden;
}
.post_item p{
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 0;
    color: #444444a1;
}
.tag-option{
    cursor: pointer;
    margin-left: 4px;
    background-color: #22CDEE;
    padding: 6px 12px;
    border-radius: 12px;
    color: white;
    font-size: 12px;
}
.blog_item_img{
    position: relative;
    min-height: 250px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
}
.blog_item h6{
    color: black;
}
.title-news{
    margin-bottom: 12px;
}
.category{
    height: 25px;
    margin-bottom: 1%;
}
.category a{
    background: #22CDEE;
    color: white !important;
    border-radius: 13px;
    padding: 5px 13px;
    font-size: 10px;
    margin-left: 7px;
}
.category p{
    font-size: 12px;
    color: #C3CCD3;
    float: left;
}
.blog_details p{
    color: #768791;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 15px;
    max-height: 46px;
    overflow: hidden;
}
.info-link{
    margin: 0;
    padding: 0;
    list-style: none;
}
.info-link img{
    width: 30px;
    height: 30px;
    border-radius: 66px;
    margin-left: 2%;
}
.info-link a{
    color: #C3CCD3 ;
}

.info-link .fa-comments{
    font-size: 17px;
    margin-left: 3px;
}
.info-link a{
    color: #C3CCD3 ;
}
.info-pc{
    float: left;
    display: flex;
}

.info-link .fa-heart{
    font-size: 15px;
    margin-left: 3px;
}
.info-link .fas.fa-heart{
    color: #F25B84;
}
.news-col-9 .border-bc{
    border-bottom: 1px solid #7070703d;
    padding-bottom: 5%;
}
.blog-row{
    margin-top: 5%;
}
.blog-title-a h5{
    text-align: center;
    margin-top: 2%;
    color:black;
    margin-bottom: 3%;
}
.blog-title-b{
    margin-top: 2%;
    text-align: center;
}
.blog-title-b a:nth-child(1){
    padding-left: 11px;
    color: #9C9C9C;
}
.blog-title-b a:nth-child(1) span{
    color: #F4549C;
}
.blog-title-b a:nth-child(2){
    border-left: 2px solid #707070a6;
    border-right: 2px solid #707070a6;
    padding: 0px 11px;
    color: #9C9C9C;
}
.blog-title-b a:nth-child(3){
    padding-right: 11px;
    color: #9C9C9C;
}
.blog_item_img-c{
    position: relative;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.see-details{
    float: left;
    color: #F4549C !important;
}

.info-pcl a:nth-child(2){
    color: #C3CCD3 !important;
}
.info-pcl img {
    width: 19px;
    height: 33px;
    border-radius: 0;
    margin-left: 26%;
    margin-top: -6px;
}
.info-pcl a{font-size: 14px;    display: flex;}
.info-pc a img{
    width: 18px;
    height: 33px;
    border-radius: 0;
    margin-left: 21%;
    margin-top: -9px;
    transform: translate(0px, 4px);
}
.info-pc a:nth-child(1){
    display: flex;
}
.info-pc a:nth-child(2) {
    color: #C3CCD3 !important;
}
.page-item.active .page-link {
    z-index: 3;
    color: black;
    background-color: white;
    border-color: transparent;
    border-radius: 75px;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #ADB5BD;
    background-color: transparent;
    border: 0px solid #dee2e6;
    font-size: 16px;
}
.pagination-next-nav .page-link{
    background: #F4539B !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 17px !important;
}
.pagination-prev-nav .page-link {
    background: #F4539B !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 17px !important;
}
.pagination_d{
    text-align: center !important;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
}
.pagination_d ul{
    padding: 0px;
}
.pagination-prev-nav{
    margin-left: 6%;
}
.pagination-next-nav{
    margin-right: 6%;
}
.pagination .page-item.active{
    border-radius: 10px !important;
    font-size: 17px !important;
    background: #f4559c !important;
}
.pagination .page-item.active .page-link{
    color: #fff!important;
}
.news-side ul li{
    cursor: pointer;
}
.news-col-3{
    padding-left: 3%;
}
@media (max-width: 1199px){
   .u-section-b2 .container, .u-section-bd2 .container {
       max-width: 1137px;
    }}
@media (max-width: 1199px){
    .u-section-b2 .container, .u-section-bd2 .container {
        max-width: 1137px;
    }}
@media (max-width: 1000px){
 .news-col-9{
     margin-top: 7%;
    }
    .blog_details{
        margin-bottom: 6%;
    }
.news-col-3{
    flex: 0 0 100%;
    max-width: 100%;
}
    .news-col-9{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .input-group-append-cd .click-btn {
        left: 0.5%;
        width: 42px;
        top: 0px;
        transform: translate(1%, 11%);
    }
    .news-col-3 {
         padding-left: 15px;
    }
    .u-section-b2 .container, .u-section-bd2 .container {
        max-width: 800px;
    }
    .news-side {
        padding: 4%;
        background: white;
        border-radius: 36px;
        width: 100%;
        margin-top: 5%;
    }
    .news-side {
        padding-right: 7%;
    }
 }
@media (max-width: 1840px){
    .u-section-3 {
        margin-top: -20%;}
}
@media (max-width: 1640px){
    .u-section-3 {
        margin-top: -24%;}
}
@media (max-width: 1440px){
    .u-section-3 {
        margin-top: -28%;}
}
@media (max-width: 1190px){
    .u-section-3 {
        margin-top: -35%;}
}
@media (max-width: 960px){
.u-section-3 {
    margin-top: -29%;}
}
@media (max-width: 860px){
    .u-section-3 {
        margin-top: -33%;}
}
@media (max-width: 760px){
    .u-section-3 {
        margin-top: -40%;}
}
@media (max-width: 576px){
    .u-section-3 {
        margin-top: -18%;}
}
@media (max-width: 420px){
    .u-section-3 {
        margin-top: -27%;}
}
@media (max-width: 700px){
    .blog_details{ margin-bottom: 7%;}
}
@media (max-width: 768px){
    .u-section-b2 .container, .u-section-bd2 .container {
        max-width: 664px;
    }

}
@media (max-width: 546px){
    .u-section-b2 .container, .u-section-bd2 .container {  padding: 0px 30px;}
}
@media (max-width: 400px){
    .blog_details{ margin-bottom: 11%;}
    .blog-title-a h5 {
        margin-bottom: 5%;}
    .news-side {
        padding: 6%;
        background: white;
        border-radius: 36px;
        width: 100%;
        margin-top: 5%;
    }
    .news-side {
        padding-right: 11%;
    }
}
.tag-option:hover{
    filter: brightness(0.9);
}
.category a:hover{
    filter: brightness(0.9);
}
.input-group-append-cd .click-btn:hover{
    filter: brightness(0.9);
}
.page-link:hover {
    z-index: 2;
    color: white !important;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
    border-radius: 75px;
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0px rgba(0, 123, 255, 0.25) !important;
}
.tex-p a:hover{
  color:black;
}
.follow-icons i:hover{
    filter: brightness(0.6);
}
.copyright-footer a:hover{
    filter: brightness(0.6);
}
@media (max-width: 1360px){
    .news-side{padding-right: 11%;}
}

.blog_item_m img{
    width: 100%;
    max-width: 100%;
    max-height: 700px;
}
.single-post-a{
    margin-top: 2%;
}
.single-post-a .info-pc{
    display: -webkit-box;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: left;
}
.single-post-a span{
    color: #C3CCD3;
    font-size: 12px;
}
.writer-c{
    color:#C3CCD3 ;
}
.single-post-a{
    border-bottom: 1px solid #7070703d;
    padding-bottom: 1%;
}

.single-content img{
    width: 32px;
    height: 28px;
     border-radius:0px;
    margin-left: 6px;
}
.single-content{
    background: #FBF5F8;
    margin-top: 3%;
    padding: 32px;
    border-radius: 15px;
}
@media(max-width: 768px){
    .single-content{
        padding: 15px;
    }
}
.single-content p{
    color: #768791;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 16px;
    overflow: hidden;
    line-height: 2;
}
.single-text-p p{
    color: #768791;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 15px;
    overflow: hidden;
    line-height: 2;
}
.tags-element{
       text-align: left;
       margin-top: 3%;
   }
.row-post{
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding: .7em 0;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.navigation-post{
    margin-top: 3%;
}
.nav-previous i{
    margin-right: 8px;
}
.nav-next i{
    margin-left: 8px;
}
.nav-next,.nav-previous{
    display: grid;
}
.nav-next a,.nav-previous a{
    margin-top: 2%;
}
.blog_details h6{
    text-align: center;
    margin-top: 3%;
}
.writer-f{
    width: 100%;
    display: contents;
    text-align: center;
    color: #C3CCD3;
}
.writer-f span{
    font-size: 12px;
    color: #C3CCD3;
}
.swiper-post .info-link li{
    text-align: center;
}
.mm-v{
    margin-top: 6% !important;
    border-top: 1px solid #c3ccd378;
    padding-top: 2%;
}
.pic-comment img{
    width: 80px;
    height: 80px;
    border-radius: 64px;
}
.pic-comment{
    width: 10%;
}
.user-comment{
    width: 90%;
    background: white;
    padding: 2% 3%;
    border-radius: 20px;
}
.user-comment p{
    line-height: 2;
    font-size: 15px;
    color: #A1A1A1;
}
.xd-c{
    border-bottom: 1px solid #70707026;
    padding-bottom: 3%;
}
.admin-comment{
    width: 90%;
    background: white;
    padding: 2% 3%;
    border-radius: 20px;
}
.admin-comment p{
    line-height: 2;
    font-size: 15px;
    color: #A1A1A1;
}
.xd-k{
    margin-right: 7%;
    padding-top: 2%;
    margin-top: 2%;
    border-top: 1px solid #70707026;
    width: 100%;
}
.input-comm{
    width: 100%;
}
.comment-pl{
    background: white;
    padding: 5%;
    border-radius: 30px;
    margin-top: 4%;
}
.container-xds {
    padding: 0px;
}
.container-xd input::placeholder{
    text-align: right;
    color: #ACACAC;
}
.btn-slider-lvw img{
    width: 19px;
    transform: rotate(180deg);
    margin-right: 10px;
}
.comment-pl p{
    margin-top: 2%;
    color: #768791;
}
.input-group-append-cdn .click-btn{
    position: absolute;
    background: #F4539B;
    width: 41px;
    border-radius: 63px;
    transform: translate(112%, 14%);
    color: white;
    padding: 7px;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    background-image: none !important;
    padding-right: 18px !important;
}
.main-row-cd{
    padding: 0px 26px;
}
.xd-c{
    padding: 19px 26px;
}
@media (max-width: 1200px){
    .user-comment {
        width: 88%;}
    .pic-comment {
        width: 12%;
    }
    .admin-comment{
        width: 88%;
    }
}
@media (max-width: 772px){
    .admin-comment {
        width: 85%;}
    .user-comment {
        width: 85%;}
    .pic-comment {
        width: 15%;
    }
}
@media (max-width: 620px){
    .admin-comment {
        width: 87%;}
    .user-comment {
        width: 87%;}
    .pic-comment {
        width: 13%;
    }
    .pic-comment img {
        width: 60px;
        height: 60px;
        border-radius: 64px;
    }
    .container-xds .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }

}
@media (max-width:550px){
    .admin-comment {
        width: 84%;}
    .user-comment {
        width: 84%;}
    .pic-comment {
        width: 16%;
    }
    .mm-v{
        padding-top: 4%;
    }
    .com-d{padding: 0px;}
}
@media (max-width:500px){
    .admin-comment {
        width: 80%;}
    .user-comment {
        width: 80%;}
    .pic-comment {
        width: 19%;
    }
    .user-comment p {
        font-size: 14px;
    }
}
@media (max-width: 400px){
    .xd-k {
        padding-top: 6%;
        margin-top: 6%;}
    .main-row-cd{
        padding: 0px 20px;
    }
    .pic-comment {
        width: 23%;
    }
    .admin-comment {
        width: 76%;}
    .user-comment {
        width: 76%;}
    .user-comment p {
        font-size: 13px;
    }
    .user-name{
        font-size: 15px;
    }
    .xd-c {
        padding: 8px 8px;
    }
}
 .writer-c{
    margin: 4px 0px;
}
.single-post-a .col-md-6{
    margin: 4px 0px;
}
.single-post-a .col-md-3{
    margin: 4px 0px;
}
/* courses  */

.blog_item .title-f a:nth-child(1){
    border-left: 1px solid;
    padding-left: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #585858d1;
    display: inline-block;
}
.blog_item .title-f a:nth-child(2){
    padding-right: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #585858d1;
    display: inline-block;
}
.title-f{
    margin-top: 2%;
    text-align: center;

}
.blog_details-c h5{
    text-align: center;
    margin-top: 2%;
}
.blog_details-c p{
    margin-bottom: 10px;
    margin-top: 10px;
}
.btn-slider-lvh{
    border-radius: 15px 2px 14px 2px;
    padding: 5px;
    width: 199px;
    background: #f4549c;
    color: #fff;
    box-shadow: 0px 0px 5px 0px #cb237161;
}

.blog_details-c{
    padding: 4%;
}
.blog_item_cv{
    box-shadow: 0px 9px 22px 0 rgb(174 177 179 / 35%);
    border-radius: 18px;
}
.btn-sl-lvh{
    text-align: center;
    padding-top: 5%;
}
.blog_item_cv:hover {
    opacity: 1;
    box-shadow: 0 15px 45px -5px rgba(7, 10, 25, 0.25);
    -webkit-filter: brightness(1.07);
    filter: brightness(1.07);
    transform: translate(0, -2px);
}
.btn-slider-lvh:hover{
    color: white;
    filter: brightness(0.9);
}
.blog_item_cv:hover .blog_item_img:before{
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    border-radius: 20px;
    background: linear-gradient(to bottom, #12101066 31%,rgb(152 61 92 / 80%) 117%) !important;
}
.language-label label{
    margin-right: 4%;
}

.checkbox {
    width: 100%;
    margin: 15px auto;
    position: relative;
    display: block;
}

.checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}
.checkbox label {
    position: relative;
}
.checkbox label:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    margin: 4px;
    width: 19px;
    height: 18px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #0000005c;
}
.checkbox label:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    transition: transform ease 0.25s;
    will-change: transform;
    position: absolute;
    top: 9px;
    right: 8px;
}
.checkbox input[type="checkbox"]:checked ~ label::before {
    color: #ffffff;
    background: #f4549c;
    border: 2px solid #f4549c;
}

.checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.checkbox label {
    min-height: 34px;
    display: block;
    padding-right: 40px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: sub;
}
.checkbox label span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: 0;
}
.checkbox input[type="checkbox"]:checked ~ label::after {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}
.news-side ul li:hover{
    color: #F4539B;
}
.news-side ul li:hover:before{
    background:  #F4539B;
}
.a-slide-4{
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
}
.blog_item_m img{
    border-radius: 25px;
}
.cl-d{
    transform: translate(-101%, 0px);
}
.courses-d{
    border-bottom: 2px solid #22CDEE;
    padding-bottom: 1%;
    margin-bottom: 0px !important;
}
.post-ac{
    padding-bottom: 0%;
}
.fa-question-circle{
    font-size: 20px;
    margin-left: 7px
}
.single-content-d h6{
    border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
    padding-bottom: 1%;
    font-size: 20px;
}
.single-content-d  strong{
    font-size: 14px;
}
.btn-slider-lvp {
    border-radius: 12px 12px 12px 12px;
    padding: 10px;
    width: 94%;
    color: #fff;
}
.btn-pl{
    text-align: center;
    margin-bottom: 5%;
}
.news-side .details ul li:before{
    display: none;
}
.lectures-feature{
    color: #666 !important;
    list-style: none;
    font-size: 13px !important;
    border-bottom: 1px solid #eee;
    line-height: 25px;
    padding: 15px 0 !important;
    margin-right: 3% !important;
}
.lectures-feature i{
    width: 20px;
    text-align: right;
    font-size: 13px;
    line-height: 25px;
    vertical-align: middle;
}
.lectures-feature .label{
    display: inline-block;
    color: #666;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
}
.lectures-feature .value{
    font-weight: 700;
    min-width: 60px;
    float: left;
    text-align: left;
}
.news-side-f{
    padding: 11% !important;
}
.lectures-feature .social-icons i{
    color: #adadad !important;

}
.lectures-feature .social-icons{
    text-align: center;
}
.lectures-feature:last-child{
    border: 0px !important;
}
.btn-slider-lvp:hover{
    filter: brightness(0.9);
    color: white !important;
    border: 1px solid;
}
.news-side-f{
    box-shadow: 0px 0px 28px 0px #d4d4d461;
}

@media (max-width:500px){
    .news-side-f {
     padding: 8% !important;
 }
   .courses-d h5{
       font-size: 17px;
   }
}
@media (max-width:768px) {
    .post-ac {
        padding-bottom: 0%;
        border-bottom: 0px solid #7070703d;
    }
    .single-p p{
        margin-top: 0px;
    }
   .u-section-u2{
        background: #F9F9F9;
        margin: 0px;
        padding: 38px 0px;
    }
}
.form-p{
    width: 100%;
}
.page-item .page-link{
    color: #768791a6 !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    background: transparent !important;
}
.page-item.prev{
    background: #F4539B !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    margin-left: 6%;
}
.page-item.next{
    background: #F4539B !important;
    color: white !important;
    border-radius: 10px !important;
    font-size: 17px !important;
    margin-left: 6%;
}

.col-title h5{
    text-align: center;
}
.main-row-cd .info-link{
    width: 100%;
}
.comment-pl .login{
font-size: 15px;
    color: #F4539B;
}
.media.post_item{
    margin-bottom: 10px;
    margin-right: 5px!important;
}
.alert-success {
    color: #17a2b8;
    background: aliceblue;
}
.media.post_item:hover {
    background: #f8f9fa;
    padding-right: 17px;
     border-radius: 16px
}
.media.post_item {
    position: relative;
    margin: 0 0 9px;
    font-size: 14px;
    color: #8d8d8d;
    border: 2px solid #d6e0e2;
    border-width: 0 2px 0 0;
    padding: 9px 13px 9px 10px;
    border-radius: 0;
    font-size: 13px;
    line-height: 18px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.media.post_item:before {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    border: 2px solid #d4dcde;
    position: absolute;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 30px;
    top: 50%;
    right: 0;
    -webkit-transform: translate(60%,-50%);
    -ms-transform: translate(60%,-50%);
    transform: translate(60%,-50%);
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.media.post_item:hover:before {
    background: #F4539B;
    border: none;
}
 .list_widget .media {
    display: flex;
}
.list_widget li img {
    -webkit-box-shadow: 0 0 0 1px #e1e1e1;
    box-shadow: 0 0 0 1px #e1e1e1;
    max-width: 100%;
    width: 50px;
    height: 34px;
}
 .list_widget .media .pr-title {
     margin-right: 10px;
     line-height: 20px;
     font-size: 13px;
     font-weight: 600;
     color: #636161;
}
.media.post_item::after {
    display: block;
    clear: both;
    content: "";
}
.news-side-s{
    padding: 7%;
    background: white;
    border-radius: 36px;
    width: 100%;
    margin-top: 6%;
}
ul.list_widget{
    list-style: none;
    margin: 0;
    padding: 0;
}
.media.post_item:hover{
    background: #f8f9fa;
    padding-right: 17px;
}
.media.post_item{
    padding: 8px;
}
.news-side .news-ca:hover{
  color: #F4539B;
}
.news-side .news-ca:hover + .news-ba{
    color: #F4539B;
}
.news-side .news-ca:hover:before{
    background: #F4539B !important;
    border: 0px solid #0000005c !important;
}
.news-cad{
    color: black;
    font-size: 15px;
    margin-right: 10%;
    margin-top: 5%
}
.news-side-a .fa-circle{
    font-size: 16px;
    color: white;
    border: 2px solid #9a9999;
    border-radius: 53px;
    position: absolute;
    transform: translate(19% , -174%);
}
.news-side-a.active .fa-circle{
    color: #f4549c;
    border: 2px solid #f4549c;
}

.btn-pl:hover{
    filter: grayscale(0);
    transform: scale(1.1);
    transition: transform .5s, filter 1.5s ease-in-out;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
/*FadeInDown and FadeInLeft*/
/** fadeInDown **/
@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.blog_item-c:hover .blog_item_img-c{
    transform: scale(1.02);
    transition: transform .8s, filter 1.5s ease-in-out;
}

.news-side h6 {
    text-align: center;
}
.courses-col-3
element.style {
}
.courses-col-3  .news-side {
    box-shadow: 0px 0px 28px 0px #d4d4d461;
}
.courses-col-3 .news-side-s{
    box-shadow: 0px 0px 28px 0px #d4d4d461;
}
.courses-col-3 .form-control-cd{
    box-shadow: 0px 0px 28px 0px #d4d4d461;
}
.swiper-teach  .swiper-slide:hover{
    -webkit-transform: translateY(18px);
    transform: translateY(18px);
    transition: transform .7s ease;
}
.step-1-c img:nth-child(1){
    filter: drop-shadow(0px 2px 8px #afafafc2);
}
.btn-vpg{
    transform: translate(-63%, 15%);
}
.fa-heart{
    cursor: pointer;
}
.fas.fa-heart{
    cursor: pointer;
}
.info-pcl-a{
    cursor: pointer;
}
.banner-blog:before {
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    background: linear-gradient(to bottom, #0c0c0c73 31%,rgb(99 19 46) 117%) !important;
    border-radius: 28px;
}
.a-slide-b1 {
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 28px;
}
.banner-blog {
    height: 294px;
    width: 100%;
    position: relative;
}
.banner-blog:hover:before{
    background: linear-gradient(to bottom, #00000073 3%,rgb(68 0 23) 117%) !important;
    border-radius: 28px;
}
.info-pcl{
    display: flex;
}
.text-slide-r{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.lectures-feature img{
    width: 60px;
    height: 42px;
}
.lectures-feature h3{
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 6px;
    transition: all .3s linear;
    color: black;
    padding-right: 4%;
}
.teacher-list .lectures-feature{
    display: flex;
}
.news-c-side{
    padding: 11%;
    background: white;
    border-radius: 36px;
    width: 100%;
    margin-top: 6%;
}
.news-c-side ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.post_item-cd{
    position: relative;
    margin: 0 0 9px;
    font-size: 14px;
    color: #8d8d8d;
    padding: 9px 13px 9px 10px;
    border-radius: 0;
    font-size: 13px;
    line-height: 18px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 8px;
}
.post_item-cd .media-body {
    justify-content: center;
    align-self: center;
    padding-right: 15px;
    text-align: right;
}
.post_item-cd img{
    width: 63px;
    height: 52px;
    border-radius: 10px;
}
.post_item-cd h3 {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 6px;
    transition: all .3s linear;
    color: black;
}
.media.post_item-cd:hover {
    background: #f8f9fa;
    padding-right: 17px;
    border-radius: 15px;
}
.courseCurriculumTitle{
    font-size: 20px;
    font-weight: normal;
    line-height: 33px;
    color: #383d48;
    text-align: center;
    margin-top: 40px;
}
.courseCurriculumTitle{
    padding-bottom: 20px;

}
.class-name-c a{
    font-size: 16px;
}
.class-name-c span{
    font-size: 14px;
    color: #797979;
}
.class-date .col-12{
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: end;
    justify-content: center;
}
.class-date{
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: end;
    justify-content: center;
}
.class-price a{
    font-size: 16px;
    color: #545252c2 !important;
}
.class-price span{
    font-size: 14px;
    color: #797979;
    text-align: end;
}
.class-price{
    text-align: end;
}
.class-date .col-12 a{
    font-size: 16px;
    color: #545252c2;
}

.mn-l{
    border-bottom: 1px solid #0000001c
}
.class-name-c a{
    font-size: 16px;
    color: #545252c2 !important;
}
.class-table.table-responsive thead{
    border-bottom: 1px solid #84848461;
}
.class-table .table thead th{
    border-bottom: 0px solid #dee2e6 !important;
    padding: 19px;
}
.class-table .table th{
    border-top: 0px solid #dee2e6 !important;
}
.class-table.table-responsive thead {
    background: #FBF5F8;
    border-radius: 17px;
}
.class-table .table{
    background: white;
}
.class-table .table th,.class-table .table td {
   border-top: 0px solid #dee2e6;
}
.blog_details-cd h5{
    text-align: center;
}
.blog_details-cd {
    padding: 4%;
}
.blog_item_cvd:hover .blog_item_img:before{
    display: none;
}
.blog_item .title-s a:nth-child(1){
    border: 0px !important;
}
.class-table-c{
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
}
.nc-side-d {
    background: white;
    border-radius: 36px;
    width: 100%;
    margin-top: 1%;
    box-shadow: 0px 0px 28px 0px #d4d4d461;
    padding: 3% !important;
    overflow: hidden;
    padding: 8px 20px;
    text-align: right;
    margin-bottom: 50px;
}
.nc-side-d a{
    padding: 5px 44px;
    color: #797979;
    font-size: 16px;
    position: relative;
}
@media (max-width:991px){
    .name-student{
    margin-top: 4%;
}
    .news-side-f {
        padding: 6% !important;
    }
    .row_d{
        flex-direction: column-reverse;
    }
    .courses-col-3{
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .courses-col-3{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .u-section-b2 {
        padding: 8px 0px;
    }
    .news-col-3{
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .nc-side-d {
        margin-bottom: -20px;
    }
}
.control-cd{
    padding-right: 5% !important;
    padding-left: 7% !important;
}
@media (max-width:768px){
    .name-student{
        margin-top: 4%;
    }
    .mt-cd{
        margin-top: 3%;
    }
    .padding-c {
        padding: 0px 43px;
    }
    .swiper-student .swiper-slide .wrapper {
        box-shadow: 0px 14px 12px #9696962e}
    .control-cd {
        padding-right: 5% !important;
        padding-left: 9% !important;
    }
    .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;
    }

}
@media (min-width: 1200px){
    .u-section-bd2 .container{
        max-width: 1615px;
    }}
.class-table-c thead{
    margin: 0;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    padding-left: 30px;
}
.input-group-append-cd .click-btn1{
    position: absolute;
    left: 1.5%;
    background: #F4539B;
    width: 42px;
    border-radius: 63px;
    transform: translate(-23%, -110%);
    color: white;
    padding: 8px;
}

@media (max-width:991px){
    .input-group-append-cd .click-btn1{
        transform: translate(-10%, -110%);
    }
    .nc-side-d {
        background: white;
        border-radius: 36px;
        width: 100%;
        margin-top: 2%;
        box-shadow: 0px 0px 28px 0px #d4d4d461;
        padding: 5% 6% !important;
    }
    .nc-side-d .nav{
        padding:0% !important;
    }
}
@media (max-width:705px){
    .input-group-append-cd .click-btn1{
        transform: translate(-2%, -110%);
    }
    .nc-side-d {
        margin-top: 2%;
}}
.u-section-b2 .cat-item .active{
    color: #f4549c;
}
.u-section-b2 .cat-item a:hover{
    color: #f4549c;
}
@media (max-width:580px){
    .control-cd {
        padding-right: 5% !important;
        padding-left: 13% !important;
    }
    .nc-side-d {
        padding: 5% 9% !important;
    }

}
@media (max-width:420px){
    .control-cd {
        padding-right: 5% !important;
        padding-left: 18% !important;
    }
    .nc-side-d a{
        padding: 3px 19px;
    }
}
.blog_item_cv{
    margin-bottom: 10%;
}
.u-section-u2{
    background: #F9F9F9;
    margin: 0px;
    padding: 50px 0px;
}
@media (max-width: 991px){
    .u-section-u2 {
        padding: 27px 0px;
    }
}
.post_item-cd h4 {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 6px;
    transition: all .3s linear;
    color: black;
}
.u-section-bd2{
    overflow-x: unset !important;
}
.row_dc{
    align-items: flex-start;
}
.u-section-bd2 .news-col-3 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
/**/
.teacher-pic{
    text-align: center;
}
.teacher-pic img{
    width: 110px;
    height: 110px;
    border-radius: 64px;
    border: 5px solid rgba(0, 0, 0, 0.1);
}
.teacher-name{
    margin-top: 4%;
    font-size: 16px;
}
.aboutAuthor{
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px 0;
    margin-top: 35px;
}
.aboutAuthor .titles{
    padding: 2px 15px;
    position: absolute;
    top: -14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    color: black;
    background-color: #ffffff;
    width: 106px;
}
.aboutAuthor p{
    text-align: right;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    color: #6f7881;
    margin: 0;
    word-break: break-word;
}
.section-b2{
    background-image: url(../images/shadow-sec1.svg);
    min-height: 845px !important;
    background-position: 83% 91%;
    background-size: cover;
    background-repeat: no-repeat;
}
.blog_item_cv{
    background: #F9F9F9;
}
.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(35%, 80%);
}
.author-dide{
    margin-top: 0px;
}
.aboutAuthor.portions{
    width: 100%;
    min-width: 100%;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 47px 0;
    padding-bottom: 10px;
}
.Author-col{
    width: 30%;
    min-width: 30%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.info-pc-ds img{
    width: 36px;
}
.Author-col .desc{
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    color: #bababa;
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
}
.Author-col .value{
    margin-top: 5%;
    text-align: center;
}
.u-section-bd2 .news-col-3 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.bd2-c{
    background-image: url(../images/shadow-sec1.svg);
    min-height: 845px !important;
    background-position: 83% 91%;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -11px;
}
.name-c:hover{
    color: #f4549c;
}
.name-c{
    color: black;
}
.blog_item:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    transition: transform .7s ease;
}
@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(odd) .step-1c-a {
        position: relative;
        top: 17%;
        left: -37%;
    }
    .step-1-icon img{
        width: 113px;
    }
    .step-1-c:nth-of-type(odd) span {
        left: -40%;
    }
    .step-1-c:nth-of-type(odd) {
        position: relative;
        left: 111px;
        top: -13px;
    }
    .step-1-c:nth-of-type(even):before {
        background: url(../images/teach-a.svg);
        content: '';
        display: block;
        width: 81%;
        height: 100%;
        position: absolute;
        z-index: 1;
        transform: translate(66%, 42%);
        background-repeat: no-repeat;
    }
    .step-1-c:nth-of-type(odd):before {
        background: url(../images/teach-c.svg);
        content: '';
        display: block;
        width: 98%;
        height: 98%;
        position: absolute;
        z-index: 1;
        transform: translate(-49%, 32%);
        background-repeat: no-repeat;
    }
    .step-1-c:nth-child(7){
        position: relative;
        left: 110px;
        top: -77px;
    }
    .step-1-c:nth-child(10) {
        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(111%, 45%);
        background-repeat: no-repeat !important;
    }
    .u-section-5 {
        padding-top: 10%;
        margin-bottom: 3%;}

}
.img-error img{
    width: 900px;
    max-width: 100%;
}
.btn-primary-error{
    background-color: #6a67d2!important;
    border-color: #6a67d2!important;
    color: #fff!important;
}
.mg-center{
    margin: 0 auto;
}
.color-gray{
    color: #375a64!important;
    font-weight: bold;
}
.p-error{
    margin-top: 30px;
    font-size: 19px;
    color: #797575;
}
.bg-error{
    background: #fafafa;
}
@media (max-width: 512px) {
    .color-gray {
        font-size: 25px!important;
    }
    .p-error {
        font-size: 14px!important;
    }
}
.wi-100 {
    width: 100%;
    min-width: 100%;
}
.playerHolder{
    position: relative;
    padding-top: 40.25%;
    margin-bottom: 15%;
    background-color: #fff;
    bottom: 0%;
    border-radius: 18px;
    overflow: hidden;
}
.playerContainer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hi-100 {
    height: 100%;
    min-height: 100%;
}
.swiper-comments .swiper-wrapper .swiper-slide {
    box-shadow: 0px 9px 22px 0 rgb(174 177 179 / 23%);
    border: 1px solid #fde6f0;
}
.img-profile-user{
    justify-content: center;
    text-align: center;
    padding-top: 10px;
}
.img-profile-user img {
    height: 90px!important;
    width: 90px!important;
    border-radius: 50%!important;
}
.txt-comment{
    overflow: hidden;
    font-size: 14px;
    padding: 10px;
    height: 76px;
    margin-bottom: 0!important;
}
.comment-date {
    text-align: left;
    padding-left: 20px;
}
.comment-date span{
    font-size: 12px;
    color: #f781b6;
}
.swiper-comments{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
}
@media(max-width: 1000px){
    .u-section-bd2 .news-col-3{
        position: relative!important;
    }
    .none-flex-direction {
        flex-direction: inherit!important;
    }
    .none-flex-direction .news-col-9 {
         margin-top: 0!important;
    }
}

@media(max-width: 1008px){
    .bd2-c{
        margin-top: -22px!important;
    }
}
@media(max-width: 768px) {
    .header {
        width: 100%;
        right: 0%;
    }
}
.scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}
.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f4549c;
}
.scrollbar{
    max-height: 282px;
    overflow: auto;
}
#read-only-stars img{
    width: 15px!important;
    height: 15px!important;
    transform: rotateY(180deg);
}
.responstable {
    overflow: hidden;
    box-shadow: 0px 0px 28px 0px #d4d4d461;
    margin: 2em 0;
    width: 100%;
    background: #FFF;
    color: #404040;
    border-radius: 5px;
}
.responstable tr {
    border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
    background-color: #fbf5f8;
}
.responstable th {
    display: none;
    border-left: 6px solid #f9f9f9;
    background-color: #f4549c;
    color: #FFF;
    padding: 1em;
}
.responstable th:first-child {
    display: table-cell!important;
    text-align: center;
}
.responstable th:nth-child(2) {
    display: table-cell!important;
}
.responstable th:nth-child(2) span {
    display: none;
}
.responstable th:nth-child(2):after {
    content: attr(data-th);
}
@media (min-width: 480px) {
    .responstable th:nth-child(2) span {
        display: block;
    }
    .responstable th:nth-child(2):after {
        display: none;
    }
    .responstable td:first-child{
        vertical-align: middle;
    }
}
@media(max-width:479px){
    .responstable td:first-child:first-child{
        vertical-align: middle;
    }
    .responstable td{
        max-width: 100%!important;
        border-left: 0!important;
    }
    .responstable th{
        border-left: 0!important;
    }
    .responstable td:first-child:first-child{
        border-left: 1px solid #D9E4E6!important;
    }
    .responstable th, .responstable td{
        margin: 0!important;
    }
}












.responstable td {
    display: block;
    word-wrap: break-word;
    max-width: 7em;
    border-left: 6px solid #f9f9f9;
    border-right: 0!important;
}
.responstable td:first-child {
    display: table-cell!important;
    text-align: center;
    border-right: 1px solid #D9E4E6;
}
.responstable th, .responstable td {
    text-align: center;
    margin: .5em 1em;
}
@media (min-width: 480px) {
    .responstable th, .responstable td {
        display: table-cell!important;
        padding: 1em;
    }

}

.responstable th:last-child{
    border-left: 0!important;
}
.responstable td:last-child{
    border-left: 0!important;
}
.a-swiper-1 .font-16.text-white{
    line-height: 2!important;
}
@media(max-width: 1776px){
    .header .headbar{
        width: 95%!important;
    }
}
@media(max-width: 1180px){
    .header li a:after{
        transform: translate(1px, 0px)!important;
    }

}
@media(max-width: 1180px) and (min-width: 1013px){
    .header .menu{
        /*margin: 18px 0px 5px auto!important;*/
    }
}
@media(max-width: 1012px) and (min-width: 768px){
    .header .menu{
        margin: 13px 0px 5px auto!important;
    }
}
@media(max-width: 790px) and (min-width: 769px){
    .header li a{
        padding: 0 5px!important;
    }
}
@media(max-width: 768px){
    .header .menu-icon{
        display: block!important;
        position: absolute;
        top: 10px!important;
        left: 5px;
        float: left;
        right: auto!important;
    }
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 12px;
    }
    ::-moz-placeholder { /* Firefox 19+ */
        font-size: 12px;
    }
    :-ms-input-placeholder { /* IE 10+ */
       font-size: 12px;
    }
    :-moz-placeholder { /* Firefox 18- */
        font-size: 12px;
    }
    .header li a:after{
        display: none;
    }
    .header .menu{
        margin: 0!important;
        border-bottom-right-radius: 45px;
        border-bottom-left-radius: 45px;
    }
}
@media (max-width: 991px){
    .row_d {
        flex-direction: inherit;
    }
}
@media(max-width: 917px) {
    .lesson a{
        font-size: 12px;
    }
    .teacher{
        font-size: 12px;
    }
    .u-section-7:before{
        display: none;
    }
}
@media (max-width:432px){
    .btn-slider-info {
        width: 122px!important;
        font-size: 11px!important;
    }
    .btn-slider-lv {
        width: 122px!important;
        font-size: 11px!important;
    }

}
.box-shadow-1{
    box-shadow: 0px 0px 28px 0px #d4d4d461;
}
.banner-comment{
    background-image: url(/assets/main/images/bg-tel.jpg);
    background-position: center center;
    background-size: 100% 370px;
    width: 100%;
    max-width: 100%;
    height: 370px;
    background-repeat: no-repeat;
}
@media(max-width: 1518px) and (min-width:1200px){
    .banner-comment{
        background-size: 100% 310px;
        height: 310px;
    }
}
@media(max-width: 1199px) and (min-width:991px){
    .banner-comment{
        background-size: 100% 270px;
        height: 270px;
    }
}
@media(max-width: 990px) and (min-width:768px){
    .banner-comment{
        background-size: 100% 240px;
        height: 240px;
    }
}
@media(max-width: 767px) and (min-width:530px){
    .banner-comment{
        background-size: 100% 240px;
        height: 240px;
    }
}
@media(max-width: 529px) and (min-width:400px){
    .banner-comment{
        background-size: 100% 200px;
        height: 200px;
    }
}
@media(max-width: 399px){
    .banner-comment{
        background-size: 100% 140px;
        height: 140px;
    }
}
.xd-c:last-child{
    border-bottom: none!important;
}
@media (max-width: 1237px) and (min-width: 1001px) {
    .swiper-teach-6 p{
        font-size: 12px;
    }
}
@media (max-width: 1000px) and (min-width: 768px) {
    .swiper-teach-6 p.text-center{
        height: 38px;
        overflow-y: hidden;
        font-size: 13px;
        line-height: 1.5;
    }
}
@media (max-width: 768px) {
    .swiper-teach-6 p.text-center{
        height: 38px;
        overflow-y: hidden;
        font-size: 12px;
        line-height: 1.5;
    }
}
.rtl-input{
    direction: rtl;
    text-align: right;
}
.grecaptcha-badge{
    display: none!important;
}
@media(max-width: 400px){
    .content-area-a p{
        font-size: 14px;
    }
}
.after-login{
    float: left;
    position: relative;
    /*left: 35%;*/
    padding: 8px 10px!important;
}

/*----flag-----*/
#select-container {
    position: absolute;
    width: 50px;
    float: left;
    background: #FFFFFF;
    /*top: 18px;*/
    height: 42px;
    border-radius: 0.25rem;
    /*left: 11%;*/
    /*transform: translateX(-50%);*/
    border: 1px solid #f4549cd4;
    overflow: hidden;
    transition: height 0.2s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#select-container:hover {
    height: max-content;
    /* Can't use height: auto & transition effect */
    box-shadow: 0px 7px 10px rgba(79, 104, 113, 0.3);
}
#select-container ul {
    list-style-type: none;
    position: relative;
}
#select-container ul li {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}
#select-container ul li:first-child img {
    cursor: default;
}
#select-container ul li img {
    width: 25px;
    height: 25px;
    display: block;
    left: 50%;
    transform: translate(-42%, 30%);
    margin-bottom: 8px;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 6px rgb(79 104 113 / 30%);
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}
#select-container ul li img:hover {
    box-shadow: 0px 5px 10px rgba(79, 104, 113, 0.3);
    /*transform: translate(-103%, -40%) scale(1.08);*/
}

#select-container ul li img{
    float: right;
}
/* TOOLTIP STYLES FROM THIS PEN https://codepen.io/tutsplus/pen/WROvdG */
[tooltip] {
    position: relative;
    /* opinion 1 */
    font-weight: bold;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    /* opinion 2 */
    font-size: 12px;
    /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: "";
    border: 5px solid transparent;
    /* opinion 4 */
    z-index: 1001;
    /* absurdity 1 */
}

[tooltip]::after {
    content: attr(tooltip);
    /* magic! */
    /* most of the rest of this is opinion */
    font-family: IranSans;
    text-align: center;
    /*
      Let the content set the size of the tooltips
      but this will also keep them from being obnoxious
      */
    width: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 0px;
    border-radius: 0.3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: #465663;
    color: #fff;
    z-index: 1000;
    /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
    bottom: 50%;
    border-bottom-width: 0;
    border-top-color: #465663;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
    bottom: calc(50% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before {
    left: -15.5px;
    bottom: 40px;
    transform: translate(-50%, -0.5em);
}

[tooltip][flow^=up]::after {
    left: -15.5px;
    bottom: 45px;
    transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
    top: 90%;
    border-top-width: 0;
    border-bottom-color: #465663;
    margin-left:70%;
}

[tooltip][flow^=down]::after {
    top: calc(10% + 5px);
    margin-left:70%;
    z-index:999;
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
    left: -15.5px;
    transform: translate(-50%, 0.5em);
    vertical-align: center;
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

.drop-menu-header.show{
    padding: 0!important;
}
.drop-menu-header .dropdown-item{
    display: flex!important;
    width: 100%!important;
    padding: 0.75rem 1.5rem!important;
    clear: both;
    font-weight: 500;
    color: #1f1f1f!important;
    text-align: center!important;
}
.drop-menu-header .dropdown-divider{
    margin: 0!important;
}
.drop-menu-header .dropdown-item:hover{
    background-color: #f4549c!important;
    color: #fff!important;
}
@media(max-width: 1686px) and (min-width: 1375px){
    #select-container{
        max-height: 41px!important;
        /*left: 25%;*/
    }
    .btn-panel-login{
        /*transform: translateX(-17%);*/
    }
    #select-container ul li img{
        /*transform: translate(-48%, 29%)!important;*/
    }
    .u-section-7:before{
        left: 15%;
    }
    .after-login{
        /*left: 43%;*/
        /*top: 20px;*/
    }
}
@media(max-width: 1374px) and (min-width: 1000px){
    .u-section-7:before{
        left: 15%;
    }
    .after-login{
        /*left: 56%;*/
        /*top: 20px;*/
    }
    .header li a {
        padding: 20px 10px;
        font-size: 12px!important;
    }
}
@media(max-width: 1180px) and (min-width: 999px){
    .after-login {
        /*left: 55%!important;*/
        /*top: 22px!important;*/
    }
}
@media(max-width: 998px) and (min-width: 768px){
    .after-login {
        /*left: 70%!important;*/
        /*top: 10px!important;*/
    }
    .header li a{
        font-size: 10px!important;
        padding: 0 6px!important;
    }
}
@media(max-width: 767px){
    .header li a{
        font-size: 13px!important;
        line-height: 3.5;
        text-align: right;
        padding: 0 6px!important;
        color: #000!important;
        font-weight: 500;
    }
}
@media(max-width: 768px) and (min-width: 644px){
    .after-login {
        /*left: 74%!important;*/
        /*top: -2px!important;*/
        height: 35px;
        width: 42px;
    }
    #select-container{
        /*left: 48%!important;*/
        /*top: 12px!important;*/
        width: 45px;
        height: 36px;
    }
    #select-container ul li img{
        /*transform: translate(-37%, 18%);*/
    }
}
@media(max-width: 643px) and (min-width: 400px){
    .after-login {
        /*left: 108%!important;*/
        /*top: -2px!important;*/
        height: 35px;
        width: 42px;
    }
    #select-container{
        /*left: 8%!important;*/
        /*top: 5px!important;*/
        width: 41px;
        height: 36px;
        border:none!important;
    }
    #select-container ul li img{
        /*transform: translate(-26%, 15%);*/
    }
}
@media(max-width: 399px){
    .after-login {
        /*left: 138%!important;*/
        /*top: -2px!important;*/
        height: 35px;
        width: 42px;
    }
    #select-container{
        /*left: 87%!important;*/
        /*top: 12px!important;*/
        width: 42px;
        height: 35px;
    }
    #select-container ul li img{
        /*transform: translate(-26%, 15%);*/
    }
}
.show-more-a{
    position: absolute;
    left: 0;
    color: #f4549c;
    top: -61px;
    font-size: 14px;
}
@media(max-width: 1270px) and (min-width: 1170px){
    .btn-panel-login {
        /*transform: translateX(-2%);*/
    }
    #select-container{
        /*transform: translateX(68%);*/
        /*top: 21px;*/
    }
}
@media(max-width: 1171px) and (min-width: 1011px){
    .btn-panel-login {
        /*transform: translateX(32%);*/
    }
    #select-container{
        /*transform: translateX(68%);*/
        /*top: 21px;*/
    }
}
@media(max-width: 1067px) and (min-width: 1068px){
    .btn-panel-login {
        /*transform: translateX(-2%);*/
    }
}
@media(max-width: 768px){
    #select-container{
        /*display: none!important;*/
    }
    .menu #select-container{
        display: block!important;
    }
}
.lang-responsive{
    display: none;
}
@media(max-width: 768px){
    .lang-responsive{
        display: block!important;
    }
}
@media(max-width: 768px) and (min-width: 425px){
    .btn-panel-login {
        position: relative;
        /*left: 71px;*/
        /*top: -4px;*/
        /*transform: translateX(10%);*/
    }
}
@media(max-width: 424px) and (min-width: 375px){
    .btn-panel-login {
        position: relative;
        /*left: 71px;*/
        /*top: -3px;*/
        /*transform: translateX(-15%);*/
    }
}
@media(max-width: 374px) {
    .btn-panel-login {
        position: relative;
        left: 5px;
        /*left: 71px;*/
        /*top: -3px;*/
        /*transform: translateX(-15%);*/
    }
}
.u-section-4 img.img-fluid{
    width: 100px;
    border-radius: 10px;
}
.u-section-4 .text-slider-flex{
    color: #a33694!important;
}
.u-section-4 .imgContainer{
    margin-bottom: 17px;
}
.virgul{
    position: absolute;
    left: 35px;
    top: 26px;
}
.image-wrapper .bg-news {
    background-size: cover;
    height: 100%;
    background-position: center center;
}
@media(max-width: 767px){
    .news.big .image-wrapper{
        height: 210px!important;
        max-height: 210px!important;
    }
}
@media(max-width: 1374px) and (min-width: 1375px) {
    #select-container {
        height: 41px !important;
        /*left: 25%;*/
    }

    .btn-panel-login {
        /*transform: translateX(-17%);*/
    }
}
.pd-res{
    padding-top: 21px;
}
.select-left{
    float: left;
    position: relative;
}
@media(max-width: 768px){
    .pd-res {
         padding-top: 0px!important;
    }
}
@media(max-width: 1693px) and (min-width: 1052px){
    .pd-res{
        padding-left: 6%;
    }
}
@media(max-width: 1051px) and (min-width: 769px){
    .pd-res{
        padding-left: 7%;
        padding-top: 10px;
    }
    .btn-panel-login {
        padding: 8px 18px!important;
    }
    #select-container ul li img{
        transform: translate(-46%, 18%)!important;
    }
}
@media(max-width: 768px){
    .header-mobile.header{
        display: block!important;
    }
    .header{
        display: none!important;
    }

}
.header-mobile.header{
    display:none;
}
.header{
    display: block;
}
.logo img{
    max-width: 100%;
}
@media(max-width: 768px){
    .header .menu-icon {
        display: block!important;
        top: 10px!important;
        right: auto!important;
        left: 5px!important;
        float: right!important;
    }
    .btn-panel-login{
        display: block!important;
        top: 0px!important;
        right: auto!important;
        left: 44px!important;
        float: right!important;
        padding: 3px 11px !important;
        position: absolute;
        border: none;
    }
    #select-container{
        border: none!important;
    }
    .select-left{
        top: 2px!important;
        right: auto!important;
        left: 115px!important;
        float: left!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;
    }
}
@media(max-width: 1051px) and (min-width: 1000px){
    .pd-res{
        padding-top: 23px;
    }
}
.dropdown-item i{
    position: relative;
    top: 4px;
    color: #6d7182!important;
    font-size: 1rem!important;
}
.btn-group.modal-respon .ft-menu:hover{
   cursor:pointer;
}
.btn-group.modal-respon .ft-menu{
    cursor: pointer;
}
.bg_tellearn{
    width: 100%;
    position: fixed;
    height: auto;
    max-width: 100%;
}
.bg_tellearn img{
    height: auto;
    width: 100%;
    max-width: 100%;
}
.space_more{
    display: block;
    margin-bottom: 55px;
    width: 100%;
}