@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;
500;
600;
700;
800&
display=swap';
@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@400;
500;
600;
700;
900&
display=swap';
html{
    height:100%
}
body{
    background-color:#fff;
    color:#22100d;
    font-family:inter,sans-serif;
    font-size:16px;
    height:100%;
    overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
    color: #df5779;
    font-weight: 700;
}
a{
    color:#22100d;
    text-decoration:none
}
a:hover{
    color:#f66962
}
a:hover,a:active,a:focus{
    outline:none;
    text-decoration:none
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px #fff inset!important
}
input,button,a{
    transition:all .4s ease;
    -moz-transition:all .4s ease;
    -o-transition:all .4s ease;
    -ms-transition:all .4s ease;
    -webkit-transition:all .4s ease
}
button:focus{
    outline:0
}
input[type=text],input[type=password]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.btn.focus,.btn:focus{
    box-shadow:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
.form-group{
    margin-bottom:1rem
}
.form-control{
    border-color:#dce0eb;
    color:#26292c;
    font-size:15px;
    min-height:42px;
    padding:6px 15px
}
.table .form-control{
    font-size:14px;
    min-height:38px
}
.container-fluid{
    padding-left:30px;
    padding-right:30px
}
.form-control::-webkit-input-placeholder{
    color:#6e82a3;
    font-size:14px
}
.form-control::-moz-placeholder{
    color:#6e82a3;
    font-size:14px
}
.form-control:-ms-input-placeholder{
    color:#6e82a3;
    font-size:14px
}
.form-control::-ms-input-placeholder{
    color:#6e82a3;
    font-size:14px
}
.form-control::placeholder{
    color:#6e82a3;
    font-size:14px
}
.btn.focus,.btn:focus{
    box-shadow:unset
}
.btn-block{
    width:100%
}
.btn-link{
    text-decoration:none
}
.btn-link:hover{
    text-decoration:underline
}
.btn-white{
    background-color:#fff;
    border:1px solid #ccc;
    color:#26292c
}
.btn.btn-rounded{
    border-radius:50px
}
.bg-primary,.badge-primary{
    background-color:#1e88e5!important
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{
    background-color:#1879cd!important
}
.bg-success,.badge-success{
    background-color:#00e65b!important
}
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
    background-color:#00cc52!important
}
.bg-info,.badge-info{
    background-color:#009efb!important
}
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{
    background-color:#028ee1!important
}
.bg-warning,.badge-warning{
    background-color:#ffbc34!important
}
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{
    background-color:#e9ab2e!important
}
.bg-danger,.badge-danger{
    background-color:#ff0100!important
}
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{
    background-color:#e63333!important
}
.bg-white{
    background-color:#fff
}
.bg-purple,.badge-purple{
    background-color:#9368e9!important
}
.text-primary,.dropdown-menu>li>a.text-primary{
    color:#f66962!important
}
.text-success,.dropdown-menu>li>a.text-success{
    color:#00cc52!important
}
.text-danger,.dropdown-menu>li>a.text-danger{
    color:#ff0100!important
}
.text-info,.dropdown-menu>li>a.text-info{
    color:#009efb!important
}
.text-warning,.dropdown-menu>li>a.text-warning{
    color:#ffbc34!important
}
.text-purple,.dropdown-menu>li>a.text-purple{
    color:#7460ee!important
}
.text-muted{
    color:#757575!important
}
.text-black{
    color:#0b0b0b!important
}
.text-dark{
    color:#000!important
}
.btn-primary{
    background-color:#ff875a;
    border:1px solid #ff875a
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    background-color:#fc7f50;
    border:1px solid #fc7f50
}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
    background-color:#fc7f50;
    border:1px solid #fc7f50
}
.btn-primary.active:not(:disabled):not(.disabled),.btn-primary:active:not(:disabled):not(.disabled),.show>.btn-primary.dropdown-toggle{
    background-color:#fc7f50;
    border-color:#fc7f50;
    color:#fff
}
.btn-primary.active:focus:not(:disabled):not(.disabled),.btn-primary:active:focus:not(:disabled):not(.disabled),.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-primary.disabled,.btn-primary:disabled{
    background-color:#1e88e5;
    border-color:#1e88e5;
    color:#fff
}
.btn-secondary{
    color:#fff;
    background:#ff875a;
    border:1px solid #ff875a
}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary.active,.btn-secondary:active,.open>.dropdown-toggle.btn-secondary{
    background-color:#fc7f50;
    border:1px solid #fc7f50
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),.btn-secondary:active:focus:not(:disabled):not(.disabled),.show>.btn-secondary.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-success{
    background-color:#00e65b;
    border:1px solid #00e65b
}
.btn-success:hover,.btn-success:focus,.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{
    background-color:#00cc52;
    border:1px solid #00cc52;
    color:#fff
}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success.focus:active,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{
    background-color:#00cc52;
    border:1px solid #00cc52
}
.btn-success.active:not(:disabled):not(.disabled),.btn-success:active:not(:disabled):not(.disabled),.show>.btn-success.dropdown-toggle{
    background-color:#00cc52;
    border-color:#00cc52;
    color:#fff
}
.btn-success.active:focus:not(:disabled):not(.disabled),.btn-success:active:focus:not(:disabled):not(.disabled),.show>.btn-success.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-success.disabled,.btn-success:disabled{
    background-color:#00e65b;
    border-color:#00e65b;
    color:#fff
}
.btn-info{
    background-color:#009efb;
    border:1px solid #009efb
}
.btn-info:hover,.btn-info:focus,.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info.focus:active,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{
    background-color:#028ee1;
    border:1px solid #028ee1
}
.btn-info.active:not(:disabled):not(.disabled),.btn-info:active:not(:disabled):not(.disabled),.show>.btn-info.dropdown-toggle{
    background-color:#028ee1;
    border-color:#028ee1;
    color:#fff
}
.btn-info.active:focus:not(:disabled):not(.disabled),.btn-info:active:focus:not(:disabled):not(.disabled),.show>.btn-info.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-info.disabled,.btn-info:disabled{
    background-color:#009efb;
    border-color:#009efb;
    color:#fff
}
.btn-warning{
    background-color:#ffbc34;
    border:1px solid #ffbc34
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning.focus:active,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{
    background-color:#e9ab2e;
    border:1px solid #e9ab2e
}
.btn-warning.active:not(:disabled):not(.disabled),.btn-warning:active:not(:disabled):not(.disabled),.show>.btn-warning.dropdown-toggle{
    background-color:#e9ab2e;
    border-color:#e9ab2e;
    color:#fff
}
.btn-warning.active:focus:not(:disabled):not(.disabled),.btn-warning:active:focus:not(:disabled):not(.disabled),.show>.btn-warning.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-warning.disabled,.btn-warning:disabled{
    background-color:#ffbc34;
    border-color:#ffbc34;
    color:#fff
}
.btn-danger{
    background-color:#ff0100;
    border:1px solid #ff0100
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{
    background-color:#e63333;
    border:1px solid #e63333
}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger.focus:active,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{
    background-color:#e63333;
    border:1px solid #e63333
}
.btn-danger.active:not(:disabled):not(.disabled),.btn-danger:active:not(:disabled):not(.disabled),.show>.btn-danger.dropdown-toggle{
    background-color:#e63333;
    border-color:#e63333;
    color:#fff
}
.btn-danger.active:focus:not(:disabled):not(.disabled),.btn-danger:active:focus:not(:disabled):not(.disabled),.show>.btn-danger.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-danger.disabled,.btn-danger:disabled{
    background-color:#f62d51;
    border-color:#f62d51;
    color:#fff
}
.btn-light.active:focus:not(:disabled):not(.disabled),.btn-light:active:focus:not(:disabled):not(.disabled),.show>.btn-light.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-dark.active:focus:not(:disabled):not(.disabled),.btn-dark:active:focus:not(:disabled):not(.disabled),.show>.btn-dark.dropdown-toggle:focus{
    box-shadow:unset
}
.btn-outline-primary{
    color:#1e88e5;
    border-color:#1e88e5
}
.btn-outline-primary:hover{
    background-color:#1e88e5;
    border-color:#1e88e5
}
.btn-outline-primary:focus,.btn-outline-primary.focus{
    box-shadow:none
}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{
    color:#1e88e5;
    background-color:transparent
}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{
    background-color:#1e88e5;
    border-color:#1e88e5
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{
    box-shadow:none
}
.btn-outline-success{
    color:#00e65b;
    border-color:#00e65b
}
.btn-outline-success:hover{
    background-color:#00e65b;
    border-color:#00e65b
}
.btn-outline-success:focus,.btn-outline-success.focus{
    box-shadow:none
}
.btn-outline-success.disabled,.btn-outline-success:disabled{
    color:#00e65b;
    background-color:transparent
}
.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{
    background-color:#00e65b;
    border-color:#00e65b
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{
    box-shadow:none
}
.btn-outline-info{
    color:#009efb;
    border-color:#009efb
}
.btn-outline-info:hover{
    color:#fff;
    background-color:#009efb;
    border-color:#009efb
}
.btn-outline-info:focus,.btn-outline-info.focus{
    box-shadow:none
}
.btn-outline-info.disabled,.btn-outline-info:disabled{
    background-color:transparent;
    color:#009efb
}
.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{
    background-color:#009efb;
    border-color:#009efb
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{
    box-shadow:none
}
.btn-outline-warning{
    color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning:hover{
    color:#212529;
    background-color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning:focus,.btn-outline-warning.focus{
    box-shadow:none
}
.btn-outline-warning.disabled,.btn-outline-warning:disabled{
    background-color:transparent;
    color:#ffbc34
}
.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{
    color:#212529;
    background-color:#ffbc34;
    border-color:#ffbc34
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{
    box-shadow:none
}
.btn-outline-danger{
    color:#ff0100;
    border-color:#ff0100
}
.btn-outline-danger:hover{
    color:#fff;
    background-color:#ff0100;
    border-color:#ff0100
}
.btn-outline-danger:focus,.btn-outline-danger.focus{
    box-shadow:none
}
.btn-outline-danger.disabled,.btn-outline-danger:disabled{
    background-color:transparent;
    color:#ff0100
}
.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{
    background-color:#ff0100;
    border-color:#ff0100
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{
    box-shadow:none
}
.btn-outline-light{
    color:#ababab;
    border-color:#e6e6e6
}
.btn-outline-light.disabled,.btn-outline-light:disabled{
    color:#ababab
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    background-color:#1e88e5;
    border-color:#1e88e5
}
.pagination>li>a,.pagination>li>span{
    color:#1e88e5
}
.page-link:hover{
    color:#1e88e5
}
.page-link:focus{
    box-shadow:unset
}
.page-item.active .page-link{
    background-color:#1e88e5;
    border-color:#1e88e5
}
.dropdown-menu{
    background-color:#fff;
    border:1px solid rgba(0,0,0,.1);
    border-radius:3px;
    box-shadow:inherit;
    font-size:14px;
    transform-origin:left top 0
}
.dropdown-item.active,.dropdown-item:active{
    background-color:#f7f7f7
}
.navbar-nav .open .dropdown-menu{
    border:0;
    box-shadow:0 0 10px rgba(0,0,0,.1);
    background-color:#fff
}
.card{
    border:1px solid #e9ecef;
    margin-bottom:1.875rem;
    border-radius:0
}
.card-body{
    padding:1.5rem
}
.card-title{
    margin-bottom:15px
}
.card-header{
    border-bottom:1px solid #f0f0f0;
    padding:1rem 1.5rem
}
.card-footer{
    background-color:#fff;
    border-top:1px solid #f0f0f0;
    padding:1rem 1.5rem
}
.card .card-header{
    background-color:#fff;
    border-bottom:1px solid #f0f0f0
}
.card .card-header .card-title{
    margin-bottom:0
}
.btn-light{
    border-color:#e6e6e6;
    color:#a6a6a6
}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
    background-color:#1e88e5;
    text-shadow:unset
}
.bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color:#1e88e5
}
.bg-info-light{
    background-color:rgba(2,182,179,.12)!important;
    color:#1db9aa!important
}
.bg-primary-light{
    background-color:rgba(17,148,247,.12)!important;
    color:#2196f3!important
}
.bg-danger-light{
    background-color:rgba(242,17,54,.12)!important;
    color:#e63c3c!important
}
.bg-warning-light{
    background-color:rgba(255,152,0,.12)!important;
    color:#f39c12!important
}
.bg-success-light{
    background-color:rgba(15,183,107,.12)!important;
    color:#26af48!important
}
.bg-purple-light{
    background-color:rgba(197,128,255,.12)!important;
    color:#c580ff!important
}
.bg-default-light{
    background-color:rgba(40,52,71,.12)!important;
    color:#283447!important
}
.text-xs{
    font-size:.75rem!important
}
.text-sm{
    font-size:.875rem!important
}
.text-lg{
    font-size:1.25rem!important
}
.text-xl{
    font-size:1.5rem!important
}
.form-control:focus{
    border-color:#bbb;
    box-shadow:none;
    outline:0
}
.header-nav{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:transparent;
    border:0;
    border-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    position:relative;
    height:70px;
    padding:0 20px;
    margin-bottom:0;
    transition-duration:.4s;
    margin-top:20px; border-bottom:solid 1px #d1d3d4; box-shadow:0px 1px 0px #fff;
}
.header-page .header-nav{
    background-color:#fff
}
.main-nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    list-style:none;
    margin:0;
    padding:0
}
.main-nav>li.active>a{
    color:#ff6d89
}
.main-nav>li .submenu li a{
    display:block;
    padding:10px 15px;
    clear:both;
    white-space:nowrap;
    font-size:14px;
    color:#26292c;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    width:100%;
    border-top:1px solid #f0f0f0
}
.main-nav>li .submenu>li.has-submenu>a::after{
    content:"\f054";
    font-family:"font awesome 5 free";
    font-weight:900;
    position:absolute;
    right:15px;
    top:12px;
    font-size:13px
}
.main-nav>li .submenu li{
    position:relative
}
.main-nav li a{
    display:block;
    font-size:1.1em;
    font-weight:500;
    color:#26292c
}
.main-nav li.login-link{
    display:none
}
.logo{
    display:inline-block;
    margin-right:30px;
    width:143px;
}
.header-navbar-rht{
    margin:0;
    margin-left:0;
    padding:0
}
.header-navbar-rht>li{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding-right:20px;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    position:relative
}
.header-navbar-rht li:last-child{
    padding-right:0
}
.header-navbar-rht>li>a{
    font-size:16px;
    font-weight:500;
    color:#26292c
}
.header-navbar-rht li .dropdown-menu{
    border:0;
    box-shadow:0 0 28px 15px rgba(0,0,0,.06);
    border-radius:10px
}
.header-navbar-rht .dropdown-toggle.show+.dropdown-menu{
    visibility:visible;
    opacity:1;
    margin-top:0;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.header-navbar-rht li .dropdown-menu{
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    display:block;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px)
}
.header-navbar-rht .dropdown-toggle::after{
    display:none
}
.header-navbar-rht li .dropdown-menu .dropdown-item{
    border-top:1px solid transparent;
    padding:10px 15px
}
.header-navbar-rht li .dropdown-menu .dropdown-item:first-child{
    border-top:0;
    border-radius:5px 5px 0 0
}
.header-navbar-rht li .dropdown-menu .dropdown-item:last-child{
    border-radius:0 0 5px 5px
}
.header-navbar-rht li a.header-login:hover{
    background-color:#f6697b;
    border-color:#f6697b;
    color:#fff
}
.header-navbar-rht li a.header-login{
    border-radius:50px;
    text-align:center;
    font-size:16px;
    color:#392c7d;
    text-transform:capitalize;
    font-weight:500;
    min-width:150px;
    border:3px solid #b4a7f5;
    padding:10px 15px
}
.header-navbar-rht li a.header-sign{
    min-width:150px;
    background:#ff6d89;);
    border-radius:46.9159px;
    text-align:center
}
.header-navbar-rht li a.header-sign:hover{
    background-color:#f6697b;
    border-color:#f6697b;
    color:#fff
}
.add-header-bg .header-navbar-rht li a.header-sign{
    background:#df5779;
    border:1px solid #df5779;
    color:#fff;
    padding:10px 15px;
}
.add-header-bg .header-navbar-rht li a.header-sign:hover{
    background:#fff;
    color:#22100d;
    border:3px solid #df5779
}
.header .has-arrow .dropdown-toggle:after{
    border-top:0;
    border-left:0;
    border-bottom:2px solid #757575;
    border-right:2px solid #757575;
    content:'';
    height:8px;
    display:inline-block;
    pointer-events:none;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
    width:8px;
    vertical-align:2px;
    margin-left:10px
}
.header .has-arrow .dropdown-toggle[aria-expanded=true]:after{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.user-menu{
    float:right;
    margin:0;
    position:relative;
    z-index:99
}
.user-menu.nav>li>a{
    color:#fff;
    font-size:14px;
    line-height:58px;
    padding:0 15px;
    height:60px
}
.user-menu.nav>li>a:hover,.user-menu.nav>li>a:focus{
    background-color:rgba(0,0,0,.2)
}
.user-menu.nav>li>a:hover i,.user-menu.nav>li>a:focus i{
    color:#fff
}
.user-img{
    display:inline-block;
    position:relative
}
.user-img>img{
    height:50px;
    object-fit:cover;
    width:50px;
    border-radius:50%;
    border:3px solid #e0e0e0
}
.user-header .avatar img{
    width:50px;
    height:50px;
    border:3px solid #e0e0e0
}
.user-menu.nav>li>a.mobile_btn{
    border:0;
    position:relative;
    padding:0;
    margin:0;
    cursor:pointer
}
.header-navbar-rht .dropdown-menu{
    min-width:200px;
    padding:0
}
.header-navbar-rht .dropdown-menu .dropdown-item{
    padding:7px 15px
}
.header-navbar-rht .dropdown-menu .dropdown-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-top:1px solid #e3e3e3;
    padding:10px 15px
}
.header-navbar-rht .dropdown-menu .dropdown-item:hover,.header-navbar-rht .dropdown-menu .dropdown-item:hover i{
    color:#ff875a
}
.user-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:10px 15px
}
.user-header .user-text{
    margin-left:10px
}
.user-header .user-text h6{
    font-size:15px;
    margin-bottom:2px
}
.header-navbar-rht .logged-item .nav-link{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:14px;
    line-height:70px;
    padding:0 10px
}
.header-fixed{
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:999
}
.header{
    background-color:#fff
}
.add-header-bg{
    box-shadow:0 4px 15px rgb(0 0 0/8%);
    transition-duration:.4s;
    background:#fff;
    padding-top:0;
    margin:0
}
.users .dropdown-item i{
    color:#ff875a
}
.dropdown-item.night-mode{
    justify-content:space-between
}
.dropdown-item.night-mode i{
    color:#685f78
}
.topnav-dropdown-header{
    border-bottom:1px solid #eef1fe;
    text-align:center
}
.topnav-dropdown-header{
    font-size:14px;
    height:40px;
    line-height:40px;
    padding-left:15px;
    padding-right:15px
}
.topnav-dropdown-footer{
    border-top:1px solid #eee
}
.topnav-dropdown-footer a{
    display:block;
    text-align:center;
    color:#333
}
.notifications .noti-content{
    height:300px;
    width:420px;
    overflow-y:auto;
    padding-right:0;
    position:relative
}
.notifications .noti-content::-webkit-scrollbar{
    width:6px;
    background:#fff;
    height:10px
}
.notifications .noti-content::-webkit-scrollbar-track{
    border-radius:4px
}
.notifications .noti-content::-webkit-scrollbar-thumb{
    background:#8a8a95;
    border-radius:4px
}
.notifications .noti-content::-webkit-scrollbar-thumb:hover{
    background:#1b2559
}
.notifications .media .avatar>img{
    width:32px;
    height:32px;
    border-radius:50%;
    margin-right:16px
}
.notification-list{
    list-style:none;
    padding:0;
    margin:0
}
.notifications ul.notification-list>li{
    margin-top:0;
    border-bottom:1px solid #e4e8ee;
    box-shadow:0 1px 0 #e4e8ee;
    display:block;
    padding:15px;
    border-radius:2px
}
.notifications ul.notification-list>li:last-child{
    border-bottom:none
}
.notifications ul.notification-list>li .list-item{
    border:0;
    padding:0;
    position:relative
}
.notifications .notification-message h6{
    font-weight:600;
    font-size:14px;
    color:#1a1f36;
    margin-bottom:15px
}
.notifications .notification-message h6 span{
    font-weight:500
}
.notifications .notification-message p{
    font-weight:500;
    font-size:14px;
    color:#565758;
    margin-bottom:0
}
.notifications .notification-message .btn{
    font-weight:500;
    font-size:14px;
    padding:4px 8px;
    margin-bottom:8px;
    border-radius:4px
}
.notifications .notification-message .noti-details{
    color:#1a1f36;
    position:relative;
    border-left:4px solid #dddee1;
    padding-left:8px;
    margin-bottom:8px
}
.notifications .notification-message .btn-accept{
    background:#e95744;
    border:1px solid #e95744;
    color:#fff
}
.notifications .notification-message .btn-reject{
    background:#fff;
    border:1px solid #dddee1;
    color:#3c4257
}
.topnav-dropdown-header .notification-title{
    color:#1a1f36;
    display:block;
    float:left;
    font-size:14px;
    font-weight:500
}
.topnav-dropdown-header .clear-noti{
    color:#1a1f36;
    float:right;
    font-size:14px;
    font-weight:500
}
.topnav-dropdown-header .clear-noti i{
    font-weight:500
}
.notification-title select{
    background:#515669;
    border-radius:4px;
    color:#fff
}
.notification-title select:focus-visible{
    outline:0
}
.wishes-list{
    padding:15px!important;
    font-family:poppins,sans-serif
}
.wish-header a{
    font-size:12px;
    text-decoration:underline
}
.wish-nav .wishes-list{
    padding-right:0!important
}
.wish-nav .wish-content ul li{
    margin-right:15px
}
.wish-content{
    height:350px;
    width:415px;
    overflow-y:auto;
    position:relative;
    padding-right:0
}
.wish-content::-webkit-scrollbar{
    width:6px;
    background:#fff;
    height:10px
}
.wish-content::-webkit-scrollbar-track{
    border-radius:4px
}
.wish-content::-webkit-scrollbar-thumb{
    background:#8a8a95;
    border-radius:4px
}
.wish-content::-webkit-scrollbar-thumb:hover{
    background:#1b2559
}
.wish-content .media .avatar img{
    width:84px;
    height:63px;
    border-radius:5px;
    margin-right:10px
}
.wish-content ul{
    list-style:none;
    padding:0;
    margin:0 0 20px
}
.wish-content ul li{
    padding:15px 0;
    border-bottom:1px solid #dfdfe0
}
.wish-nav .wish-content ul{
    margin:0
}
.wish-nav .wish-content ul li:first-child{
    padding-top:0
}
.wish-nav .wish-content ul li:last-child{
    border-bottom:0;
    padding-bottom:0
}
.wish-content ul li .media{
    display:flex;
    justify-content:space-between
}
.wish-content h6{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    margin-bottom:2px
}
.wish-content h6 a{
    color:#000;
    font-size:14px
}
.wish-content h6 a:hover{
    color:#ff5364
}
.wish-content .media-body{
    overflow:hidden
}
.media-wide{
    width:75%
}
.wish-content p{
    color:#685f78;
    font-size:12px;
    margin-bottom:2px
}
.wish-content h5{
    color:#f66962;
    font-size:14px;
    font-weight:700;
    margin-bottom:0
}
.wish-content h5 span{
    color:#777;
    font-size:10px;
    font-weight:400;
    margin-bottom:0
}
.wish-nav .remove-btn a{
    margin-top:10px
}
.remove-btn a{
    background:#fff;
    border:1px solid #ff5364;
    padding:5px 10px;
    border-radius:0;
    font-weight:500;
    font-size:12px
}
.remove-btn a:hover{
    background:#ff5364;
    color:#fff
}
.total-item{
    text-align:right
}
.total-item h6{
    font-size:14px;
    color:#000;
    margin-bottom:10px
}
.total-item h5{
    font-size:16px;
    font-weight:600;
    color:#000
}
.night-mode .check-on .form-check-input{
    min-height:20px;
    width:38px
}
.night-mode .form-switch .form-check-input:focus{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+)
}
.night-mode .form-switch .form-check-input:checked{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmY1MzY0Jy8+PC9zdmc+)!important
}
.night-mode .form-switch .form-check-input{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+);
    background-color:#e0e0e0;
    border-color:#e0e0e0
}
.sidebar-overlay{
    background-color:rgba(0,0,0,.6);
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:1040
}
.menu-opened .main-menu-wrapper{
    transform:translateX(0)
}
.menu-header{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    height:60px;
    padding:0 20px;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    border-bottom:1px solid #f0f0f0;
    display:none
}
.menu-logo img{
    width:130px
}
.menu-close{
    font-size:18px
}
.bar-icon{
    display:inline-block;
    width:31px
}
.bar-icon span{
    background-color:#f66962;
    display:block;
    float:left;
    height:3px;
    margin-bottom:7px;
    width:31px;
    border-radius:2px
}
.bar-icon span:nth-child(2){
    width:16px
}
.bar-icon span:nth-child(3){
    margin-bottom:0
}
#mobile_btn{
    display:none;
    margin-right:30px
}
html.menu-opened body{
    overflow:hidden
}
.footer{
    background-color:#fff;
    position:relative
}
.footer-top{
    padding-top:60px;
    position:relative;
    z-index:9;
    font-size:14px
}
.footer-top .footer-about-content{
    max-width:315px
}
.footer-bottom{
    position:relative;
    z-index:9
}
.footer-title{
    color:#0a142f;
    font-size:18px;
    font-weight:700;
    margin-bottom:26px;
    text-transform:capitalize
}
.footer-widget.footer-menu ul{
    list-style:none;
    margin:0;
    padding:0;
    outline:none
}
.footer-widget .footer-logo{
    margin-bottom:15px
}
.footer-widget .footer-logo img{
    width:160px;
    max-width:100%
}
.footer-widget .footer-about-content p{
    color:#000
}
.footer-widget .footer-about-content p:last-child{
    margin-bottom:0
}
.footer-menu ul li{
    margin-bottom:10px;
    position:relative
}
.footer-menu ul li:last-child{
    margin-bottom:0
}
.footer-menu ul li a{
    color:#000;
    transition:all .4s ease 0s
}
.footer-menu ul li a i{
    margin-right:5px
}
.footer-widget.footer-menu ul li a:hover{
    color:#f66962
}
.footer-contact-info{
    color:#26292c;
    margin-top:20px
}
.footer-contact-info img{
    margin-right:12px; width:30px;}
}
.footer-contact-info .footer-address{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center
}
.footer-contact-info .footer-address img{ width:30px;}
.footer-contact-info .footer-address span{
    margin-right:20px
}
.footer-contact-info .footer-address{
    margin-bottom:20px
}
.footer-contact-info .footer-address p{
    margin-bottom:0
}
.footer-contact-info p{
    color:#000
}
.footer-contact-info p i{
    margin-right:15px
}
.footer-bottom .copyright{
    padding:10px 0;
}
.footer-bottom{
    font-size:14px
}
.footer-bottom .copyright-text p{
    color:#000;
    text-align:right
}
.footer-bottom .copyright-text p a:hover{
    color:#f66962
}
.privacy-policy ul{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    list-style:none;
    padding:0;
    margin:0
}
.privacy-policy ul li{
    padding:0 10px;
    border-right:1px solid #b2b1fc;
    list-style:none
}
.privacy-policy ul li a{
    color:#000
}
.privacy-policy ul li a:hover{
    color:#f66962
}
.privacy-policy ul li:last-child{
    border-right:0
}
.privacy-policy ul li:first-child{
    padding-left:0
}
.news-letter .form-control{
    border:0;
    padding:0
}
.news-letter form{
    border-bottom:1px solid #e9ecef
}
.home-slide{
    position:relative;
    background-image:url(../img/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    min-height:650px
}
.section-header.section-head-one .sub-title{
    color:#777;
    font-size:18px;
    font-weight:400;
    max-width:760px
}
.section-header.section-head-one h2{
    color:#0b0b0b
}
.home-slide-text{
    line-height:36px
}
.home-slide-text h5{
    color:#685f78;
    font-size:20px;
    margin-bottom:8px
}
.home-slide-text h1{
    font-weight:700;
    font-size:48px;
    margin-bottom:0px;
    line-height:1.2;
    /*max-width:500px*/
}

.home-slide-text h1 span{
    color:#6255a4
}

.home-slide-text h1 span{ text-transform:uppercase; color:#ff0000;}

.home-slide-text p{
    font-weight:300;
    color:#000;
    margin-bottom:20px; font-size:15px; line-height:25px;
}

.girl-slide-img img{
    width:100%
}
.location-search .form-control{
    padding-right:160px
}
.home-slide .search-box .search-btn{
    width:150px;
    -ms-flex:0 0 150px;
    flex:0 0 130px;
    border-radius:5px;
    position:absolute;
    top:8px;
    right:8px;
    padding:0
}
.bg-search a{
    font-size:14px;
    font-weight:700;
    color:#fff
}
.bg-search{
    background-color:#6255a4;
    border:1px solid #6255a4;
    color:#fff
}
.bg-search:hover{
    background-color:#54469f;
    border:1px solid #54469f;
    color:#fff
}
.trust-user p{
    font-size:20px;
    color:#685f78;
    font-weight:500;
    margin:30px 0 10px
}

.trust-user p span{text-transform:uppercase; color:#ff6d89; font-size:25px; font-weight:bold;}

.rate-head h2{
    margin-right:40px;
    color:#000;
    font-size:48px;
    font-weight:700;
    margin-bottom:0
}
.trust-rating .rating{
    margin-bottom:0
}
.trust-rating .rating i{
    padding:0 9px
}
.rating h2{
    color:#000;
    font-size:48px;
    font-weight:700;
    margin-bottom:0
}
.banner-content .form-inner{
    padding:5px;
    background-color:#fff;
    border-radius:35px;
    width:100%;
    border:0;
    max-width:300px;
    height:59px
}
.banner-content .input-group{
    background:#df5779;
    border-radius:130px; padding:5px 0px 5px 20px;  color:#fff; font-weight:bold;
}
.banner-content .input-group .search-icon{
    display:flex;
    align-items:center;
    color:#f66962
}
.banner-content .input-group .form-control::placeholder{
    color:#a2a2a2
}
.banner-content .input-group .input-group-prepend{
    margin-right:0
}
.banner-content .form-control{
    background:#fff;
    border-radius:40px;
    border:0;
    height:44px;
    color:#000;
    font-size:18px;
    margin-right:10px
}
.drop-detail .form-select{
    border:0;
    border-radius:50px;
    background-color:#ffdeda;
    font-size:14px
}
.drop-detail .form-select:focus{
    box-shadow:none
}
.drop-detail{
    width:174px;
    display:flex;
    margin:0 17px;
    border-radius:50px!important;
    border:0;
    height:44px
}
.banner-content .select2-container{
    border-radius:50px;
    background-color:#ffdeda;
    z-index:unset
}
.banner-content .select2-container .select2-selection--single .select2-selection__rendered{
    font-size:14px;
    padding-left:15px
}
.banner-content .select2-container .select2-selection--single{
    border:0;
    align-items:center;
    display:flex;
    background:0 0;
    height:44px
}
.banner-content .select2-container--default.select2-container--open.select2-container{
    border-radius:3px
}
.select2-dropdown{
    border:1px solid #ffdeda
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#22100d;
    border-style:solid;
    border-width:0 2px 2px 0;
    padding:3px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    margin-top:-5px;
    margin-left:-11px
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:#1b2559;
    border-width:2px 0 0 2px;
    padding:3px;
    margin-top:1px
}
.select2-results__option{
    font-size:14px
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:#ffdeda;
    color:#22100d;
    font-size:14px
}
.banner-content .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:auto
}
.banner-content .sub-btn{
    background:#333;
    border-radius:50px!important;
    font-weight:700;
    border:1px solid #333;
    margin:0;
    font-size:18px;
    line-height:18px;
    padding:10px 15px;
    color:#df5779;
    width:50px; margin-left:87px;
}
.banner-content .sub-btn:hover,.banner-content .sub-btn:focus{
    background:#fff;
    border-color:#fc7f50
}
.banner-content .form-control.catecory-mentor{
    background:#ffdeda;
    margin:0 10px;
    font-size:14px;
    color:#22100d
}
.section-header{
    margin-bottom:18px;
    position:relative;
    display:flex
}
.section-sub-head h2{
    font-size:36px;
    margin-bottom:0;
    font-weight:700;
    color:#0b0b0b;
    letter-spacing:.9px
}
.section-sub-head span{
    color:#f66962;
    font-size:18px;
    font-weight:700;
    padding-bottom:18px;
    display:block;
    letter-spacing:.9px
}
.section-text{
    max-width:700px;
    color:#685f78;
    font-size:16px;
    font-weight:500
}
.all-btn{
    margin-left:auto
}
.all-category .btn-primary{
    color:#392c7d;
    border:3px solid #b4a7f5;
    backdrop-filter:blur(151.39px);
    border-radius:46.9159px;
    background:0 0;
    border-radius:46.9159px;
    min-width:150px;
    padding:10px 15px;
    font-weight:500
}
.all-category .btn-primary:hover{
    background-color:#917cf6;
    border-color:#917cf6;
    color:#fff
}
.rating{
    list-style:none;
    margin:0 0 7px;
    padding:0;
    width:100%
}
.rating i{
    color:#dedfe0
}
.rating i.filled{
    color:#ffb54a
}
.online-course{
    border-radius:10px;
    padding:20px 0;
    position:relative;
    background:#fff
}
.bg{ background:#df5779;}
.course-radius{
    border-radius:10px;
    width:100%;
    border:2px solid #df5779
}
.blur-border.course-radius{
    padding:0px;
    border-radius:12px
}
.course-full-width{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    top:0;
    transition:top ease .5s
}
.course-full-width:hover{
    top:-10px;
    transition:top ease .5s
}
.online-course h4{
    margin-bottom:0;
    font-size:20px;
    font-weight:600
}
.course-inner-content{
    display:block;
    /*padding-left:18px;*/ text-transform:uppercase;
}
.course-inner-content img{ width:80px;}
.course-inner-content2 img{ width:90px;}
.course-inner-content h4{
    margin-bottom:8px;
    font-weight:700;
    color:#000
}
.course-inner-content p{
    color:#000;
    font-size:16px;
    margin-bottom:0
}
.student-course{
    position:relative;
    margin-top:-58px
}
.how-it-works{
    background:#fff;
    padding:80px 0;
    position:relative
}
.feature-box{
    position:relative;
    z-index:9;
    width:100%;
    margin-bottom:25px;
    background:#fff;
    border:1px solid #e9ecef;
    box-shadow:-11.729px -11.729px 32px rgba(255,255,255,.15);
    border-radius:10px
}
.feature-bg{
    padding:25px;
    width:100%;
    border-radius:10px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.feature-bg:hover{
    background:#413655;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.feature-bg:hover p,.feature-bg:hover .feature-text{
    color:#fff;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.feature-bg p{
    color:#685f78;
    font-size:14px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.feature-header{
    margin-bottom:10px
}
.feature-icon{
    margin-right:15px;
    font-size:30px;
    width:105px;
    border-radius:100px;
    height:105px;
    display:flex;
    display:-webkit-flex;
    display:-ms-flex;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -ms-align-items:center;
    color:#fff;
    margin:0 auto
}
.mentoring-course .owl-stage{
    padding-top:55px
}
.feature-heading{
    text-transform:uppercase;
    font-size:14px;
    font-weight:700
}
.feature-text{
    font-size:18px;
    font-weight:700;
    padding-top:25px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    max-width:130px;
    margin:0 auto 25px
}
.feature-bg p{
    margin-bottom:0
}
.mentoring-course{
    margin-top:40px
}
.owl-theme .owl-nav{
    display:none
}
.owl-theme .owl-dots .owl-dot span{
    width:15px;
    height:15px;
    margin:0 5px;
    background:#ffdeda;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#f66962;
    width:50px;
    height:15px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.owl-theme .owl-dots,.owl-theme .owl-nav{
    margin-top:26px
}
.new-course{
    padding:80px 0 56px;
    background-image:url(../img/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:relative
}
.new-course:before{
    content:"";
    position:absolute;
    background-image:url(../img/course-bg.png);
    width:100%;
    height:100%;
    top:0;
    background-repeat:no-repeat
}
.course-feature{
    margin-top:57px
}
.product .rating i{
    font-size:13px
}
.course-box{
    margin-bottom:25px;
    border-radius:10px
}
.product{
    border-radius:10px;
    position:relative;
    padding:20px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    background:#fff;
    backdrop-filter:blur(17px);
    -webkit-backdrop-filter:blur(17px)
}
.product:hover{
    background:#413655;
    color:#fff;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.product:hover .course-info p,.product:hover .course-name p,.product:hover .btn-primary,.product:hover .course-name h4 a,.product:hover .product-content h3 a,.product:hover .course-share i{
    color:#fff;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.product:hover .course-name h4 a:hover,.product:hover .product-content h3 a:hover{
    color:#f66962
}
.product:hover .rating-img img,.product:hover .course-view img{
    filter:invert(1) brightness(100);
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.product-img{
    position:relative;
    overflow:hidden;
    z-index:1;
    border-radius:10px 10px 10px 10px
}
.product-img img{
    width:100%;
    border-radius:4px 4px 0 0;
    transform:translateZ(0);
    transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms
}
.product-img:hover img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    transform:scale(1.15)
}
.product-content{
    padding-top:18px;
    display:inline-block;
    width:100%
}
.product-content h3{
    font-size:18px;
    color:#000;
    font-weight:500;
    line-height:1.3
}
.product-content h3 a:hover{
    color:#f66962
}
.product-content .instructor-text{
    max-width:320px
}
.product .rating{
    margin-left:auto;
    margin-bottom:15px;
    width:auto
}
.course-info{
    margin:16px 0 18px
}
.course-info .course-view img,.course-info .rating-img img{
    width:18px
}
.course-info p{
    margin-bottom:0;
    color:#685f78;
    font-size:16px;
    margin-left:12px
}
.course-view{
    margin-left:auto
}
.course-group{
    margin-bottom:17px
}
.course-group-img img{
    max-width:50px;
    height:50px;
    border-radius:25px;
    margin-right:10px
}
.course-share{
    margin-left:auto
}
.color-active{
    color:red;
    font-weight:700
}
.color{ color:#df5779; font-weight:bold;}
.course-share i{
    color:#ff5364;
    font-size:20px
}
.course-share a:hover i{
    font-weight:700
}
.course-name h4{
    font-size:18px;
    margin-bottom:5px;
    font-weight:600
}
.course-name p{
    margin-bottom:0;
    font-size:14px;
    color:#685f78
}
.average-rating span{
    color:#ffb54a
}
.master-skill{
    padding:80px 0 0
}
.blur-border{
    padding:3px;
    border-radius:10px
}
.rotate-box{
    position:relative;
    transform:rotate(30deg)
}
.certified-group{
    margin-bottom:0px;
    position:relative;
    top:0;
    transition:top ease .5s;
    width:100%;

}
.career-group .col-md-3{border-right:1px dashed #d1d3d4;}
.career-group-top{border-top:1px dashed #d1d3d4;}

.intregration .col:nth-child(odd) {background: #e6e7e8;}
.intregration .col:nth-child(even) {background: #f1f2f2;}
.intregration2 .col:nth-child(even) {background: #e6e7e8;}
.intregration2 .col:nth-child(odd) {background: #f1f2f2;}

.career-group .col-md-4:last-child{ border:0px;}
.certified-group:hover{
    top:-10px
}
.certified-img{
    background:#fff;
    border-radius:10px;
    width:72px;
    height:72px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.get-certified{
    background:transparent;
    padding:20px;
    border-radius:20px
}
.get-certified p{
    margin-bottom:0;
    color:#685f78;
    font-size:1.1em;
    font-weight:500
}
.career-group{
    margin:60px 0
}
.trend-course{
    padding:80px 0;
    background-image:url(../img/bg-banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.trending-course{
    position:relative;
    margin-top:57px
}
.trend-box{
    background:0 0;
    border:1px solid #e9ecef;
    padding:0
}
.trend-product{
    background:#fff
}
.price{
    background:#fff;
    position:absolute;
    bottom:20px;
    right:20px;
    min-width:149px;
    padding:14px 15px;
    border-radius:10px
}
.price.combo{
    background:#fff;
    position:absolute;
    bottom:20px;
    right:20px;
    min-width:149px;
    padding:14px 15px;
    border-radius:10px
}
.price.combo{
    min-width:80px;
    padding:12px
}
.price.combo h3{
    color:#159f46;
    font-weight:700;
    font-size:24px
}
.price h3 span{
    text-decoration:line-through;
    font-size:14px;
    color:#777
}
.price h3{
    font-size:24px;
    color:#f66962;
    font-weight:700;
    margin-bottom:0
}
.feature-instructors{
    padding-top:80px
}
.feature-head{
    margin:auto
}
.feature-head h2{
    margin-bottom:25px
}
.instructors-widget{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:10px;
    box-shadow:0 5px 13px 6px rgba(212,211,254,.23);
    margin-bottom:24px
}
.instructors-course{
    margin-top:57px
}
.instructors-img{
    position:relative;
    overflow:hidden;
    z-index:1;
    border-radius:10px 10px 0 0;
    padding-bottom:0
}
.instructors-img img{
    transform:translateZ(0);
    transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms
}
.instructors-img:hover img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    transform:scale(1.15)
}
.instructors-content{
    padding:20px
}
.instructors-content h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:0
}
.instructors-content p{
    margin-bottom:0;
    color:#685f78;
    font-size:16px;
    margin:16px 0 18px
}
.student-count i{
    display:flex;
    align-items:center;
    color:#ff5364;
    margin-right:17px
}
.student-count .yellow{
    display:flex;
    align-items:center;
    color:#ffb54a;
    margin-right:17px
}
.student-count .violet{
    display:flex;
    align-items:center;
    color:#392c7d;
    margin-right:17px
}
.student-count .orange{
    display:flex;
    align-items:center;
    color:#ff875a;
    margin-right:17px
}
.student-count span{
    color:#685f78;
    font-size:14px
}
.lead-companies{
    padding:0 0 0px
}

.slide-banner{
    padding:100px 0px 50px 0px
}

.lead-companies .owl-carousel .owl-stage{
    display:flex;
    display:-webkit-flex;
    -webkit-align-items:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center
}
.owl-carousel .owl-item .lead-img img{
    width:auto
}
.lead-group{
    padding:30px 0 24px
}
.trust-lead .get-certified{
    padding:20px
}
.trust-lead .certified-img img{
    top:inherit;
    left:inherit
}
.share-knowledge{
    padding:60px 0;
    background-image:url(../img/bg-banner-01.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.join-mentor h2{
    color:#1f1f1f;
    font-size:36px;
    font-weight:700;
    margin-bottom:0
}
.join-mentor p{
    font-size:18px;
    color:#685f78;
    margin:30px 0
}
.course-list{
    padding:0;
    margin-bottom:35px
}
.course-list li{
    list-style:none;
    font-weight:600;
    font-size:20px;
    margin-bottom:20px
}
.course-list li i{
    color:#f66962;
    margin-right:15px
}
.latest-blog{
    padding:80px 0 63px;
    background-image:url(../img/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.blogs-slide{
    margin-top:57px
}
.blogs-slide .blog-widget{
    border:1px solid #e9ecef;
    margin-bottom:24px;
    padding:0
}
.blog-widget .instructors-img{
    padding:0
}
.enroll-group{
    background:linear-gradient(90deg,rgba(161,196,253,0.79) 0%,rgba(194,233,251,0.36) 100%);
    border:1px solid rgba(255,222,218,.38);
    border-radius:20px;
    padding:30px;
    margin:80px 0
}
.enroll-img{
    background:#fff;
    border-radius:10px;
    padding:10px
}
.course-count{
    margin-left:25px;
    color:#000
}
.course-count p{
    margin-bottom:0;
    font-size:18px
}
.course-count h3{
    font-weight:700;
    font-size:36px;
    margin-bottom:15px
}
.icon-group{
    padding-top:17px
}
.enroll-group .total-course{
    margin-bottom:0
}
.icon-group .total-course{
    width:70px;
    height:70px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:24px
}
.icon-group .total-course{
    position:relative;
    top:0;
    transition:top ease .5s;
    cursor:pointer
}
.icon-group .total-course:hover{
    top:-10px
}
.total-course{
    margin-bottom:24px
}
.user-love{
    padding:80px 0;
    background-image:url(../img/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    min-height:500px
}
.white-header span,.white-header h2{
    color:#fff
}
.become-instructors{
    padding:327px 0 100px
}
.student-mentor{
    background:#ffdeda;
    padding:30px;
    border-radius:20px;
    color:#000;
    position:relative
}
.student-mentor h4{
    font-size:24px;
    font-weight:700;
    margin-bottom:18px
}
.top-instructors p{
    font-size:18px;
    margin-bottom:0;
    margin-bottom:40px
}
.yellow-mentor{
    background:#ffe88f
}
.testimonial-four{
    background:#df5779;
    position:relative; padding:80px 0 80px 0;
}
.review{
    width:100%;
}
.mentor-testimonial{
    z-index:9
}
.testimonial-four .slick-list{
    max-width:100%;
    margin:auto;

}
.testimonial-four .testimonial-two-head{
    max-width:90%;
    border:0;
    background:0 0
}
.testimonial-bg-left img{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,50%);
    position:absolute;
    top:50%;
    left:174px
}
.testimonial-bg-left,.testimonial-bg-right,.testimonial-bg-top{
    position:relative
}
.testimonial-bg-right img{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,50%);
    position:absolute;
    top:50%;
    right:-125px
}
.testimonial-bg-top img{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:absolute;
    top:50px;
    left:38%
}
.testimonial-four .h-four{
    padding-bottom:140px
}
.testimonial-four .slick-slide img{
    transform:scale(1,1);
    -ms-transform:scale(1,1);
    -webkit-transform:scale(1,1)
}
.fount-about-img img{
    margin:auto;
    border-radius:50px;
    width:80px
}

.fount-about-img2 img{
    margin:auto; padding-top:15px;
    width:51px
}

.fount-about-img span{
    color:#6e6c83;
    font-size:18px;
    font-weight:300
}
.fount-about-img h3{
    font-size:24px;
    color:#201f2e;
    margin:17px 0 10px
}
.testimonial-four .testimonial-two-head p{
    font-size:1.1em;
    color:#fff;
    font-weight:normal;
    line-height:1.6; text-align:left;
    margin:0px
}
.testi-quotes{
    position:relative
}
.testi-quotes img{
    position:absolute;
    left:205px;
    z-index:99;
    top:-31px
}
.testimonial-four .slick-prev,.testimonial-four .slick-next{
    top:62%
}
.testimonial-four-saying .title{ font-size:25px; }
.course-inner-content2 .title{ font-size:18px; }
.testimonial-four-saying .borderl{ border-left:solid 1px #fff; padding-left:31px;}
.testimonial-four-saying a{ color:#fff; font-size:18px; font-weight:normal;}
.testimonial-four .slick-prev{
    left:5%;
    z-index:99;
    width:30px;
    height:30px;
    border-radius:0
}
.testimonial-four .slick-next{
    right:5%;
    width:30px;
    height:30px;
    border-radius:0
}
.testimonial-four .slick-prev:hover,.testimonial-four .slick-next:hover,.testimonial-four .swiper-button-prev:hover,.testimonial-four .swiper-button-next:hover{
    color:#333;
    background:#fff;
    opacity:1
}
.testimonial-four .slick-prev:hover:before,.testimonial-four .slick-prev:focus:before,.testimonial-four .slick-next:hover:before,.testimonial-four .slick-next:focus:before,.testimonial-four .swiper-button-prev:hover:before,.testimonial-four .swiper-button-next:hover:before{
    color:#333;
    opacity:1
}
.testimonial-four .slick-next:focus,.testimonial-four .slick-prev:focus{
    background:#fff
}
.testimonial-four .slick-prev:before{
    font-family:"font awesome 5 free";
    content:"\f060";
    color:#fff;
    font-weight:600
}
[dir=rtl] .testimonial-four .slick-prev:before{
    content:'→'
}
.testimonial-four .slick-next:before{
    font-family:"font awesome 5 free";
    content:"\f061";
    color:#fff;
    font-weight:600
}
[dir=rtl] .testimonial-four .slick-next:before{
    content:'←'
}
.testimonial-all{
    padding:0px 40px;
    position:relative;

}
.testi-right{
    position:relative
}
.testi-right img{
    position:absolute;
    right:-60px;
    top:0
}
.four-testimonial-founder h3{
    margin:0px;
    font-size:24px;
    font-weight:700;
    color:#201f2e
}
.four-testimonial-founder span{
    font-size:12px;
    color:#fff
}
.mentor-img img{
    position:absolute;
    bottom:0;
    right:0
}
.login-bg{
    background-image:url(../img/banner.png);
    background-size:cover;
    top:0;
    left:0;
    position:fixed;
    min-height:100vh;
    display:flex;
    align-items:center
}
.login-banner{
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.welcome-login{
    padding:20px 20px 0
}
.mentor-course h1{
    font-size:20px;
    color:#000;
    font-weight:bold; text-transform:uppercase;
    margin:0px 0 10px
}
.mentor-course h2{
    font-size:30px;
    color:#DF5779;
    font-weight:bold; text-transform:uppercase;
    margin:10px 0 10px
}
.mentor-course p{
    font-size:14px;
    color:#22100d;
    margin-bottom:0;
    max-width:570px;
    margin:auto
}
.login-banner img{
    max-width:430px
}
.login-slide.owl-theme .owl-dots .owl-dot.active span,.login-slide.owl-theme .owl-dots .owl-dot:hover span{
    background:#ffb54a
}
.login-slide.owl-theme .owl-dots .owl-dot span{
    background:#ff875a
}
.login-slide.owl-theme .owl-dots,.login-slide.owl-theme .owl-nav{
    margin-top:40px
}
.login-wrap-bg{
    position:absolute;
    right:0;
    padding:0
}
.login-wrapper{
    width:100%;
    height:100vh;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.login-wrapper .loginbox{
    max-width:100%;
    width:100%;
    font-weight:600;
    padding:100px
}
.login-wrapper .loginbox .img-logo{
    margin-bottom:54px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.login-wrapper .loginbox .img-logo img{
    width:150px
}
.back-home{
    margin-left:auto
}
.back-home a{
    text-decoration:underline;
    font-weight:400
}
.login-wrapper .loginbox h1{
    font-weight:500;
    font-size:30px;
    margin-bottom:27px;
    color:#000
}
.account-subtitle{
    color:#273656;
    font-size:18px;
    margin-bottom:55px
}
.login-wrapper .loginbox label{
    margin-bottom:15px;
    width:100%;
    color:#685f78;
    font-weight:500
}
.toggle-password{
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    color:#ccc;
    cursor:pointer
}
.remember-me .form-check-input{
    border:1px solid #ffdeda;
    border-radius:0
}
.remember-me a{
    color:#f66962
}
.pass-group{
    position:relative
}
.google-bg{
    background:rgba(255,222,218,.31);
    padding:50px;
    width:100%
}
.sign-google ul{
    padding:0;
    margin:0;
    display:inline-flex
}
.sign-google ul li{
    list-style:none
}
.sign-google ul li a{
    padding:0 20px;
    color:#000;
    font-weight:600;
    display:inline-block
}
.sign-google ul li a,.google-bg span a,.google-bg p,.back-home a{
    font-size:14px
}
.google-bg p a{
    color:#f66962
}
.sign-google ul li a img{
    margin-right:10px
}
.sign-google ul li:first-child a{
    border-right:1px solid #000
}
.google-bg span a{
    color:#22100d;
    font-weight:400
}
.sign-google{
    margin:32px 0
}
.loginbox .form-control{
    border-color:rgba(255,222,218,.71);
    border-radius:5px;
    min-height:50px
}
.loginbox .form-control:focus{
    border:1px solid #eb9481
}
.loginbox .form-control::placeholder{
    color:#a2a2a2
}
.toggle-password.feather-eye{
    margin-right:1px;
    color:#6e82a3
}
.toggle-password.feather-eye-off{
    color:#f66962
}
.pass-checked{
    position:absolute;
    right:40px;
    top:55%;
    transform:translateY(-50%);
    color:#4caf50;
    opacity:0
}
.pass-checked.active{
    opacity:1
}
.forgot-link{
    color:#392c7d;
    font-size:14px
}
.forgot{
    margin-bottom:28px
}
.remember-me label{
    font-size:14px
}
.remember-me{
    margin-bottom:30px
}
.btn-start{
    background:#df5779;
    border-radius:5px;
    padding:12px 15px;
    font-weight:700;
    color:#fff
}
.btn-start:hover{
    background:#f57b4d;
    color:#fff
}
.login-wrapper .loginbox .dont-have{
    color:#273656;
    margin:27px 0 0;
    font-size:20px
}
.login-wrapper .loginbox .dont-have a{
    color:#ff6575
}
.login-wrapper .loginbox .dont-have a:hover{
    text-decoration:underline
}
.reset-password p{
    font-size:16px;
    color:#685f78;
    margin-bottom:20px;
    font-weight:500
}
.log-wrap .login-wrapper{
    flex-direction:column;
    flex-wrap:unset;
    justify-content:unset
}
.log-wrap .google-bg{
    margin-top:auto
}
.custom_check{
    color:#685f78!important;
    display:inline-block;
    position:relative;
    font-size:14px!important;
    margin-bottom:15px;
    padding-left:25px;
    cursor:pointer;
    font-weight:400!important;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    line-height:18px;
    font-family:noto sans,sans-serif
}
.custom_check input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.custom_check input:checked~.checkmark{
    background-color:#ff5364;
    border-color:#ff5364
}
.custom_check .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:15px;
    width:15px;
    border:1px solid #ff5364;
    background-color:#fff;
    border-radius:2px;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.custom_check .checkmark::after{
    content:"\e92b";
    font-family:feather!important;
    font-weight:900;
    position:absolute;
    display:none;
    left:2px;
    top:-2px;
    color:#fff;
    font-size:9px
}
.custom_check input:checked~.checkmark:after{
    display:block
}
.register-step .login-banner img{
    max-width:350px
}
.login-wrapper .register-box{
    padding:40px
}
.login-wrapper .register-box .img-logo{
    margin-bottom:17px
}
.profile-box{
    background:#fafafa;
    border-radius:10px;
    padding:20px 20px 4px;
    height:100%
}
.profile-box h3{
    font-size:15px;
    color:#000;
    text-align:center;
    margin:24px 0
}
.personal-detail{
    background:#fff;
    box-shadow:0 0 7px 10px rgba(227,227,227,.16);
    border-radius:10px;
    padding:15px;
    margin-bottom:16px;
    position:relative
}
.personal-text h4{
    font-size:15px;
    font-weight:500;
    color:#000;
    margin-bottom:3px
}
.personal-text p{
    font-size:12px;
    color:#000;
    font-weight:400
}
.personal-detail span{
    background:rgba(224,224,224,.42);
    width:30px;
    height:30px;
    font-size:14px;
    color:#000;
    margin-right:10px;
    border-radius:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.personal-detail .active-color{
    background:#159f46;
    color:#fff
}
.personal-form{
    background:#fff;
    border:1px solid #c7c7c740;
    border-radius:10px;
    padding:20px;
    height:100%;
    position:relative
}
.personal-form h4{
    font-size:20px;
    color:#000;
    margin-bottom:28px
}
.personal-form .form-select{
    border-color:rgba(255,222,218,.71);
    min-height:40px;
    font-size:14px;
    color:#c4c4c4
}
.personal-form .form-select:focus{
    box-shadow:none
}
.personal-form .form-group{
    margin-bottom:15px
}
.next-btn .btn-start{
    font-weight:700;
    min-width:163px;
    padding:12px 15px
}
.form-check-input:checked{
    background-color:#ff5364;
    border-color:#ff5364
}
.form-check-input:focus{
    box-shadow:none;
    border-color:#ff5364
}
.form-switch .form-check-input:checked{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+)!important
}
.form-switch .form-check-input:focus{
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmY1MzY0Jy8+PC9zdmc+)
}
.check-on .form-check-input{
    min-height:30px;
    width:70px;
    margin:0;
    cursor:pointer
}
.check-on{
    display:flex;
    align-items:center;
    padding:0;
    margin:10px 0 30px
}
.loginbox .check-on label{
    margin-bottom:0;
    margin-left:15px;
    font-size:14px;
    color:#000;
    font-weight:400
}
.btn-back{
    background:#777;
    border-radius:5px;
    padding:12px 15px;
    font-weight:700;
    color:#fff;
    margin-right:25px
}
.btn-back:hover{
    background:#746e6e;
    color:#fff
}
.back-btn .btn-back{
    font-weight:700;
    min-width:163px;
    padding:12px 15px
}
.google-account{
    margin-bottom:20px
}
.account-list h4{
    font-size:16px;
    color:#000;
    font-weight:400;
    margin-bottom:20px
}
.account-list p{
    color:#685f78;
    font-size:14px
}
.account-btn{
    margin-top:10px
}
.account-link,.google-link{
    margin-top:17px
}
.account-link .btn-primary{
    min-width:243px;
    background-color:#777;
    border:1px solid #777;
    font-size:14px;
    padding:7px 15px
}
.account-link .btn-primary:hover{
    opacity:.8
}
.google-link .btn-primary{
    min-width:191px;
    background-color:#fff;
    border:1px solid #c4c4c4;
    padding:7px 15px;
    font-size:14px;
    color:#263238
}
.google-link .btn-primary:hover{
    background-color:#777;
    border:1px solid #777;
    color:#fff
}
.your-done p{
    font-size:14px;
    color:#685f78
}
.your-done p a{
    color:#f66962
}
.work-done{
    position:absolute;
    bottom:20px
}
.password-strength{
    display:flex;
    margin-top:15px
}
.password-strength span{
    width:100%;
    height:5px;
    background:#e3e3e3;
    margin-right:10px;
    border-radius:5px
}
.password-strength span:last-child{
    margin-right:0
}
.weak-pass .password-strength span{
    background:red
}
.reset-account p{
    font-size:14px;
    color:#22100d;
    margin-top:39px
}
.reset-account p a{
    color:#f66962
}
.verification-code .form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.verification-code .form-control{
    min-height:70px;
    width:70px;
    text-align:center;
    margin-right:35px;
    margin-bottom:20px
}
.send-code a{
    color:#392c7d;
    font-size:14px;
    text-decoration:underline
}
.send-code{
    margin:7px 0 40px
}
.active-bar:before{
    content:"";
    position:absolute;
    width:2px;
    height:40px;
    background:#159f46;
    left:6px
}
.progress{
    width:110px;
    height:110px;
    line-height:110px;
    background:0 0;
    margin:0 auto;
    box-shadow:none;
    position:relative
}
.progress:after{
    content:"";
    width:100%;
    height:100%;
    border-radius:50%;
    border:12px solid #fff;
    position:absolute;
    top:0;
    left:0
}
.progress>span{
    width:50%;
    height:100%;
    overflow:hidden;
    position:absolute;
    top:0;
    z-index:1
}
.progress .progress-left{
    left:0
}
.progress .progress-bar{
    width:100%;
    height:100%;
    background:0 0;
    border-width:8px;
    border-style:solid;
    position:absolute;
    top:0
}
.progress .progress-left .progress-bar{
    left:100%;
    border-top-right-radius:80px;
    border-bottom-right-radius:80px;
    border-left:0;
    -webkit-transform-origin:center left;
    transform-origin:center left
}
.progress .progress-right{
    right:0
}
.progress .progress-right .progress-bar{
    left:-100%;
    border-top-left-radius:80px;
    border-bottom-left-radius:80px;
    border-right:0;
    -webkit-transform-origin:center right;
    transform-origin:center right;
    animation:loading-1 1.8s linear forwards
}
.progress .progress-value{
    width:90%;
    height:90%;
    border-radius:50%;
    background:#fff;
    font-size:20px;
    color:#159f46;
    text-align:center;
    position:absolute;
    top:5%;
    left:5%
}
.progress.blue .progress-bar{
    border-color:#159f46
}
.progress.blue .progress-left .progress-bar{
    animation:loading-2 1.5s linear forwards 1.8s
}
@keyframes loading-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(40deg);
        transform:rotate(40deg)
    }
}
@keyframes loading-1{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
.circle-bar>div{
    display:inline-block;
    position:relative;
    text-align:center
}
.circle-bar>div canvas{
    width:110px!important;
    height:110px!important
}
.circle-bar>div p{
    left:0;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    margin:0 auto;
    transform:translate(-50%,-50%);
    font-weight:700;
    font-size:24px;
    color:#159f46
}
.circle-bar>div p span{
    font-weight:500;
    font-size:14px;
    color:#000;
    display:block
}
#passwordInfo,#passwordInfos{
    font-size:12px;
    font-weight:400;
    margin-top:15px
}
.poor-active span.active#poor,.poor-active span.active#poors{
    background:red
}
.avg-active span.active#poor,.avg-active span.active#weak,.avg-active span.active#poors,.avg-active span.active#weaks{
    background:#ffb54a
}
.strong-active span.active#poor,.strong-active span.active#weak,.strong-active span.active#strong,.strong-active span.active#poors,.strong-active span.active#weaks,.strong-active span.active#strongs{
    background:#1d9cfd
}
.heavy-active span.active#poor,.heavy-active span.active#weak,.heavy-active span.active#strong,.heavy-active span.active#heavy,.heavy-active span.active#poors,.heavy-active span.active#weaks,.heavy-active span.active#strongs,.heavy-active span.active#heavys{
    background:#159f46
}
input[type=password]::-ms-reveal,input[type=password]::-ms-clear{
    display:none
}
.header-page,.header-page .header-nav{
    height:95px
}
.header-page .scroll-sticky{
    margin-top:0
}
.header-page .add-header-bg .header-border{
    border-bottom:0
}
.header-border{
    border-bottom:1px solid #dfdfe0;
    padding-top:12px;
    padding-bottom:12px
}
.breadcrumb-bar{
    background:#fff;
    padding:25px 0
}
.breadcrumb-list{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.breadcrumb-bar .breadcrumb-title{
    color:#000;
    font-size:35px;
    font-weight:700;
    margin-bottom:0
}
.page-breadcrumb ol{
    background-color:transparent;
    font-size:16px;
    margin-bottom:0;
    padding:0
}
.page-breadcrumb ol li a{
    color:#22100d;
    font-weight:500
}
.page-breadcrumb ol li.active{
    color:#22100d;
    font-weight:500;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.page-breadcrumb ol li a:hover{
    color:#ff5364
}
.page-breadcrumb ol li.active:hover{
    color:#22100d;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.breadcrumb-item+.breadcrumb-item{
    padding-right:16px;
    font-weight:500
}
.page-breadcrumb .breadcrumb-item+.breadcrumb-item:before{
    color:#22100d;
    font-size:11px;
    content:"\f054";
    font-weight:600;
    line-height:2.4;
    font-family:"font awesome 5 free";
    padding-right:16px
}
.course-content{
    background:#fafafa;
    padding:80px 0
}
.course-design{
    border:1px solid #e9ecef
}
.course-design .product{
    background:#fff
}
.course-design .product:hover{
    background:#fff
}
.course-design .product:hover .course-info p,.course-design .product:hover .course-name p,.course-design .product:hover .course-name h4 a,.course-design .product:hover .btn-primary,.course-design .product:hover .course-share i,.course-design .product:hover .product-content h3 a{
    color:#000
}
.course-design .product:hover .rating-img img,.course-design .product:hover .course-view img{
    filter:none
}
.course-design .product:hover{
    color:#000
}
.course-design .product:hover .course-share i{
    color:#ff5364
}
.course-design .all-category .btn-primary:hover{
    color:#fff
}
.course-design .course-info p{
    font-size:15px
}
.course-design .product{
    padding:12px
}
.course-design .price h3{
    font-size:20px
}
.price{
    min-width:140px;
    padding:6px 15px
}
.title-sec{
    margin-bottom:30px
}
.title-sec h5{
    font-weight:700;
    font-size:18px;
    color:#f66962;
    margin-bottom:18px
}
.title-sec h2{
    font-weight:700;
    font-size:36px;
    color:#0b0b0b;
    margin-bottom:18px
}
.title-sec p{
    font-weight:500;
    color:#685f78;
    padding-bottom:10px
}
.plan-box{
    background:#fff;
    border-radius:10px;
    padding:20px;
    display:flex;
    justify-content:space-between;
    margin-bottom:25px;
    border:1px solid #e9ecef
}
.plan-box:hover{
}
.plan-box h4{
    color:#ff5364;
    margin-bottom:16px;
    font-weight:700
}
.plan-box p{
    color:#685f78;
    font-size:14px;
    margin-bottom:16px
}
.plan-box p:last-child{
    margin-bottom:0
}
.plan-box h3{
    font-size:36px;
    display:inline-flex
}
.plan-box h3 span{
    font-size:16px;
    position:relative;
    top:7px
}
.benefit-box{
    background:#fff;
    border-radius:10px;
    padding:20px;
    margin-bottom:30px;
    border:1px solid #e9ecef
}
.benefit-box h5{
    font-size:18px;
    color:#0b0b0b;
    margin-bottom:20px
}
.benefit-box a{
    padding:9px;
    font-weight:700;
    font-size:20px
}
.benefit-box ul{
    padding-left:15px;
    margin-bottom:40px
}
.benefit-box ul li{
    font-size:14px;
    color:#685f78;
    margin-bottom:10px
}
.table>:not(:first-child){
    border-top:0
}
.table-price tr{
    border-color:#ffdeda
}
.table-price thead tr{
    border-color:transparent
}
.table-price tr.basic-cell{
    border-left:1px solid transparent
}
.table-price td{
    font-size:18px;
    font-weight:500;
    color:#685f78
}
.table-price .self-cell{
    background:#ff5364;
    color:#fff
}
.table-price .business-cell{
    background:#392c7d;
    color:#fff
}
.enable-item{
    padding:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    margin-bottom:35px
}
.enable-item .check-on .form-check-input{
    min-height:28px;
    width:53px
}
.main-title{
    font-size:36px;
    font-weight:700;
    margin-bottom:40px
}
.price-sec{
    margin-bottom:70px
}
.price-box{
    background:#fff;
    border-radius:10px;
    padding:20px;
    margin-bottom:25px;
    border:1px solid #e9ecef
}
.price-box h4{
    color:#ff5364;
    margin-bottom:16px;
    font-weight:700
}
.price-box p{
    color:#685f78;
    font-size:14px;
    margin-bottom:20px
}
.price-box h3{
    font-size:36px;
    display:inline-flex;
    margin-bottom:20px
}
.price-box h3 span{
    font-size:16px;
    position:relative;
    top:7px
}
.price-box h5{
    font-size:18px;
    color:#0b0b0b;
    margin-bottom:30px
}
.btn-free{
    padding:12px;
    font-weight:700;
    background:#fff;
    border:1px solid #f66962;
    border-radius:5px;
    color:#f66962;
    transition:.7s
}
.price-box ul{
    padding-left:15px;
    margin-bottom:40px
}
.price-box ul li{
    font-size:14px;
    color:#685f78;
    margin-bottom:10px
}
.price-box:hover .btn-free{
    border:1px solid #f66962;
    background:#f66962;
    color:#fff
}
.recom-badge{
    background:#392c7d;
    border-radius:5px;
    padding:4px;
    font-size:14px;
    color:#fff;
    display:inline-block
}
.notify-sec h5{
    font-weight:700;
    font-size:18px;
    color:#f66962;
    margin-bottom:38px
}
.btn-mark{
    background:#ff5364;
    font-weight:600;
    padding:12px;
    color:#fff
}
.btn-mark:hover{
    color:#fff;
    background:#f94355
}
.notify-item{
    background:#fff;
    backdrop-filter:blur(17px);
    border-radius:10px;
    padding:20px;
    margin-bottom:20px
}
.notify-item img{
    width:50px;
    height:50px;
    border:1px solid #e3e3e3;
    border-radius:50%
}
.notify-content{
    display:flex
}
.notify-detail{
    margin-left:10px
}
.notify-detail h6{
    font-weight:600;
    font-size:18px
}
.notify-detail h6 span{
    font-weight:500;
    font-size:14px;
    color:#a5acb8
}
.notify-detail p{
    font-size:14px;
    color:#685f78;
    margin-bottom:0
}
.notify-item a.btn{
    background:#fff;
    border:1px solid #303030;
    border-radius:5px;
    font-weight:600;
    color:#303030;
    padding:12px;
    min-width:150px
}
.notify-item a.btn:hover{
    background:#303030;
    color:#fff
}
.dropdown-menu.dropdown-menu-right{
    left:auto;
    right:0;
    margin-top:15px
}
.wishlist-item{
    background:#fff;
    border:1px solid rgb(199 199 199/25%);
    border-radius:5px;
    padding:15px;
    margin-bottom:20px
}
.wishlist-item:last-child{
    margin-bottom:0
}
.wishlist-detail{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:100%
}
.wishlist-img{
    margin-right:20px;
    position:relative
}
.wishlist-img img{
    max-width:205px;
    width:100%;
    height:154px;
    border-radius:10px
}
.wishlist-info{
    overflow:hidden
}
.wishlist-info h5{
    margin-bottom:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.wishlist-info h5 a{
    color:#000;
    font-family:poppins,sans-serif
}
.wishlist-info h5 a:hover{
    color:#f66962
}
.wishlist-info .course-view{
    margin-left:30px
}
.wishlist-item .remove-btn{
    text-align:right
}
.price-amt{
    background:#fff;
    border-radius:10px;
    position:absolute;
    bottom:12px;
    right:12px;
    padding:6px 12px
}
.price-amt h4{
    color:#f66962;
    font-weight:700;
    font-family:poppins,sans-serif;
    margin-bottom:0
}
.wishlist-item .remove-btn a{
    font-size:16px;
    padding:4px 12px
}
.wish-card .card-header{
    border-bottom:1px solid #dfdfe0;
    padding:35px
}
.wish-card .card-header h5{
    margin-bottom:0;
    color:#000
}
.wish-card .card-body{
    padding:35px
}
.wish-card{
    border-radius:10px
}
.wish-card .card-header{
    background:0 0
}
.subs-title{
    font-size:18px;
    font-weight:700;
    color:#392c7d;
    margin-bottom:20px
}
.course-sec p{
    font-size:14px
}
.overview-sec h6{
    font-weight:600;
    font-size:14px;
    color:#0b0b0b;
    margin-bottom:20px
}
.overview-sec ul{
    padding-left:20px;
    margin:0 0 20px
}
.overview-sec ul li{
    font-size:14px;
    margin-bottom:6px
}
.overview-sec-body{
    padding-bottom:24px
}
.instructor-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    align-items:center;
    border-bottom:1px solid #c7c7c7;
    margin-bottom:15px;
    flex-wrap:wrap
}
.about-instructor{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:15px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.abt-instructor-img{
    margin-right:10px
}
.abt-instructor-img img{
    width:50px;
    height:50px;
    border:1px solid #e3e3e3;
    border-radius:50%
}
.instructor-wrap .rating{
    width:unset;
    margin-bottom:15px;
    font-size:14px
}
.instructor-detail h6,.instructor-detail h5{
    font-weight:600;
    font-size:18px;
    margin-bottom:5px
}
.instructor-detail p{
    font-size:13px;
    color:#22100d;
    margin-bottom:0
}
.course-info{
    border-bottom:1px solid #c7c7c7;
    margin-bottom:15px;
    padding-bottom:15px
}
.cou-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    margin-right:15px
}
.cou-info p{
    font-size:16px;
    font-weight:500
}
.instructor-sec ul{
    padding:0;
    margin:0;
    list-style:none
}
.instructor-sec ul li{
    font-size:14px
}
.rev-info{
    font-style:italic
}
.btn-reply{
    background:#fff;
    border:1px solid #392c7d;
    border-radius:50px;
    padding:6px 22px;
    font-weight:500;
    font-size:14px;
    color:#392c7d
}
.btn-reply:hover{
    background:#392c7d;
    color:#fff
}
.comment-sec .form-control{
    background:rgba(229,229,229,.42)
}
.submit-btn{
    font-weight:500;
    color:#392c7d;
    border-radius:50px;
    padding:9px 15px;
    min-width:150px;
    border:4px solid transparent;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    background-image:linear-gradient(white,white),linear-gradient(to right,rgba(180,167,245,1),rgba(57,44,125,1))
}
.submit-btn:hover{
    background:#392c7d;
    color:#fff
}
.cou-title a{
    background:rgba(161,196,253,.12);
    border-radius:5px;
    padding:15px;
    font-weight:600;
    font-size:14px;
    color:#0b0b0b;
    position:relative;
    display:block;
    font-weight:600;
    font-size:14px;
    padding-right:60px
}
.cou-title>a:after{
    font-family:"font awesome 5 free";
    font-weight:900;
    content:"\f078";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    color:#000
}
.cou-title>a:not(.collapsed):after{
    content:"\f077"
}
.course-card ul{
    margin:0;
    padding:0
}
.course-card ul li{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #c7c7c7;
    padding:15px 0
}
.course-card ul li:last-child{
    border:0
}
.course-card ul li p{
    font-size:14px;
    margin-bottom:0
}
.course-card ul li a{
    font-size:14px;
    text-decoration:underline
}
.course-card ul li span{
    font-size:14px;
    margin-left:30px
}
.video-sec img{
    width:100%
}
.video-thumbnail{
    position:relative
}
.play-icon{
    position:absolute;
    top:50%;
    left:50%;
    background:rgb(1 1 1/40%);
    width:90px;
    height:90px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    border-radius:50%;
    transform:translate(-50%,-50%);
    color:#fff
}
.play-icon i{
    font-size:50px;
    padding-left:8px
}
.course-fee{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:center;
    flex-wrap:wrap
}
.inner-banner{
    padding:45px 0;
    background:url(../img/inner-banner.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.inner-banner:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.76)
}
.inner-banner .container{
    position:relative
}
.inner-banner p,.inner-banner h5,.inner-banner h2,.inner-banner .average-rating{
    color:#fff
}
.inner-banner h2{
    font-size:30px;
    margin-bottom:15px
}
.inner-banner p{
    font-size:14px
}
.web-badge{
    background:#ffb54a;
    border-radius:50px;
    padding:6px 15px;
    font-weight:500;
    font-size:14px;
    color:#fff
}
.web-badge:hover{
    background:#e19b36
}
.sidebar-sec{
    margin-top:-305px
}
.course-sec .card{
    z-index:2
}
.vid-bg{
    position:relative;
    z-index:1
}
.video-details{
    margin-top:25px
}
.video-details h2{
    font-weight:700;
    font-size:30px;
    color:#159f46;
    font-family:poppins,sans-serif;
    margin-bottom:12px
}
.video-details p{
    font-size:14px;
    color:#777;
    font-family:poppins,sans-serif;
    margin-bottom:12px
}
.video-details p span{
    text-decoration:line-through
}
.btn-enroll{
    background:#159f46;
    border:1px solid #159f46;
    border-radius:50px;
    font-weight:500;
    font-size:14px;
    color:#fff;
    padding:13px 20px
}
.btn-enroll:hover{
    color:#fff;
    background:#0c993e
}
.btn-wish{
    background:#fff;
    border:1px solid #f66962;
    border-radius:50px;
    padding:10px;
    color:#f66962;
    font-size:14px;
    font-weight:500;
    margin-bottom:15px
}
.btn-wish:hover{
    background:#f66962;
    color:#fff
}
.include-sec ul,.feature-sec ul{
    margin:0;
    padding:0;
    list-style:none
}
.include-sec ul li{
    font-size:14px;
    margin-bottom:15px
}
.include-sec ul li:last-child,.feature-sec ul li:last-child{
    margin-bottom:0
}
.feature-sec ul li{
    font-size:14px;
    padding:10px 0;
    color:#39393b;
    border-bottom:1px solid #e7e7e7
}
.feature-sec ul li span{
    font-weight:700
}
.feature-sec ul li:last-child{
    border:0;
    padding-bottom:0
}
.com-info{
    display:flex
}
.com-info h2{
    font-size:30px;
    color:#000;
    margin-bottom:15px
}
.complete-sec .video-thumbnail{
    max-width:350px;
    margin-left:15px
}
.no-video .card{
    background:#fff
}
.no-video .video-details{
    margin:0
}
.btn-cart{
    background:#f66962;
    border:1px solid #f66962;
    border-radius:50px;
    font-weight:500;
    font-size:14px;
    color:#fff;
    padding:13px 20px
}
.btn-cart:hover{
    color:#fff;
    background:#f4554e
}
.overflow-links{
    margin:0 0 10px;
    padding:0;
    list-style:none
}
.overflow-links li{
    display:inline-block
}
.overflow-links li a{
    border:1px solid #392c7d;
    border-radius:50px;
    min-width:150px;
    padding:8px 10px;
    font-weight:500;
    font-size:16px;
    color:#392c7d;
    display:inline-block;
    margin-bottom:15px;
    text-align:center
}
.overflow-links li a:hover,.overflow-links li a.active{
    background:#9c8fdb;
    color:#fff;
    border:4px solid transparent;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    background-image:linear-gradient(#9C8FDB,#9C8FDB),linear-gradient(to bottom,rgba(180,167,245,1),rgba(57,44,125,1))
}
#Overview,#Course_Content,#Instructor,#Reviews{
    scroll-margin-top:80px
}
.complete-sec .cou-info p{
    color:#000
}
.br-1{
    border-right:1px solid rgb(199 199 199/25%)
}
.bb-1{
    border-bottom:1px solid rgb(199 199 199/25%)
}
.com-course .feature-sec ul li{
    border-bottom:0;
    padding:0 0 15px
}
.com-course .feature-sec ul li:last-child{
    padding:0
}
.complete-sec h2{
    font-size:30px;
    margin-bottom:15px
}
.course-sec .course-info,.inner-banner .course-info,.instructor-wrap .about-instructor{
    flex-wrap:wrap
}
.course-sec .card{
    border-radius:10px
}
.page-content{
    background:#fafafa;
    padding:80px 0 60px
}
.instructor-page-content{
    padding:60px 0 30px
}
.cat-title{
    margin-bottom:15px
}
.cat-title h4{
    font-size:18px;
    font-weight:700;
    color:#0b0b0b;
    margin-bottom:0;
    display:inline-block
}
.cat-title span{
    float:right;
    margin-bottom:15px
}
.help-sec{
    padding:80px 0 50px;
    background:#fafafa
}
.help-title{
    padding-bottom:15px
}
.help-title h1{
    font-weight:700;
    margin-bottom:18px
}
.help-title p{
    font-size:18px;
    margin-bottom:15px
}
.faq-card{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:10px;
    margin-bottom:30px
}
.faq-title{
    margin-bottom:0
}
.faq-title a{
    padding:15px;
    font-weight:600;
    font-size:16px;
    color:#000;
    position:relative;
    display:block;
    padding-right:60px
}
.faq-title>a:after{
    font-family:"font awesome 5 free";
    font-weight:900;
    content:"\2b";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    color:#000
}
.faq-title>a:not(.collapsed){
    color:#ff5364
}
.faq-title>a:not(.collapsed):after{
    content:"\f068";
    color:#ff5364
}
.faq-detail{
    padding:0 15px
}
.faq-detail p{
    margin-bottom:15px
}
.support-sec{
    padding:100px 0;
    background:url(../img/support-bg.png);
    background-size:cover
}
.support-card{
    background:#fff;
    border-radius:10px;
    padding:20px;
    position:relative
}
.support-card p,.support-card h3{
    margin-bottom:15px
}
.support-card .btn{
    min-width:150px;
    font-weight:700;
    padding:12px 10px;
    border-radius:5px;
    color:#fff
}
.btn-contact{
    background:#1d9cfd
}
.btn-contact:hover{
    background:#0d92f7
}
.btn-ticket{
    background:#58247e
}
.btn-ticket:hover{
    background:#4d1377
}
.support-img img{
    position:absolute;
    right:0;
    bottom:0
}
.page-banner{
    padding:88px 0;
    text-align:center;
    background:url(../img/ban-bg.png) #1565c0;
    background-repeat:no-repeat;
    background-size:cover
}
.page-banner h1{
    font-weight:600;
    margin-bottom:15px;
    color:#fff
}
.page-banner p{
    color:#fff;
    margin-bottom:0
}
.sup-title{
    margin-bottom:30px
}
.support-wrap{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:10px;
    padding:30px
}
.support-wrap h5{
    color:#0b0b0b;
    font-weight:700;
    text-align:center;
    margin-bottom:34px
}
.support-wrap label{
    color:#685f78;
    font-weight:500;
    margin-bottom:15px
}
.btn-submit{
    background:#ff5364;
    border:1px solid #ff5364;
    border-radius:5px;
    color:#fff
}
.btn-submit:hover{
    background:#ff3448;
    color:#fff
}
.support-wrap .btn-submit{
    padding:12px 10px;
    min-width:200px
}
.category-box{
    background:#fff;
    box-shadow:0 0 6px rgba(227,227,227,.85);
    border-radius:10px;
    padding:20px;
    margin-bottom:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.category-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.category-img{
    margin-right:10px
}
.category-title h5{
    font-weight:500;
    font-size:18px;
    margin-bottom:0;
    color:#685f78
}
.category-box span{
    width:30px;
    height:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    background:#ff5364;
    border-radius:50%;
    color:#fff;
    font-weight:500;
    font-size:14px
}
.category-tab ul{
    margin:0 0 40px;
    padding:0;
    list-style:none
}
.category-tab ul li{
    display:inline-block;
    margin:0 20px 10px 0
}
.category-tab ul li a{
    background:#e0e0e0;
    color:#0b0b0b;
    padding:10px 15px;
    display:inline-block;
    text-align:center;
    font-size:24px;
    font-weight:600
}
.category-tab ul li a.active,.category-tab ul li a:hover{
    background:#ff5364;
    color:#fff
}
.category-tab.tickets-tab-blk .nav-justified .nav-item{
    flex-grow:inherit
}
.category-tab.tickets-tab-blk ul li a{
    font-size:14px;
    padding:10px 26px
}
.category-tab.tickets-tab-blk ul{
    margin:0 0 10px
}
.instructor-box{
    background:#fff;
    border-radius:10px;
    padding:20px;
    margin-bottom:30px;
    border:1px solid #e9ecef
}
.instructor-img{
    position:relative;
    text-align:center
}
.instructor-img img{
    max-width:200px;
    width:100%;
    border-radius:50%
}
.rating-count{
    position:absolute;
    top:0;
    right:0
}
.instructor-content{
    padding-top:15px;
    text-align:center
}
.instructor-content h5{
    color:#000;
    margin-bottom:5px
}
.instructor-content h6{
    color:#685f78;
    margin-bottom:15px
}
.instructor-content p{
    margin-bottom:0;
    color:#685f78;
    font-weight:500
}
.instructor-content .rating-img,.instructor-content .course-view{
    margin-bottom:20px
}
.instructor-content .rating{
    margin-bottom:0
}
.instruct-grid.instructor-box{
    padding:0
}
.instruct-grid .instructor-img img{
    border-radius:10px;
    max-width:unset
}
.instruct-grid .instructor-content{
    padding:15px
}
.instruct-grid .rating-count{
    right:20px;
    top:20px;
    color:#ff5364
}
.instructor-list{
    background:#fff;
    border-radius:10px;
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px;
    border:1px solid #e9ecef
}
.instructor-list .instructor-img img{
    width:145px;
    border-radius:7px 0 0 7px
}
.instructor-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.instructor-info>div{
    width:auto;
    margin-right:20px
}
.instructor-info .course-view{
    margin-left:0
}
.instructor-list .instructor-content{
    width:100%;
    text-align:left;
    padding:0 0 0 25px
}
.instructor-list .instructor-content .rating-img,.instructor-list .instructor-content .course-view{
    margin-bottom:10px
}
.instructor-list .instructor-content{
    position:relative
}
.instructor-list .instructor-content .rating-count{
    right:20px;
    top:20px
}
.instructor-badge .web-badge{
    display:inline-block;
    background:rgba(255,222,218,.36);
    border-radius:5px;
    color:#ff875a;
    font-size:14px;
    padding:3px 10px;
    margin-top:10px
}
.instructor-badge .web-badge:hover{
    background:rgba(255,222,218,.66)
}
.review-sec .review-item:not(:last-child){
    margin:0 0 20px
}
.edu-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px
}
.edu-wrap:last-child{
    margin:0
}
.edu-name{
    margin-right:15px
}
.edu-name span{
    width:40px;
    height:40px;
    background:#ff5364;
    border-radius:50%;
    color:#fff;
    font-size:14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.edu-detail h6{
    font-weight:700;
    color:#000;
    margin-bottom:6px
}
.edu-detail p.edu-duration{
    font-style:italic;
    margin-bottom:6px
}
.edu-detail p{
    margin-bottom:0
}
.terms-text{
    margin-bottom:20px
}
.terms-text h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px
}
.terms-text h3 span,.terms-text p a{
    color:#f66962
}
.terms-text h4{
    font-size:16px;
    font-weight:500;
    margin-bottom:15px
}
.terms-text h5{
    font-size:16px;
    font-weight:500;
    position:relative
}
.terms-text p,.terms-text ul li{
    color:#685f78;
    font-size:14px
}
.page-banner.instructor-bg-blk{
    padding:32px 0;
    text-align:center;
    background:url(../img/instructor/instructor-bg-banner.png) #1565c0;
    background-repeat:no-repeat;
    background-size:cover
}
.profile-info-blk{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    flex-direction:column
}
.profile-info-blk .profile-info-img{
    display:block;
    max-width:100px;
    height:100px;
    border-radius:10px;
    border:5px solid #fff;
    margin-bottom:8px
}
.profile-info-blk h4{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.profile-info-blk h4 a{
    font-size:32px;
    font-weight:600;
    color:#fff
}
.profile-info-blk h4 a:hover{
    color:#f66962
}
.profile-info-blk h4 span{
    background:#fff;
    padding:2px 10px;
    font-size:14px;
    border-radius:5px;
    margin-left:20px
}
.profile-info-blk p{
    font-size:16px;
    font-weight:400;
    color:#fff
}
.profile-info-social{
    margin-top:8px;
    margin-bottom:0
}
.profile-info-social li a{
    color:#fff
}
.profile-info-social li a:hover{
    color:#f66962
}
.profile-info-social li:not(:last-child){
    margin-right:14px
}
.sidebar-tag-labels ul{
    display:flex;
    flex-wrap:wrap;
    padding:0;
    margin:0;
    gap:10px
}
.sidebar-tag-labels ul li a{
    display:block;
    background:rgba(255,222,218,.36);
    padding:5px 10px;
    border-radius:5px;
    color:#ff875a
}
.sidebar-tag-labels ul li a:hover{
    background:rgba(255,222,218,.66)
}
.rating-grp{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    justify-content:space-between
}
.profile-overview-list{
    word-wrap:break-word;
    margin-top:23px
}
.profile-overview-list .list-grp-blk:not(:last-child){
    margin-bottom:23px
}
.profile-overview-list .list-content-blk h5{
    font-size:15px;
    font-weight:700;
    color:#22100d;
    margin-bottom:2px
}
.profile-overview-list .list-content-blk p{
    margin:0;
    word-wrap:break-word
}
.contact-info-list{
    margin-top:23px
}
.contact-info-list .edu-wrap:not(:last-child){
    margin-bottom:23px
}
.edit-blk{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px
}
.edit-blk h5{
    margin-bottom:0
}
.edit-blk a{
    width:30px;
    height:30px;
    background-color:#455a64;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center
}
.edit-blk a i{
    color:#fff;
    font-size:14px
}
.student-box{
    border:1px solid #e9ecef;
    border-radius:10px;
    padding:20px;
    margin-bottom:30px
}
.student-img{
    position:relative;
    text-align:center
}
.student-img img{
    max-width:200px;
    width:100%;
    border-radius:50%
}
.student-content{
    padding:15px 0;
    text-align:center
}
.student-content h5{
    color:#000;
    font-size:20px;
    font-weight:500;
    margin-bottom:5px
}
.student-content h6{
    font-size:14px;
    color:#685f78;
    margin-bottom:15px
}
.student-content p{
    color:#685f78;
    margin-bottom:0
}
.student-box.student-grid{
    padding:0
}
.student-grid .student-img img{
    border-radius:10px;
    max-width:unset
}
.student-list{
    border:1px solid #e9ecef;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:30px;
    padding:20px
}
.student-list .student-img img{
    max-width:100%;
    border-radius:7px
}
.student-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.student-list .student-content{
    width:100%;
    text-align:left;
    padding:0 0 0 25px
}
.student-info>div{
    width:auto;
    margin-right:20px
}
.student-content h6{
    font-size:14px;
    color:#685f78;
    margin-bottom:15px
}
.student-list .student-content .loc-blk{
    margin-bottom:10px
}
.student-list .student-content{
    position:relative
}
.student-list .student-content p{
    margin:0
}
.student-list .profile-info-social{
    margin:0
}
.student-list .profile-info-social li:not(:last-child){
    margin-right:10px
}
.student-list .profile-info-social li a{
    color:#000;
    font-size:18px
}
.student-list .profile-info-social li a:hover{
    color:#f66962
}
.page-banner.student-bg-blk{
    padding:14px 0;
    text-align:center;
    background:url(../img/students/student-bg-banner.png) #ffb54a;
    background-repeat:no-repeat;
    background-size:cover
}
.settings-btn-grp{
    margin-bottom:40px
}
.payment-method-blk .payment-list:not(:last-child){
    margin-bottom:32px
}
.settings-inner-blk{
    background-color:#fff;
    border-radius:10px
}
.hvr-sweep-to-right a{
    font-size:15px;
    font-weight:700;
    color:#ff5364;
    padding:8px 20px;
    border:1px solid transparent;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    background-image:linear-gradient(#FFF,#FFF),linear-gradient(to right,#392C7D,#FF5364);
    border-radius:10px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    -webkit-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    overflow:hidden;
    min-height:41px
}
.hvr-sweep-to-right a:hover{
    color:#fff;
    background:#ff5364;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.payment-list h5{
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
    color:#303030
}
.payment-list p{
    font-size:14px;
    font-weight:400;
    color:#303030;
    margin-bottom:0
}
.grp-action-style li:not(:last-child){
    margin-right:10px
}
.btn-action-style{
    display:block;
    padding:3px 7px
}
.btn-action-dark{
    min-width:35px;
    background-color:#455a64;
    color:#fff
}
.btn-action-primary:hover,.btn-action-dark:hover,.btn-action-method:hover,.btn-action-delete:hover{
    color:#fff
}
.btn-action-dark i,.btn-action-method i,.btn-action-delete i{
    font-size:14px
}
.btn-action-primary{
    font-size:14px;
    line-height:22px;
    color:#fff;
    padding:4px 8px;
    text-transform:uppercase;
    background-color:#159f46
}
.btn-action-method{
    min-width:35px;
    display:block;
    background-color:#ff875a;
    color:#fff
}
.btn-action-delete{
    min-width:35px;
    background-color:#eb4334;
    color:#fff
}
.modal-styles .modal-header,.modal-styles .modal-body{
    padding:23px
}
.modal-styles .modal-header{
    border-color:rgba(199,199,199,.25)
}
.modal-styles .close{
    border-width:0;
    padding:0;
    margin:0;
    font-size:23px;
    background-color:transparent;
    color:#f12804
}
.modal-styles .modal-title{
    color:#392c7d;
    font-size:24px;
    font-weight:700;
    text-transform:capitalize
}
.modal-styles .btn-modal-style{
    display:block;
    padding:10px 25px;
    color:#fff;
    border-radius:5px;
    font-size:16px;
    margin:0;
    font-weight:600
}
.modal-styles .btn-theme{
    background-color:#ff5364
}
.modal-styles .btn-cancel{
    background-color:#455a64
}
.modal-styles .btn-theme:hover,.modal-styles .btn-cancel:hover{
    opacity:.86;
    color:#fff
}
.modal-styles .modal-footer .btn-modal-style:not(:last-child){
    margin-right:20px
}
.modal-styles .form-control,.modal-styles .form-select{
    border-color:rgba(255,222,218,.71);
    border-radius:5px;
    min-height:40px
}
.modal-styles .form-control::-webkit-input-placeholder{
    color:#a2a2a2
}
.modal-styles .form-control::-moz-placeholder{
    color:#a2a2a2
}
.modal-styles .form-control:-ms-input-placeholder{
    color:#a2a2a2
}
.modal-styles .form-control::-ms-input-placeholder{
    color:#a2a2a2
}
.modal-styles .form-control::placeholder{
    color:#a2a2a2
}
.modal-styles .modal-footer{
    padding:0 23px 23px;
    border-top:0 solid transparent
}
.modal-styles.modal{
    z-index:1050
}
.pop-modal .modal-backdrop{
    z-index:1040
}
.settings-inner-blk table thead tr{
    font-size:15px;
    font-weight:500;
    background-color:#f0f0f0;
    border-radius:5px
}
.settings-inner-blk .settings-invoice-blk table thead tr{
    text-transform:uppercase
}
.settings-inner-blk table tbody tr:last-child{
    border:1px solid transparent
}
.settings-inner-blk table tbody tr td{
    padding:1rem 0;
    font-size:15px
}
.settings-invoice-blk table tbody tr td .invoice-no{
    color:#f66962
}
.settings-invoice-blk table tbody tr td .badge{
    font-size:14px;
    padding:7px 10px;
    font-weight:400;
    border-radius:5px;
    color:#fff
}
.settings-invoice-blk table tbody tr td .badge.status-due{
    background:#e53935
}
.settings-invoice-blk table tbody tr td .badge.status-completed{
    background:#159f46
}
.settings-inner-blk table tbody tr td .btn-style{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    width:38px;
    height:38px;
    color:#685f78;
    border:1px solid #f1f1f1;
    border-radius:5px
}
.settings-inner-blk table tbody tr td .btn-style i{
    font-size:18px
}
.settings-inner-blk table tbody tr{
    vertical-align:middle
}
.settings-inner-blk table tbody tr td .btn-style:hover{
    background-color:#f66962;
    color:#fff
}
.settings-inner-blk table tbody tr td .btn-style svg{
    width:18px;
    height:18px
}
.table-nowrap tr th,.table-nowrap tr td{
    white-space:nowrap
}
.settings-top-widget .stat-info span{
    color:#685f78;
    font-size:14px;
    font-weight:600
}
.settings-top-widget .stat-info h3{
    font-size:28px;
    font-weight:600;
    margin:16px 0
}
.settings-top-widget .stat-info p{
    color:#303030;
    font-size:14px;
    margin-bottom:0
}
.settings-top-widget .card{
    border-radius:10px
}
.settings-top-widget .stat-info.net-earn h3{
    color:#1d9cfd
}
.settings-top-widget .stat-info.bal h3{
    color:#159f46
}
.settings-top-widget .stat-info.avg h3{
    color:#ff5364
}
.settings-top-widget .stat-info.refer h3{
    color:#1d9cfd
}
.link-box h3{
    color:#392c7d;
    font-size:24px;
    font-weight:600;
    margin-bottom:16px
}
.link-box p{
    font-size:14px;
    line-height:17px;
    margin-bottom:8px
}
.link-box input{
    background:rgba(227,227,227,.41);
    border-color:rgba(255,222,218,.71);
    border-radius:5px;
    min-height:40px
}
.link-box a{
    display:inline-block;
    background-color:#ff5364;
    border-radius:5px;
    padding:10px 25px;
    font-size:15px;
    font-weight:700;
    color:#fff
}
.link-box a:hover,.link-box a:focus{
    opacity:.86
}
.withdraw-box h4{
    font-size:16px;
    font-weight:700;
    color:#303030;
    line-height:26px
}
.withdraw-box p{
    font-size:14px;
    line-height:17px;
    margin-bottom:16px
}
.filter-grp{
    margin-bottom:23px
}
.filter-grp h3{
    font-size:24px;
    font-weight:600;
    color:#392c7d;
    margin:0
}
.filter-grp select{
    border-radius:10px
}
.filter-blk div:not(:last-child){
    margin-right:14px
}
.settings-referral-blk .refer-avatar-blk p{
    margin:0
}
.settings-top-widget .card{
    border-radius:10px
}
.settings-top-widget .card.withdraw-box{
    background-image:linear-gradient(#FFF,#FFF),linear-gradient(to right,#392C7D,#FF5364)
}
.settings-top-widget .stat-info.ttl-tickets h3{
    color:#1d9cfd
}
.settings-top-widget .stat-info.open-tickets h3{
    color:#159f46
}
.settings-top-widget .stat-info.close-tickets h3{
    color:#ff5364
}
.ticket-grp p{
    margin:5px 0 0
}
.tiket-suport.filter-grp{
    margin-bottom:40px
}
.tiket-suport .ticket-btn-grp{
    display:inline-flex
}
.ticket-btn-grp a{
    background:#392c7d;
    border:1px solid #392c7d;
    border-radius:5px;
    font-size:14px;
    color:#fff;
    padding:13px 28px
}
.ticket-btn-grp a:hover{
    opacity:.86
}
.filter-tickets ul li:not(:last-child){
    margin-right:7px
}
.filter-tickets ul li a{
    display:block;
    font-size:14px;
    padding:10px 30px;
    background:#e0e0e0
}
.filter-tickets ul li a:hover,.filter-tickets ul li a:focus,.filter-tickets ul li a.active{
    color:#fff;
    background:#ff5364
}
.settings-inner-blk table .link{
    color:#f66962
}
.settings-inner-blk .info-high{
    background:#e53935
}
.settings-inner-blk .info-medium{
    background:#ffb54a
}
.settings-inner-blk .info-low{
    background:#159f46
}
.settings-menu .top-menu-bar li:last-child{
    margin-bottom:23px
}
.new-ticket-blk h4{
    font-size:24px;
    margin-bottom:23px;
    color:#f66962
}
.new-ticket-blk .form-control{
    border-color:rgba(255,222,218,.71);
    border-radius:5px;
    min-height:40px
}
.new-ticket-blk .form-group{
    margin-bottom:25px
}
.new-ticket-blk .form-group label{
    font-weight:500;
    color:#685f78;
    margin-bottom:15px
}
.settings-inner-blk .form-control::-webkit-input-placeholder{
    color:#a2a2a2
}
.settings-inner-blk .form-control::-moz-placeholder{
    color:#a2a2a2
}
.settings-inner-blk .form-control:-ms-input-placeholder{
    color:#a2a2a2
}
.settings-inner-blk .form-control::-ms-input-placeholder{
    color:#a2a2a2
}
.settings-inner-blk .form-control::placeholder{
    color:#a2a2a2
}
.settings-inner-blk .form-select:focus{
    box-shadow:none
}
.settings-inner-blk .country-select{
    border:1px solid rgba(255,222,218,.71);
    color:#263238;
    height:40px
}
.submit-ticket{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap
}
.submit-ticket .btn-primary{
    background:#1d9cfd;
    border:1px solid #1d9cfd;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    min-width:171px;
    padding:13px 15px;
    margin-right:12px
}
.submit-ticket .btn-primary:hover{
    background:#187ac5;
    border:1px solid #187ac5
}
.submit-ticket .btn-dark{
    background:#263238;
    border:1px solid #263238;
    border-radius:5px;
    font-size:14px;
    font-weight:600;
    min-width:171px;
    padding:13px 15px
}
.submit-ticket .btn-dark:hover{
    background:#5f6568;
    border:1px solid #5f6568;
    color:#fff
}
.bug-software-head h2{
    font-size:24px;
    font-weight:500;
    margin-bottom:15px
}
.bug-software-head p{
    color:#f66962;
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.bdr-bottom-line{
    border-bottom:1px solid rgb(199 199 199/25%)
}
.ticket-profile .course-name h4{
    margin-bottom:5px;
    font-size:16px;
    font-weight:600
}
.ticket-profile .course-group-img img{
    max-width:40px;
    height:40px
}
.ticket-profile .course-group-img{
    margin-bottom:25px
}
.admin-msg-list{
    padding:0;
    margin:0
}
.admin-msg-list li{
    list-style:none;
    padding-bottom:20px
}
.comman-space-ticket{
    padding:30px
}
.requested-img img{
    width:30px;
    height:30px;
    border-radius:50px;
    margin-right:5px
}
.ticket-view-blk{
    padding:15px 0
}
.ticket-view-blk h5{
    color:#685f78;
    font-size:16px;
    font-weight:500;
    margin-bottom:10px
}
.requested-img h4{
    font-size:16px;
    font-weight:500;
    margin-bottom:0;
    color:#000
}
.ticket-view-blk p{
    font-size:15px;
    font-weight:500;
    margin-bottom:0;
    color:#000
}
.ticket-view-blk .btn-success{
    background:#159f46;
    border:1px solid #159f46;
    border-radius:3px;
    font-size:14px;
    font-weight:400;
    padding:2px 12px
}
.ticket-view-blk .btn-danger{
    background:#cc454e;
    border:1px solid #cc454e;
    border-radius:3px;
    font-size:14px;
    font-weight:400;
    padding:2px 8px
}
.ticket-view-blk h3{
    color:#000;
    font-size:16px;
    font-weight:500;
    margin-bottom:0
}
.ticket-close-btn{
    margin-top:15px
}
.ticket-close-btn .btn-danger{
    background:#cc454e;
    border:1px solid #cc454e;
    border-radius:5px;
    font-size:15px;
    font-weight:400;
    width:100%;
    padding:10px 15px
}
.ticket-close-btn .btn-danger:hover{
    background:#ed0b1a;
    border:1px solid #ed0b1a
}
.btm-para-blk h2{
    color:#fff;
    font-size:36px;
    font-weight:600;
    margin:30px 0
}
.dropzone{
    background:#fbfbff;
    border:1px dashed rgba(255,222,218,.71);
    border-radius:5px;
    padding:10px;
    min-height:70px;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.dropzone.dz-clickable .dz-message{
    display:none
}
.dropzone p{
    color:#c4c4c4;
    margin-bottom:0
}
.accept-drag-file p{
    color:#685f78;
    font-weight:500;
    margin-top:15px
}
.your-replay-head h2{
    font-size:24px;
    font-weight:600;
    color:#392c7d
}
.your-replay-head{
    margin-bottom:30px
}
.your-replay-head p{
    margin-bottom:0;
    color:#303030;
    font-size:14px
}
.section-wrapper{
    background:#fafafa;
    padding:80px 0
}
.custom-btn-blk a:hover{
    opacity:.86
}
.instructor-info-blk{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.instructor-info-blk .instructor-info-img{
    display:block;
    max-width:100px;
    height:100px;
    border-radius:10px;
    border:5px solid #fff;
    margin-right:8px
}
.instructor-info-blk .instructor-info-content{
    text-align:left
}
.instructor-info-blk h4{
    font-size:32px;
    font-weight:600;
    color:#fff;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.instructor-info-blk h4 a{
    color:#fff
}
.instructor-info-blk h4 span{
    background:#fff;
    color:#000;
    font-weight:400;
    padding:2px 10px;
    font-size:14px;
    border-radius:5px;
    margin-left:8px
}
.instructor-info-blk p{
    font-size:16px;
    font-weight:400;
    color:#fff;
    margin:0
}
.instructor-overview-list{
    background:rgba(10,20,47,.33);
    border-radius:10px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    word-wrap:break-word;
    padding:10px
}
.instructor-overview-list .list-grp-blk:not(:last-child){
    margin-right:23px
}
.instructor-overview-list .list-content-blk h5{
    font-size:15px;
    font-weight:700;
    color:#fff;
    margin-bottom:2px
}
.instructor-overview-list .list-content-blk p{
    margin:0;
    word-wrap:break-word
}
.instructor-bg-blk .btm-para-blk{
    margin-top:23px
}
.custom-card{
    border:4px solid transparent;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    background-image:linear-gradient(#FFF,#FFF),linear-gradient(to right,#E3E3E3,#FFDEDA);
    border-radius:10px
}
.custom-card-header{
    padding:23px;
    border-bottom:1px solid rgba(199,199,199,.23)
}
.custom-card-header h3{
    font-size:24px;
    font-weight:600;
    color:#392c7d;
    margin:0
}
.custom-card-header .custom-btn-blk a{
    background:#392c7d;
    border:1px solid #392c7d;
    border-radius:5px;
    font-size:14px;
    color:#fff;
    padding:13px 28px
}
.courses-grp .course-design{
    background:#fff;
    border:1px solid rgba(199,199,199,.25)
}
.courses-grp .list-course .product-img{
    -ms-flex:0 0 205px;
    flex:0 0 205px;
    margin-right:24px;
    width:205px;
    position:relative
}
.sell-course-head h3{
    color:#392c7d;
    font-size:24px;
    font-weight:600;
    margin-bottom:0
}
.sell-course-head{
    border-bottom:1px solid rgba(199,199,199,.25)
}
.sell-group-img{
    width:150px;
    height:112px;
    margin-right:20px
}
.sell-table-group p{
    font-size:20px;
    color:#000;
    font-weight:500;
    margin-bottom:0
}
.sell-tabel-info .course-info{
    margin:7px 0;
    width:270px
}
.sell-table-group .sell-tabel-info p{
    font-size:16px
}
.course-instruct-blk .badge{
    min-width:79px;
    padding:7px 10px
}
.settings-inner-blk .info-inter{
    background:#1d9cfd
}
.course-stip.progress-stip{
    height:8px
}
.instruct-search-blk .show-filter .form-control,.instruct-search-blk .select-form .form-select{
    max-width:222px;
    border-radius:10px
}
.instruct-search-blk .select-form .form-select{
    margin-left:auto;
    border:1px solid #eb9481
}
.instruct-search-blk .show-filter .form-control{
    border:1px solid #eb9481
}
.instructor-detail h5{
    margin-bottom:1px
}
.choose-search-blk .select2-container--default .select2-selection--single,.table-select-blk .select2-container--default .select2-selection--single,.all-select-blk .select2-container--default .select2-selection--single{
    border:1px solid #e9ecef;
    height:40px;
    border-radius:10px
}
.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__rendered,.table-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered,.all-select-blk .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:40px;
    color:#263238;
    font-size:14px
}
.choose-search-blk .select2-container--default .select2-selection--single .select2-selection__arrow,.table-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow,.all-select-blk .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:36px
}
.choose-search-blk .form-group{
    width:222px;
    margin-left:auto
}
.choose-search-blk.show-filter .form-control{
    border:1px solid #e9ecef;
    border-radius:10px
}
.table-select-blk .form-group{
    width:127px
}
.instruct-search-blk{
    margin-bottom:25px
}
.course-instruct-blk .table-nowrap tr th,.course-instruct-blk .table-nowrap tr td{
    white-space:inherit
}
.sell-tabel-info{
    max-width:270px
}
.sell-course-head p{
    color:#303030;
    margin-bottom:0;
    margin-top:15px
}
.instruct-review-blk .rev-info{
    font-style:normal;
    font-size:14px
}
.instruct-review-blk .btn-reply{
    padding:6px 11px
}
.instruct-orders-info p{
    margin-bottom:0;
    max-width:280px
}
.course-instruct-blk tr:last-child{
    border-color:#fff
}
.student-meet-head .view-icons{
    margin-left:auto
}
.student-search-form .form-group{
    width:100%;
    margin-right:20px
}
.student-search-form .form-control{
    height:50px
}
.export-cvv-btn .btn-primary{
    background:#ff5364;
    border-radius:5px;
    min-width:125px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    padding:13px 15px
}
.student-search-form{
    margin-top:25px
}
.export-cvv-btn .btn-primary:hover{
    background:#e73a4b
}
.tak-instruct-group .student-box{
    padding:0
}
.student-box-blks{
    padding:20px
}
.enrol-student-foot ul{
    padding:0;
    margin:0
}
.enrol-student-foot ul li{
    padding:0;
    border-top:1px solid rgb(199 199 199/25%);
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:15px;
    color:#303030;
    font-size:14px
}
.enrol-student-foot ul li .instruct-stip{
    margin-left:auto
}
.instruct-stip .progress-stip{
    width:69px;
    margin-left:auto
}
.instruct-stip span{
    color:#303030;
    font-size:14px;
    margin-right:5px
}
.student-box-blks .student-content h5{
    font-weight:600
}
.student-box-blks .student-content p{
    font-size:14px
}
.student-box-blks .student-img img{
    max-width:100px
}
.message-text-img{
    width:38px;
    height:38px;
    background:#fff;
    border:1px solid #f1f1f1;
    border-radius:5px;
    position:absolute;
    right:20px;
    z-index:999;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.message-text-img:hover{
    background:#ff5364;
    border:1px solid #ff5364;
    cursor:pointer
}
.message-text-img:hover img{
    filter:invert(1) brightness(100)
}
.tak-instruct-group .student-box{
    border:1px solid rgb(199 199 199/25%);
    background:rgb(255 255 255/25%);
    border-radius:5px
}
.instruct-check-list .form-check-input{
    width:18px;
    height:18px
}
.withdraw-history-head h3{
    margin-bottom:20px
}
.download-widra{
    border:1px solid #e9ecef;
    border-radius:10px;
    width:40px;
    height:40px;
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.ck.ck-toolbar,.ck.ck-editor__editable_inline{
    border:0!important
}
.ck.ck-editor{
    border:1px solid #e9ecef!important;
    border-radius:5px!important;
    padding:15px!important
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{
    box-shadow:none!important
}
.ck.ck-editor__editable{
    height:100px!important
}
.img-deposit-ticket{
    margin-left:auto
}
.settings-top-widget .stat-info.ttl-tickets .student-ticket-view h3{
    color:#f66962;
    margin-top:0
}
.settings-top-widget .stat-info.open-tickets .student-ticket-view h3{
    color:#392c7d;
    margin-top:0
}
.settings-top-widget .stat-info.close-tickets .student-ticket-view h3{
    color:#159f46;
    margin-top:0
}
.settings-top-widget .stat-info .student-ticket-view p{
    margin-bottom:15px;
    color:#685f78;
    font-weight:600
}
.student-ticket-view a{
    color:#392c7d;
    font-size:16px;
    font-weight:500;
    text-decoration:underline
}
.instructor-bg-blk .student-group{
    padding-bottom:20px;
    margin-bottom:20px
}
.settings-top-widget .stat-info.medium-tickets h3{
    color:#ffb54a;
    margin-top:0
}
.settings-top-widget .stat-info.blue-tickets h3{
    color:#1d9cfd;
    margin-top:0
}
.student-deposit-blk .stat-info{
    width:100%
}
.radio-with-img{
    display:block
}
.radio-with-img p.radio-deposit-item{
    display:inline-flex;
    width:180px;
    height:132px;
    box-sizing:border-box;
    border:none;
    margin-right:25px;
    margin-bottom:30px;
    align-items:baseline
}
.radio-with-img p.radio-deposit-item label{
    display:block;
    height:100%;
    width:100%;
    padding:10px;
    border-radius:10px;
    border:1px solid rgba(255,222,218,.71);
    color:#000;
    cursor:pointer;
    opacity:.8;
    transition:none;
    font-size:13px;
    padding-top:25px;
    text-align:center;
    margin:0;
    font-size:14px;
    font-weight:400
}
.radio-with-img p.radio-deposit-item label:hover,.radio-with-img p.radio-deposit-item label:focus,.radio-with-img p.radio-deposit-item label:active{
    background:rgba(21,159,70,.08);
    border:1px solid #159f46;
    color:#000;
    margin:0
}
.radio-with-img p.radio-deposit-item label::after,.radio-with-img p.radio-deposit-item label:after,.radio-with-img p.radio-deposit-item label::before,.radio-with-img p.radio-deposit-item label:before{
    opacity:0;
    width:0;
    height:0;
    margin:0
}
.radio-with-img p.radio-deposit-item label img{
    display:block;
    font-size:50px;
    margin:auto;
    margin-bottom:10px
}
.radio-with-img p.radio-deposit-item input[type=radio]{
    opacity:0;
    width:0;
    height:0
}
.radio-with-img p.radio-deposit-item input[type=radio]:active~label{
    opacity:1
}
.radio-with-img p.radio-deposit-item input[type=radio]:checked~label{
    opacity:1;
    background:rgba(21,159,70,.08);
    border:1px solid #159f46;
    color:#000
}
.radio-with-img p.radio-deposit-item input[type=radio]:hover,.radio-with-img p.radio-deposit-item input[type=radio]:focus,.radio-with-img p.radio-deposit-item input[type=radio]:active{
    margin:0
}
.radio-with-img p.radio-deposit-item input[type=radio]+label:before,.radio-with-img p.radio-deposit-item input[type=radio]+label:after{
    margin:0
}
.error-page{
    align-items:center;
    color:#1f1f1f;
    display:flex;
    background-image:url(../img/error-bg1.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.error-page .main-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    min-height:unset;
    padding-top:50px
}
.error-box{
    margin:0 auto;
    max-width:570px;
    padding:20px 0;
    text-align:center;
    width:100%
}
.error-logo{
    margin-bottom:50px
}
.error-logo img{
    width:150px
}
.error-box h3{
    color:#fa5560;
    font-weight:600;
    font-size:36px;
    margin-top:20px
}
.error-box p{
    margin-bottom:30px;
    color:#343a40;
    font-size:14px
}
.error-box .btn-primary{
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    min-width:158px;
    padding:9px 15px;
    background:#ff5364
}
.error-box .btn-primary:hover,.error-box .btn-primary:active:not(:disabled):not(.disabled){
    background:#e72f41
}
.come-soon-box h5{
    font-size:20px;
    margin:50px 0 25px
}
.error-box h4{
    font-size:32px;
    margin-bottom:0
}
.error-box h6{
    font-size:16px;
    margin:35px 0
}
.social-icon-soon ul{
    padding:0;
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.social-icon-soon ul li i{
    font-size:24px
}
.social-icon-soon ul li{
    list-style:none
}
.social-icon-soon ul li:not(:last-child){
    margin-right:15px
}
.social-icon-soon ul li .face-book{
    color:#1877f2
}
.social-icon-soon ul li .twit-ter{
    color:#1da1f2
}
.social-icon-soon ul li .insta-gram{
    color:#000100
}
.social-icon-soon ul li .linked-in{
    color:#0a66c2
}
.social-icon-soon ul li i:hover{
    color:#ff5364
}
.subscribe-soon .btn-danger{
    background:#ff5364;
    border:1px solid #ff5364;
    min-width:127px;
    font-size:16px
}
.subscribe-soon .btn-danger:hover{
    background:#e63333;
    border:1px solid #e63333
}
.subscribe-soon .form-control{
    height:48px
}
.countdown-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:15px
}
.error-box .big-text{
    font-weight:700;
    font-size:40px;
    line-height:1;
    margin:0;
    margin-bottom:15px;
    padding-bottom:15px;
    color:#fff;
    border-bottom:1px solid #f2f2f2
}
.countdown-el{
    text-align:center;
    background:rgba(0,0,0,.4);
    min-width:140px;
    padding:38px 20px;
    border-radius:10px;
    color:#fff
}
.countdown-el:not(:last-child){
    margin-right:15px
}
.countdown-el span{
    font-size:26px
}
.search-filter .filter-widget h4{
    color:#0b0b0b;
    font-size:18px;
    font-weight:700
}
.search-filter .filter-widget label{
    font-size:14px
}
.search-filter .filter-widget .custom_check input{
    margin-right:10px
}
.inner-banner h5 a{
    color:#fff
}
.inner-banner h5 a:hover{
    color:#f66962
}
.view-icons{
    display:inline-flex
}
.view-icons a{
    align-items:center;
    background-color:#fff;
    border:1px solid #d2dcec;
    box-shadow:0 4px 4px rgba(0,0,0,.05);
    border-radius:5px;
    color:#000;
    display:flex;
    font-size:20px;
    justify-content:center;
    text-align:center;
    margin-right:10px;
    width:40px;
    height:40px
}
.view-icons a:hover{
    border-color:#ff6575;
    color:#ff6575
}
.view-icons a.active{
    background-color:#ff6575;
    border-color:#ff6575;
    color:#fff
}
.show-result h4{
    font-size:16px;
    color:#22100d;
    margin-bottom:0
}
.clear-text{
    margin-left:auto
}
.clear-text p,.clear-filter h4{
    margin-bottom:0
}
.clear-text p{
    color:#000;
    font-size:14px;
    font-weight:500
}
.clear-filter{
    margin-bottom:43px;
    padding:8px 0
}
.clear-filter h4{
    font-size:20px;
    color:#333
}
.clear-filter h4 i{
    margin-right:9px
}
.card.search-filter,.card.post-widget{
    margin-bottom:20px;
    border-radius:10px
}
.showing-list{
    margin-bottom:44px
}
.course-design .product:hover .product-content h3 a:hover,.course-design .product:hover .course-name h4 a:hover{
    color:#f66962
}
.course-share .active-heart i{
    color:#ff5364;
    font-weight:900
}
.course-design .price .free-color{
    color:#159f46
}
.course-design .price{
    min-width:auto;
    padding:8px 15px;
    text-align:center
}
.lms-page li .page-link{
    margin-right:15px;
    border:1px solid #ffdeda;
    border-radius:5px;
    width:40px;
    height:40px;
    color:#000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.lms-page{
    margin-bottom:0;
    margin-top:20px
}
.lms-pagination{
    margin-bottom:20px
}
.lms-page li .page-link:hover{
    background-color:#ff5364;
    color:#fff
}
.lms-page .page-item.active .page-link{
    background-color:#ff5364;
    border-color:#ff5364
}
.page-item:first-child .page-link{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px
}
.show-filter .form-control{
    border-color:rgba(255,222,218,.71);
    min-height:40px;
    font-size:14px;
    padding-left:30px
}
.show-filter .form-control::placeholder{
    color:#a2a2a2
}
.search-filter .card-body{
    padding:20px
}
.show-filter .search-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.show-filter .search-group i{
    position:absolute;
    left:9px;
    color:#f66962
}
.categories-head i{
    margin-left:auto;
    margin-bottom:15px
}
.course-design .product{
    width:100%
}
.course-design{
    width:100%
}
.list-course .product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center
}
.list-course .product-img{
    -ms-flex:0 0 240px;
    flex:0 0 240px;
    margin-right:24px;
    width:240px;
    position:relative
}
.head-course-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.head-course-title .title{
    margin-bottom:0;
    margin-right:20px
}
.list-course .course-view{
    margin-left:30px
}
.list-course .product-content{
    padding-top:0
}
.rating i{
    color:#777
}
.rating i.filled{
    color:#ffb54a
}
.product-content h3 a,.course-name h4 a{
    color:#000
}
.product-content-title{
    max-width:320px
}
.custom_one .checkmark{
    border-radius:50px
}
.filter-widget{
    margin-bottom:20px
}
.filter-widget h4{
    font-size:1rem;
    margin-bottom:15px
}
.filter-widget .custom_check{
    line-height:18px
}
.latest-posts{
    margin:0;
    padding:0
}
.latest-posts li{
    display:table;
    width:100%;
    margin-bottom:20px
}
.latest-posts li:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}
.post-thumb{
    border-radius:4px;
    width:60px;
    float:left;
    overflow:hidden
}
.post-thumb a img{
    border-radius:4px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms
}
.post-thumb a:hover img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    transform:scale(1.15)
}
.post-info{
    margin-left:92px
}
.post-info h4{
    font-size:15px;
    margin:0 0 5px
}
.post-info h4 a{
    color:#000;
    font-size:14px
}
.post-info h4 a:hover{
    color:#f66962
}
.post-info p{
    color:#df5f5e;
    font-size:14px;
    margin:0;
    font-weight:500
}
.free-color p{
    color:#159f46
}
.post-info p i{
    color:#1e88e5;
    font-size:14px;
    margin-right:4px
}
.latest-head h4{
    color:#0b0b0b;
    font-size:18px
}
.select-form .form-select{
    border-color:rgba(255,222,218,.71);
    min-height:40px;
    font-size:14px;
    color:#22100d
}
.select-form .form-select:focus{
    box-shadow:none
}
.blog{
    border-radius:5px;
    position:relative;
    margin-bottom:25px
}
.section-blogs .blog{
    border:1px solid #f0f0f0;
    box-shadow:0 0 13px rgba(0,0,0,.1);
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap
}
.blog-image{
    overflow:hidden
}
.blog-image,.blog-image>a,.blog-image img{
    display:block;
    position:relative;
    width:100%;
    height:auto
}
.blog-image img{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms
}
.blog-image a:hover img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    transform:scale(1.15)
}
.blog-image{
    margin-bottom:20px;
    border-radius:5px 5px 0 0
}
.blog-content{
    position:relative
}
.blog-title{
    font-size:24px;
    margin:0 0 20px;
    font-weight:600;
    line-height:1.3
}
.blog-title a{
    color:#000
}
.blog-title a:hover{
    color:#f66962
}
.blog-content p{
    margin:0 0 20px;
    font-size:14px;
    color:#685f78;
    font-weight:400
}
.blog-content h4{
    font-size:16px;
    color:#000;
    font-weight:600
}
.post-author img{
    border-radius:100%;
    width:30px;
    margin-right:5px
}
.read-more{
    display:inline-block;
    font-size:16px;
    padding:0;
    color:#1e88e5;
    text-decoration:underline;
    font-weight:700
}
.blog-info{
    color:#26292c;
    font-size:14px;
    margin-bottom:20px
}
.blog-info a{
    color:#000;
    font-size:14px;
    font-weight:400
}
.blog-info a:hover{
    color:#f66962
}
.entry-meta{
    color:#26292c;
    font-size:14px;
    list-style:none;
    margin-bottom:15px;
    padding:0
}
.entry-meta li{
    display:inline-block;
    margin-right:15px
}
.entry-meta li:last-child{
    margin-right:0
}
.blog-pagination .pagination{
    margin-bottom:30px
}
.blog-pagination .pagination li a{
    padding:12px 20px;
    font-weight:600;
    color:#26292c;
    margin-right:10px;
    border-radius:inherit!important;
    border-color:#f0f0f0
}
.blog-pagination .pagination li.disabled a{
    border-color:#f0f0f0
}
.blog-pagination .pagination li.active a{
    background:#1e88e5;
    border-color:transparent;
    color:#fff
}
.post-left ul{
    margin:0;
    padding-left:0;
    list-style:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.post-left ul li{
    padding:0 20px;
    border-left:1px solid #c4c4c4;
    color:#000;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.post-left ul li:first-child{
    border:0;
    padding-left:0
}
.post-left ul li img{
    margin-right:9px
}
.post-author a{
    display:flex;
    align-items:center
}
.latest-posts{
    margin:0;
    padding:0
}
.latest-posts li{
    display:table;
    width:100%;
    margin-bottom:20px
}
.latest-posts li:last-child{
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}
.post-thumb{
    border-radius:4px;
    width:80px;
    float:left;
    overflow:hidden
}
.post-thumb a img{
    border-radius:4px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -moz-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition:all 2000ms cubic-bezier(.19,1,.22,1) 0ms
}
.post-thumb a:hover img{
    -webkit-transform:scale(1.15);
    -moz-transform:scale(1.15);
    transform:scale(1.15)
}
.blog-widget .post-info{
    margin-left:95px
}
.blog-widget .post-info h4{
    font-size:14px;
    margin:0 0 5px;
    font-weight:600
}
.blog-widget .post-info h4 a{
    color:#22100d
}
.blog-widget .post-info h4 a:hover{
    color:#f66962
}
.blog-widget .post-info p{
    color:#000;
    font-size:12px;
    margin:0
}
.category-widget .categories{
    list-style:none;
    margin:0;
    padding:0
}
.category-widget .categories li{
    margin-bottom:20px
}
.category-widget .categories li:last-child{
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0
}
.category-widget .categories li a{
    color:#22100d;
    font-size:14px;
    font-weight:500
}
.category-widget .categories li a:hover{
    color:#f66962
}
.category-widget .categories>li>a>i{
    color:#f66962;
    font-size:18px;
    margin-right:19px
}
.tags-card{
    padding-bottom:5px
}
.tags-widget .card-body{
    padding-bottom:1rem
}
.tags{
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0
}
.tags li{
    float:left
}
.tag{
    background-color:#ffdeda;
    border-radius:5px;
    color:#22100d;
    padding:5px 10px;
    position:relative;
    margin:0 15px 15px 0;
    font-size:14px;
    border:1px solid #ffdeda;
    display:inline-block;
    font-weight:500
}
.tag:hover{
    background-color:#f5cbc5;
    border-color:#f5cbc5;
    color:#22100d
}
.comment-by{
    display:block;
    font-size:14px;
    line-height:21px;
    margin:0 0 10px
}
.comments-list .comment-block p{
    font-size:14px;
    margin-bottom:5px
}
.blog-col{
    width:100%
}
.custom-edit-service h4{
    padding-bottom:15px;
    margin-bottom:0
}
.custom-edit-service label{
    font-size:16px
}
.custom-edit-service textarea.form-control{
    min-height:200px
}
.custom-edit-service .service-upload{
    border:1px solid #dcdcdc;
    border-radius:.25rem;
    text-align:center;
    padding:70px 0;
    margin-bottom:30px;
    background-color:#fff;
    position:relative
}
.custom-edit-service .service-upload i{
    font-size:50px;
    color:#858585
}
.custom-edit-service .service-upload span{
    font-size:15px;
    color:#858585;
    margin-top:14px;
    display:block
}
.custom-edit-service .service-upload input[type=file]{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer
}
.custom-edit-service .upload-wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    padding:0;
    margin:0
}
.custom-edit-service .upload-wrap li{
    margin:10px
}
.custom-edit-service .upload-wrap li .upload-images{
    width:100px
}
.custom-edit-service .upload-wrap li img{
    max-width:100%;
    height:auto
}
.blog-read .btn-primary{
    background:#ff875a;
    border:1px solid #ff875a;
    box-sizing:border-box;
    border-radius:5px;
    font-size:16px;
    color:#fff;
    text-decoration:none;
    padding:9px 28px
}
.blog-read .btn-primary:hover{
    background:#fff;
    border:1px solid #ff875a;
    color:#ff875a
}
.blog-widget{
    padding:20px;
    border:1px solid #e9ecef;
    margin-bottom:20px;
    border-radius:10px
}
.tags-card{
    padding-bottom:5px
}
.blog-widget .card-body{
    padding:0
}
.blog-widget .card-header{
    border-bottom:0;
    padding:0;
    margin-bottom:20px
}
.blog-search .input-group .btn-primary{
    background:#ff5364;
    border:1px solid #ff5364
}
.blog-search .input-group .form-control{
    background:rgba(229,229,229,.42);
    border:0
}
.blog-search .input-group .form-control::placeholder{
    color:#a2a2a2;
    font-size:14px
}
.blog-widget .card-header .card-title{
    font-size:18px;
    color:#0b0b0b;
    font-weight:700
}
.post-widget .post-info p img{
    margin-right:6px
}
.load-more .btn-primary{
    background:#ff5364;
    border:1px solid #ff5364;
    border-radius:5px;
    font-size:18px;
    font-weight:700;
    padding:9px 48px;
    margin-top:25px
}
.load-more .btn-primary:hover{
    background:#ed4051;
    border:1px solid #ed4051
}
.blog-grid-box{
    background:#fff;
    padding:15px;
    margin:0 10px;
    margin-top:-20px;
    position:relative;
    border-radius:5px
}
.blog-grid-box .post-left ul li,.grid-modern .post-left ul li{
    padding:0 5px
}
.blog-grid-box .post-left ul li:first-child,.grid-modern .post-left ul li:first-child{
    padding-left:0
}
.grid-blog .blog-image{
    margin-bottom:0
}
.grid-blog{
    margin-bottom:20px
}
.grid-modern .blog-image{
    border-radius:10px 10px 0 0;
    margin-bottom:25px
}
.blog-modern-box{
    position:absolute;
    bottom:0;
    padding:20px
}
.blog-modern-box .blog-title a{
    font-size:20px;
    color:#fff
}
.blog-modern-box .blog-title a:hover{
    color:#ff5364
}
.blog-modern-box .post-left ul li{
    color:#fff;
    font-size:12px
}
.mycourse-student{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.student-filter{
    margin-left:auto
}
.show-filter .mycourse-student .form-control{
    max-width:222px
}
.student-filter .select-form .form-select{
    min-width:222px
}
.student-group .course-share{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    justify-content:center
}
.course-student-header{
    background:#645b73;
    padding:25px 0
}
.student-group .course-group-img img{
    max-width:100px;
    height:100px;
    border-radius:10px;
    border:5px solid #fff
}
.student-group:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    bottom:0;
    background:#fff;
    opacity:.25
}
.student-group{
    position:relative
}
.student-group .course-name h4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.student-group .course-name h4 a{
    font-size:32px;
    font-weight:600;
    color:#fff
}
.student-group .course-name h4 a:hover{
    color:#f66962
}
.student-group .course-name h4 span{
    background:#fff;
    padding:2px 10px;
    font-size:14px;
    border-radius:10px;
    margin-left:20px
}
.student-group .course-name p{
    font-size:16px;
    font-weight:400;
    color:#fff
}
.student-group .course-share .btn-primary{
    background-color:#ff5364;
    border:1px solid #ff5364;
    font-size:14px;
    font-weight:600;
    padding:13px 26px
}
.student-group .course-group-img img{
    margin-right:25px
}
.my-student-list ul{
    display:flex;
    padding:0;
    margin:0
}
.my-student-list ul li{
    list-style:none;
    margin-right:20px
}
.my-student-list ul li a{
    color:#fff;
    padding:0 10px;
    padding-bottom:10px
}
.my-student-list ul li .active{
    border-bottom:4px solid #fff
}
.my-student-list ul li a:hover{
    border-bottom:4px solid #fff
}
.student-group .course-group{
    padding-bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.rating-student{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.product .rating-student .rating{
    margin-left:0
}
.edit-rate{
    margin-left:auto;
    cursor:pointer
}
.progress-stip{
    display:flex;
    height:20px;
    overflow:hidden;
    background-color:#e9ecef;
    border-radius:50px
}
.active-stip{
    width:35%
}
.progress-stip .bg-success{
    background-color:#159f46!important
}
.start-leason .btn-primary{
    background:#392c7d;
    border:1px solid #c4c4c4;
    border-radius:5px;
    width:100%;
    font-size:14px;
    font-weight:600;
    padding:13px 15px
}
.course-design .product:hover .start-leason .btn-primary{
    color:#fff
}
.edit-rate a{
    font-size:14px
}
.student-percent p{
    font-size:14px;
    margin:20px 0
}
.start-leason .btn-primary:hover{
    background:#3b2999;
    border:1px solid #3b2999
}
.student-widget{
    border:1px solid #e9ecef;
    border-radius:10px
}
.message-student-widget{
    margin-bottom:20px
}
.student-widget-group{
    background:#fff;
    padding:20px;
    border-radius:10px;
    padding-bottom:0
}
.group-btn .btn-primary{
    width:100%;
    padding:13px 15px
}
.course-design .product:hover .group-btn .btn-primary{
    color:#fff
}
.publish-btn{
    font-size:14px;
    font-weight:600;
    background:#ff725e;
    border:1px solid #c4c4c4;
    border-radius:5px
}
.publish-btn:hover{
    background:#ed5843;
    border:1px solid #ed5843
}
.cancel-btn{
    font-size:14px;
    font-weight:600;
    background:#777;
    border:1px solid #c4c4c4;
    border-radius:5px
}
.cancel-btn:hover{
    background:#5e5959;
    border:1px solid #5e5959
}
.publish-rate{
    display:none
}
.purchase-widget .student-widget-group{
    padding:25px
}
.lesson-group .cou-title{
    margin-bottom:0
}
.lesson-group .cou-title span{
    float:right
}
.lesson-group .cou-title a{
    background:0 0
}
.lesson-group .course-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
    margin-bottom:10px
}
.lesson-group .card-collapse{
    padding:15px
}
.lesson-group .course-card ul li{
    border-bottom:0
}
.play-intro{
    color:#f66962
}
.lesson-percent{
    border-bottom:1px solid #e5e5e5
}
.lesson-percent p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:12px
}
.lesson-percent p span{
    margin-left:auto
}
.progress-stip .bg-success{
    border-radius:50px
}
.lesson-widget-group{
    background:#fff;
    padding:20px;
    border-radius:10px
}
.lesson-introduction .tittle{
    color:#f66962;
    font-size:24px;
    font-weight:500;
    margin-bottom:20px
}
.introduct-video img{
    width:100%
}
.chat-page .content{
    padding:110px 0 0
}
.chat-page .footer{
    display:none
}
.chat-window{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative
}
.chat-cont-left{
    border-right:1px solid #f0f0f0;
    -ms-flex:0 0 34%;
    flex:0 0 34%;
    left:0;
    margin-right:1%;
    max-width:35%;
    position:relative;
    z-index:4;
    background:#fff;
    border:1px solid rgb(199 199 199/25%);
    border-radius:5px;
    margin-bottom:20px
}
.chat-cont-left .chat-header{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #f0f0f0;
    color:#161c2d;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:72px;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    padding:0 15px
}
.chat-cont-left .chat-header span{
    font-size:20px;
    font-weight:500;
    text-transform:capitalize
}
.chat-cont-left .chat-header .chat-compose{
    color:#8a8a8a;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.chat-cont-left .chat-search{
    background-color:#fff;
    width:100%
}
.chat-cont-left .chat-search .input-group{
    width:100%
}
.chat-cont-left .chat-search .input-group .form-control{
    background-color:#fff;
    border-radius:50px;
    padding-left:36px
}
.chat-cont-left .chat-search .input-group .form-control:focus{
    border-color:#ccc;
    box-shadow:none
}
.chat-cont-left .chat-search .input-group .input-group-prepend{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    bottom:0;
    color:#666;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    right:15px;
    pointer-events:none;
    position:absolute;
    top:0;
    z-index:4
}
.chat-window .chat-scroll{
    min-height:calc(100vh - 150px);
    max-height:calc(100vh - 150px);
    overflow-y:auto;
    border-radius:5px
}
.chat-cont-right .chat-scroll{
    min-height:calc(100vh - 300px);
    max-height:calc(100vh - 300px)
}
.chat-cont-left .chat-users-list{
    background-color:#fff;
    border-radius:5px
}
.chat-cont-left .chat-users-list a.media{
    background:#fff;
    padding:10px 15px;
    transition:all .2s ease 0s;
    border-bottom:1px solid rgb(199 199 199/25%)
}
.chat-cont-left .chat-users-list a.media .media-img-wrap{
    margin-right:15px;
    position:relative
}
.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar{
    height:45px;
    width:45px
}
.chat-cont-left .chat-users-list a.media .media-img-wrap .status{
    bottom:7px;
    height:10px;
    right:4px;
    position:absolute;
    width:10px;
    border:2px solid #fff
}
.chat-cont-left .chat-users-list a.media .media-body{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.badge-active{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name,.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{
    max-width:250px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name{
    color:#22100d;
    font-weight:600;
    font-size:16px;
    text-transform:capitalize;
    text-align:left
}
.chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{
    color:#685f78;
    font-size:14px;
    line-height:24px;
    text-align:left
}
.chat-cont-left .chat-users-list a.media .media-body>div:last-child{
    text-align:right
}
.chat-cont-left .chat-users-list a.media .media-body>div:last-child .last-chat-time{
    color:#8a8a8a;
    font-size:13px
}
.chat-cont-left .chat-users-list a.media.read-chat .media-body>div:last-child .last-chat-time{
    color:#8a8a8a
}
.chat-cont-right{
    -ms-flex:0 0 65%;
    flex:0 0 65%;
    max-width:65%;
    background:#fff;
    border:1px solid rgb(199 199 199/25%);
    border-radius:5px;
    margin-bottom:20px;
    padding-top:0
}
.chat-cont-right .chat-header{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff;
    border-bottom:1px solid rgb(199 199 199/25%);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:72px;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    padding:0 15px
}
.chat-cont-right .chat-header .back-user-list{
    display:none;
    margin-right:5px;
    margin-left:-7px
}
.chat-cont-right .chat-header .media{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.chat-cont-right .chat-header .media .media-img-wrap{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:15px
}
.chat-cont-right .chat-header .media .media-img-wrap .avatar{
    height:50px;
    width:50px
}
.chat-cont-right .chat-header .media .media-img-wrap .status{
    border:2px solid #fff;
    bottom:0;
    height:10px;
    position:absolute;
    right:3px;
    width:10px
}
.chat-cont-right .chat-header .media .media-body .user-name{
    color:#161c2d;
    font-size:16px;
    font-weight:500;
    text-transform:capitalize
}
.chat-cont-right .chat-header .media .media-body .user-status{
    color:#666;
    font-size:14px
}
.chat-cont-right .chat-header .chat-options{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.chat-cont-right .chat-header .chat-options>a{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%;
    color:#8a8a8a;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:30px;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    margin-left:10px;
    width:30px
}
.chat-cont-right .chat-body{
    background-color:#fff
}
.chat-cont-right .chat-body ul.list-unstyled{
    margin:0 auto;
    padding:15px;
    width:100%
}
.chat-cont-right .chat-body .media .avatar{
    height:30px;
    width:30px;
    bottom:0;
    position:absolute
}
.chat-cont-right .chat-body .media .media-body .msg-box>div{
    padding:10px;
    border-radius:10px;
    display:inline-block;
    position:relative;
    margin-bottom:20px
}
.chat-cont-right .chat-body .media .media-body .msg-box>div p{
    color:#303030;
    margin-bottom:0
}
.chat-cont-right .chat-body .media .media-body .msg-box .chat-msg-info{
    color:#685f78
}
.chat-cont-right .chat-body .media .media-body .msg-box+.msg-box{
    margin-top:5px
}
.chat-cont-right .chat-body .media.received{
    margin-bottom:20px;
    position:relative
}
.chat-cont-right .chat-body .media:last-child{
    margin-bottom:0
}
.chat-cont-right .chat-body .media.received .media-body .msg-box>div{
    background-color:#f5f5f5
}
.chat-cont-right .chat-body .media.received .media-body .msg-box .chat-msg-info{
    justify-content:start
}
.chat-cont-right .chat-body .media.sent{
    margin-bottom:20px;
    position:relative
}
.chat-cont-right .chat-body .media.sent .avatar{
    height:30px;
    width:30px;
    bottom:0;
    right:0;
    position:absolute
}
.chat-cont-right .chat-body .media.sent .media-body{
    -webkit-box-align:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    justify-content:flex-end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:flex-end;
    margin-left:0
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div{
    background-color:#ff875a;
    float:right
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div p{
    color:#fff
}
.chat-cont-right .chat-body .chat-date{
    font-size:14px;
    margin:1.875rem 0;
    overflow:hidden;
    position:relative;
    text-align:center;
    text-transform:capitalize
}
.chat-cont-right .chat-body .chat-date:before{
    background-color:#e0e3e4;
    content:"";
    height:1px;
    margin-right:28px;
    position:absolute;
    right:50%;
    top:50%;
    width:100%
}
.chat-cont-right .chat-body .chat-date:after{
    background-color:#e0e3e4;
    content:"";
    height:1px;
    left:50%;
    margin-left:28px;
    position:absolute;
    top:50%;
    width:100%
}
.chat-cont-right .chat-footer{
    background-color:#fff;
    padding:10px;
    position:relative
}
.chat-cont-right .chat-footer .input-group{
    width:100%;
    background-color:#f5f5f6;
    border:none;
    border-radius:50px;
    padding:5px
}
.chat-cont-right .chat-footer .input-group .form-control{
    background-color:#f5f5f6;
    border:none;
    border-radius:50px
}
.chat-cont-right .chat-footer .input-group .form-control:focus{
    background-color:#f5f5f6;
    border:none;
    box-shadow:none
}
.chat-cont-right .chat-footer .input-group .btn,.chat-cont-right .chat-footer .input-group .btn{
    background-color:transparent;
    border:none;
    color:#9f9f9f
}
.chat-cont-right .chat-footer .input-group .btn.msg-send-btn{
}
.msg-typing{
    width:auto;
    height:24px;
    padding-top:8px
}
.msg-typing span{
    height:8px;
    width:8px;
    float:left;
    margin:0 1px;
    background-color:#a0a0a0;
    display:block;
    border-radius:50%;
    opacity:.4
}
.msg-typing span:nth-of-type(1){
    animation:1s blink infinite .33333s
}
.msg-typing span:nth-of-type(2){
    animation:1s blink infinite .66666s
}
.msg-typing span:nth-of-type(3){
    animation:1s blink infinite .99999s
}
.chat-cont-left .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    color:#ff5837;
    background-color:#fff;
    border-color:#dee2e6 #dee2e6 #fff
}
.chat-cont-right .chat-body .media.received .media-body .msg-box{
    position:relative
}
.chat-cont-right .chat-body .media.received .media-body .msg-box h6,.chat-cont-right .chat-body .media.sent .media-body .msg-box h6{
    font-size:10px;
    margin-bottom:0;
    color:#ff5b37
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box h6{
    text-align:right
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box{
    padding-left:50px;
    position:relative
}
.chat-msg-info{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:end;
    -webkit-justify-content:end;
    -ms-flex-pack:end;
    clear:both;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    list-style:none;
    padding:0
}
.chat-msg-info li{
    font-size:13px;
    padding-right:16px;
    position:relative
}
.chat-msg-info li:not(:last-child):after{
    position:absolute;
    right:8px;
    top:50%;
    content:'';
    height:4px;
    width:4px;
    background:#d2dde9;
    border-radius:50%;
    transform:translate(50%,-50%)
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after{
    right:auto;
    left:8px;
    transform:translate(-50%,-50%);
    background:#aaa
}
.chat-cont-right .chat-body .media.received .media-body .msg-box>div .chat-time{
    color:#f6f6f6
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-time{
    color:#919191
}
.chat-msg-info li a{
    color:#777
}
.chat-msg-info li a:hover{
    color:#2c80ff
}
.chat-seen i{
    color:#00d285;
    font-size:16px
}
.chat-msg-attachments{
    padding:4px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    margin:0 -1px
}
.chat-msg-attachments>div{
    margin:0 1px
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info{
    flex-direction:row-reverse
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-attachments{
    flex-direction:row-reverse
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div .chat-msg-info li{
    padding-left:16px;
    padding-right:0;
    position:relative
}
.chat-attachment img{
    max-width:100%
}
.chat-attachment{
    position:relative;
    max-width:130px;
    overflow:hidden
}
.chat-attachment{
    border-radius:.25rem
}
.chat-attachment:before{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#000;
    content:"";
    opacity:.4;
    transition:all .4s
}
.chat-attachment:hover:before{
    opacity:.6
}
.chat-attach-caption{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    padding:7px 15px;
    font-size:13px;
    opacity:1;
    transition:all .4s
}
.chat-attach-download{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:all .4s;
    color:#fff;
    width:32px;
    line-height:32px;
    background:rgba(255,255,255,.2);
    text-align:center
}
.chat-attach-download:hover{
    color:#495463;
    background:#fff
}
.chat-attachment:hover .chat-attach-caption{
    opacity:0
}
.chat-attachment:hover .chat-attach-download{
    opacity:1
}
.chat-attachment-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:-5px
}
.chat-attachment-list li{
    width:33.33%;
    padding:5px
}
.chat-attachment-item{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:5px solid rgba(230,239,251,.5);
    height:100%;
    min-height:60px;
    text-align:center;
    font-size:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box>div:hover .chat-msg-actions{
    opacity:1
}
.chat-msg-actions{
    position:absolute;
    left:-30px;
    top:50%;
    transform:translateY(-50%);
    opacity:0;
    transition:all .4s;
    z-index:2
}
.chat-msg-actions>a{
    padding:0 10px;
    color:#495463;
    font-size:24px
}
.chat-msg-actions>a:hover{
    color:#2c80ff
}
@keyframes blink{
    50%{
        opacity:1
    }
}
.btn-file{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    font-size:20px;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    overflow:hidden;
    padding:0 .75rem;
    position:relative;
    vertical-align:middle
}
.btn-file input{
    cursor:pointer;
    filter:alpha(opacity=0);
    font-size:23px;
    height:100%;
    margin:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%
}
.bgg-yellow{
    background:#ff7a03;
    color:#fff;
    border-radius:50%;
    width:17px;
    line-height:17px;
    padding:0;
    height:17px
}
.avatar>img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.chat-cont-right .chat-footer .input-group .btn-file i{
    font-size:16px
}
.add-compose{
    border-bottom:1px solid rgb(199 199 199/25%);
    margin-bottom:20px;
    padding-bottom:20px
}
.add-compose i{
    margin-right:10px
}
.add-compose .btn-primary{
    color:#f66962;
    font-size:14px;
    background:#fff;
    border:1px solid #f66962;
    border-radius:50px;
    padding:13px 41px
}
.add-compose .btn-primary:hover{
    background-color:#ff875a;
    border:1px solid #ff875a;
    color:#fff
}
.cart-remove .btn-primary{
    font-size:16px;
    border:1px solid #ff5364;
    background:#fff;
    color:#ff5364;
    font-weight:500;
    border-radius:0;
    padding:4px 11px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.cart-remove .btn-primary:hover{
    font-size:16px;
    border:1px solid #ff5364;
    background:#ff5364;
    color:#fff
}
.course-design .product:hover{
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.course-design .product:hover .cart-remove .btn-primary{
    color:#fff;
    background:#ff5364;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.cart-widget .student-widget .course-design{
    border:1px solid #e9ecef;
    border-radius:5px;
    background:#fff;
    padding:0
}
.cart-widget .student-widget-group{
    padding:0
}
.cart-head{
    padding:20px;
    border-bottom:1px solid #e9ecef
}
.cart-head h4{
    margin-bottom:0;
    font-size:20px
}
.cart-group,.cart-total{
    padding:20px
}
.cart-total{
    border-top:1px solid #e9ecef
}
.check-outs .btn-primary{
    background:#ff5364;
    border:1px solid #ff5364;
    width:100%;
    color:#fff;
    padding:12px 15px;
    font-size:16px;
    font-weight:700
}
.check-outs .btn-primary:hover{
    background:#e14151;
    border:1px solid #e14151
}
.condinue-shop .btn-primary{
    background:#fff;
    border:1px solid #ff5364;
    width:100%;
    color:#ff5364;
    padding:12px 15px;
    font-size:16px;
    font-weight:700
}
.condinue-shop .btn-primary:hover{
    background:#ff5364;
    border:1px solid #ff5364;
    color:#fff
}
.cart-subtotal p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    font-size:20px;
    font-weight:500;
    color:#000
}
.cart-subtotal span{
    margin-left:auto;
    font-size:20px;
    font-weight:600
}
.checkout-form{
    padding:20px
}
.checkout-form label{
    color:#685f78;
    font-weight:600;
    font-size:16px
}
.checkout-form .form-control,.checkout-form .form-select{
    border-color:rgba(255,222,218,.71);
    border-radius:5px;
    min-height:40px
}
.checkout-form .form-control:focus{
    border:1px solid #eb9481
}
.checkout-form .form-group{
    margin-bottom:20px
}
.checkout-form .form-select:focus{
    box-shadow:none
}
.checkout-form .form-control::placeholder{
    font-size:14px;
    color:#a2a2a2
}
.checkout-widget .student-widget-group{
    padding:0
}
.ship-check .form-check-input{
    border-radius:0;
    border-color:#ffdeda;
    margin-right:10px;
    font-size:20px;
    margin-top:0
}
.ship-check{
    font-size:14px;
    margin-bottom:15px
}
.pay-method{
    margin-top:40px
}
.payment-btn .btn-primary{
    background:#ff5364;
    border:1px solid #ff5364;
    color:#fff;
    padding:12px 15px;
    font-size:16px;
    font-weight:700;
    min-width:600px
}
.payment-btn .btn-primary:hover{
    background:#e14151;
    border:1px solid #e14151
}
.select-plan-group .student-widget-group{
    padding:20px
}
.plan-header{
    background:#392c7d
}
.plan-header h4{
    font-size:24px;
    color:#fff;
    text-align:center;
    padding:15px;
    margin-bottom:0
}
.basic-plan h3{
    font-size:24px;
    color:#ff5364;
    margin-bottom:15px
}
.basic-plan h2{
    font-size:36px;
    color:#392c7d;
    font-weight:700;
    margin-bottom:0
}
.basic-plan h2 span{
    font-size:18px
}
.basic-plan p{
    font-size:14px;
    margin-bottom:15px
}
.plan-header{
    margin-bottom:20px
}
.benifits-feature ul{
    padding:0;
    margin:0
}
.benifits-feature ul li{
    list-style:none
}
.wallet-method .custom_radio{
    color:#555;
    display:inline-flex;
    align-items:center;
    position:relative;
    font-size:14px;
    padding-left:30px;
    margin-bottom:10px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.wallet-method .custom_radio .checkmark{
    height:25px;
    width:25px
}
.wallet-method .custom_radio .checkmark{
    position:absolute;
    left:0;
    height:20px;
    width:20px;
    background-color:#fff;
    border:1px solid #ffe6e1;
    border-radius:50%
}
.wallet-method .custom_radio input{
    position:absolute;
    opacity:0
}
.wallet-method .custom_radio input:checked~.checkmark:after{
    opacity:1
}
.wallet-method .custom_radio .checkmark:after{
    display:block;
    content:"";
    position:absolute;
    opacity:0;
    top:4px;
    left:4px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff5b37;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.wallet-method{
    margin:10px 0
}
.benifits-feature{
    margin:30px 0
}
.benifits-feature h3{
    font-size:18px;
    color:#000;
    font-weight:700;
    margin-bottom:30px
}
.benifits-feature ul li{
    font-size:14px;
    color:#685f78;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:15px
}
.benifits-feature ul li i{
    font-size:7px;
    margin-right:10px
}
.plan-change .btn-primary{
    font-size:16px;
    font-weight:700;
    color:#392c7d;
    background:#fff;
    border:1px solid #392c7d;
    border-radius:0;
    width:100%;
    padding:12px 15px
}
.plan-change .btn-primary:hover{
    background:#392c7d;
    border:1px solid #392c7d;
    color:#fff
}
.settings-widget{
    border:1px solid #e9ecef;
    margin-bottom:30px;
    border-radius:10px
}
.settings-menu{
    background:#fff;
    border-radius:10px;
    padding:15px
}
.settings-menu h3{
    font-size:18px;
    color:#392c7d;
    font-weight:600;
    margin:5px 0 20px
}
.settings-menu ul{
    display:block;
    border:0;
    padding:0;
    margin:0;
    list-style:none
}
.settings-menu ul li{
    border-top:1px solid rgb(199 199 199/25%);
    position:relative
}
.settings-menu ul li a{
    color:#303030;
    font-size:18px;
    font-weight:400;
    padding:0;
    border:0;
    display:flex;
    display:-webkit-flex;
    align-items:center;
    -webkit-align-items:center;
    line-height:normal;
    padding:20px
}
.settings-menu ul li:hover,.settings-menu ul li:focus{
    color:#303030;
    background:rgba(255,222,218,.25)
}
.settings-menu ul li:hover:before{
    content:"";
    position:absolute;
    background:#ff5364;
    width:2px;
    height:40px;
    left:9px;
    top:11px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    opacity:1
}
.settings-menu ul li:before{
    opacity:0;
    content:"";
    position:absolute;
    background:#ff5364;
    width:2px;
    height:40px;
    left:9px;
    top:11px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease
}
.settings-menu ul li:hover a{
    color:#303030
}
.settings-menu ul .active{
    background:rgba(255,222,218,.25)
}
.settings-menu ul li i{
    color:#ff875a
}
.settings-menu ul .active i{
    color:#ff875a
}
.settings-menu ul li a i{
    margin-right:15px;
    font-size:20px
}
.settings-menu ul .active:before{
    content:"";
    position:absolute;
    background:#ff5364;
    width:2px;
    height:40px;
    left:9px;
    top:11px;
    transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    -ms-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    opacity:1
}
.go-dashboard .btn-primary{
    background:#392c7d;
    border:1px solid #392c7d;
    border-radius:5px;
    font-size:14px;
    color:#fff;
    padding:13px 28px
}
.go-dashboard .btn-primary:hover{
    opacity:.86
}
.profile-bg img{
    width:100%;
    border-radius:5px 5px 0 0
}
.profile-bg{
    position:relative
}
.profile-bg h5{
    position:absolute;
    background:#fff;
    border-radius:10px;
    padding:3px 10px;
    color:#000;
    font-size:14px;
    right:20px;
    top:20px;
    margin:0
}
.profile-img img{
    width:150px;
    height:150px;
    border-radius:50%;
    position:absolute;
    bottom:-60px;
    left:50%;
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    border:5px solid #fff
}
.profile-name h4{
    font-size:20px;
    color:#22100d;
    font-weight:600;
    margin-bottom:5px
}
.profile-name p{
    color:#685f78;
    font-size:14px;
    margin-bottom:20px
}
.profile-group{
    padding:30px;
    padding-top:70px
}
.profile-heading{
    padding:25px;
    border-bottom:1px solid rgb(199 199 199/25%)
}
.profile-heading h3{
    font-size:24px;
    font-weight:600;
    margin-bottom:15px;
    margin-top:0
}
.profile-heading p{
    margin-bottom:0
}
.profile-details .course-group{
    padding:25px;
    border-bottom:1px solid rgb(199 199 199/25%)
}
.profile-share{
    margin-left:auto
}
.profile-share .btn-success{
    background:0 0;
    color:#159f46;
    border:1px solid #159f46;
    margin-right:10px;
    border-radius:0;
    padding:7px 22px;
    font-weight:500;
    border-radius:5px
}
.profile-share .btn-success:hover{
    background:#159f46;
    color:#fff;
    border:1px solid #159f46
}
.profile-share .btn-danger{
    background:0 0;
    color:red;
    border-radius:0;
    padding:7px 22px;
    font-weight:500;
    border-radius:5px
}
.profile-share .btn-danger:hover{
    background:red;
    color:#fff;
    border:1px solid red
}
.profile-details .course-name h4 a{
    color:#392c7d;
    font-size:18px;
    font-weight:600
}
.profile-details .course-name h4 a:hover{
    color:#f66962
}
.profile-details .course-name p{
    color:#303030;
    font-size:14px
}
.profile-details .course-group-img img{
    max-width:100px;
    height:100px;
    border-radius:50px
}
.checkout-form.personal-address{
    padding:25px;
    margin-bottom:0
}
.personal-address h4{
    font-size:20px;
    color:#392c7d;
    margin-bottom:15px;
    font-weight:600
}
.personal-address p{
    font-size:14px;
    color:#303030
}
.country-select{
    color:#c4c4c4;
    font-size:14px
}
.update-profile{
    margin-top:10px
}
.update-profile .btn-primary{
    font-size:16px;
    padding:7px 15px;
    font-weight:700;
    border:1px solid #ff875a;
    border-radius:5px;
    min-width:200px
}
.update-profile .btn-primary:hover{
    background-color:#fff;
    border:1px solid #fc7f50;
    color:#fc7f50
}
.border-line{
    border-bottom:1px solid rgb(199 199 199/25%)
}
.personal-info-head p span{
    color:#f66962
}
.save-social .btn-primary{
    min-width:237px
}
.secure-alert .check-on label{
    margin-bottom:0;
    margin-left:15px;
    font-size:14px;
    color:#000;
    font-weight:400
}
.secure-alert .check-on{
    margin:0 0 25px
}
.un-subscribe{
    padding:25px
}
.un-subscribe .btn-danger{
    background:0 0;
    color:red;
    padding:10px 15px;
    font-size:16px;
    font-weight:500
}
.un-subscribe .btn-danger:hover{
    background:red;
    color:#fff
}
.link-accounts.personal-form{
    border:0;
    padding:25px;
    border-radius:0;
    background:0 0
}
.comman-space{
    padding:25px
}
.edit-new-address{
    margin-bottom:30px
}
.edit-new-address label{
    font-size:14px;
    color:#303030;
    font-weight:400
}
.wallet-radio-blk .custom_radio{
    margin-bottom:0
}
.wallet-radio-blk .custom_radio input:checked~.checkmark{
    background-color:#ff5364
}
.wallet-radio-blk .custom_radio .checkmark:after{
    background:#fff
}
.wallet-radio-blk .custom_radio input:checked~.checkmark:after{
    opacity:1
}
.address-edits{
    margin-left:auto
}
.edit-new-address .form-check-input{
    width:20px;
    height:20px
}
.address-edits .edit-btn-blk{
    padding:5px 7px;
    background-color:#455a64;
    border:1px solid #455a64;
    border:0;
    color:#fff;
    border-radius:5px
}
.add-new-address{
    margin-bottom:40px
}
.grad-border .btn-primary{
    border:1px solid transparent;
    background-origin:border-box;
    background-clip:padding-box,border-box;
    background-image:linear-gradient(#FFF,#FFF),linear-gradient(to right,#392C7D,#FF5364);
    border-radius:10px
}
.grad-border .btn-default{
    background:rgba(227,227,227,.41);
    border-radius:10px;
    color:#c7c7c7;
    min-width:173px;
    padding:7px 15px;
    cursor:not-allowed
}
.add-new-address .btn-primary{
    font-size:15px;
    font-weight:700;
    color:#ff5364;
    padding:8px 20px
}
.add-new-address .btn-primary:hover:focus,.active-change-plan .btn-primary:hover:focus,.upgrade-now .btn-primary:hover:focus{
    color:#fff
}
.upgrade-now .btn-primary{
    font-size:15px;
    font-weight:700;
    color:#ff5364;
    padding:8px 16px
}
.upgrade-now{
    margin-left:auto
}
.active-btns .btn-success{
    background-color:#159f46;
    border:1px solid #159f46;
    color:#fff;
    font-size:14px;
    padding:1px 11px
}
.active-btns .btn-danger{
    color:#fff;
    font-size:14px;
    padding:1px 11px
}
.subscribtion-active h5{
    color:#303030;
    font-size:16px;
    font-weight:700;
    margin:10px 0
}
.subscribtion-active p{
    color:#303030;
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
.active-change-plan{
    margin-left:auto
}
.active-change-plan .btn-primary{
    font-size:15px;
    font-weight:700;
    color:#ff5364;
    padding:8px 39px
}
.bill-widget{
    width:100%;
    margin-bottom:10px
}
.monthly-subscribtion.comman-space{
    padding-bottom:15px
}
.monthly-group{
    margin-bottom:30px
}
.bill-name-group h5{
    font-size:14px;
    color:#303030;
    font-weight:600;
    margin-bottom:2px
}
.bill-name-group p{
    font-size:14px;
    color:#303030;
    font-weight:400;
    margin-bottom:0
}
.plan-icons i{
    font-size:18px
}
.plan-icons{
    background:#ff875a;
    color:#fff;
    width:44px;
    height:44px;
    border-radius:5px;
    margin-right:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.btn-dark{
    font-weight:600;
    background:#392c7d;
    border:1px solid #392c7d;
    color:#fff;
    border-radius:5px;
    padding:12px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.btn-dark:hover{
    background:#fff;
    border:1px solid #392c7d;
    color:#392c7d
}
.btn-black{
    font-weight:600;
    background:#263238;
    border:1px solid #263238;
    color:#fff;
    border-radius:5px;
    padding:12px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.btn-black:hover{
    background:#fff;
    border:1px solid #263238;
    color:#263238
}
.btn-success-dark{
    font-weight:600;
    background:#159f46;
    border:1px solid #159f46;
    color:#fff;
    border-radius:5px;
    padding:12px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.btn-success-dark:hover{
    background:#fff;
    border:1px solid #159f46;
    color:#159f46
}
.instructor-profile{
    text-align:left
}
.instructor-profile-pic{
    max-width:100px;
    height:100px;
    border-radius:5px;
    border:5px solid #fff;
    margin-right:10px
}
.instructor-profile-content h4{
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:0
}
.instructor-profile-content h4 a{
    font-size:32px;
    font-weight:600;
    color:#fff
}
.instructor-profile-content h4 a:hover{
    color:#f66962
}
.instructor-profile-content h4 span{
    background:#fff;
    color:#000;
    padding:2px 10px;
    font-size:14px;
    border-radius:5px;
    margin-left:20px
}
.instructor-profile-content p{
    font-weight:400;
    color:#fff;
    margin-bottom:0
}
.instructor-profile-menu{
    background:rgba(10,20,47,.33);
    border-radius:10px;
    padding:15px 20px;
    text-align:left;
    max-width:480px;
    margin-left:auto
}
.instructor-profile-menu ul{
    justify-content:space-between
}
.instructor-profile-menu-img{
    margin-right:10px
}
.instructor-profile-menu-content h4{
    font-size:16px;
    font-weight:700;
    color:#fff;
    margin-bottom:2px
}
.instructor-profile-menu-content p{
    font-size:15px;
    font-weight:400;
    color:#fff;
    margin-bottom:0
}
.instructor-profile-text{
    text-align:left;
    padding-top:30px
}
.instructor-profile-text p{
    font-size:15px;
    letter-spacing:.05em;
    color:#fff;
    margin-bottom:0
}
.instructor-card .card-header{
    background:0 0;
    border-bottom:1px solid rgb(199 199 199/25%);
    padding:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.instructor-card .card-header h4{
    font-weight:600;
    font-size:24px;
    color:#392c7d;
    margin-bottom:0
}
.instructor-card .btn{
    font-size:14px;
    min-width:170px;
    padding:13px 15px
}
.instructor-card .card-body{
    padding:20px
}
.instructor-grid{
    background:#fff;
    border:1px solid rgb(199 199 199/25%);
    border-radius:5px;
    padding:15px;
    margin-bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.instructor-grid .product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items:center;
    width:100%
}
.instructor-grid .product-img{
    -ms-flex:0 0 240px;
    flex:0 0 240px;
    margin-right:0;
    width:240px;
    border-radius:10px
}
.instructor-grid .instructor-product-content{
    margin-left:15px
}
.instructor-grid .instructor-product-content h3{
    font-size:20px;
    font-weight:500;
    margin-bottom:0;
    font-family:poppins,sans-serif;
    max-width:460px;
    line-height:30px
}
.instructor-grid .instructor-product-content h3 a{
    color:#000
}
.instructor-grid .instructor-product-content h3 a:hover{
    color:#f66962
}
.instructor-grid .course-view{
    margin-left:30px
}
.instructor-grid .course-info p{
    font-size:16px;
    font-weight:500
}
.add-course-header{
    padding-bottom:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between
}
.add-course-header h2{
    font-weight:600;
    font-size:32px;
    color:#000;
    margin-bottom:0
}
.add-course-btns ul li{
    margin-right:17px
}
.add-course-btns ul li:last-child{
    margin-right:0
}
.add-course-btns .btn{
    font-weight:600;
    font-size:14px;
    padding:13px 15px;
    min-width:170px;
    display:inline-flex
}
.multistep-form #first{
    display:block
}
.multistep-form fieldset{
    display:none;
    width:100%
}
.widget-setcount{
    padding:30px;
    margin-bottom:30px;
    border-bottom:1px solid rgb(199 199 199/25%)
}
.widget-setcount ul{
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    list-style:none
}
.widget-setcount ul li{
    margin-right:30px;
    position:relative
}
.widget-setcount ul li:last-child{
    margin-right:0
}
.widget-setcount ul li p{
    font-weight:500;
    color:#22100d;
    display:inline-flex;
    align-items:center;
    margin-bottom:0;
    padding-top:20px;
    border-top:4px solid #c1c9d2;
    min-width:173px
}
.widget-setcount ul span{
    border:1px solid #8792a2;
    width:15px;
    height:15px;
    border-radius:50px;
    margin-right:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b1b5b8;
    background:#fff
}
.progress-activated span:before{
    content:"\f00c";
    font-family:'font awesome 6 free';
    font-weight:900;
    font-size:12px;
    background:#159f46;
    color:#fff;
    width:16px;
    height:16px;
    border-radius:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:absolute
}
.progress-active p{
    border-top:5px solid #159f46!important
}
.progress-activated p{
    border-top:5px solid #159f46!important
}
.progress-active span{
    color:#159f46!important;
    border-color:#159f46!important;
    position:relative;
    border:5px solid #159f46!important
}
.add-course-inner-header{
    padding:0 30px 30px
}
.add-course-inner-header h4{
    font-weight:500;
    font-size:24px;
    color:#f66962;
    margin-bottom:0
}
.add-course-form{
    padding:0 30px 30px
}
.add-course-info .form-group{
    margin-bottom:20px
}
.add-course-info .add-course-label{
    font-weight:500;
    color:#685f78;
    margin-bottom:10px
}
.add-course-info .form-control{
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:5px;
    min-height:40px
}
.add-course-info .form-control:focus{
    border:1px solid #e9ecef
}
.add-course-info .select2-container--default .select2-selection--single{
    border:1px solid #e9ecef
}
.add-course-info .select2-container .select2-selection--single{
    height:40px
}
.add-course-info .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#263238;
    line-height:40px;
    font-size:14px
}
.add-course-info .select2-container--default .select2-selection--single .select2-selection__arrow{
    top:8px
}
.add-course-info textarea.form-control{
    min-height:150px
}
.widget-btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    padding:30px;
    border-top:1px solid rgb(199 199 199/25%)
}
.widget-btn .btn{
    font-size:14px;
    font-weight:600;
    min-width:170px;
    padding:13px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center
}
.widget-btn .btn-info-light{
    color:#fff;
    background:#1d9cfd;
    border:1px solid #1d9cfd;
    border-radius:5px
}
.widget-btn .btn-info-light:hover{
    color:#1d9cfd;
    background:#fff;
    border:1px solid #1d9cfd
}
.relative-form{
    position:relative;
    background:#fff;
    border:1px solid #e9ecef;
    border-radius:5px;
    color:#6e82a3;
    min-height:40px;
    padding:6px 15px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.relative-form span{
    font-size:14px
}
.relative-file-upload{
    color:#fff;
    background:#f66962;
    border:1px solid #f66962;
    border-radius:5px;
    padding:8px 18px;
    font-size:14px;
    margin-bottom:0;
    cursor:pointer;
    position:absolute;
    right:0;
    min-width:238px;
    text-align:center
}
.relative-file-upload input[type=file]{
    position:absolute;
    top:0;
    right:0;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:none;
    background:#fff;
    cursor:inherit;
    display:block
}
.add-image-box{
    min-height:250px;
    background:#edede8;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    width:100%
}
.add-image-box a{
    font-size:200px;
    color:#a1a2a0
}
.add-video-box{
    background:rgba(255,222,218,.71)
}
.add-video-box a{
    font-size:40px;
    color:#ff5364
}
.add-course-section{
    padding:0 40px 40px
}
.add-course-section .btn{
    font-weight:600;
    font-size:14px;
    color:#1d9cfd;
    background:#fff;
    border:1px solid #1d9cfd;
    border-radius:5px;
    min-width:105px;
    padding:7px 10px
}
.add-course-section .btn:hover{
    color:#fff;
    background:#1d9cfd;
    border:1px solid #1d9cfd
}
.curriculum-grid{
    padding:20px;
    margin-bottom:30px;
    background:rgba(227,227,227,.41);
    border-radius:10px
}
.curriculum-head{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    padding-bottom:20px
}
.curriculum-head p{
    font-size:16px;
    margin-bottom:0;
    color:#000
}
.curriculum-head .btn{
    font-weight:600;
    font-size:14px;
    color:#1d9cfd;
    background:#fff;
    border:1px solid #1d9cfd;
    border-radius:5px;
    min-width:105px;
    padding:7px 10px
}
.curriculum-head .btn:hover{
    color:#fff;
    background:#1d9cfd;
    border:1px solid #1d9cfd
}
.faq-grid{
    background:#fff;
    border:1px solid #f0f0f0;
    padding:20px;
    margin-bottom:16px
}
.faq-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -ms-flex-pack:space-between;
    position:relative
}
.faq-header .faq-collapse{
    color:#000;
    font-weight:600;
    width:100%;
    text-align:left;
    position:relative;
    display:inline-flex;
    align-items:center
}
.faq-header .faq-collapse i{
    font-size:20px;
    margin-right:10px;
    color:#757575
}
.faq-header .faq-collapse.collapsed:after{
    content:"\f078";
    font-family:'font awesome 6 free';
    font-weight:600;
    font-size:16px;
    color:#000;
    position:absolute;
    right:0;
    top:0
}
.faq-header .faq-collapse:after{
    content:"\f077";
    font-family:'font awesome 6 free';
    font-weight:600;
    font-size:16px;
    color:#000;
    position:absolute;
    right:0;
    top:0
}
.faq-right{
    position:absolute;
    right:30px
}
.faq-right a{
    font-size:18px;
    color:#000;
    margin-right:8px
}
.faq-right a:hover{
    color:#f66962
}
.faq-body{
    padding-top:20px;
    padding-left:25px
}
.add-article-btns .btn{
    font-weight:600;
    font-size:14px;
    color:#685f78;
    margin-right:12px;
    background:#fff;
    border:1px solid #685f78;
    border-radius:5px;
    min-width:130px;
    padding:7px 8px
}
.add-article-btns .btn:hover{
    color:#fff;
    background:#685f78;
    border:1px solid #685f78
}
.form-group-tagsinput .bootstrap-tagsinput{
    display:block;
    border-radius:5px;
    color:#000;
    background:#fff;
    border:1px solid #e9ecef;
    box-shadow:unset;
    min-height:60px;
    padding-top:8px;
    padding-left:10px;
    padding-right:10px
}
.form-group-tagsinput .bootstrap-tagsinput .tag{
    margin-right:5px;
    margin-bottom:5px;
    color:#263238;
    border:1px solid #e9ecef;
    background:rgba(227,227,227,.41)!important;
    font-size:14px;
    font-weight:400;
    padding:12px
}
.form-group-tagsinput .bootstrap-tagsinput input{
    line-height:42px;
    font-size:14px
}
.add-course-msg{
    text-align:center;
    padding-bottom:30px
}
.add-course-msg i{
    color:#159f46;
    font-size:40px
}
.add-course-msg h4{
    font-weight:400;
    font-size:24px;
    color:#000;
    margin-top:20px;
    margin-bottom:10px
}
.add-course-msg p{
    font-size:16px;
    color:#000;
    margin-bottom:0
}
.settings-menu .instructor-title{
    padding-top:20px
}
.instructor-card{
    border-radius:10px;
    margin-bottom:25px
}
.instructor-inner h6{
    font-weight:600;
    font-size:14px;
    color:#685f78;
    margin-bottom:16px;
    text-transform:uppercase
}
.instructor-inner h4{
    font-weight:600;
    font-size:32px;
    margin-bottom:16px
}
.instructor-inner .instructor-text-success{
    color:#159f46
}
.instructor-inner .instructor-text-info{
    color:#1d9cfd
}
.instructor-inner .instructor-text-warning{
    color:#ffb54a
}
.instructor-inner p{
    font-size:14px;
    letter-spacing:.05em;
    color:#303030;
    margin-bottom:0
}
.invoice-list-blk .card{
    border-radius:10px
}
.invoice-item .invoice-logo{
    margin-bottom:30px
}
.invoice-item .invoice-logo img{
    width:auto;
    max-height:52px
}
.invoice-item .invoice-text h2{
    color:#161c2d;
    font-size:36px;
    font-weight:600
}
.invoice-item .invoice-details{
    text-align:right;
    font-weight:500
}
.invoice-item .invoice-details strong{
    color:#161c2d
}
.invoice-item .invoice-details-two{
    text-align:left
}
.invoice-item .invoice-text{
    padding-top:42px;
    padding-bottom:36px
}
.invoice-item .invoice-text h2{
    font-weight:400
}
.invoice-info{
    margin-bottom:30px
}
.invoice-info p{
    margin-bottom:0
}
.invoice-info.invoice-info2{
    text-align:right
}
.invoice-item .customer-text{
    font-size:18px;
    color:#161c2d;
    font-weight:600;
    margin-bottom:8px;
    display:block
}
.invoice-table tr th,.invoice-table tr td,.invoice-table-two tr th,.invoice-table-two tr td{
    color:#161c2d;
    font-weight:600;
    padding:10px 20px;
    line-height:inherit
}
.invoice-table tr td,.invoice-table-two tr td{
    font-weight:500
}
.invoice-table-two{
    margin-bottom:0
}
.invoice-table-two tr th,.invoice-table-two tr td{
    border-top:0
}
.invoice-table-two tr td{
    text-align:right
}
.invoice-info h5{
    font-size:16px;
    font-weight:500
}
.other-info{
    margin-top:10px
}
@media(min-width:992px){
    .main-nav>li{
        margin-right:15px
    }
    .main-nav>li:last-child{
        margin-right:0
    }
    .main-nav li{
        display:block;
        position:relative
    }
    .main-nav>li>a{
        line-height:70px;
        padding:0!important
    }
    .main-nav>li>a>i{
        font-size:12px;
        margin-left:3px
    }
    .main-nav li>ul{
        background-color:#fff;
        border-radius:5px;
        box-shadow:0 0 3px rgba(0,0,0,.1);
        display:block;
        font-size:14px;
        left:0;
        margin:0;
        min-width:200px;
        opacity:0;
        padding:0;
        position:absolute;
        -webkit-transition:all .2s ease;
        transition:all .2s ease;
        -webkit-transform:translateY(20px);
        -ms-transform:translateY(20px);
        transform:translateY(20px);
        top:100%;
        visibility:hidden;
        z-index:1000
    }
    .main-nav li .submenu::before{
        border:7px solid #fff;
        border-color:transparent transparent #fff #fff;
        box-shadow:-2px 2px 2px -1px rgba(0,0,0,.1);
        content:"";
        left:45px;
        position:absolute;
        top:2px;
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    .main-nav li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-top:0;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    .main-nav .has-submenu.active>a{
        color:#f66962
    }
    .main-nav .has-submenu.active .submenu li.active>a{
        color:#f66962
    }
    .header-one .main-nav .has-submenu.active .submenu li.active>a,.header-four .main-nav .has-submenu.active .submenu li.active>a{
        color:#6255a4
    }
    .header-two .main-nav .has-submenu.active .submenu li.active>a{
        color:#f66962
    }
    .header-five .main-nav .has-submenu.active .submenu li.active>a{
        color:#296ed6
    }
    .main-nav>li .submenu li:first-child a{
        border-top:0
    }
    .main-nav>li .submenu.first-submenu li a{
        border-top:1px solid #f0f0f0
    }
    .main-nav>li.has-submenu:hover>.submenu>li.has-submenu:hover>.submenu{
        visibility:visible;
        opacity:1;
        margin-top:-1px;
        margin-right:0
    }
    .main-nav>li .submenu>li .submenu{
        left:100%;
        top:0;
        margin-top:10px
    }
    .main-nav li .submenu a:hover{
        color:#f6697b;
        letter-spacing:.5px;
        padding-left:20px
    }
    .main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before{
        top:20px;
        margin-left:-35px;
        box-shadow:1px 1px 0 0 rgba(0,0,0,.15);
        border-color:transparent #fff #fff transparent
    }
    .profile-custom-list>li{
        width:33.33%
    }
    .custom-about p{
        width:73%
    }
}
@media(min-width:1200px){
    .main-nav>li{
        margin-right:30px
    }
}
@media(max-width:1399px){
    .register-step .login-banner img,.login-banner img{
        max-width:280px
    }
    .table-price td{
        font-size:16px
    }
    h1{
        font-size:32px
    }
    .help-title p,.category-title h5{
        font-size:16px
    }
    .category-tab ul li a{
        font-size:20px
    }
    .error-box h3{
        font-size:30px
    }
    .error-box-img{
        max-width:400px;
        margin:auto
    }
    .time-counts li{
        font-size:16px;
        min-width:85px
    }
    .time-counts li span{
        font-size:25px
    }
    .error-logo{
        margin-bottom:25px
    }
    .error-box h4{
        font-size:24px
    }
    .error-box h6{
        font-size:16px;
        margin:20px 0
    }
    .time-counts{
        margin-bottom:20px
    }
    .come-soon-box h5{
        font-size:16px;
        margin:25px 0
    }
    .subscribe-soon .form-control{
        height:42px
    }
    .masonry-box .post-left li{
        font-size:12px
    }
    .masonry-box .blog-title{
        font-size:20px
    }
    .profile-img img{
        width:120px;
        height:120px;
        border:3px solid #fff
    }
    .account-settings .settings-menu h3{
        font-size:16px
    }
    .account-settings .settings-menu ul li a{
        font-size:15px
    }
    .bill-name-group p{
        font-size:12px
    }
    .error-box .big-text{
        font-size:26px;
        margin-bottom:10px;
        padding-bottom:10px
    }
    .countdown-el{
        min-width:100px;
        padding:15px;
        color:#fff
    }
    .countdown-el span{
        font-size:18px
    }
}
@media(max-width:1199.98px){
    .header-nav{
        padding-left:20px;
        padding-right:20px
    }
    .header-navbar-rht li.contact-item{
        display:none
    }
    .map-right{
        height:450px;
        position:static;
        min-height:inherit;
        margin-bottom:30px;
        padding-right:15px
    }
    .header-one .main-nav>li{
        margin-right:27px
    }
    .home-slide-text h1{
        font-size:38px;
        margin-bottom:20px
    }
    .home-slide-text p{
        font-size:18px
    }
    .home-slide .search-box .search-btn{
        top:7px;
        right:7px;
        padding:10px 15px
    }
    .home-slide .search-box .search-btn{
        height:46px
    }
    .homeone-section-header h2{
        font-size:28px
    }
    .homeone-section-header .sub-title,.category-tab ul li a{
        font-size:16px
    }
    .home-slide .search-box form{
        display:block
    }
    .section-header h2{
        font-size:28px
    }
    .section-header .sub-title{
        font-size:14px
    }
    .header-navbar-rht li a.header-login,.add-header-bg .header-navbar-rht li a.header-sign{
        min-width:110px;
        padding:6px 15px;
        font-size:14px
    }
    .enroll-group .total-course{
        margin-bottom:5px
    }
    .header-navbar-rht li a.header-sign{
        min-width:110px;
        padding:8px 15px;
        font-size:14px
    }
    .main-nav li a{
        font-size:14px
    }
    .logo{
        width:130px
    }
    .google-bg{
        padding:25px
    }
    .sign-google ul li a{
        padding:0 10px
    }
    .login-wrapper .loginbox h1{
        font-size:28px
    }
    .login-banner img{
        max-width:330px
    }
    .mentor-course h2{
        font-size:28px;
        margin:0px 0 15px 0;
    }
    .title-sec h5,.title-sec p{
        font-size:16px
    }
    .title-sec h2,.main-title{
        font-size:34px
    }
    .inner-banner h2,.video-details h2{
        font-size:26px
    }
    .btn-wish{
        padding:10px 0;
        font-size:12px
    }
    .inner-banner h5,.instructor-detail h5{
        font-size:18px
    }
    .complete-sec h2{
        font-size:26px
    }
    .btn-cart,.btn-enroll{
        font-size:13px;
        padding:11px
    }
    .play-icon{
        width:60px;
        height:60px
    }
    .play-icon i{
        font-size:24px;
        padding-left:5px
    }
    .support-img img{
        width:160px
    }
    .support-card h3{
        font-size:22px
    }
    .faq-title a,.instructor-content p,.rating{
        font-size:14px
    }
    .instructor-info>div{
        margin-right:10px
    }
    .error-box h4{
        font-size:20px
    }
    .error-box h6{
        font-size:15px;
        margin:20px 0
    }
    .time-counts li span{
        font-size:20px
    }
    .time-counts li{
        font-size:15px;
        min-width:80px;
        padding:15px
    }
    .time-counts ul li:not(:last-child){
        margin-right:10px
    }
    .come-soon-box h5{
        font-size:14px;
        margin:25px 0
    }
    .social-icon-soon ul li i{
        font-size:20px
    }
    .error-box-img img{
        width:270px
    }
    .error-logo img{
        width:120px
    }
    .error-box{
        padding:20px
    }
    .progress-stip{
        display:flex;
        height:15px;
        font-weight:400
    }
    .payment-btn .btn-primary{
        min-width:100%
    }
    .plan-header h4{
        font-size:20px;
        padding:12px 15px
    }
    .plan-change .btn-primary{
        font-size:20px;
        padding:10px 15px
    }
    .world-img img{
        margin-bottom:15px
    }
    .link-accounts.personal-form{
        margin-top:0
    }
    .error-box .big-text{
        font-size:20px;
        margin-bottom:6px;
        padding-bottom:10px
    }
    .countdown-el{
        min-width:90px
    }
    .countdown-el span{
        font-size:16px
    }
}
@media(max-width:991.98px){
    .main-nav{
        padding:0;
        -ms-flex-direction:column;
        flex-direction:column;
        padding-left:0;
        margin-bottom:0;
        list-style:none
    }
    .main-nav ul{
        background-color:#f38681;
        display:none;
        list-style:none;
        margin:0;
        padding-left:0
    }
    .main-nav>li{
        border-bottom:1px solid #df79a9;
        margin-left:0
    }
    .main-nav li+li{
        margin-left:0
    }
    .main-nav>li>a{
        line-height:1.5;
        padding:15px 20px!important;
        color:#fff;
        font-size:14px;
        font-weight:500
    }
    .main-nav>li.active>a,.main-nav .has-submenu.active .submenu li.active>a,.main-nav .has-submenu.active>a{
        color:#fff!important
    }
    .main-nav>li>a>i{
        float:right;
        margin-top:5px
    }
    .main-nav>li .submenu li a{
        border-top:0;
        color:#fff;
        padding:10px 15px 10px 35px
    }
    .main-nav>li .submenu ul li a{
        padding:10px 15px 10px 45px
    }
    .main-nav>li .submenu>li.has-submenu>a::after{
        content:"\f078"
    }
    .main-nav .has-submenu.active>a{
        color:#1879cd
    }
    .main-nav .has-submenu.active .submenu li.active>a{
        color:#1879cd
    }
    .login-left{
        display:none
    }
    .main-menu-wrapper{
        order:3;
        width:260px;
        position:fixed;
        top:0;
        bottom:0;
        left:0;
        overflow-x:hidden;
        overflow-y:auto;
        z-index:1060;
        transform:translateX(-260px);
        transition:all .4s;
        background-color:#df5779
    }
    .menu-header{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .navbar-header{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
    #mobile_btn{
        display:inline-block;
        top:4px;
        position:relative
    }
    .dropdown-menu.dropdown-menu-right{
        margin-top:5px
    }
    h1{
        font-size:28px
    }
    h5{
        font-size:18px
    }
    .header-nav{
        padding:0
    }
    .section-search{
        min-height:330px
    }
    .progress{
        margin-bottom:20px
    }
    .footer-widget{
        margin-bottom:30px; text-align:center;
    }
    .container{
        max-width:100%
    }
    .home-slide .search-box form{
        display:block
    }
    .testimonial-four .testimonial-all{
        background:0 0;
        min-height:454px
    }
    .new-course-four .course-mail .bg-course-subscribe{
        line-height:2;
        height:45px
    }
    .home-slide-four .hometwo-slide-text h1{
        font-size:24px
    }
    .home-slide-four{
        min-height:420px
    }
    .testimonial-four .testimonial-two-head p{
        font-size:16px
    }
    .side-four img,.side-four-right img{
        display:none
    }
    .testimonial-four .testimonial-all{
        padding:5px
    }
    .testimonial-bg-top img{
        top:16px;
        left:38%;
        width:231px
    }
    .testimonial-bg-right img{
        top:50%;
        right:-90px;
        width:180px
    }
    .testimonial-bg-left img{
        top:50%;
        left:130px;
        width:180px
    }
    .breadcrumb-bar{
        padding:10px 0
    }
    .course-key{
        position:relative;
        top:0
    }
    .home-slide-text h1{
        font-size:32px;
        margin-bottom:10px
    }
    .home-slide{
        min-height:700px
    }
    .trust-user p{
        font-size:16px
    }
    .rate-head h2,.rating h2{
        font-size:40px
    }
    .course-radius{
        margin-bottom:45px
    }
    .course-widget{
        background:#fff;
        padding:60px 20px 0
    }
    .student-course,.how-it-works,.new-course,.trend-course{
        padding:60px 0
    }
    .master-skill{
        padding:60px 0 0
    }
    .section-header h2{
        font-size:30px
    }
    .owl-theme .owl-dots,.owl-theme .owl-nav{
        margin-top:0
    }
    .career-img{
        display:none
    }
    .feature-instructors{
        padding-top:60px
    }
    .lead-group{
        padding:0 0 40px
    }
    .join-mentor h2{
        font-size:25px
    }
    .join-mentor p{
        font-size:16px;
        margin:20px 0
    }
    .review{
        bottom:-190px
    }
    .testimonial-four .slick-prev,.testimonial-four .slick-next{
        width:45px;
        height:45px
    }
    .testimonial-four .slick-prev:before,.testimonial-four .slick-next:before{
        font-size:28px
    }
    .testi-quotes img{
        width:90px
    }
    .become-instructors{
        padding:240px 0 60px
    }
    .mentor-img img{
        position:relative;
        bottom:0;
        right:0
    }
    .top-instructors p{
        margin-bottom:0;
        font-size:16px
    }
    .latest-blog{
        padding:60px 0 30px
    }
    .enroll-group{
        margin:60px 0
    }
    .new-course:before{
        display:none
    }
    .trending-course{
        background:0 0
    }
    .testi-right img{
        position:absolute;
        right:0
    }
    .cube-instuctor:before,.yellow-mentor:before{
        display:none
    }
    .enroll-img{
        width:92px;
        height:92px
    }
    .total-course{
        margin-bottom:24px
    }
    .header-nav{
        height:60px
    }
    .icon-group .total-course{
        justify-content:center
    }
    .home-slide-text h5,.home-slide-text p{
        font-size:16px;
        margin-bottom:15px
    }
    .section-text p{
        font-size:16px
    }
    .course-name h4,.product-content h3{
        font-size:16px
    }
    .course-group-img{
        align-items:center
    }
    .course-info p,.average-rating,.category-tab ul li a{
        font-size:14px
    }
    .instructors-content h5{
        font-size:16px
    }
    .instructors-content p{
        font-size:16px;
        margin:10px 0
    }
    .course-list li{
        font-size:18px;
        margin-bottom:12px
    }
    .testi-quotes img{
        left:150px
    }
    .student-mentor h4{
        font-size:22px;
        margin-bottom:15px
    }
    .icon-group .enroll-img{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .login-wrapper .loginbox{
        padding:50px
    }
    .login-wrapper .loginbox h1{
        font-size:26px
    }
    .sign-google ul li{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:10px
    }
    .sign-google ul li:first-child a{
        border-right:0
    }
    .sign-google ul{
        display:block
    }
    .sign-google{
        margin:25px 0
    }
    .mentor-course h2{
        font-size:22px;
        margin:15px 0
    }
    .login-slide.owl-theme .owl-dots,.login-slide.owl-theme .owl-nav{
        margin-top:15px
    }
    .login-banner img{
        max-width:280px
    }
    .login-wrapper .register-box{
        padding:40px
    }
    .personal-form{
        margin-top:20px
    }
    .title-sec h2,.main-title{
        font-size:28px
    }
    .header-page,.header-page .header-nav{
        height:60px
    }
    .header-border{
        padding:4px 20px
    }
    .breadcrumb-list{
        padding:0 10px
    }
    .page-breadcrumb ol,.notify-item a.btn{
        font-size:14px
    }
    .wishlist-info h5,.wish-card .card-header h5{
        font-size:18px
    }
    .price-amt h4,.notify-detail h6{
        font-size:16px
    }
    .notify-detail h6 span{
        font-size:12px
    }
    .notify-item a.btn{
        min-width:130px
    }
    .inner-banner h2{
        font-size:24px
    }
    .sidebar-sec{
        margin-top:0
    }
    .play-icon{
        width:60px;
        height:60px
    }
    .play-icon i{
        font-size:26px
    }
    .complete-sec h2{
        font-size:24px
    }
    .instructor-detail h5{
        font-size:16px
    }
    .com-info{
        flex-direction:column
    }
    .complete-sec .video-thumbnail{
        margin:20px auto 0
    }
    .com-course .include-sec ul li:last-child{
        margin-bottom:15px
    }
    .com-course .feature-sec ul li:last-child{
        padding-bottom:15px
    }
    .nav-justified .nav-item{
        flex-grow:0;
        flex-basis:unset
    }
    .category-title h5,.support-wrap label,.faq-detail p,.support-card p{
        font-size:14px
    }
    .page-banner{
        padding:50px 0
    }
    .page-banner h1,.help-title h1{
        font-size:24px
    }
    .terms-text h3{
        font-size:22px
    }
    .support-card h3{
        font-size:20px
    }
    .help-sec{
        padding:40px 0 30px
    }
    .support-sec{
        padding:40px 0
    }
    .page-content{
        padding:50px 0 30px
    }
    .sup-title{
        margin-bottom:0
    }
    .instructor-content p{
        font-size:14px;
        margin-bottom:10px
    }
    .instructor-info .rating-img p,.instructor-info .course-view p{
        margin-bottom:0
    }
    .btn-action-primary{
        font-size:12px
    }
    .profile-details .table th{
        font-size:12px
    }
    .ticket-grp{
        flex-wrap:wrap
    }
    .ticket-grp .ticket-btn-grp{
        display:inline-flex;
        margin-top:10px
    }
    .filter-tickets ul li{
        margin-bottom:10px
    }
    .radio-with-img p.radio-deposit-item{
        display:inline-flex;
        width:155px
    }
    .error-box h4{
        font-size:20px
    }
    .error-box h6{
        font-size:15px;
        margin:20px 0
    }
    .time-counts li span{
        font-size:20px
    }
    .time-counts li{
        font-size:15px;
        min-width:80px;
        padding:15px
    }
    .time-counts ul li:not(:last-child){
        margin-right:10px
    }
    .come-soon-box h5{
        font-size:14px;
        margin:25px 0
    }
    .social-icon-soon ul li i{
        font-size:20px
    }
    .error-box-img img{
        width:240px
    }
    .error-logo img{
        width:120px
    }
    .error-box{
        padding:20px
    }
    .course-content{
        padding:60px 0
    }
    .show-filter{
        margin-top:15px
    }
    .lms-page{
        margin-bottom:20px;
        margin-top:0
    }
    .clear-filter{
        margin-bottom:25px
    }
    .course-design .price h3{
        font-size:18px
    }
    .price h3 span{
        font-size:12px
    }
    .course-group-img img{
        max-width:40px;
        height:40px
    }
    .view-icons a{
        font-size:15px;
        width:30px;
        height:30px
    }
    .breadcrumb-bar{
        background:#fff;
        padding:15px 0
    }
    .blog-title{
        font-size:20px
    }
    .blog-read .btn-primary{
        font-size:16px
    }
    .post-left ul li{
        margin-bottom:5px
    }
    .blog-modern-box .blog-title a{
        font-size:18px
    }
    .student-group .course-group-img img{
        max-width:80px;
        height:80px;
        margin-right:15px;
        border:3px solid #fff
    }
    .student-group .course-name h4 a{
        font-size:24px
    }
    .student-group .course-share .btn-primary{
        padding:8px 20px
    }
    .my-student-list ul li a{
        font-size:14px;
        padding:0 6px;
        padding-bottom:10px
    }
    .progress-stip{
        height:15px
    }
    .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name{
        font-size:14px
    }
    .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{
        font-size:12px
    }
    .cart-subtotal p,.cart-subtotal span{
        font-size:18px
    }
    .check-outs .btn-primary,.condinue-shop .btn-primary{
        padding:10px 15px;
        font-size:18px
    }
    .payment-btn .btn-primary{
        padding:12px 15px;
        font-size:18px;
        min-width:550px
    }
    .plan-header h4{
        font-size:22px;
        padding:12px 15px
    }
    .plan-change .btn-primary{
        font-size:20px;
        padding:12px 15px
    }
    .profile-img img{
        width:90px;
        height:90px;
        bottom:-50px
    }
    .profile-bg h5{
        font-size:12px
    }
    .profile-name h4{
        font-size:18px
    }
    .go-dashboard .btn-primary{
        padding:9px 18px
    }
    .account-settings .settings-menu ul li a{
        font-size:14px
    }
    .profile-heading h3{
        font-size:20px;
        margin-bottom:6px
    }
    .profile-heading{
        padding:20px
    }
    .profile-heading p{
        font-size:15px
    }
    .profile-details .course-group-img img{
        max-width:80px;
        height:80px
    }
    .profile-details .course-group{
        flex-wrap:wrap
    }
    .profile-details .course-group .course-group-img{
        margin-bottom:15px
    }
    .profile-share .btn-success,.profile-share .btn-danger{
        padding:4px 20px;
        font-size:14px
    }
    .checkout-form label{
        font-size:15px
    }
    .update-profile .btn-primary{
        font-size:16px;
        min-width:180px
    }
    .checkout-form.personal-address,.profile-details .course-group,.profile-heading{
        padding:15px
    }
    .save-password{
        margin-top:30px
    }
    .world-img img{
        margin-bottom:15px
    }
    .link-accounts.personal-form{
        margin-top:0
    }
    .filter-grp.user-referred h3,.link-box h3{
        font-size:20px
    }
    .subscription-group{
        flex-wrap:wrap
    }
    .subscription-group .subscription-name{
        margin-bottom:15px
    }
    .upgrade-now{
        margin-left:0
    }
    .instructor-profile-content h4 a{
        font-size:26px
    }
    .instructor-profile-content h4 span{
        margin-left:0
    }
    .instructor-profile{
        margin-bottom:20px
    }
    .instructor-profile-menu{
        max-width:100%;
        margin-bottom:20px
    }
    .instructor-profile-text{
        padding-top:0
    }
    .add-course-header h2{
        font-size:26px
    }
    .widget-setcount ul li p{
        min-width:135px
    }
    .invoice-table tr td,.invoice-table-two tr td,.invoice-item .invoice-details{
        font-weight:500;
        font-size:15px
    }
}
@media(max-width:767.98px){
    .navbar-header{
        width:100%
    }
    .logo{
        margin-right:0;
        width:100%;
        text-align:center
    }
    .header-nav{
        height:60px
    }
    .search-box .form-group .form-control{
        font-size:14px
    }
    .profile-custom-list>li:nth-child(2n+1){
        clear:left
    }
    .bg-pattern-style-register{
        height:auto
    }
    .footer .footer-widget .footer-logo img{
        max-height:40px
    }
    #mobile_btn{
        top:18px;
        margin-right:0;
        position:absolute
    }
    .logo img,.menu-logo img{
        width:120px
    }
    h5{
        font-size:16px
    }
    h6{
        font-size:14px
    }
    .testimonial-four .testimonial-all{
        background:0 0;
        min-height:454px
    }
    .testimonial-four .testimonial-two-head{
        max-width:100%;
    }
    .testimonial-four .testimonial-two-head p{
        font-size:14px
    }
    .testimonial-four .slick-list{
        padding:0!important
    }
    .testimonial-four .slick-list{
        max-width:85%
    }
    .testimonial-four .slick-prev:before,.testimonial-four .slick-next:before{
        font-size:24px
    }
    .testimonial-four .slick-prev{
        left:4px;
        width:30px;
        height:30px
    }
    .testimonial-four .slick-next{
        right:4px;
        width:30px;
        height:30px
    }
    .testimonial-four .slick-prev,.testimonial-four .slick-next{
        top:63%
    }
    .testimonial-bg-top img{
        top:18px;
        left:38%;
        width:160px
    }
    .testimonial-bg-right img{
        top:50%;
        right:-77px;
        width:140px
    }
    .testimonial-bg-left img{
        top:50%;
        left:59px;
        width:140px
    }
    .testimonial-two-head{
        max-width:90%
    }
    .testimonial-thumb img{
        width:40px
    }
    .testimonial-two .slider-nav{
        margin-top:0
    }
    .testimonial-two-head{
        padding:15px
    }
    .bar-icon span{
        background-color:#df5779
    }
    .header-navbar-rht{
        display:none
    }
    .course-key{
        position:relative;
        top:0
    }
    .home-slide-text h1{
        font-size:28px;
        margin-bottom:10px
    }
    .home-slide{
        padding:100px 0 60px
    }
    .home-slide-text a,.home-slide-text p,.home-slide-text h5,.trust-user p{
        font-size:15px
    }
    .banner-content .form-control{
        height:46px
    }
    .banner-content .sub-btn{
        width:42px;
        height:42px;
        font-size:14px;
        margin-top:0px
    }
    .rate-head h2,.rating h2{
        font-size:32px
    }
    .rate-head h2{
        margin-right:20px
    }
    .course-widget{
        padding:70px 20px 0
    }
    .student-course,.how-it-works,.new-course,.trend-course,.share-knowledge{
        padding:20px 0
    }
    .master-skill{
        padding:40px 0 0
    }
    .feature-instructors{
        padding-top:40px
    }
    .lead-companies{
        padding:40px 0 20px
    }
    .lead-group{
        padding:10px 0 10px; text-align:center;
    }
    .course-radius{
        margin-bottom:15px
    }
    .section-header{
        position:relative;
        display:block
    }
    .section-sub-head{
        margin-bottom:20px
    }
    .section-header h2{
        font-size:28px
    }
    .section-text p,.join-mentor p,.section-sub-head span,.top-instructors p,.course-count p{
        font-size:15px
    }
    .owl-theme .owl-dots,.owl-theme .owl-nav{
        margin-top:25px;
    }
    .owl-theme .owl-dots .owl-dot span{
        width:10px;
        height:10px
    }
    .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
        width:25px;
        height:10px
    }
    .join-mentor h2{
        font-size:28px
    }
    .mentor-img img{
        position:relative;
        bottom:0;
        right:0
    }
    .top-instructors p{
        margin-bottom:0
    }
    .student-mentor{
        margin-bottom:20px
    }
    .become-instructors{
        padding:260px 0 20px
    }
    .latest-blog{
        padding:40px 0 13px
    }
    .enroll-group{
        margin:40px 0
    }
    .course-count h3{
        font-size:24px;
        margin-bottom:10px
    }
    .footer-bottom .copyright-text p{
        text-align:center
    }
    .privacy-policy{
        text-align:center; margin:20px 0;
    }
    .footer-bottom .copyright{
        padding:0 0 20px
    }
    .testi-quotes img{
        width:50px
    }
    .trending-course{
        background:0 0;
        margin-top:25px
    }
    .course-feature{
        margin-top:25px
    }
    .testi-right img{
        right:0;
        right:-15px;
        width:25px;
        top:-16px
    }
    .cube-instuctor:before,.yellow-mentor:before{
        display:none
    }
    .enroll-img img{
        width:100%
    }
    .review{
        top:-300px;
        bottom:inherit
    }
    .scroll-sticky{
        margin-top:0
    }
    .fount-about-img img{
        width:60px
    }
    .four-testimonial-founder h3{
        font-size:20px
    }
    .four-testimonial-founder span,.help-title p,.faq-title a{
        font-size:14px
    }
    .testimonial-four .testimonial-two-head p,.faq-card{
        margin-bottom:15px
    }
    .enroll-img{
        width:100%;
        height:100%
    }
    .form-inner .form-control{
        width:100%
    }
    .banner-content .form-inner{
        height:auto
    }
    .banner-content .input-group .search-icon{
        display:none
    }
    .drop-detail{
        width:100%
    }
    .trust-rating .rating i{
        padding:0 5px;
        font-size:12px
    }
    .testi-quotes img{
        left:60px;
        top:-10px
    }
    .testimonial-four .testimonial-two-head p{
        margin:0 0 43px; padding:0px; text-align:center; border:0px;
    }
    .icon-group .total-course{
        justify-content:center;
        width:100%
    }
    .enroll-group .total-course{
        margin-bottom:5px
    }
    .course-group-img{
        align-items:center
    }
    .course-name h4{
        font-size:15px;
        margin-bottom:0
    }
    .product-content h3{
        font-size:16px
    }
    .course-info p{
        font-size:14px
    }
    .all-category .btn-primary{
        min-width:130px;
        padding:6px 15px;
        font-weight:500;
        font-size:14px
    }
    .home-slide-text h5{
        margin-bottom:15px
    }
    .home-slide-text p{
        font-size:14px;
        margin-bottom:25px
    }
    .trust-user p{
        margin:21px 0 10px
    }
    .instructors-course{
        margin-top:37px
    }
    .instructors-content h5{
        font-size:18px
    }
    .instructors-content p{
        font-size:15px
    }
    .student-count span,.student-count i{
        font-size:14px
    }
    .course-list li{
        font-size:16px;
        margin-bottom:10px
    }
    .course-count p{
        font-size:14px
    }
    .enroll-group{
        padding:20px
    }
    .enroll-img{
        width:60px;
        height:100%
    }
    .student-mentor h4{
        font-size:20px
    }
    .price{
        min-width:130px;
        padding:10px 15px;
        border-radius:10px
    }
    .price h3{
        font-size:16px
    }
    .login-bg{
        display:none
    }
    .login-wrapper .loginbox{
        padding:50px
    }
    .login-wrapper .loginbox h1{
        font-size:24px;
        margin-bottom:15px
    }
    .login-wrapper .loginbox label{
        font-size:15px
    }
    .google-bg{
        padding:20px
    }
    .sign-google ul li a img{
        margin-right:10px;
        width:16px
    }
    .sign-google ul{
        display:block
    }
    .sign-google ul li:first-child a{
        border-right:0
    }
    .sign-google ul li{
        margin-bottom:10px
    }
    .sign-google{
        margin:20px 0
    }
    .login-wrapper .loginbox .img-logo{
        display:block;
        margin-bottom:35px
    }
    .back-home{
        margin-top:10px
    }


    .personal-form{
        margin-top:20px
    }
    .login-wrapper .register-box{
        padding:35px
    }
    .personal-detail span{
        width:22px;
        height:22px;
        font-size:12px
    }
    .title-sec h5,.title-sec p{
        font-size:14px
    }
    .title-sec h2{
        font-size:22px;
        margin-bottom:10px
    }
    .table-price td{
        font-size:14px
    }
    .wishlist-info h5,.wish-card .card-header h5{
        font-size:16px
    }
    .wishlist-detail{
        display:block;
        flex-direction:column
    }
    .wishlist-img{
        margin:0 auto 20px
    }
    .wishlist-info .course-info{
        justify-content:center
    }
    .wishlist-info .course-info p{
        margin-left:7px
    }
    .wish-card .card-body,.wish-card .card-header{
        padding:20px
    }
    .wishlist-info .course-view{
        margin-left:10px
    }
    .wishlist-item .remove-btn{
        margin-top:25px;
        text-align:center
    }
    .btn{
        font-size:14px
    }
    .wishlist-info{
        text-align:center
    }
    .wishlist-img img,.wishlist-img{
        max-width:230px
    }
    .course-content{
        padding:50px 0
    }
    .notify-item a.btn{
        margin:20px 0 0 60px
    }
    .notify-sec h5{
        font-size:15px;
        margin-bottom:20px
    }
    .course-card ul li{
        display:block
    }
    .course-card ul li p{
        margin-bottom:10px
    }
    .inner-banner h2{
        font-size:22px
    }
    .complete-sec h2{
        font-size:20px
    }
    .web-badge,.cou-info{
        margin-bottom:10px
    }
    .instructor-badge .web-badge{
        margin-bottom:0;
        font-size:12px
    }
    .instructor-wrap .rating{
        margin:10px 0
    }
    .instructor-detail h5{
        font-size:15px
    }
    .terms-text h3,.help-title h1{
        font-size:20px
    }
    .support-img img{
        position:relative
    }
    .support-sec{
        padding:40px 0 20px
    }
    .support-card{
        margin-bottom:20px
    }
    .instructor-list{
        display:block;
        padding:10px
    }
    .instructor-list .instructor-content{
        padding:0
    }
    .instructor-list .instructor-img img{
        border-radius:7px;
        margin-bottom:15px
    }
    .instructor-list .instructor-content .rating-count{
        right:0;
        top:0
    }
    .check-on .form-check-input{
        min-height:25px;
        width:55px;
        flex:none
    }
    .payment-list{
        flex-wrap:wrap
    }
    .grp-action-style{
        padding:0
    }
    .payment-method-blk .payment-list:not(:last-child){
        margin-bottom:10px
    }
    .profile-details .table th{
        font-size:12px
    }
    .profile-details .comman-space{
        padding:15px
    }
    .ticket-grp{
        flex-wrap:wrap
    }
    .ticket-grp .ticket-btn-grp{
        display:inline-flex;
        margin-top:10px
    }
    .filter-grp h3{
        font-size:20px
    }
    .filter-tickets ul li{
        width:100%;
        margin-bottom:10px
    }
    .sell-course-head h3{
        font-size:20px
    }
    .instruct-search-blk .select-form .form-select{
        margin-left:0
    }
    .instruct-search-blk .show-filter .form-control,.instruct-search-blk .select-form .form-select{
        max-width:100%
    }
    .sell-group-img{
        width:112px;
        height:82px
    }
    .sell-table-group .sell-tabel-info p{
        font-size:14px
    }
    .course-instruct-blk .table-nowrap tr th,.course-instruct-blk .table-nowrap tr td{
        white-space:nowrap
    }
    .instruct-orders-info p{
        max-width:100%
    }
    .ticket-btn-grp a{
        padding:8px 28px
    }
    .radio-with-img p.radio-deposit-item{
        display:inline-flex;
        width:100%
    }
    .error-box h4{
        font-size:18px
    }
    .error-box h6{
        font-size:14px;
        margin:15px 0
    }
    .time-counts li span{
        font-size:18px
    }
    .time-counts li{
        font-size:14px;
        min-width:70px
    }
    .time-counts ul li:not(:last-child){
        margin-right:5px
    }
    .come-soon-box h5{
        font-size:12px;
        margin:20px 0
    }
    .social-icon-soon ul li i{
        font-size:18px
    }
    .error-box-img img{
        width:200px
    }
    .error-logo img{
        width:100px
    }
    .error-box{
        padding:10px
    }
    .lms-page{
        margin-bottom:20px;
        margin-top:0
    }
    .show-filter .search-group{
        margin:12px 0
    }
    .lms-page li .page-link{
        margin-right:10px;
        width:30px;
        height:30px;
        color:#000;
        font-size:12px
    }
    .course-design .price h3{
        font-size:15px
    }
    .price h3 span{
        font-size:12px
    }
    .clear-filter h4{
        font-size:20px
    }
    .clear-filter{
        margin-bottom:25px
    }
    .clear-text p{
        font-size:12px
    }
    .course-content{
        padding:40px 0
    }
    .list-course .product{
        display:block
    }
    .list-course .product-img{
        margin-bottom:12px;
        width:100%
    }
    .view-icons a{
        font-size:15px;
        width:30px;
        height:30px
    }
    .show-result h4{
        font-size:14px
    }
    .breadcrumb-bar{
        background:#fff;
        padding:15px 0
    }
    .page-breadcrumb ol{
        font-size:14px
    }
    .blog-title{
        font-size:18px
    }
    .post-left ul li{
        margin-bottom:10px
    }
    .blog-info a{
        font-size:12px
    }
    .blog-read .btn-primary{
        font-size:14px;
        padding:7px 26px
    }
    .blog-modern-box .blog-title a{
        font-size:16px
    }
    .student-group .course-group{
        display:block
    }
    .student-group .course-share{
        display:block;
        margin-top:15px
    }
    .student-group .course-group-img img{
        max-width:70px;
        height:70px;
        margin-right:12px
    }
    .student-group .course-name h4 a{
        font-size:20px
    }
    .student-group .course-name p{
        font-size:14px
    }
    .student-group .course-name h4 span{
        font-size:12px
    }
    .student-group .course-share .btn-primary{
        padding:8px 20px
    }
    .my-student-list ul{
        display:block
    }
    .my-student-list ul li .active{
        border-bottom:0
    }
    .my-student-list ul li a{
        padding-bottom:0
    }
    .my-student-list ul li{
        list-style:none;
        margin-right:0;
        margin-bottom:15px
    }
    .mycourse-student{
        display:-webkit-box;
        display:-ms-flexbox;
        display:block
    }
    .show-filter .mycourse-student .form-control{
        max-width:100%
    }
    .progress-stip{
        height:10px
    }
    .start-leason .btn-primary{
        padding:10px 15px
    }
    .my-student-list ul li a{
        font-size:14px
    }
    .purchase-widget .head-course-title{
        display:-webkit-box;
        display:-ms-flexbox;
        display:block
    }
    .chat-cont-left,.chat-cont-right{
        flex:0 0 100%;
        max-width:100%
    }
    .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-name{
        font-size:14px
    }
    .chat-cont-left .chat-users-list a.media .media-body>div:first-child .user-last-chat{
        font-size:12px
    }
    .cart-head h4{
        font-size:18px
    }
    .cart-remove .btn-primary{
        font-size:14px
    }
    .cart-subtotal p,.cart-subtotal span{
        font-size:16px
    }
    .check-outs .btn-primary,.condinue-shop .btn-primary{
        padding:10px 15px;
        font-size:16px
    }
    .check-outs .btn-primary{
        margin-bottom:10px
    }
    .course-design .course-info p{
        font-size:12px
    }
    .payment-btn .btn-primary,.plan-change .btn-primary{
        min-width:100%;
        padding:10px 15px;
        font-size:16px
    }
    .pay-method{
        margin:30px 0
    }
    .checkout-form label,.checkout-form .form-control,.checkout-form .form-select{
        font-size:14px
    }
    .ship-check{
        font-size:12px
    }
    .plan-header h4{
        font-size:20px
    }
    .basic-plan h3{
        font-size:18px
    }
    .basic-plan h2{
        font-size:28px
    }
    .profile-details .course-group-img,.profile-details .course-group{
        flex-wrap:wrap
    }
    .profile-details .course-group-img .course-name{
        margin:15px 0
    }
    .profile-share{
        margin-left:0
    }
    .profile-details .course-group-img img{
        max-width:60px;
        height:60px
    }
    .profile-img img{
        width:90px;
        height:90px;
        bottom:-50px
    }
    .profile-name h4{
        font-size:16px
    }
    .profile-name p{
        font-size:12px
    }
    .profile-group{
        padding-top:62px
    }
    .go-dashboard .btn-primary{
        padding:8px 24px
    }
    .profile-heading h3{
        font-size:20px
    }
    .profile-heading p{
        font-size:14px
    }
    .update-profile .btn-primary{
        font-size:16px;
        min-width:180px
    }
    .personal-address p{
        margin-bottom:20px
    }
    .checkout-form.personal-address,.profile-details .course-group,.profile-heading{
        padding:15px
    }
    .un-subscribe .btn-danger{
        font-size:12px
    }
    .world-img img{
        margin-bottom:15px
    }
    .link-accounts.personal-form{
        margin-top:0
    }
    .widra-your-money,.user-referred{
        flex-wrap:wrap
    }
    .filter-grp.user-referred h3{
        font-size:20px;
        margin-bottom:15px
    }
    .link-box h3{
        font-size:20px
    }
    .subscription-group{
        flex-wrap:wrap
    }
    .subscription-group .subscription-name{
        margin-bottom:15px
    }
    .upgrade-now .btn-primary,.active-change-plan .btn-primary{
        font-size:14px
    }
    .upgrade-now{
        margin-left:0
    }
    .monthly-group{
        flex-wrap:wrap
    }
    .monthly-group .subscribtion-active{
        margin-bottom:15px
    }
    .active-change-plan{
        margin-left:0
    }
    .instructor-card .card-body{
        padding:15px
    }
    .instructor-profile-content h4{
        margin-bottom:10px
    }
    .instructor-profile-content h4 a{
        font-size:20px
    }
    .instructor-profile-menu{
        padding:15px
    }
    .instructor-profile-menu ul{
        flex-direction:column
    }
    .instructor-profile-menu ul li{
        margin-bottom:15px
    }
    .instructor-profile-menu ul li:last-child{
        margin-bottom:0
    }
    .instructor-profile-menu-content p{
        font-size:14px
    }
    .instructor-profile-text p{
        font-size:14px
    }
    .instructor-grid{
        display:block
    }
    .instructor-grid .product-img{
        width:100%;
        margin-bottom:15px
    }
    .instructor-grid .instructor-product-content{
        margin-left:0
    }
    .instructor-grid .instructor-product-content h3{
        font-size:16px;
        max-width:100%;
        line-height:normal
    }
    .instructor-grid .course-info{
        margin:15px 0
    }
    .instructor-grid .course-info p{
        font-size:14px;
        margin-left:6px
    }
    .instructor-grid .course-view{
        margin-left:8px
    }
    .add-course-header{
        padding-bottom:20px;
        flex-direction:column
    }
    .add-course-header h2{
        font-size:18px
    }
    .add-course-btns ul{
        flex-direction:column
    }
    .add-course-btns ul li{
        margin-top:10px;
        margin-right:0
    }
    .add-course-btns .btn{
        padding:8px 15px;
        min-width:160px
    }
    .widget-setcount{
        padding:15px;
        margin-bottom:5px
    }
    .widget-setcount ul{
        display:block
    }
    .widget-setcount ul li{
        margin-right:0;
        margin-bottom:10px
    }
    .widget-setcount ul li:last-child{
        margin-bottom:0
    }
    .widget-setcount ul li p{
        border:0!important;
        padding-top:0
    }
    .add-course-inner-header{
        padding:15px;
        padding-bottom:0
    }
    .add-course-inner-header h4{
        font-size:16px
    }
    .add-course-form{
        padding:15px
    }
    .widget-btn{
        padding:15px
    }
    .widget-btn .btn{
        padding:8px 15px;
        min-width:120px
    }
    .relative-file-upload{
        min-width:120px
    }
    .add-image-box{
        min-height:150px
    }
    .add-image-box a{
        font-size:40px
    }
    .add-course-section{
        padding:15px;
        padding-bottom:0
    }
    .curriculum-grid{
        padding:15px;
        margin-bottom:20px
    }
    .curriculum-head p{
        font-size:14px
    }
    .faq-grid{
        padding:15px
    }
    .faq-right{
        display:none
    }
    .faq-body{
        padding-top:10px;
        padding-left:0
    }
    .add-article-btns .btn{
        min-width:100%;
        padding:8px 10px;
        margin-top:10px
    }
    .add-course-msg{
        padding:15px
    }
    .add-course-msg i{
        font-size:30px
    }
    .add-course-msg h4{
        font-size:16px;
        margin-bottom:6px
    }
    .add-course-msg p{
        font-size:14px
    }
    .instructor-card{
        margin-bottom:20px
    }
    .instructor-inner h6{
        margin-bottom:10px
    }
    .instructor-inner h4{
        font-size:24px;
        margin-bottom:10px
    }
    .submit-ticket .btn-primary,.submit-ticket .btn-dark{
        padding:10px 12px;
        min-width:161px;
        margin-bottom:10px
    }
    .error-box .big-text{
        font-size:18px;
        margin-bottom:6px
    }
    .countdown-el{
        min-width:80px
    }
    .countdown-el span{
        font-size:14px
    }
    .choose-search-blk .form-group{
        width:100%
    }
    .invoice-item .invoice-details{
        text-align:left;
        font-weight:500;
        font-size:14px
    }
    .invoice-info.invoice-info2{
        text-align:left
    }
    .invoice-table tr td,.invoice-table-two tr td{
        font-weight:500;
        font-size:14px
    }
    .post-left ul{
        display:block
    }
    .post-left ul li{
        border:0;
        padding:0 0
    }
    .blog-widget .card-header{
        margin-bottom:20px
    }
    .student-list{
        padding:15px
    }
}
@media(min-width:576px){
    .modal-styles .modal-dialog{
        max-width:860px
    }
}
@media(max-width:575.98px){
    .video-thumbnail img{
        min-height:150px;
        object-fit:cover
    }
    .video-details .btn-enroll{
        margin-top:10px
    }
    .page-breadcrumb ol li{
        display:none
    }
    .page-breadcrumb ol li.active{
        display:block;
        padding-left:0
    }
    .category-tab ul li{
        width:100%;
        margin-right:0
    }
}

.back-home a{ padding:6px 15px; text-decoration:none; color:#DF5779; border-radius:30px; border:1px solid #DF5779; display:inline-block; margin-top:15px;}

@media screen and (max-width: 650px) and (min-width: 320px) {
.slide-banner{padding:20px 0px 0px 0px; text-align:center;}
.banner-content .form-inner{ max-width:100%;}
.banner-content .sub-btn{margin-left:151px;}

.intregration .col:nth-child(odd) {border:1px dashed #d1d3d4; background:transparent;}
.intregration .col:nth-child(even) {border:1px dashed #d1d3d4; background:transparent;}
.intregration2 .col:nth-child(even) {border:1px dashed #d1d3d4; background:transparent;}
.intregration2 .col:nth-child(odd) {border:1px dashed #d1d3d4; background:transparent;}
.owl-carousel .owl-item img{ display:inline;}
.privacy-policy ul li{ border:0px;}
.footer-bottom{ margin:0px !important;}
.news-letter .form-control{ text-align:center;}
}


.pricing-box {
  -webkit-box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 30px -10px rgba(0, 0, 0, 0.1);
  padding: 35px 50px;
  border-radius: 20px;
  position: relative; background:#fff;
}

.pricing-box .plan {
  font-size: 34px;
}

.pricing-badge {
  position: absolute;
  top: 0;
  z-index: 999;
  right: 0;
  width: 100%;
  display: block;
  font-size: 15px;
  padding: 0;
  overflow: hidden;
  height: 100px;
}

.pricing-badge .badge {
  float: right;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: -67px;
  top: 17px;
  position: relative;
  text-align: center;
  width: 200px;
  font-size: 13px;
  margin: 0;
  padding: 7px 10px;
  font-weight: 500;
  color: #ffffff;
  background: #fb7179;
}
.pricing-box p{ font-size:14px;}
.pricing-box .mr-2{ margin-right:10px;}

.error-page{
    align-items:center;
    color:#1f1f1f;
    display:flex;
    background-image:url(../img/error-bg1.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.error-page .main-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    min-height:unset;
    padding-top:50px
}
.error-box{
    margin:0 auto;
    max-width:620px;
    padding:20px 0;
    text-align:center;
    width:100%
}
.error-logo{
    margin-bottom:50px
}
.error-logo img{
    width:150px
}
.error-box h3{
    color:#fa5560;
    font-weight:600;
    font-size:36px;
    margin-top:20px
}
.error-box p{
    margin-bottom:30px;
    color:#343a40;
    font-size:14px
}
.error-box .btn-primary{
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    min-width:158px;
    padding:9px 15px;
    background:#ff5364
}
.error-box .btn-primary:hover,.error-box .btn-primary:active:not(:disabled):not(.disabled){
    background:#e72f41
}

.tx-page span{
    color:#f66962;
    font-size:18px;
    font-weight:700;
    padding-bottom:18px;
    letter-spacing:.9px
}

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