@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-Light.woff2) format("woff2"),url(../fonts/Rubik-Light.woff) format("woff"),url(../fonts/Rubik-Light.ttf) format("truetype"),url(../fonts/Rubik-Light.svg#Rubik-Light) format("svg");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-Bold.woff2) format("woff2"),url(../fonts/Rubik-Bold.woff) format("woff"),url(../fonts/Rubik-Bold.ttf) format("truetype"),url(../fonts/Rubik-Bold.svg#Rubik-Bold) format("svg");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-Black.woff2) format("woff2"),url(../fonts/Rubik-Black.woff) format("woff"),url(../fonts/Rubik-Black.ttf) format("truetype"),url(../fonts/Rubik-Black.svg#Rubik-Black) format("svg");
    font-weight:900;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-ExtraBold.woff2) format("woff2"),url(../fonts/Rubik-ExtraBold.woff) format("woff"),url(../fonts/Rubik-ExtraBold.ttf) format("truetype"),url(../fonts/Rubik-ExtraBold.svg#Rubik-ExtraBold) format("svg");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-Regular.woff2) format("woff2"),url(../fonts/Rubik-Regular.woff) format("woff"),url(../fonts/Rubik-Regular.ttf) format("truetype"),url(../fonts/Rubik-Regular.svg#Rubik-Regular) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-SemiBold.woff2) format("woff2"),url(../fonts/Rubik-SemiBold.woff) format("woff"),url(../fonts/Rubik-SemiBold.ttf) format("truetype"),url(../fonts/Rubik-SemiBold.svg#Rubik-SemiBold) format("svg");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:rubik;
    src:url(../fonts/Rubik-Medium.woff2) format("woff2"),url(../fonts/Rubik-Medium.woff) format("woff"),url(../fonts/Rubik-Medium.ttf) format("truetype"),url(../fonts/Rubik-Medium.svg#Rubik-Medium) format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@keyframes transformer{
    from{
        transform:scale(0)
    }
    to{
        transform:scale(1)
    }
}
@-webkit-keyframes pulseSmall{
    0%{
        -webkit-box-shadow:0 0 0 0 #14456e
    }
    70%{
        -webkit-box-shadow:0 0 0 10px transparent
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent
    }
}
@keyframes pulseSmall{
    0%{
        box-shadow:0 0 0 0 #14456e
    }
    70%{
        box-shadow:0 0 0 10px transparent
    }
    100%{
        box-shadow:0 0 0 0 transparent
    }
}
@-webkit-keyframes pulseBig{
    0%{
        -webkit-box-shadow:0 0 0 0 #ee3364
    }
    70%{
        -webkit-box-shadow:0 0 0 20px transparent
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent
    }
}
@keyframes pulseBig{
    0%{
        box-shadow:0 0 0 0 #ee3364
    }
    70%{
        box-shadow:0 0 0 20px transparent
    }
    100%{
        box-shadow:0 0 0 0 transparent
    }
}
@keyframes pulse-white{
    0%{
        transform:scale(.95);
        box-shadow:0 0 0 0 rgba(255,255,255,.7)
    }
    70%{
        transform:scale(1);
        box-shadow:0 0 0 10px transparent
    }
    100%{
        transform:scale(.95);
        box-shadow:0 0 0 0 transparent
    }
}
.blob.white{
    box-shadow:0 0 0 0 #fff;
    animation:pulse-white 2s infinite;
    border-radius:50%
}
@keyframes slideLeft{
    0%{
        opacity:0;
        transform:translateX(100%)
    }
    100%{
        opacity:1;
        transform:translateX(0%)
    }
}
@keyframes slideRight{
    0%{
        opacity:1;
        transform:translateX(0%)
    }
    100%{
        opacity:0;
        transform:translateX(100%)
    }
}
@keyframes sweep{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes hvr-push{
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes hvr-push{
    50%{
        -webkit-transform:scale(.8);
        transform:scale(.8)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.hvr-push{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent
}
.hvr-push:focus{
    -webkit-animation-name:hvr-push;
    animation-name:hvr-push;
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.form-control{
    font-size:.8rem;
    height:50px;
    padding:15px 20px;
    position:relative;
    border-radius:16px;
    border:1px solid rgba(113,123,150,.2)
}
.form-control::placeholder{
    color:#717b96
}
.form-control:focus{
    outline:0
}
select.form-select{
    height:50px;
    font-size:.8rem;
    background-image:url(../icons/font-icon/select-down.svg);
    background-size:35px 35px;
    background-position:right .4rem center;
    border-radius:16px;
    border:1px solid rgba(113,123,150,.2);
    padding-right:3rem
}
select.form-select:focus{
    outline:0
}
select.form-select option{
    padding:40px;
    font-size:16px
}
select.form-select.star{
    background-size:20px 20px;
    background-image:url(../icons/star.svg)
}
select.form-select.star option{
    padding:40px;
    font-size:14px
}
.form-group__password{
    position:relative
}
.form-group__password .password-visible{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
    cursor:pointer;
    color:#717b96;
    width:20px;
    min-width:20px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center
}
input.parsley-error,select.parsley-error,textarea.parsley-error{
    border:1px solid #eb5757;
    color:#eb5757
}
textarea.form-control{
    height:auto;
    resize:none
}
.toast{
    border:none;
    backdrop-filter:blur(19px) saturate(146%);
    -webkit-backdrop-filter:blur(19px) saturate(146%);
    background-color:rgba(255,255,255,.85);
    border-radius:12px;
    border:none;
    max-width:270px
}
.end-50{
    transform:translateX(50%)
}
.start-50{
    transform:translateX(-50%)
}
.form-select{
    color:#717b96;
    font-weight:500
}
@media(min-width:1400px){
    .container{
        max-width:1400px
    }
}
html{
    -webkit-text-size-adjust:100%;
    font-size:16px;
    background-color:#f8f6f5;
    font-family:rubik,sans-serif!important
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    margin:0;
    font-size:16px;
    background-color:#f8f6f5;
    color:#3c4858
}
body.overflow-none{
    overflow:hidden
}
::selection{
    color:#fff;
    background:#ed010b;
    opacity:.6
}
::-webkit-scrollbar{
    width:10px
}
::-webkit-scrollbar-track{
    background:rgba(113,123,150,.03)
}
::-webkit-scrollbar-thumb{
    background:rgba(113,123,150,.09)
}
::-webkit-scrollbar-thumb:hover{
    background:rgba(113,123,150,.5)
}
main{
    display:block;
    position:relative
}
html,body{
    height:100%
}
body{
    display:flex;
    flex-direction:column
}
main{
    flex:1 0 auto;
    padding-top:0
}
footer{
    flex-shrink:0
}
h1,.h1{
    font-size:3.25rem
}
h2,.h2{
    font-size:2rem
}
h3,.h3{
    font-size:1.375rem
}
h4,.h4{
    font-size:1.25rem
}
h5,.h5{
    font-size:1rem
}
h6,.h6{
    font-size:.875rem
}
hr{
    box-sizing:content-box;
    margin:0;
    height:0;
    overflow:visible;
    background-color:rgba(113,123,150,.6)
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    color:inherit;
    text-decoration:none
}
ol,ul{
    padding-left:0;
    margin-bottom:0;
    list-style-type:none
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
section{
    padding:1.2rem 0
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    max-width:100%;
    border-style:none;
    width:100%;
    height:auto
}
button{
    outline:none;
    border:none;
    margin:0;
    padding:0;
    width:auto;
    overflow:visible;
    background:transparent;
    color:inherit;
    line-height:normal;
    -webkit-font-smoothing:inherit;
    -moz-osx-font-smoothing:inherit
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
input:-internal-autofill-selected{
    background-color:transparent
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    padding:.2em .4em;
    border-radius:.2em;
    font-size:.8rem
}
input[type=search].dark{
    background:#222;
    color:#fff
}
input[type=search].light{
    background:#fff;
    color:#222
}
input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance:none;
    height:1.5em;
    width:1.5em;
    border-radius:50em;
    background-size:contain;
    opacity:0;
    cursor:pointer
}
input[type=search]:focus::-webkit-search-cancel-button{
    opacity:.8;
    pointer-events:all
}
input[type=search].dark::-webkit-search-cancel-button{
    filter:invert(1)
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
figcaption{
    text-align:center;
    font-size:.9rem;
    color:#848996;
    margin-top:5px
}
[hidden]{
    display:none
}
html{
    font-size:15px
}
@media(min-width:320px){
    html{
        font-size:calc(15px + 6*(100vw - 320px)/680)
    }
}
@media(min-width:1024px){
    html{
        font-size:15px
    }
    main{
        padding:3rem 0
    }
    section{
        padding:1.5rem 0
    }
}
[class^=icon-],[class*=" icon-"]{
    font-family:icomoon!important;
    speak:never;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-alert:before{
    content:""
}
.icon-android:before{
    content:""
}
.icon-apple:before{
    content:""
}
.icon-bell:before{
    content:""
}
.icon-board:before{
    content:""
}
.icon-book:before{
    content:""
}
.icon-calendar:before{
    content:""
}
.icon-calendar-finish:before{
    content:""
}
.icon-calendar-start:before{
    content:""
}
.icon-cart:before{
    content:""
}
.icon-check:before{
    content:""
}
.icon-check-stroke:before{
    content:""
}
.icon-chevron-down:before{
    content:""
}
.icon-comments:before{
    content:""
}
.icon-copy:before{
    content:""
}
.icon-cup:before{
    content:""
}
.icon-details:before{
    content:""
}
.icon-down:before{
    content:""
}
.icon-download:before{
    content:""
}
.icon-egitimler-menu:before{
    content:""
}
.icon-envelope:before{
    content:""
}
.icon-filter:before{
    content:""
}
.icon-gift:before{
    content:""
}
.icon-graphic:before{
    content:""
}
.icon-hide:before{
    content:""
}
.icon-home:before{
    content:""
}
.icon-info:before{
    content:""
}
.icon-kontenjan:before{
    content:""
}
.icon-kontor:before{
    content:""
}
.icon-left-arrow:before{
    content:""
}
.icon-lessons:before{
    content:""
}
.icon-level:before{
    content:""
}
.icon-live:before{
    content:""
}
.icon-live-1:before{
    content:""
}
.icon-location-footer:before{
    content:""
}
.icon-map-pin:before{
    content:""
}
.icon-minus:before{
    content:""
}
.icon-movie:before{
    content:""
}
.icon-not-found:before{
    content:""
}
.icon-oda:before{
    content:""
}
.icon-penline:before{
    content:""
}
.icon-phone:before{
    content:""
}
.icon-pin:before{
    content:""
}
.icon-pin-filled:before{
    content:""
}
.icon-pin-line:before{
    content:""
}
.icon-play:before{
    content:""
}
.icon-plus:before{
    content:""
}
.icon-plus-stroke:before{
    content:""
}
.icon-presentation:before{
    content:""
}
.icon-refresh:before{
    content:""
}
.icon-remote-connect:before{
    content:""
}
.icon-right-arrow:before{
    content:""
}
.icon-scale:before{
    content:""
}
.icon-search:before{
    content:""
}
.icon-ship-car:before{
    content:""
}
.icon-ship-device:before{
    content:""
}
.icon-ship-security:before{
    content:""
}
.icon-show:before{
    content:""
}
.icon-sort:before{
    content:""
}
.icon-star:before{
    content:""
}
.icon-statistic:before{
    content:""
}
.icon-target:before{
    content:""
}
.icon-time:before{
    content:""
}
.icon-translate:before{
    content:""
}
.icon-trash:before{
    content:""
}
.icon-unlimited-video:before{
    content:""
}
.icon-user:before{
    content:""
}
.icon-video-cam:before{
    content:""
}
.icon-video-cam-1:before{
    content:""
}
.icon-windows:before{
    content:""
}
.icon-world:before{
    content:""
}
.icon-purse:before {
    content:"👛";
}
.grid-videos{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    gap:20px 30px
}
.grid-exam-card{
    display:grid;
    grid-template-columns:1fr;
    font-weight:500;
    background-color:#fff;
    border-radius:16px
}
.grid-exam-card .span{
    font-size:13px;
    color:#717b96
}
.grid-exam-card__left{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:1rem
}
.grid-exam-card__right{
    padding:.8rem;
    background-color:rgba(113,123,150,.03)
}
.filter-box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center
}
.filter-box .filter-drp-btn{
    display:none
}
.filter-box .select2-container--default .select2-selection--single,.filter-box .select2-dropdown{
    border:none;
    background-color:rgba(113,123,150,.06)
}
.filter-box .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#717b96;
    font-weight:500
}
.filter-box .select2-results__option{
    font-size:14px
}
.filter-box__right .select2-container{
    min-width:150px
}
.grid-lessons{
    display:grid;
    grid-template-columns:1fr;
    gap:15px
}
.content-wrapper{
    margin-left:auto;
    width:100%
}
.home-intro-title{
    font-size:1.6rem
}
@media(min-width:768px){
    .grid-videos{
        grid-template-columns:repeat(3,1fr);
        gap:50px 30px
    }
}
@media(max-width:1200px){
    .filter-box{
        display:flex;
        padding:15px 0
    }
    .filter-box__left .filter-info{
        display:none
    }
    .filter-box__left .filter-drp-btn{
        display:flex;
        background-color:rgba(113,123,150,.06);
        box-shadow:none
    }
    .filter-box__center{
        order:3;
        display:none
    }
    .filter-box__right{
        flex:1;
        width:100%
    }
    .filter-box .tab-menu--primary{
        padding:0
    }
    .filter-box .tab-menu--primary .nav-item .nav-link{
        padding:10px 15px
    }
}
@media(max-width:1024px){
    .content-wrapper{
        padding-left:.7rem;
        padding-right:.7rem
    }
}
@media(max-width:375px){
    .content-wrapper{
        padding-left:10px;
        padding-right:10px
    }
}
@media(min-width:375px){
    .content-wrapper{
        max-width:100%;
        width:100%
    }
}
@media(min-width:768px){
    .content-wrapper{
        max-width:94%
    }
    .grid-lessons{
        grid-template-columns:repeat(2,1fr);
        gap:15px
    }
    .home-intro-title{
        font-size:2rem
    }
}
@media(min-width:992px){
    .grid-lessons{
        grid-template-columns:repeat(4,24%);
        gap:10px
    }
}
@media(min-width:1024px){
    .content-wrapper{
        max-width:94%
    }
}
@media(min-width:1200px){
    .content-wrapper{
        width:94%;
        max-width:94%
    }
    .grid-exam-card{
        grid-template-columns:75% 25%
    }
    .grid-exam-card__left{
        border-right:1px solid rgba(113,123,150,.1);
        padding:1.5rem
    }
    .grid-exam-card__right{
        padding:1.5rem
    }
}
@media(min-width:1400px){
    .content-wrapper{
        width:90%;
        max-width:90%
    }
    .home-intro-title{
        font-size:2.5rem
    }
}
.stickyTopSwiper{
    display:flex;
    align-items:center
}
.header-primary-btn{
    border:none!important;
    box-shadow:0 16px 24px rgba(79,48,117,.06),0 2px 6px rgba(79,48,117,.04),0 0 1px rgba(79,48,117,.04)
}
.header-primary-btn .icon-egitimler-menu{
    background-color:#fff
}
.header-primary-btn:hover,.header-primary-btn:focus,.header-primary-btn:active{
    background-color:rgba(237,1,11,.9)!important;
    color:#fff
}
.header-primary-btn:hover .icon-egitimler-menu,.header-primary-btn:focus .icon-egitimler-menu,.header-primary-btn:active .icon-egitimler-menu{
    background-color:#ed010b
}
.header-secondary-btn{
    border:1px solid #4f3075
}
.sticky-menu{
    color:#fff;
    height:75px;
    position:relative;
    display:flex;
    align-items:center
}
.sticky-menu__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.05);
    border-radius:12px;
    width:30px;
    height:30px;
    color:#fff
}
.sticky-menu__text{
    font-size:14px
}
.sticky-menu .stick-nav-buttons{
    display:flex;
    position:relative;
    z-index:55
}
.sticky-menu .swiper{
    width:100%;
    height:100%;
    position:relative
}
.sticky-menu .swiper-slide{
    text-align:center;
    font-size:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.bskt-btn{
    background-color:#fff
}
.bskt-btn .cart-item-count{
    position:absolute;
    right:-2px;
    top:-5px;
    font-size:10px;
    padding:5px;
    background-color:#27ae60;
    border-radius:50%;
    color:#fff;
    min-width:20px;
    max-width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    transition:.2s
}
.bskt-btn:hover{
    background-color:#fff;
    color:#717b96
}
.bskt-btn:hover .cart-item-count{
    box-shadow:0 0 0 .15rem rgba(60,153,110,.5)
}
.closeStickMenu{
    position:absolute;
    right:10px;
    top:20px;
    z-index:99
}
header{
    padding:7px;
    position:relative
}
header .header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
header .header__left{
    display:flex;
    align-items:center
}
header .header__left .logo{
    width:130px;
    margin-right:20px
}
header .header__center{
    flex:1;
    display:flex;
    justify-content:space-between
}
header .header__right{
    display:flex;
    justify-content:flex-end
}
header .header__right .btn-cta--white:hover{
    background-color:#fff;
    color:#717b96
}

header .header__right .btn-cta--white {
    box-shadow: 0 16px 24px rgb(189 26 32 / 6%), 0 2px 6px rgb(189 26 32 / 4%), 0 0 1px rgb(189 26 32 / 4%);
}
.mobile-menu-icon{
    display:none
}
.search-group__result{
    background-color:#fff;
    width:100%;
    position:absolute;
    padding:20px 15px 0;
    top:50px;
    display:none;
    box-shadow:0 10px 20px rgba(48,55,74,.04),0 2px 6px rgba(48,55,74,.04),0 0 1px rgba(48,55,74,.04)
}
.search-group__result__section{
    display:flex;
    flex-direction:column;
    margin-bottom:20px
}
.search-group__result__section .title{
    display:block;
    color:#ed010b;
    font-weight:700;
    font-size:14px;
    margin-bottom:10px;
    padding-left:10px
}
.search-group__result__card{
    display:flex;
    padding:10px;
    margin-bottom:10px
}
.search-group__result__card__img{
    width:40px;
    height:40px;
    margin-right:10px;
    display:flex;
    justify-content:center
}
.search-group__result__card__body{
    display:flex;
    flex-direction:column
}
.search-group__result__card__body .card-title{
    font-weight:500;
    font-size:16px;
    color:#3c4858
}
.search-group__result__card__body .card-name{
    font-size:12px;
    color:rgba(113,123,150,.6)
}
.search-group__result__card:hover{
    background-color:rgba(113,123,150,.06);
    border-radius:16px
}
.search-group{
    border-radius:16px;
    position:absolute;
    width:50%;
    height:50px;
    z-index:5;
    right:0
}
.search-group input{
    display:none;
    outline:none;
    padding:0;
    position:absolute;
    height:100%;
    width:100%;
    padding:0 65px 0 15px;
    margin: 0;
    border-radius:16px;
    display:block
}
.search-group button{
    height:40px;
    position:absolute;
    right:5px;
    top:5px
}
.search-group__content{
    display:none
}
.search-group.active{
    background-color:#fff;
}
.search-group.active input{
    border:none;
    position:absolute;
    height:100%;
    width:100%;
    padding:0 65px 0 15px;
    border-radius:16px;
    display:block
}
.search-group.active button{
    height:40px;
    position:absolute;
    right:5px;
    top:5px
}
.search-group.active .search-group__result{
    display:block;
    border-radius:0 0 12px 12px
}
#mobileMenu .sub-arrow{
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    color:#ed010b;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
#mobileMenu .sub-arrow::before{
    content:"";
    width:15px;
    height:15px;
    background-size:15px 15px;
    background-image:url(../icons/font-icon/chevron-down.svg)
}
#mobileMenu a.highlighted .sub-arrow{
    background-color:#b7b1b1;
    color:#fff
}
.auth-menu{
    display:flex;
    flex-direction:column;
    font-weight:500
}
.auth-menu__link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:16px;
    padding:7px;
    font-size:14px
}
.auth-menu__link .ico{
    width:35px;
    height:35px;
    border-radius:12px
}
.auth-menu__link .chevron{
    transform:rotate(270deg)
}
.auth-menu__link:hover{
    background-color:rgba(237,1,11,.08);
    color:#ed010b
}
.auth-menu__link:hover .ico{
    background-color:#fff!important
}
.menu-bla{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    padding:5px
}
.menu-bla li{
    flex:1
}
.menu-bla-card{
    display:flex;
    align-items:center;
    background-color:rgba(255,255,255,.836);
    border-radius:3px;
    padding:5px 15px;
    font-weight:600;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
    height:100%
}
.menu-bla-card_img{
    min-width:5rem;
    max-width:5rem;
    min-height:5rem;
    max-height:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    filter:drop-shadow(2px 4px 6px rgb(160,160,160))
}
.menu-bla-card>.text{
    flex:1;
    text-align:center
}
.menu-bla-card:hover{
    color:#ed010b
}
.menu-bla-card .icon-chevron-down{
    transform:rotate(-90deg)
}
.highlight-menu{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-radius:0 0 8px 8px;
    font-size:.9rem
}
.highlight-menu li{
    background-color:rgba(255,255,255,.4);
    border-bottom:1px solid #eee;
    padding:15px;
    flex:1
}
.highlight-menu li a{
    height:100%;
    text-align:center;
    display:block;
    font-weight:500;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.highlight-menu li a i{
    font-size:135%;
    display:block;
    color:#717b96;
    margin-bottom:10px;
    font-weight:300
}
.highlight-menu li:hover{
    color:#ed010b;
    background-color:transparent
}
.highlight-menu li:hover i{
    color:#ed010b
}
.highlight-menu li.first-child{
    background-color:#ed010b;
    flex:none;
    padding:25px 15px;
    color:#fff;
    display:flex;
    flex-direction:row;
    align-items:center
}
.highlight-menu li.first-child i{
    color:#fff;
    margin-bottom:0;
    font-size:.9rem
}
.highlight-menu li.first-child>.text{
    flex:1;
    text-align:center
}
.highlight-menu li:last-child{
    border-radius:0 0 8px 8px
}
.horizontal-menu{
    padding:1rem 0;
    display:flex;
    overflow-x:auto
}
.horizontal-menu::-webkit-scrollbar{
    display:none
}
.horizontal-menu li{
    color:#717b96;
    display:flex;
    align-items:center
}
.horizontal-menu li:not(:last-child)::after{
    content:"";
    display:flex;
    width:1px;
    height:50%;
    background-color:rgba(113,123,150,.5);
    margin:0 5px
}
.horizontal-menu li a{
    font-size:.9rem;
    font-weight:500;
    padding:5px 10px;
    white-space:nowrap
}
.horizontal-menu li.active a{
    background-color:#14456e;
    color:#fff;
    font-weight:400;
    border-radius:50rem
}
.horizontal-menu li:hover,.horizontal-menu li:active{
    color:#3c4858
}
@media(max-width:1024px){
    .horizontal-menu li a{
        background-color:#fff;
        border-radius:50rem;
        border:1px solid #d3d3d3;
        padding:10px 15px;
        display:flex;
        align-items:center;
        height:42px
    }
    .mobile-search-result{
        width:100%;
        transition:all ease-in .2s;
        visibility:hidden;
        opacity:0
    }
    .mobile-search-result.active{
        visibility:visible;
        opacity:1
    }
    .mobile-search-result .search-group__result{
        padding:0;
        box-shadow:none;
        position:relative;
        width:100%;
        top:0;
        display:block
    }
    .mobile-header{
        background-color:#f8f6f5;
        position:fixed;
        z-index:999;
        left:-120%;
        top:0;
        height:100vh;
        width:100%;
        overflow-y:auto;
        transition:all ease-out .15s
    }
    .mobile-header.active{
        left:0
    }
    .mobile-header__top{
        align-items:center;
        padding:20px;
        display:flex;
        justify-content:space-between;
        border-bottom:1px solid rgba(113,123,150,.03)
    }
    .mobile-header__search{
        height:50px;
        display:flex;
        background-color:rgba(113,123,150,.05);
        margin-bottom:10px;
        position:relative;
        z-index:5
    }
    .mobile-header__search input{
        width:100%;
        flex:1;
        outline:none;
        border:none;
        background-color:transparent;
        padding:0 45px 0 15px;
        transition:all ease .2s;
        height:100%
    }
    .mobile-header__search input:focus{
        background-color:#fff;
        box-shadow:0 10px 20px rgba(48,55,74,.04),0 2px 6px rgba(48,55,74,.04),0 0 1px rgba(48,55,74,.04)
    }
    .mobile-header__search button{
        background-color:transparent;
        position:absolute;
        right:0
    }
    .mobile-header__search button .icon{
        fill:#ed010b
    }
    .mobile-header__search .mobile-search-result{
        position:absolute;
        top:50px;
        z-index:-1;
        background-color:#fff;
        height:100vh;
        padding:20px
    }
    .mobile-header__featured{
        padding:10px 20px
    }
    .mobile-header__featured .btn-cta{
        background-color:rgba(237,1,11,.08);
        border:none;
        color:#ed010b
    }
    .mobile-header__featured .btn-cta:hover{
        color:#fff
    }
    .mobile-header__menu{
        padding:10px 20px
    }
    .mobile-header__menu li{
        padding:10px 0
    }
    .mobile-header__menu li:not(:last-child){
        border-bottom:1px solid rgba(113,123,150,.15)
    }
    .mobile-header__menu li ul{
        padding:0 15px
    }
}
@media(max-width:1024px){
    .mobile-menu-icon{
        display:flex;
        margin-right:15px
    }
    .mobile-ul .sub-menu{
        position:initial;
        max-height:0
    }
    .mobile-ul li:hover>.sub-menu{
        opacity:1;
        visibility:visible;
        max-height:initial
    }
    .nav-list{
        position:fixed;
        top:0;
        left:0;
        height:100vh;
        flex-direction:column;
        align-items:initial;
        background-color:#fff;
        z-index:1001
    }
    .nav-list>li{
        line-height:2rem
    }
    .nav-list .sub-menu{
        margin-left:.7rem;
        position:initial;
        border:3px solid transparent;
        border-left-color:rgba(113,123,150,.03);
        max-height:0
    }
    .nav-list li:hover>.sub-menu{
        opacity:1;
        visibility:visible;
        max-height:initial
    }
}
@media(max-width:768px){
    .menu-bla-card>.text{
        text-align:left;
        font-size:.8rem
    }
    .menu-bla-card_img{
        min-width:3.5rem;
        max-width:3.5rem;
        min-height:3.5rem;
        max-height:3.5rem
    }
    .sticky-menu__text{
        text-align:left;
        padding-right:50px
    }
    .sticky-menu .stick-nav-buttons{
        display:none!important
    }
    header .header__right .btn-cta--white .btn-icon{
        margin-right:0;
        background-color:#fff;
        font-size:18px;
        color:#717b96;
        width:30px
    }
    header .header__right .btn-cta--white .text{
        display:none
    }
    .highlight-menu{
        display:none
    }
}
@media(min-width:1023px){
    .mobile-header{
        display:none
    }
}
@media(min-width:1024px){
    header{
        padding:10px 0
    }
    header .header__left .logo{
        width:200px
    }
}
footer{
    border-top:1px solid rgba(113,123,150,.15)
}
.footer-logo{
    width:14rem;
    margin-top:15px
}
.footer-social-icons{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:3rem;
    width:100%;
    padding:0 15px
}
.footer-social-icons svg{
    fill:#717b96
}
.footer-social-icons a{
    display:block
}
.footer-social-icons a:hover svg{
    fill:#ed010b
}
.footer-store-links{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid:10px 10px
}
.footer-store-links a{
    display:block
}
.footer-store-links a img{
    width:100%
}
.order-features{
    padding:2rem;
    border-radius:2rem;
    color:#717b96;
    text-align:left
}
.order-features .order-feature{
    width:85%
}
.order-features .order-feature .icon-box{
    max-width:55px;
    min-width:55px;
    height:55px
}
.footer-menu li{
    color:#717b96;
    line-height:2.5rem
}
.footer-menu li a:hover{
    color:#ed010b
}
.footer-menu li:first-child{
    margin-bottom:1rem;
    color:#3c4858;
    font-weight:500
}
.footer-contact-icon{
    display:flex;
    margin-bottom:1rem
}
.footer-shop-details{
    align-items:center
}
.copyright{
    text-align:center;
    color:#717b96
}
.footer-bank-cards{
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%;
    margin:0 auto
}
.footer-bank-cards .card-img{
    display:flex;
    justify-content:center
}
.footer-bank-cards .card-img img{
    width:100%;
    max-width:60px
}
@media(max-width:768px){
    .footer-shop-details{
        justify-content:center
    }
    .footer-shop-details img{
        width:50%!important
    }
    .footer-bank-cards{
        width:100%;
        margin-bottom:70px
    }
    .order-features{
        border-radius:0
    }
}
@media(max-width:1200px){
    .footer-store-links img{
        transform:scale(.6)
    }
}
@media(max-width:1024px){
    .footer-contact-icon{
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .footer-contact-icon .icon-box{
        margin-bottom:10px
    }
    .footer-contact-icon .text{
        text-align:center
    }
    .main-footer{
        text-align:center
    }
}
.btn-cta{
    height:50px;
    padding:10px 20px;
    border-radius:.75rem;
    outline:none;
    transition:all ease-out .1s;
    font-weight:500;
    font-size:13px;
    position:relative;
    line-height:2.3;
    text-align:center;
    background-color:transparent;
    cursor: pointer;
}
.btn-cta--primary{
    background-color:#14456e;
    color:#fff
}
.btn-cta--primary:hover{
    background-color:#103758;
    color:#fff
}
.btn-cta--primary:hover .btn-icon{
    color:#14456e;
    background-color:#fff!important
}
.btn-cta--red{
    background-color:rgba(237,1,11,.06);
    color:#ed010b
}
.btn-cta--red:hover{
    background-color:rgba(237,1,11,.3);
    color:#ed010b
}
.btn-cta--red:hover .btn-icon{
    color:#ed010b;
    background-color:#fff!important
}
.btn-cta--red i{
    font-size:25px
}
.btn-cta--main{
    background-color:#ed010b;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    color:#fff;
    border:1px solid rgba(237,1,11,.2)
}
.btn-cta--main:hover{
    background-color:#800005
}
.btn-cta--secondary{
    background-color:transparent;
    filter:drop-shadow(0px 16px 24px rgba(48,55,74,0.06)) drop-shadow(0px 2px 6px rgba(48,55,74,0.04)) drop-shadow(0px 0px 1px rgba(48,55,74,0.04));
    color:#ed010b;
    border:1px solid rgba(237,1,11,.2)
}
.btn-cta--secondary:hover{
    background-color:#ed010b;
    color:#fff
}
.btn-cta--white{
    background-color:#fff;
    color:#4f3075;
    border:1px solid transparent
}
.btn-cta--white .btn-icon{
    color:#4f3075;
    background-color:rgba(113,123,150,.06)
}
.btn-cta--white:hover{
    box-shadow:0 16px 24px rgba(189,26,32,.06),0 2px 6px rgba(189,26,32,.04),0 0 1px rgba(189,26,32,.04)
}
.btn-cta--white:hover .btn-icon{
    color:#ed010b;
    background-color:#fff!important
}
.btn-cta--blue{
    background-color:#3271e6;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    color:#fff;
    border:1px solid transparent
}
.btn-cta--blue:hover{
    background-color:#4164a6;
    color:#fff;
    box-shadow:0 16px 24px rgba(189,26,32,.06),0 2px 6px rgba(189,26,32,.04),0 0 1px rgba(189,26,32,.04)
}
.btn-cta--purple{
    background-color:#4f3075;
    box-shadow:0 16px 24px rgba(79,48,117,.06),0 2px 6px rgba(79,48,117,.04),0 0 1px rgba(79,48,117,.04);
    color:#fff;
    border:1px solid transparent
}
.btn-cta--purple:hover{
    background-color:#382d46;
    color:#fff;
    box-shadow:0 16px 24px rgba(79,48,117,.06),0 2px 6px rgba(79,48,117,.04),0 0 1px rgba(79,48,117,.04)
}
.btn-cta--purple--outline{
    border:1px solid #4f3075;
    color:#4f3075
}
.btn-cta--purple--outline:hover{
    background-color:#4f3075;
    color:#fff
}
.btn-cta.disabled,.btn-cta[disabled]{
    pointer-events:none;
    opacity:.65
}
.btn-cta--small{
    height:40px;
    line-height:normal;
    border-radius:.6rem
}
.lesson-indicator{
    display:flex;
    align-items:center;
    line-height:1.2
}
.lesson-indicator::before{
    content:"";
    min-width:15px;
    max-width:15px;
    height:15px;
    margin-right:10px;
    background-color:#eee;
    display:inline-block;
    border-radius:50%
}
.lesson-indicator_success::before{
    background-color:#27ae60
}
.lesson-indicator_unsuccess::before{
    background-color:#ed010b
}
.lesson-indicator .text{
    white-space:nowrap
}
.btn-icon{
    width:35px;
    height:35px;
    border-radius:12px;
    padding:7px;
    display:flex;
    align-items:center;
    justify-content:center
}
.btn-with-icon{
    display:flex;
    align-items:center;
    padding:10px
}
.btn-with-icon .btn-icon{
    margin-right:7px
}
.icon-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    height:50px;
    width:50px;
    transition:all ease-out .1s;
    border-radius:16px;
    position:relative
}
.icon-btn i{
    font-size:1.1rem
}
.icon-btn--white{
    color:#717b96;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:16px
}
.icon-btn--white:hover{
    background-color:#ed010b;
    color:#fff
}
.icon-btn--red{
    background-color:#ed010b;
    color:#fff
}
.icon-btn--red:hover{
    background-color:#800005
}
.icon-btn--light{
    background-color:rgba(113,123,150,.1)
}
.icon-btn--light:hover{
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04)
}
.icon-btn--small{
    width:35px;
    height:35px;
    border-radius:12px
}
.icon-btn--small i{
    font-size:.8rem
}
.icon-span{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px
}
.icon-span-red{
    color:#ed010b;
    background-color:rgba(237,1,11,.06)
}
.drp-btn__active::after{
    content:"";
    position:absolute;
    background-color:#fff;
    bottom:-18px;
    left:50%;
    width:12px;
    height:12px;
    border-radius:3px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    transition:all 200ms ease-in-out
}
.feedback-btn{
    background-color:#e5f2ff
}
.feedback-btn:hover{
    background-color:#d9edff;
    color:inherit
}
.modal-btn{
    position:absolute;
    left:5%;
    min-width:170px;
    text-align:left
}
.modal-btn-3{
    bottom:15px
}
.modal-btn-2{
    bottom:70px
}
.modal-btn-1{
    bottom:125px
}
.close-modal{
    position:absolute;
    top:15px;
    right:15px;
    transform:rotate(45deg);
    cursor:pointer
}
.custom-dropdown{
    max-width:200px;
    position:relative
}
.custom-dropdown .dropdown-toggle{
    width:100%
}
.custom-dropdown .dropdown-menu{
    width:100%;
    padding:10px;
    top:-3px!important;
    border-bottom-right-radius:16px;
    border-bottom-left-radius:16px
}
.dropdown-item{
    padding:14px;
    border-radius:16px;
    font-size:13px;
    font-weight:700;
    color:#717b96
}
.overlay{
    position:fixed;
    opacity:0;
    transition:200ms ease-in-out;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.5);
    pointer-events:none;
    z-index:1
}
.drp-content{
    position:absolute;
    transform:scale(0);
    transition:300ms cubic-bezier(.11,.02,0,1.24);
    z-index:1001;
    background-color:#fff;
    min-width:300px;
    max-width:720px;
    border-radius:16px;
    margin-top:10px
}
.drp-content .drp-btn{
    position:relative;
    z-index:1000
}
.drp-content.active{
    transform:scale(1)
}
.drop-icon{
    width:30px;
    height:30px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
.drop-icon svg{
    fill:#717b96
}
.user-dropdown .drp-content{
    right:0
}
.user-dropdown .drp-menu__header{
    padding:1.3rem;
    border-bottom:1px solid rgba(113,123,150,.1)
}
.user-dropdown .drp-menu__header .title{
    text-align:center;
    font-weight:700;
    font-size:.8rem;
    color:#717b96;
    text-transform:uppercase
}
.user-dropdown .drp-menu__body{
    padding:1.3rem
}
.user-dropdown .drp-menu__body form{
    display:flex;
    flex-direction:column
}
.user-dropdown .drp-menu__footer{
    padding:18px 0;
    border-top:1px solid rgba(113,123,150,.1);
    background-color:rgba(113,123,150,.03)
}
.user-dropdown .drp-menu__footer .sign-up-link{
    text-align:center;
    font-weight:700;
    font-size:.8rem;
    color:#ed010b;
    text-transform:uppercase
}
.filter-dropdown .icon-btn--white:hover{
    background-color:#fff!important;
    color:#717b96
}
.edu-dropdown .drp-content{
    box-shadow:0 16px 24px rgba(48,55,74,.04),0 4px 8px rgba(48,55,74,.04),0 0 1px rgba(48,55,74,.04);
    min-width:220px;
    left:-25px
}
.edu-menu{
    padding:10px
}
.edu-menu ul{
    background-color:#fff;
    padding:10px;
    border-radius:16px
}
.edu-menu li{
    position:relative;
    line-height:1.2rem;
    border-radius:16px;
    color:#717b96;
    font-size:13px;
    font-weight:700;
    width:200px
}
.edu-menu li:hover{
    background-color:rgba(237,1,11,.08);
    color:#ed010b
}
.edu-menu li:hover .drop-icon{
    background-color:#fff
}
.edu-menu li:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    left:12.5rem
}
.edu-menu li a{
    padding:10px;
    display:flex;
    align-items:center;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.edu-menu .sub-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    transition:all 350ms ease;
    position:absolute;
    top:0;
    left:16rem
}
.edu-menu .sub-menu li:hover>.sub-menu{
    top:0;
    left:100%;
    opacity:1;
    visibility:visible
}
@media(max-width:1024px){
    .user-dropdown .drp-content{
        left:10px;
        right:10px
    }
}
.tab-menu--primary{
    width:fit-content;
    background-color:#fff;
    padding:8px;
    border-radius:20px
}
.tab-menu--primary .nav-item{
    flex:auto
}
.tab-menu--primary .nav-item .nav-link{
    border-radius:16px;
    color:#717b96;
    height:50px;
    padding:10px 1.2rem;
    text-transform:uppercase;
    font-size:13px;
    font-weight:700;
    line-height:2.5;
    width:100%
}
.tab-menu--primary .nav-item .nav-link.active{
    background-color:rgba(113,123,150,.1)
}
.tab-menu--secondary{
    background-color:transparent
}
.tab-menu--secondary .nav-item .nav-link{
    color:#717b96;
    height:50px;
    padding:10px 1.6rem;
    text-transform:uppercase;
    font-size:13px;
    font-weight:700
}
.tab-menu--secondary .nav-item .nav-link.active{
    background-color:#fff;
    border-radius:16px;
    color:#ed010b;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04)
}
.dropdown-toggle{
    display:flex;
    align-items:center
}
.dropdown-toggle::after{
    content:"";
    width:35px;
    height:35px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    background-image:url(../icons/dropdown-toggle.svg);
    background-repeat:no-repeat;
    background-position:center;
    margin-left:10px;
    border-radius:12px
}
.form-input{
    display:flex;
    flex-direction:column
}
.form-input .password-visible{
    cursor:pointer;
    padding:7px 15px;
    position:relative
}
.form-input .password-visible svg{
    fill:rgba(113,123,150,.6)
}
.form-input input,.form-input textarea{
    border:1px solid rgba(113,123,150,.3);
    min-height:50px;
    border-radius:16px;
    font-size:14px;
    display:flex;
    flex:1;
    width:100%;
    height:100%;
    padding:15px 20px;
    outline:none;
    resize:none
}
.form-input input::placeholder,.form-input textarea::placeholder{
    color:#717b96
}
.form-input__password{
    display:flex;
    align-items:center;
    flex-direction:row-reverse;
    border:1px solid rgba(113,123,150,.3);
    border-radius:16px
}
.form-input__password input{
    border:1px solid transparent
}
.form-label{
    margin-bottom:5px;
    font-weight:600;
    font-size:14px
}
.input-number{
    width:80px;
    height:35px;
    background-color:#f4f7fc;
    border:none;
    outline:none;
    padding:8px 25px 8px 8px
}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    background:#c8d0dd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=) no-repeat center center;
    width:20px;
    position:absolute;
    opacity:.8;
    top:0;
    bottom:0;
    right:0
}
.custom-input,.custom-checkbox-bg-colored{
    display:flex;
    cursor:pointer
}
.custom-input .checkmark,.custom-checkbox-bg-colored .checkmark{
    min-width:20px;
    width:20px;
    height:20px;
    background-color:#fff;
    border:1px solid rgba(113,123,150,.3);
    border-radius:6px;
    position:relative
}
.custom-input .checkmark::after,.custom-checkbox-bg-colored .checkmark::after{
    position:absolute;
    font-weight:700;
    content:"✓";
    display:block;
    left:49%;
    top:50%;
    transform:translateY(-45%) translateX(-50%);
    opacity:0;
    visibility:hidden;
    transition:opacity cubic-bezier(.74,.4,0,1.49) .6s
}
.custom-input input,.custom-checkbox-bg-colored input{
    display:none
}
.custom-input input:checked+.checkmark,.custom-checkbox-bg-colored input:checked+.checkmark{
    background-color:#4f3075
}
.custom-input input:checked+.checkmark::after,.custom-checkbox-bg-colored input:checked+.checkmark::after{
    color:#fff;
    opacity:1;
    visibility:visible
}
.check-colored input:checked~.text{
    color:#4f3075;
    font-weight:500
}
.custom-checkbox-bg-colored{
    padding:20px 15px;
    position:relative;
    flex-direction:row-reverse;
    justify-content:space-between
}
.custom-checkbox-bg-colored .text{
    color:#717b96
}
.custom-checkbox-bg-colored .text::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    display:block;
    height:100%;
    background-color:rgba(113,123,150,.06);
    border-radius:16px
}
.custom-checkbox-bg-colored input{
    visibility:hidden;
    opacity:0
}
.custom-checkbox-bg-colored input:checked+.checkmark{
    background-color:#4f3075
}
.custom-checkbox-bg-colored input:checked+.checkmark::after{
    color:#fff;
    opacity:1;
    visibility:visible
}
.custom-checkbox-bg-colored input:checked~.text{
    color:#4f3075
}
.custom-checkbox-bg-colored input:checked~.text::before{
    background-color:rgba(79,48,117,.09)
}
.custom-radio-btn{
    display:flex;
    align-items:center;
    cursor:pointer
}
.custom-radio-btn .text{
    font-weight:700;
    color:#717b96;
    margin-left:10px;
    font-size:16px
}
.custom-radio-btn .checkmark{
    min-width:20px;
    width:20px;
    height:20px;
    background-color:#fff;
    border:1px solid rgba(113,123,150,.3);
    transition:all ease-out 100ms;
    border-radius:50%;
    position:relative
}
.custom-radio-btn .checkmark::before{
    content:"";
    display:flex;
    width:10px;
    height:10px;
    position:absolute;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    transition:opacity cubic-bezier(.74,.4,0,1.49) .2s;
    background-color:#4f3075;
    opacity:0;
    visibility:hidden
}
.custom-radio-btn input{
    display:none
}
.custom-radio-btn input:checked+.checkmark{
    border:2px solid #4f3075
}
.custom-radio-btn input:checked+.checkmark::before{
    visibility:visible;
    opacity:1
}
.custom-radio-btn input:checked~.text{
    color:#4f3075
}
.select2-container{
    width:100%!important
}
.select2-container--default .select2-selection--single{
    border:1px solid rgba(113,123,150,.3);
    height:50px;
    border-radius:16px;
    padding-left:10px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width:35px;
    height:35px;
    top:8px;
    right:10px;
    border-radius:12px;
    background-color:rgba(113,123,150,.1)
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#717b96 transparent transparent transparent
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #717b96 transparent
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height:50px;
    display:flex;
    align-items:center
}
.select2-container--default .select2-results__option--selected{
    background-color:transparent;
    font-weight:700
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:rgba(113,123,150,.1);
    color:#3c4858;
    border-radius:12px;
    font-size:14px
}
.select2-results__options{
    padding:7px
}
.select2-results__option{
    padding:20px 10px
}
.select2-container--open .select2-dropdown--below{
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px
}
.select2-dropdown{
    border:1px solid rgba(113,123,150,.3)
}
.select2-dropdown .select2-results__options::-webkit-scrollbar{
    width:10px
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-track{
    background:rgba(113,123,150,.09);
    margin-bottom:1px;
    border-bottom-right-radius:16px;
    border-top-right-radius:16px
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb{
    background:rgba(113,123,150,.7);
    border-bottom-right-radius:16px;
    border-top-right-radius:16px
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover{
    background:#3c4858
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline:none
}
.parsley-errors-list{
    color:#eb5757;
    font-size:12px;
    font-weight:500
}
.parsley-errors-list li{
    padding:5px 0
}
.filterbox-dropdown{
    box-shadow:rgba(0,0,0,.05) 0 1px 2px 0
}
.filterbox-dropdown .select2-results{
    background-color:rgba(113,123,150,.06)
}
.filterbox-dropdown .select2-dropdown{
    border:none!important
}
.filterbox-results{
    font-size:13px
}
.breadcrumb-nav{
    width:fit-content
}
.breadcrumb-nav .breadcrumb{
    background-color:#fff;
    padding:10px;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:12px;
    padding:10px 20px;
    margin-bottom:0;
    flex-wrap:nowrap
}
.breadcrumb-nav .breadcrumb-item{
    font-weight:500;
    font-size:12px;
    display:flex;
    align-items:center;
    color:#717b96;
    padding-left:0
}
.breadcrumb-nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content:"";
    background-image:url("../icons/chevronRightBreadcrumb.svg");
    background-repeat:no-repeat;
    background-position:center;
    width:40px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.accordion-header button{
    font-weight:500;
    font-size:14px
}
.accordion-item:not(:last-child){
    border-bottom:1px solid rgba(113,123,150,.07)
}
.accordion-item,.accordion-button{
    background-color:transparent;
    border-radius:16px;
    border:none
}
.accordion-button{
    color:#717b96;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    box-shadow:none;
    padding:.7rem 1rem
}
.accordion-button::after{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:2rem;
    height:2rem;
    content:"";
    background-color:rgba(113,123,150,.06);
    background-image:url(../icons/plus.svg);
    background-repeat:no-repeat;
    background-size:.8rem;
    background-position:center;
    transition:all ease .2s;
    padding:7px;
    border-radius:10px
}
.accordion-button:not(.collapsed){
    background-color:#fff;
    color:#3c4858;
    box-shadow:none;
    color:#ed010b
}
.accordion-button:not(.collapsed)::after{
    background-color:#ed010b;
    background-image:url(../icons/minus.svg)
}
.accordion-body{
    background-color:#fff;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
    font-size:14px;
    color:#717b96;
    padding:.7rem 1rem
}
details>summary{
    list-style-type:none;
    outline:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    font-weight:700;
    font-size:14px
}
details[open] summary~*{
    animation:sweep .5s ease-in-out
}
details>summary::-webkit-details-marker{
    display:none
}
details>summary::before{
    content:"+ "
}
details>summary::before{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff;
    margin-right:5px;
    width:35px;
    height:35px;
    box-shadow:0 16px 24px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);
    border-radius:12px
}
details[open]>summary::before{
    content:"- "
}
details[open]>summary{
    margin-bottom:.5rem
}
.yds-pagination .page-link{
    width:40px;
    min-width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    margin-left:8px;
    margin-right:8px;
    border:none;
    border-radius:12px!important;
    box-shadow:none;
    color:#717b96
}
.yds-pagination .page-item.active .page-link{
    background-color:#ed010b;
    color:#fff
}
.yds-pagination .page-item.disabled .page-link{
    background-color:rgba(113,123,150,.1)
}
.yds-pagination .page-item.active .page-link{
    pointer-events: none;
}
.yds-pagination .page-item:first-child .page-link::before{
    display:inline-block;
    vertical-align:.255em;
    content:"";
    border-top:.5em solid;
    border-right:.4em solid transparent;
    border-bottom:0;
    border-left:.4em solid transparent;
    transform:rotate(90deg)
}
.yds-pagination .page-item:last-child .page-link::before{
    display:inline-block;
    vertical-align:.255em;
    content:"";
    border-top:.5em solid;
    border-right:.4em solid transparent;
    border-bottom:0;
    border-left:.4em solid transparent;
    transform:rotate(-90deg)
}
.sinav-pagination.yds-pagination .page-item.active .page-link {
    background-color:#14456E;
    color:#fff
}
.sinav-pagination.yds-pagination .page-item:first-child .page-link::before{
    content: unset;
}
.sinav-pagination.yds-pagination .page-item:last-child .page-link::before{
    content: unset;
}
.sinav-pagination.yds-pagination .page-item .page-link img {
    height: 10px;
    width: 12px;
}
.sinav-pagination.yds-pagination .page-item.disabled .page-link {
    background: unset;
}
.custom-progress{
    height:.5rem;
    flex:1
}
.book{
    height:310px;
    display:flex;
    align-items:flex-end;
    position:relative
}
.book-info{
    height:80%;
    background-color:rgba(113,123,150,.05);
    width:100%;
    border-radius:16px;
    padding:110px 20px 15px;
    text-align:center
}
.book-info__img{
    width:90px;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%)
}
.online-book{
    height:120px;
    padding:0 clamp(.5rem,2.5vw,1.1rem);
    display:flex;
    position:relative
}
.online-book__img{
    width:90px;
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.online-book__body{
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
    padding:30px 0 0 20px
}
.online-book::before{
    content:"";
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    border-radius:16px;
    display:block;
    height:80%
}
.panel{
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:16px;
    background-color:#fff
}
.panel__header{
    padding:1.2rem 1.5rem;
    color:#3c4858;
    font-weight:500;
    background-color:rgba(113,123,150,.03);
    border:1px solid rgba(113,123,150,.1);
    border-top-left-radius:16px;
    border-top-right-radius:16px
}
.panel__body{
    padding:1.5rem 1rem;
    color:#717b96;
    border:1px solid rgba(113,123,150,.05);
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px
}
.custom-list{
    list-style-type:none
}
.custom-list li{
    display:flex
}
.custom-list li:not(:last-child){
    margin-bottom:25px
}
.custom-list li::before{
    content:"";
    display:inline-block;
    margin-right:7px;
    width:30px;
    min-width:30px;
    height:20px;
    background-image:url(../icons/font-icon/info.svg);
    background-position:center top;
    background-repeat:no-repeat
}
.read-more__section{
    display:none
}
.read-more__btn{
    padding:10px 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    width:100%;
    background-color:#fff;
    font-weight:500;
    color:#717b96;
    border-radius:16px
}
.read-more__btn::after{
    content:"";
    width:35px;
    height:35px;
    border-radius:12px;
    background-color:rgba(113,123,150,.1)
}
.read-more__btn::before{
    content:"";
    display:block;
    border-style:solid;
    border-width:5px 4px 0;
    height:0;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    right:28px;
    top:50%;
    width:0;
    border-color:#717b96 transparent transparent transparent
}
.read-more__btn.show::before{
    transform:rotate(180deg)
}
.read-more__overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#fff;
    background:linear-gradient(0deg,rgba(255,255,255,0.5494572829) 0%,rgba(255,255,255,0.6727065826) 39%,rgba(255,255,255,0.0088410364) 85%)
}
@media(min-width:768px){
    .read-more__section{
        display:block
    }
    .read-more__overlay,.read-more__btn{
        display:none
    }
}
.modal-content{
    border:none;
    border-radius:20px;
    padding:1rem 1.8rem
}
.modal-header,.modal-body,.modal-footer{
    padding-left:0;
    padding-right:0
}
.modal-header{
    border-bottom:1px solid #eee
}
.modal-footer{
    border-top:1px solid #eee
}
#addressModal .modal-body{
    padding:1rem
}
#productSelectModal .modal-dialog{
    max-width:600px
}
.payment-title{
    width:100%;
    text-align:center
}
.form-container .field-container:first-of-type{
    grid-area:name
}
.form-container .field-container:nth-of-type(2){
    grid-area:number
}
.form-container .field-container:nth-of-type(3){
    grid-area:expiration
}
.form-container .field-container:nth-of-type(4){
    grid-area:security
}
.field-container input{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.field-container{
    position:relative
}
.form-container{
    display:grid;
    grid-column-gap:10px;
    grid-template-columns:auto auto;
    grid-template-rows:90px 90px 90px;
    grid-template-areas:"name name" "number number" "expiration security";
    max-width:400px;
    padding:20px;
    color:#707070
}
label{
    padding-bottom:5px;
    font-size:13px
}
input{
    margin-top:3px;
    padding:15px;
    font-size:16px;
    width:100%;
    border-radius:3px;
    border:1px solid #dcdcdc
}
.ccicon{
    height:38px;
    position:absolute;
    right:6px;
    top:calc(50% - 17px);
    width:60px
}
.preload *{
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -ms-transition:none!important;
    -o-transition:none!important
}
.credit-cart-container{
    width:100%;
    max-width:400px;
    max-height:251px;
    height:54vw;
    padding:20px
}
#ccsingle{
    position:absolute;
    right:15px;
    top:20px
}
#ccsingle svg{
    width:100px;
    max-height:60px
}
.creditcard svg#cardfront,.creditcard svg#cardback{
    width:100%;
    border-radius:22px
}
#generatecard{
    cursor:pointer;
    float:right;
    font-size:12px;
    color:#fff;
    padding:2px 4px;
    background-color:#909090;
    border-radius:4px;
    cursor:pointer;
    float:right
}
.creditcard .lightcolor,.creditcard .darkcolor{
    -webkit-transition:fill .5s;
    transition:fill .5s
}
.creditcard .lightblue{
    fill:#03a9f4
}
.creditcard .lightbluedark{
    fill:#0288d1
}
.creditcard .red{
    fill:#ef5350
}
.creditcard .reddark{
    fill:#d32f2f
}
.creditcard .purple{
    fill:#4f3075
}
.creditcard .purpledark{
    fill:#7b1fa2
}
.creditcard .cyan{
    fill:#26c6da
}
.creditcard .cyandark{
    fill:#0097a7
}
.creditcard .green{
    fill:#66bb6a
}
.creditcard .greendark{
    fill:#388e3c
}
.creditcard .lime{
    fill:#d4e157
}
.creditcard .limedark{
    fill:#afb42b
}
.creditcard .yellow{
    fill:#ffeb3b
}
.creditcard .yellowdark{
    fill:#f9a825
}
.creditcard .orange{
    fill:#ff9800
}
.creditcard .orangedark{
    fill:#ef6c00
}
.creditcard .grey{
    fill:#bdbdbd
}
.creditcard .greydark{
    fill:#616161
}
.creditcard .greydark{
    fill:#4f3075
}
#svgname{
    text-transform:uppercase
}
#cardfront .st2{
    fill:#fff
}
#cardfront .st3{
    font-family:source code pro,monospace;
    font-weight:600
}
#cardfront .st4{
    font-size:54.7817px
}
#cardfront .st5{
    font-family:source code pro,monospace;
    font-weight:400
}
#cardfront .st6{
    font-size:33.1112px
}
#cardfront .st7{
    opacity:.6;
    fill:#fff
}
#cardfront .st8{
    font-size:24px
}
#cardfront .st9{
    font-size:36.5498px
}
#cardfront .st10{
    font-family:source code pro,monospace;
    font-weight:300
}
#cardfront .st11{
    font-size:16.1716px
}
#cardfront .st12{
    fill:#4c4c4c
}
#cardback .st0{
    fill:none;
    stroke:#0f0f0f;
    stroke-miterlimit:10
}
#cardback .st2{
    fill:#111
}
#cardback .st3{
    fill:#f2f2f2
}
#cardback .st4{
    fill:#d8d2db
}
#cardback .st5{
    fill:#c4c4c4
}
#cardback .st6{
    font-family:source code pro,monospace;
    font-weight:400
}
#cardback .st7{
    font-size:27px
}
#cardback .st8{
    opacity:.6
}
#cardback .st9{
    fill:#fff
}
#cardback .st10{
    font-size:24px
}
#cardback .st11{
    fill:#eaeaea
}
#cardback .st12{
    font-family:rock salt,cursive
}
#cardback .st13{
    font-size:37.769px
}
.credit-cart-container{
    perspective:1000px
}
.creditcard{
    width:100%;
    max-width:400px;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    transition:-webkit-transform .6s;
    -webkit-transition:-webkit-transform .6s;
    transition:transform .6s;
    transition:transform .6s,-webkit-transform .6s;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto
}
.creditcard .front,.creditcard .back{
    position:absolute;
    width:100%;
    max-width:400px;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
    color:#47525d
}
.creditcard .back{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.creditcard.flipped{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.code-control-container {
    display: flex;
    justify-content: space-between;
    width: max-content;
    margin-top: 5px;
}
.code-control{
    -webkit-transition:none;
    transition:none;
    width:40px;
    height:40px;
    text-align:center;
    outline:none;
    border-radius:8px;
    padding:.5rem;
    margin-right: 5px;
}
.code-control:focus{
    color:#3f4254;
    background-color:#fff;
    border-color:#884377;
    outline:0
}
.code-control.code-control-solid{
    background-color:rgba(113,123,150,.1);
    border-color:#ededed;
    color:#3f4254;
    transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease
}
.code-control.code-control-solid:active,.code-control.code-control-solid.active,.code-control.code-control-solid:focus,.code-control.code-control-solid.focus{
    background-color:#ebedf3;
    border-color:#ebedf3;
    color:#3f4254;
    transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
    box-shadow:0 0 0 3px rgba(66,153,225,.5)
}
.countdown-wrapper{
    background-color:#14456e
}
.date-box{
    min-width:50px;
    max-width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    background-color:#fff;
    margin:0 5px;
    border-radius:10%;
    font-size:.85rem
}
.close-countdown{
    position:absolute;
    right:0;
    top:0;
    font-size:1.2rem;
    color:#fff;
    line-height:1;
    padding:5px;
    font-weight:500
}
@-webkit-keyframes hvr-pop{
    50%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
}
@keyframes hvr-pop{
    50%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
}
.hvr-pop{
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-animation-name:hvr-pop;
    animation-name:hvr-pop;
    -webkit-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}
.course-box{
    position:relative;
    padding:3rem 2rem 1.2rem;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:7px
}
.course-box_description{
    min-height:58px
}
.course-box_icons{
    display:flex;
    position:absolute;
    top:-1rem;
    left:1.2rem
}
.course-box_icon{
    padding:7px;
    border-radius:7px;
    width:50px;
    height:50px;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
    margin-right:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fff
}
.course-box_features li{
    display:flex;
    align-items:center;
    margin-bottom:7px;
    font-weight:400
}
.course-box_features li:not(:last-child){
    margin-bottom:1rem
}
.course-box_features li::before{
    content:"";
    width:24px;
    height:24px;
    border-radius:50%;
    margin-right:7px;
    background-size:12px 12px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:rgba(134,134,134,.15)
}
.course-box_features li.info{
    position:relative
}
.course-box_features li.info::before{
    background-color:rgba(134,134,134,.15);
    background-image:url(../icons/info.svg)
}
.course-box_features li.info:hover::after{
    content:"Satın alınırken dahil edilebilir";
    position:absolute;
    right:100%;
    max-width:7rem;
    width:100%;
    padding:.55rem;
    background-color:#fff;
    box-shadow:rgba(0,0,0,.1) 0 4px 12px;
    font-family:calibri;
    font-size:13px
}
.course-box_features li.include::before{
    background-color:rgba(54,179,126,.15);
    background-image:url(../icons/check-success.svg)
}
.course-box_features li.not-include{
    color:rgba(60,60,60,.4)
}
.course-box_features li.not-include::before{
    background-image:url(../icons/minus-red.svg);
    background-color:rgba(199,42,42,.15)
}
.course-box.active{
    border:2px solid #14456e
}
.course-box.active .course-box_icon{
    border:2px solid #14456e
}
@media(max-width:1024px){
    .course-box_features{
        max-height:14rem;
        overflow-y:scroll
    }
}
@media(max-width:1200px){
    .course-box_features li.info:hover::after{
        position:absolute;
        bottom:110%;
        left:0;
        z-index:3
    }
}
.quick-links{
    position:fixed;
    z-index:999;
    display:flex;
    flex-direction:column;
    left:-1px;
    padding:7px 7px 7px 0;
    top:40%;
    transform:translateY(-40%);
    background-color:transparent
}
.quick-links_item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-width:60px;
    min-height:50px;
    max-height:50px;
    background-color:#14456e;
    margin-bottom:3px;
    border-radius:0 7px 7px 0;
    transition:.15s;
    color:#fff;
    padding:0 10px;
    font-size:.9rem;
    transform:translateX(-8rem);
    cursor:pointer
}
.quick-links_item svg{
    margin-left:10px;
    min-width:25px;
    max-width:25px;
    min-height:25px;
    max-height:25px
}
.quick-links_item:hover{
    transform:translateX(0)
}
.visitor-events{
    display:none
}
#introduction{
    padding:0;
    min-height:85vh;
    display:flex;
    align-items:center
}
.intro-tabs .nav-link{
    margin-right:10px;
    background-color:rgba(113,123,150,.08);
    border-radius:16px
}
.introductionSwiper{
    padding:1rem .5rem
}
.swiper-overflow-container{
    overflow-x:hidden
}
.swiper-overflow-container .container{
    overflow:visible
}
.swiper-overflow-container .swiper-introduce{
    overflow:visible
}
.swiper-giris-pagination{
    position:absolute;
    bottom:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    z-index:99;
    padding:.75rem 0
}
.swiper-giris-pagination .swiper-pagination-bullet{
    height:8px;
    width:8px;
    border-radius:5px;
    margin-right:10px!important;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;
    background-color:#fff;
    transition:.3s;
    opacity:1
}
.swiper-giris-pagination .swiper-pagination-bullet-active{
    width:50px;
    background-color:#14456e;
    opacity:1
}
.swiper-lsn-card{
    overflow:hidden
}
.swiper-lsn-card .lesson-card__flip{
    left:0;
    top:-100%;
    transform:scale(1);
    opacity:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background-color:#fff;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJyB2aWV3Qm94PScwIDAgMTAwIDEwMCc+PGcgZmlsbC1ydWxlPSdldmVub2RkJz48ZyBmaWxsPScjZWRlZGVkJyBmaWxsLW9wYWNpdHk9JzAuNCc+PHBhdGggb3BhY2l0eT0nLjUnIGQ9J005NiA5NWg0djFoLTR2NGgtMXYtNGgtOXY0aC0xdi00aC05djRoLTF2LTRoLTl2NGgtMXYtNGgtOXY0aC0xdi00aC05djRoLTF2LTRoLTl2NGgtMXYtNGgtOXY0aC0xdi00aC05djRoLTF2LTRIMHYtMWgxNXYtOUgwdi0xaDE1di05SDB2LTFoMTV2LTlIMHYtMWgxNXYtOUgwdi0xaDE1di05SDB2LTFoMTV2LTlIMHYtMWgxNXYtOUgwdi0xaDE1di05SDB2LTFoMTVWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDlWMGgxdjE1aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5aDR2MWgtNHY5em0tMSAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tOS0xMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em05LTEwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tOS0xMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em05LTEwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tOS0xMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em05LTEwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tMTAgMHYtOWgtOXY5aDl6bS0xMCAwdi05aC05djloOXptLTEwIDB2LTloLTl2OWg5em0tOS0xMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5em0xMCAwaDl2LTloLTl2OXptMTAgMGg5di05aC05djl6bTEwIDBoOXYtOWgtOXY5eicvPjxwYXRoIGQ9J002IDVWMEg1djVIMHYxaDV2OTRoMVY2aDk0VjVINnonLz48L2c+PC9nPjwvc3ZnPg==)
}
.swiper-lsn-card .lesson-card__body{
    padding-bottom:20px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px
}
.swiper-lsn-card:hover .lesson-card__flip{
    top:0
}
.swiper-lsn-card .lesson-card__meta .title{
    min-height:45px
}
.swiper-introduce .swiper-slide{
    opacity:0;
    pointer-events:none;
    transition:all .5s
}
.swiper-introduce .swiper-slide-active,.swiper-introduce .swiper-slide-next,.swiper-introduce .swiper-slide-next+.swiper-slide{
    opacity:1;
    pointer-events:auto
}
.bg-gray-swiper{
    background-color:#e8eaf3
}
.mySwiper.swiper-container{
    overflow:visible
}
.mySwiper .swiper-slide{
    opacity:0;
    visibility:hidden;
    transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out
}
.mySwiper .swiper-slide-active{
    opacity:1;
    visibility:visible
}
.mySwiper .swiper-slide-active+.swiper-slide{
    opacity:1;
    visibility:visible
}
.swiper-container{
    overflow:visible
}
.swiper-pagination__intro{
    padding:20px 0;
    display:flex
}
.swiper-pagination__intro .swiper-pagination-bullet{
    background-color:#717b96;
    transition:all ease-in .2s
}
.swiper-pagination__intro .swiper-pagination-bullet-active{
    background-color:#14456e;
    width:40px;
    border-radius:7px
}
.details-target-card{
    display:none;
    transition:ease-out .3s
}
.details-target-card.active{
    display:block;
    animation:sweep .7s ease-in-out
}
.home-group-details[open]>summary::before{
    content:"- ";
    background-color:#ed010b;
    color:#fff
}
.branches-swiper .swiper-wrapper{
    padding:10px 0
}
.container-blog{
    max-width:1200px!important
}
.blog-grid{
    display:grid;
    gap:15px 15px
}
.blog{
    padding:10px;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:12px;
    background-color:#fff;
    display:flex;
    transition:all ease-in-out .15s
}
.blog__img{
    border-radius:10px;
    background-size:cover;
    background-position-y:top;
    background-position-x:center;
    background-repeat:no-repeat;
    min-width:220px;
    margin-right:10px;
    position:relative
}
.blog__img .category{
    position:absolute;
    bottom:15px;
    left:15px;
    background-color:rgba(255,255,255,.1);
    color:#fff;
    padding:10px 14px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:600;
    border-radius:12px
}
.blog__body{
    padding:25px
}
.blog__body .publish-date{
    display:flex;
    align-items:center;
    color:rgba(113,123,150,.7);
    font-weight:600;
    font-size:14px;
    margin-bottom:10px
}
.blog__body .title{
    color:#3c4858;
    font-size:1.1rem;
    font-weight:600;
    margin-bottom:15px
}
.blog__body .description{
    font-size:16px;
    line-height:20px;
    color:#717b96;
    -webkit-line-clamp:3
}
.blog.span-row-2{
    flex-direction:column;
    grid-row:span 2
}
.blog.span-row-2 .blog__img{
    margin-right:0;
    width:100%;
    height:250px;
    margin-bottom:15px
}
.blog:hover{
    -webkit-box-shadow:-3px 8.5px 22.5px -1px #ececec;
    -moz-box-shadow:-3px 8.5px 22.5px -1px #ececec;
    box-shadow:-3px 8.5px 22.5px -1px #ececec
}
.blog_vertical{
    flex-direction:column
}
.blog_vertical .blog__img{
    margin-right:0;
    height:180px;
    min-width:unset;
    width:100%
}
.subscribe-input-group{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.subscribe-input-group input{
    border:none;
    flex:1;
    width:100%;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04)
}
.slider-sec__left{
    position:relative;
    z-index:2
}
.append-buttons{
    display:flex;
    margin:1rem 0
}
.append-buttons .slide-btn{
    margin-right:7px;
    display:flex;
    align-items:center;
    padding:1rem 10px;
    background-color:rgba(113,123,150,.1);
    color:#14456e;
    text-transform:uppercase;
    border-radius:8px;
    font-weight:700;
    flex:auto;
    justify-content:center;
    font-size:.85rem
}
.append-buttons .slide-btn:hover{
    background-color:#fff
}
.plugin-card .feature-card{
    transition:all ease-out .1s
}
.plugin-card .feature-card:hover{
    background-color:#fff;
    -webkit-box-shadow:-3px 8.5px 22.5px -1px #ececec;
    -moz-box-shadow:-3px 8.5px 22.5px -1px #ececec;
    box-shadow:-3px 8.5px 22.5px -1px #ececec
}
.price-box{
    display:flex;
    align-items:start;
    line-height:1.2
}
.price-box_rate{
    background-color:rgba(39,174,96,.1);
    color:rgba(39,174,96,.9);
    font-size:.8rem;
    font-weight:700;
    padding-left:.5rem;
    padding-right:.5rem;
    margin-right:5px;
    min-height:40px
}
.price-box_price .old-price{
    display:block;
    font-size:.7rem;
    color:#a4a3a3;
    text-decoration:line-through;
    white-space:nowrap
}
.price-box_price .new-price{
    font-size:1.5rem;
    font-weight:700;
    white-space:nowrap
}
.special-book{
    position:relative;
    overflow:hidden
}
.special-book::before{
    content:"";
    position:absolute;
    color:#fff;
    font-size:.7rem;
    right:-2px;
    top:-2px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 85px 85px 0;
    border-color:transparent #ed010b transparent transparent
}
.special-book::after{
    content:attr(featureTitle);
    position:absolute;
    color:#fff;
    font-size:55%;
    right:4px;
    top:20px;
    transform:rotate(45deg);
    width:50px;
    text-align:center
}
.special-book_img{
    filter:drop-shadow(23px 5px 25px rgba(161,161,161,0.6666666667))
}
.section-denemeler{
    padding:5rem 0;
    background-image:url(../img/bg-deneme.jpg);
    background-size:100% 100%;
    background-repeat:no-repeat;
    position:relative;
    overflow:hidden
}
.section-denemeler .trial-btn{
    margin-top:5rem
}
.section-denemeler .teacher{
    position:absolute;
    right:-16%;
    bottom:-105px;
    width:unset
}
.comment-card{
    padding:1.3rem;
    color:#717b96;
    backdrop-filter:blur(2px);
    border-radius:12px;
    background-color:rgba(255,255,255,.5019607843);
    min-height:180px
}
.comment-card_tick::before{
    content:"";
    display:flex;
    background-size:35px 35px;
    width:35px;
    aspect-ratio:1/1;
    background-position:center;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNFYyOEwxMiAxNlY0SDBaIiBmaWxsPSIjRUQwMTBCIi8+CjxwYXRoIGQ9Ik0yMCA0VjI4TDMyIDE2VjRIMjBaIiBmaWxsPSIjRUQwMTBCIi8+Cjwvc3ZnPgo=)
}
@media(max-width:1024px){
    .blog-grid{
        grid-template-columns:repeat(1,1fr)
    }
    .blog{
        flex-direction:column
    }
    .blog__img{
        margin-right:0;
        height:250px;
        min-width:unset;
        width:100%
    }
    .blog:not(:first-child) .blog__img{
        background-position-y:center
    }
    .section-denemeler{
        padding:2rem;
        background-size:cover;
        background-repeat:no-repeat;
        background-position-x:0%
    }
    .section-denemeler .trial-btn{
        margin-top:2rem
    }
    .section-denemeler .teacher{
        display:none
    }
    .quick-links{
        display:none
    }
}
@media(min-width:576px){
    .swiper-introduce .swiper-slide{
        width:400px!important
    }
}
@media(min-width:1024px){
    .blog-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .subscribe-section{
        width:50%;
        margin-left:auto;
        margin-right:auto
    }
    .append-buttons{
        margin-bottom:2rem
    }
    .mySwiper .swiper-wrapper{
        padding:.75rem 1rem
    }
    .mySwiper .swiper-slide{
        width:375px!important
    }
    .visitor-events{
        display:flex;
        flex-direction:column;
        position:fixed;
        z-index:999;
        bottom:20px;
        left:20px;
        padding:0 5px
    }
    .visitor-events_item{
        position:relative;
        border-radius:5px 5px 5px 0;
        padding:20px;
        display:flex;
        flex-direction:column;
        color:#fff;
        background-color:#14456e;
        margin-top:10px;
        font-size:.9rem;
        max-width:300px;
        box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;
        transform-origin:bottom left
    }
    .visitor-events_item:nth-child(1){
        animation:transformer .4s ease-in .2s 1
    }
    .visitor-events_item:nth-child(2){
        animation:transformer .2s ease-in .2s 1
    }
    .visitor-events_item::before{
        content:"";
        position:absolute;
        left:-10px;
        bottom:0;
        width:0;
        height:0;
        border-style:solid;
        border-width:0 0 10px 10px;
        border-color:transparent transparent #14456e transparent
    }
    .visitor-events_close{
        position:absolute;
        top:7px;
        right:7px;
        cursor:pointer
    }
}
.about-images{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(2,minmax(170px,220px));
    gap:3rem 3rem
}
.about-images .about-image{
    height:100%;
    border-radius:16px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.about-images .about-image:first-child{
    grid-row:span 2
}
.about-feature-card{
    padding-right:3rem
}
.about-feature-card__icon{
    width:70px;
    height:70px;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:16px;
    margin-bottom:20px;
    font-size:30px;
    color:#ed010b
}
.about-feature-card__title{
    font-weight:700;
    font-size:20px;
    line-height:28px;
    color:#3c4858;
    margin-bottom:25px;
    text-align:justify
}
.about-feature-card__desc{
    color:#717b96;
    text-align:justify
}
@media(max-width:768px){
    .about-images{
        gap:1rem 1rem;
        grid-template-rows:repeat(2,minmax(130px,136px))
    }
    .about-feature-card{
        padding:10px
    }
}
.contact-details{
    display:flex;
    flex-wrap:wrap
}
.contact-details__tag{
    flex-basis:20%;
    font-weight:700
}
.contact-details__description{
    flex-basis:80%
}
.accordion-contact .accordion-body{
    padding:1.8rem 2rem
}
.accordion-contact .accordion-button:not(.collapsed){
    padding-left:3.5rem;
    padding-right:3.5rem;
    color:#ed010b
}
.video-card{
    width:100%
}
.video-card__cover{
    border-radius:20px;
    height:220px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-bottom:10px
}
.video-card__cover>.cover-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(71,71,71,.418);
    border-radius:20px
}
.video-card__cover::after{
    position:relative;
    content:"";
    width:70px;
    height:70px;
    background-color:rgba(255,255,255,.3);
    background-image:url(../icons/play-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
    transition:all cubic-bezier(.4,0,1,1) .07s
}
.video-card__cover:hover::after{
    width:80px;
    height:80px
}
.video-card__body{
    display:flex;
    flex-direction:column
}
.video-card__body>.topic{
    font-size:12px;
    color:rgba(113,123,150,.6);
    margin-bottom:5px
}
.video-card__body>.title{
    font-size:18px;
    font-weight:700;
    margin-bottom:12px
}
.cover-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(71,71,71,.418);
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center
}
.cover-overlay::after{
    position:relative;
    content:"";
    width:70px;
    height:70px;
    background-color:rgba(255,255,255,.3);
    background-image:url(../icons/play-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
    transition:all cubic-bezier(.4,0,1,1) .07s
}
.lesson-card{
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:24px;
    background-color:#f7f7f9;
    position:relative
}
.lesson-card .scaled-img{
    transform:scale(.9)
}
.lesson-card__header{
    background:#fff;
    border-top-left-radius:24px;
    border-top-right-radius:24px;
    padding:12px;
    position:relative
}
.lesson-card__header .lesson-card__img{
    position:relative;
    border-radius:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px
}
.lesson-card__header .lesson-card__img .rozet{
    position:absolute;
    left:10px;
    top:10px;
    width:110px;
    display:flex;
    align-items:center;
    padding:7px;
    background-color:#fff;
    box-shadow:0 16px 24px rgba(48,55,74,.06),0 2px 6px rgba(48,55,74,.04),0 0 1px rgba(48,55,74,.04);
    border-radius:16px
}
.status-block-img.lesson-card__img img {
    border-radius: 20px;
}

.lesson-card__header .lesson-card__img .rozet__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    min-width:32px;
    color:#fff;
    background-color:#fe9a38;
    border-radius:7px
}
.lesson-card__header .lesson-card__img .rozet__text{
    font-weight:700;
    color:#3c4858;
    font-size:12px;
    margin-left:5px
}
.lesson-card__header .lesson-card__img .ders-kodu{
    position:absolute;
    bottom:10px;
    left:10px;
    background-color:rgba(255,255,255,.863);
    backdrop-filter:blur(2px);
    padding:10px 14px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:500;
    border-radius:7px;
    z-index:1;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0
}
.lesson-card__header .lesson-card__meta{
    padding:0 10px;
    margin-bottom:10px
}
.lesson-card__header .lesson-card__meta .title{
    font-size:18px;
    color:#3c4858;
    margin-bottom:5px;
    width:85%;
    height:45px
}
.lesson-card__header .lesson-card__meta .hoca p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -webkit-line-clamp:3
}
.lesson-card__header .lesson-card__cover{
    padding-top:0
}
.lesson-card__header .lesson-card__cover .cover-img{
    width:100%;
    object-fit:cover;
    border-radius:16px
}
.lesson-card__body{
    padding:0 20px;
    background:#fff
}
.lesson-card__body .lesson-card__feature-row{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border-top:1px solid rgba(113,123,150,.1)
}
.lesson-card__body .lesson-card__feature-row .span-2{
    grid-column:span 2
}
.lesson-card__desc{
    height:30px
}
.lesson-card__buttons{
    display:flex;
    background:#fff;
    padding:10px 20px;
    border-top:1px solid rgba(113,123,150,.1);
    gap:0 10px
}
.lesson-card__footer{
    padding:20px;
    border-bottom-left-radius:24px;
    border-bottom-right-radius:24px;
    border-top:1px solid #eee
}
.lesson-card__footer details p{
    line-height:1.4;
    text-align:justify
}
.lesson-card__flip{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:#fff;
    transform:scale(0);
    visibility:hidden;
    opacity:0;
    transition:350ms cubic-bezier(.11,.02,0,1.24);
    border-radius:16px;
    padding:2rem 1.5rem;
    z-index:3
}
.lesson-card__flip__title{
    font-size:1.5rem;
    font-weight:700
}
.lesson-card__flip__description{
    font-size:.9rem
}
.lesson-card__flip__price{
    font-size:1.4rem;
    font-weight:700
}
.lesson-card__flip__price .discount{
    color:#27ae60;
    padding:7px;
    background-color:rgba(39,174,96,.08)
}
.lesson-card:hover .lesson-card__flip{
    transform:scale(1);
    visibility:visible;
    opacity:1;
    box-shadow:rgba(99,99,99,.2) 0 2px 8px 0
}
.feature-card{
    display:flex;
    align-items:center;
    padding:.9rem 0
}
.comment-card{
    padding: 2rem 1rem;
    border-radius:5px;
    scroll-snap-align:start;
    border-bottom: 1px solid #eaebef;
}
.comment-card.course{
    min-height:unset
}
.comment-card_header{
    display:flex;
    justify-content:space-between
}
.comment-card_body{
    padding:1.3rem 0;
    font-size:.9rem
}
.comment-thumbs .btn{
    display:flex;
    align-items:center;
    font-family:calibri,sans-serif!important;
    font-weight:900;
    position:relative;
    border-radius:50em;
    box-shadow:unset
}
.comment-thumbs .btn:active{
    color:#717b96
}
.comment-thumbs .btn.up.active{
    color:#27ae60
}
.comment-thumbs .btn.down.active{
    color:#ed010b
}
.superead-box{
    position:relative
}
.superead-box_play{
    transition:.3s;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    width:6rem;
    height:6rem
}
.superead-box:hover .superead-box_play{
    box-shadow:0 .125rem .25rem rgba(0,0,0,.34)!important
}
.feature-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width:38px;
    min-width:38px;
    height:38px;
    background-color:rgba(113,123,150,.06);
    color:rgba(113,123,150,.6);
    border-radius:12px
}
.product-review-card{
    transition:all cubic-bezier(.42,0,.06,.96) .3s
}
@media(min-width:1024px){
    .product-review-card{
        position:relative;
        top:-60px
    }
    .comment-thumbs{
        position:absolute;
        right:.5rem;
        top:1.2rem
    }
}
.product-details__title{
    margin-top:10px;
    margin:30px 0 40px
}
.product-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    min-height: 40px;
}
.product-info .price{
    display:flex;
    flex-direction:column;
    margin-left:10px;
    font-weight:500
}
.product-info .price .old-price{
    text-decoration:line-through
}
.product-info .price .new-price{
    font-size:1.4rem;
    color:#3c4858
}
.product-info .time{
    padding:7px 14px 7px 7px;
    background-color:rgba(113,123,150,.06);
    border-radius:16px
}
.feature-icons--small .feature-icon{
    width:30px;
    min-width:30px;
    height:30px;
    border-radius:8px;
    font-size:14px
}
.discount-rate{
    display:inline-block;
    padding:12px;
    font-size:10px;
    border-radius:12px;
    background-color:rgba(39,174,96,.1);
    color:#27ae60;
    text-transform:uppercase;
    width:60px
}
.group-details__box{
    padding:1.4rem;
    background-color:rgba(113,123,150,.05);
    border-radius:16px;
    margin-bottom:3rem
}
.group-details__box .hoca-ders{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.group-details__box .hoca-ders .hoca,.group-details__box .hoca-ders .ders{
    display:flex;
    align-items:center
}
.group-gift{
    position:relative;
    min-height:200px;
    background-color:#eee;
    border-radius:5px
}
.group-gift__box{
    position:absolute;
    background-color:#fff;
    color:#fff;
    padding:7px;
    border-radius:16px;
    bottom:20px;
    left:50%;
    transform:translateX(-50%)
}
.contains-tab-menu .tab-menu--secondary{
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:auto
}
.contains-tab-menu .tab-menu--secondary .nav-item .nav-link.active{
    color:#4f3075
}
.scroll-tabs .tab-menu--primary{
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:auto
}
.group-sample-video .video-card__cover{
    height:400px
}
.contains-wrapper{
    padding:1rem;
    padding-top:1rem
}
.event{
    border-radius:1rem
}
.event-wrapper::-webkit-scrollbar{
    width:10px
}
.event-wrapper::-webkit-scrollbar-track{
    background:rgba(113,123,150,.03)
}
.event-wrapper::-webkit-scrollbar-thumb{
    background:rgba(113,123,150,.09)
}
.event-wrapper::-webkit-scrollbar-thumb:hover{
    background:rgba(113,123,150,.5)
}
.event-title{
    font-size:1rem;
    font-weight:500;
    margin-bottom:15px
}
.event-hour{
    font-weight:700
}
.event-hoca{
    display:flex;
    align-items:center;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.05)
}
.event-hoca__img{
    background-color:rgba(113,123,150,.05);
    border-radius:50%;
    border:1px solid #fff;
    width:40px;
    height:40px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain
}
.event-hoca__name{
    margin-left:10px
}
.half-colored::before{
    content:"";
    position:absolute;
    display:block;
    left:0;
    top:0;
    width:100%;
    height:50%;
    z-index:-1
}
@media(min-width:1024px){
    .product-details__description{
        border-left:3px solid rgba(113,123,150,.1);
        padding-left:20px
    }
    .contains-tab-menu{
        display:flex;
        justify-content:space-between
    }
    .contains-wrapper{
        padding:2rem 0 0 2rem
    }
    .contains-tab-menu .tab-menu--secondary{
        flex-wrap:wrap!important;
        white-space:nowrap;
        overflow:auto
    }
}
@media(max-width:768px){
    .group-details__box .hoca-ders{
        flex-direction:column;
        align-items:flex-start;
        flex-wrap:wrap
    }
    .group-details__box .hoca-ders .hoca{
        width:100%;
        margin-bottom:10px;
        border-bottom:1px solid rgba(113,123,150,.08);
        padding-bottom:10px
    }
    .half-colored{
        border-radius:16px
    }
    .half-colored::before{
        height:100%
    }
    .lesson-card-shopping .lesson-card__body{
        border-bottom-left-radius:16px;
        border-bottom-right-radius:16px
    }
    .lesson-card-shopping .lesson-card__footer{
        display:none
    }
}
.cart-section-title{
    font-size:1.25rem;
    color:#3c4858;
    font-weight:700
}
.seperated-tab{
    border-radius:16px;
    display:flex;
    justify-content:space-between;
    padding:1.2rem
}
.seperated-tab li{
    text-align:center;
    width:100%;
    position:relative
}
.seperated-tab li:not(:last-child)::after{
    content:"";
    display:inline-block;
    width:2px;
    height:110%;
    background-color:rgba(113,123,150,.3);
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.cart-nav{
    display:flex;
    justify-content:space-between
}
.cart-nav__link{
    font-weight:700;
    text-transform:uppercase;
    color:#717b96;
    font-size:13px;
    background-color:transparent
}
.cart-nav__item{
    padding:10px 15px;
    flex:auto;
    display:flex;
    align-items:center;
    position:relative;
    font-weight:700;
    text-transform:uppercase;
    color:#717b96;
    font-size:13px
}
.cart-nav__item::before{
    background-color:rgba(113,123,150,.1);
    content:"";
    display:block;
    width:35px;
    min-width:35px;
    height:35px;
    border-radius:12px;
    margin-right:10px
}
.cart-nav__item::after{
    content:"";
    position:absolute;
    display:block;
    width:18px;
    min-width:18px;
    height:18px;
    top:50%;
    transform:translateY(-50%);
    left:24px;
    border-radius:50%;
    border:2px solid rgba(113,123,150,.5)
}
.cart-nav__item.completed{
    color:#3c4858
}
.cart-nav__item.completed::before{
    background-color:rgba(39,174,96,.1)
}
.cart-nav__item.completed::after{
    background-image:url(../icons/font-icon/check.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:2px solid #27ae60;
    background-color:#27ae60
}
.cart-nav__item.active{
    background-color:rgba(79,48,117,.1);
    color:#4f3075;
    border-radius:16px
}
.cart-nav__item.active::before{
    background-color:#fff
}
.cart-nav__item.active::after{
    border:2px solid #4f3075;
    background-color:#4f3075
}
.product-thumb{
    border-radius:12px;
    width:55px;
    min-width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-color:rgba(79,48,117,.1)
}
.product-thumb img{
    width:100%
}
.product-thumb--cover{
    background-size:cover;
    background-position:center
}
.cart-item{
    background-color:#fff;
    border-radius:1rem;
    padding:clamp(1rem,2vw,1.3rem);
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    position:relative
}
.cart-item__title{
    font-size:1.2rem;
    font-weight:700;
    color:#3c4858;
    width:85%;
    margin-bottom:10px
}
.cart-item__date{
    font-size:.9rem;
    font-weight:500
}
.cart-item__contains{
    display:flex;
    flex-wrap:wrap
}
.cart-item__contains li{
    padding:clamp(.5rem,2vw,.8rem) clamp(.5rem,2vw,1rem);
    background-color:rgba(113,123,150,.05);
    color:#717b96;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:500;
    font-size:12px;
    border-radius:12px;
    min-width:56px
}
.cart-item__contains li:not(:last-child){
    margin-right:8px;
    margin-bottom:8px
}
.cart-item__contains li img{
    width:20px;
    max-width:20px;
    margin-right:10px
}
.cart-item__remove{
    position:absolute;
    right:15px;
    top:15px
}
.cart-price-row{
    display:flex;
    justify-content:space-between;
    color:#717b96;
    font-weight:500;
    padding:5px 0
}
.ico-price-details{
    position:relative;
    padding:5px;
    border-radius:5px;
    background-color:#fff;
    cursor:pointer
}
.coupon-section{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.coupon-section input{
    border:none;
    width:100%;
    flex:1;
    height:40px
}
.credit-card-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:2rem 2rem
}
.credit-card-grid .credit-card-review{
    grid-row:span 2
}
.cart-summary-item{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between
}
.cart-summary-item__center{
    flex:1;
    margin-left:10px
}
.cart-summary-item__right{
    font-weight:700;
    background-color:#fff;
    padding:1.1rem;
    border-radius:12px
}
.havale-card{
    position:relative
}
.havale-card__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:2rem
}
.havale-card__img{
    width:120px
}
.havale-card__radio{
    background-color:#fff;
    padding:10px;
    border-radius:12px
}
.havale-card__radio .text{
    color:#717b96
}
.havale-card__radio .text::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    display:block;
    height:100%;
    background-color:rgba(113,123,150,.06);
    border-radius:16px
}
.havale-card__radio input:checked~.text{
    color:#4f3075
}
.havale-card__radio input:checked~.text::before{
    background-color:rgba(79,48,117,.09);
    z-index:0;
    border:1px solid #4f3075
}
.havale-card__bottom{
    position:relative;
    z-index:3
}
.address-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px 12px
}
.address-list .address-item{
    border-radius:12px;
    padding:.8rem;
    display:flex;
    flex-direction:column;
    color:#717b96;
    font-size:.9rem;
    position:relative
}
.address-list .address-title{
    font-weight:700;
    color:#3c4858;
    margin-bottom:7px
}
.address-list .address-cta-btns{
    position:relative;
    z-index:3
}
.address-list .address-cta-btn{
    display:flex;
    padding:7px 0;
    font-weight:600;
    color:#3c4858;
    margin-right:15px;
    background-color:transparent;
    align-items:center
}
.address-list .address-cta-btn svg{
    margin-right:3px
}
.address-list .address-detail{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.invoice-radios{
    display:flex
}
.invoice-radios .invoice-radio{
    position:relative;
    display:flex;
    align-items:center;
    margin-right:20px
}
.invoice-radios .invoice-radio__lbl{
    padding-bottom:0;
    font-size:1.1rem;
    font-weight:600;
    margin-left:4px
}
.invoice-radios .invoice-radio__lbl::before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    bottom:0;
    top:0;
    border-radius:16px
}
.invoice-radios .invoice-radio__input{
    width:fit-content;
    margin-top:0!important
}
.tab-radios{
    display:flex;
    align-items:center
}
.tab-radios .tab-radio{
    position:relative;
    flex:1;
    text-align:center;
    padding:.75rem
}
.tab-radios .tab-radio input{
    display:none
}
.tab-radios .tab-radio .text{
    font-size:1.1rem;
    font-weight:500;
    display:block;
    text-align:center;
    padding:.5rem
}
.tab-radios .tab-radio .text::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    border-radius:16px
}
.tab-radios .tab-radio input:checked+.text::before{
    background-color:rgba(113,123,150,.1)
}
.form-navigation .pricing{
    display:none
}
.create-address-btn{
    min-width:180px;
    min-height:150px;
    color:#717b96;
    border-radius:8px;
    background-color:rgba(113,123,150,.06)
}
.create-address-btn i{
    font-size:2rem;
    margin-bottom:15px
}
.payment-methods-radios{
    display:flex;
    align-items:center
}
.payment-methods-radios .payment-methods-radio{
    position:relative;
    flex:1;
    padding:1.5rem
}
.payment-methods-radios .payment-methods-radio .text{
    position:relative;
    display:block;
    text-align:center;
    font-weight:700;
    color:#717b96
}
.payment-methods-radios .payment-methods-radio input{
    display:none
}
.payment-methods-radios .payment-methods-radio input:checked+.checkfill::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(113,123,150,.1);
    border-radius:16px
}
@media(min-width:1024px){
    .cart-details__left{
        padding-right:4rem
    }
}
@media(max-width:1024px){
    .address-list{
        grid-template-columns:repeat(2,1fr)
    }
    .address-list .address-item{
        width:100%
    }
}
@media(max-width:576px){
    .address-list{
        grid-template-columns:1fr
    }
}
@media(max-width:768px){
    .cart-logo{
        width:6rem
    }
    .form-navigation{
        display:flex;
        flex-direction:column;
        justify-content:space-between
    }
    .form-navigation .pricing{
        display:flex;
        align-items:center
    }
    .cart-next-step{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        border-top-left-radius:20px;
        border-top-right-radius:20px;
        padding:15px!important;
        background-color:#fff!important;
        z-index:1020;
        box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
        border-radius:20px 20px 0 0!important
    }
    .credit-card-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:1rem 1rem
    }
    .credit-card-grid .credit-card-review{
        border-radius:16px;
        min-height:230px;
        grid-row:span 2;
        order:-1
    }
    .cart-summary-item__right{
        flex-basis:100%;
        margin-top:10px
    }
}
@media(max-width:991px){
    .prod-details--fixed{
        visibility:hidden;
        opacity:0;
        transition:all ease-in .2s;
        position:fixed;
        width:100%;
        bottom:0;
        left:0;
        z-index:1050
    }
    .prod-details--fixed.active{
        opacity:1;
        visibility:visible;
        background-color:#fff;
        box-shadow:rgba(17,17,26,.1) 0 0 16px;
        padding:10px;
        border-radius:20px 20px 0 0;
        z-index:9999!important
    }
}
@media(max-width:1024px){
    .cart-nav{
        flex-direction:column
    }
    .cart-nav__item.active{
        display:flex;
        text-align:center
    }
}
@media(min-width:992px){
    .prod-details--fixed{
        display:none
    }
}
.policy-sec{
    line-height:1.3rem
}
.policy-sec h1,.policy-sec h2,.policy-sec h3,.policy-sec h4,.policy-sec h5,.policy-sec h6{
    color:#3c4858;
    font-weight:500
}
.policy-sec b,.policy-sec strong{
    color:#3c4858;
    font-weight:500
}
.policy-sec p{
    color:#717b96;
    text-align:justify;
    margin-bottom:1.5rem
}
.blog-details{
    margin-top:10px
}
.blog-details p{
    line-height:1.5;
    color:gray;
    margin-bottom:1rem
}
.blog-details_content{
    position:relative;
    display:flex;
    flex-direction:column
}
.blog-details_content .share-buttons{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    backdrop-filter:blur(2px);
    margin-left:-.75rem;
    margin-right:-.75rem;
    z-index:10!important
}
.blog-details .cover-img{
    margin-bottom:2rem
}
.blog-details .cover-img img{
    width:100%;
    height:15rem;
    object-fit:cover;
    object-position:center
}
@media(min-width:1024px){
    .blog-details_content{
        flex-direction:row
    }
    .blog-details_content .share-buttons{
        display:flex;
        flex-direction:column;
        padding:0 2rem 1rem 0;
        height:fit-content;
        top:30px;
        margin-left:unset;
        margin-right:unset
    }
    .blog-details .cover-img{
        margin-bottom:4rem
    }
    .blog-details .cover-img img{
        height:30rem
    }
}
.section-title{
    font-size:1.6rem;
    font-weight:500
}
.page-info{
    text-align:center;
    margin-left:auto;
    margin-right:auto
}
.page-info__title{
    font-size:32px;
    letter-spacing:-.5px;
    font-weight:500;
    margin-bottom:1.2rem
}
.page-info__description{
    font-size:16px;
    line-height:30px
}
.fit-width{
    width:fit-content
}
.line-clamp,.blog__body .description,.lesson-card__header .lesson-card__meta .title,.lesson-card__desc{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.main-shadow{
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04)
}
.box-shadow--inset{
    box-shadow:rgba(0,0,0,.06) 0 2px 4px 0 inset
}
.main-box{
    border-radius:20px;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    background-color:#fff;
    font-size:13px
}
.icon-box{
    max-width:35px;
    min-width:35px;
    height:35px;
    box-shadow:0 10px 20px rgba(48,55,74,.04),0 2px 6px rgba(48,55,74,.04),0 0 1px rgba(48,55,74,.04);
    border-radius:12px;
    background-color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.1rem;
    color:#717b96
}
.main-content{
    padding-top:40px;
    padding-bottom:40px
}
.border-top{
    border-top:1px solid rgba(113,123,150,.09)!important
}
.right-0{
    right:0
}
.left-0{
    left:0
}
.small-icon__centered{
    width:35px;
    height:35px;
    color:#717b96;
    background-color:rgba(113,123,150,.1);
    border-radius:12px;
    cursor:pointer
}
.separator{
    height:5px;
    background-color:#14456e;
    position:relative
}
.separator::before{
    display:block;
    content:"";
    position:absolute;
    background-position:center;
    background-repeat:no-repeat;
    left:50%;
    top:50%;
    width:60px;
    height:60px;
    border-radius:50%;
    background-color:#14456e;
    transform:translateY(-50%) translateX(-50%)
}
.content-card{
    width:100%;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    border-radius:20px
}
.content-card__header{
    padding:2rem 1.8rem 1rem;
    font-size:14px
}
.content-card__body{
    padding:1rem 1.5rem;
    padding:clamp(.9rem,2vw,1.3rem)
}
.content-card__footer{
    color:#717b96;
    font-size:14px;
    padding:1.8rem;
    background-color:rgba(113,123,150,.03);
    border-bottom-right-radius:1rem;
    border-bottom-left-radius:1rem
}
.info-box{
    padding:1rem;
    background-color:#f8f9fa
}
.info-box_title{
    font-weight:600;
    font-size:1.1rem;
    color:#01adcf
}
.centered-card{
    max-width:700px;
    margin-left:auto;
    margin-right:auto
}
.list-detail-card{
    font-size:12px;
    margin-bottom:30px
}
.badge{
    padding:7px;
    font-weight:500;
    border-radius:6px;
    font-size:10px;
    width:fit-content
}
.badge-purple{
    color:#4f3075;
    background-color:rgba(79,48,117,.1)
}
.alert{
    border-radius:1rem
}
.alert-info{
    background-color:rgba(65,100,166,.1);
    border:none;
    color:#4164a6
}
.alert-purple{
    background-color:rgba(79,48,117,.1);
    color:#4f3075
}
.alert-white{
    background-color:#fff;
    color:#3c4858
}
.bg-red{
    background-color:#ed010b!important
}
.bg-red-muted{
    background-color:rgba(237,1,11,.06)
}
.bg-purple{
    background-color:#4f3075!important
}
.bg-navy{
    background-color:#393e55
}
.bg-primary{
    background-color:#14456e!important
}
.bg-alice{
    background-color:#f0f8ff
}
.w-fit{
    width:fit-content!important
}
.hover-reset:hover{
    background-color:inherit;
    color:inherit;
    box-shadow:none
}
.bg-img{
    background-repeat:no-repeat;
    background-position-x:right;
    background-position-y:center;
    background-size:cover;
    padding:3px 3px 0;
    background-color:#eee;
    border-radius:10px
}
.bg-img-squares{
    background-image:url(../img/mirrored-squares.png)
}
.bg-img--lesson{
    background-position-y:top
}
.forgot-password-link{
    color:rgba(113,123,150,.7);
    font-weight:500;
    font-size:12px
}
.overlay{
    position:fixed;
    opacity:0;
    transition:200ms ease-in-out;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.5);
    pointer-events:none;
    z-index:999
}
.overlay.active{
    opacity:1;
    pointer-events:all
}
.prg-1{
    line-height:1.62;
    margin-bottom:30px
}
.prg-2{
    font-size:1.125rem;
    line-height:1.875
}
.prg-3{
    font-size:.87;
    line-height:1.312
}
.rounded-12{
    border-radius:12px!important
}
.rounded-14{
    border-radius:14px!important
}
.rounded-50{
    border-radius:50%
}
.bg-purple{
    background-color:#4f3075
}
.bg-purple-light,.online-book::before,.half-colored::before{
    background-color:rgba(79,48,117,.08)
}
.bg-light,.auth-menu__link .ico,.seperated-tab,.address-list .address-item{
    background-color:rgba(113,123,150,.05)!important
}
.bg-gray-soft{
    background-color:#717b96
}
.bg-red-light,.half-colored--red::before{
    background-color:rgba(237,1,11,.03)
}
.ico-pulse{
    display:flex;
    justify-content:center;
    align-items:center;
    width:30px;
    height:30px;
    border-radius:50%;
    animation:pulseSmall 3s infinite
}
.text-line-through{
    text-decoration:line-through
}
.text-muted{
    color:rgba(113,123,150,.7)!important
}
.text-underline{
    text-decoration:underline
}
.text-red{
    color:#ed010b!important
}
.text-purple{
    color:#4f3075!important
}
.text-link{
    color:#fe9a38!important
}
.text-info{
    color:#01adcf!important
}
.text-gray-dark{
    color:#3c4858
}
.text-gray-soft{
    color:#717b96
}
.text-justify{
    text-align:justify
}
.text-primary{
    color:#14456e!important
}
.text-right{
    text-align:right
}
.fs-1{
    font-size:1rem
}
.fs-12{
    font-size:12px
}
.fs-13{
    font-size:13px
}
.fs-14{
    font-size:14px
}
.fs-18{
    font-size:18px
}
.fs-20{
    font-size:20px
}
.fs-22{
    font-size:22px!important
}
.line-clamp-1{
    -webkit-line-clamp:1
}
.line-clamp-2,.lesson-card__header .lesson-card__meta .title,.lesson-card__desc{
    -webkit-line-clamp:2
}
.line-clamp-3{
    -webkit-line-clamp:3
}
.line-clamp-4{
    -webkit-line-clamp:4
}
.line-clamp-5{
    -webkit-line-clamp:5
}
.m-5{
    margin:5px!important
}
.ml-5{
    margin-left:5px!important
}
.mt-5{
    margin-top:5px!important
}
.mr-5{
    margin-right:5px!important
}
.mb-5{
    margin-bottom:5px!important
}
.mx-5{
    margin-right:5px!important;
    margin-left:5px!important
}
.my-5{
    margin-top:5px;
    margin-bottom:5px
}
.m-10{
    margin:10px!important
}
.ml-10{
    margin-left:10px!important
}
.mt-10{
    margin-top:10px!important
}
.mr-10{
    margin-right:10px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mx-10{
    margin-right:10px!important;
    margin-left:10px!important
}
.my-10{
    margin-top:10px;
    margin-bottom:10px
}
.m-15{
    margin:15px!important
}
.ml-15{
    margin-left:15px!important
}
.mt-15{
    margin-top:15px!important
}
.mr-15{
    margin-right:15px!important
}
.mb-15{
    margin-bottom:15px!important
}
.mx-15{
    margin-right:15px!important;
    margin-left:15px!important
}
.my-15{
    margin-top:15px;
    margin-bottom:15px
}
.m-20{
    margin:20px!important
}
.ml-20{
    margin-left:20px!important
}
.mt-20{
    margin-top:20px!important
}
.mr-20{
    margin-right:20px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mx-20{
    margin-right:20px!important;
    margin-left:20px!important
}
.my-20{
    margin-top:20px;
    margin-bottom:20px
}
.m-25{
    margin:25px!important
}
.ml-25{
    margin-left:25px!important
}
.mt-25{
    margin-top:25px!important
}
.mr-25{
    margin-right:25px!important
}
.mb-25{
    margin-bottom:25px!important
}
.mx-25{
    margin-right:25px!important;
    margin-left:25px!important
}
.my-25{
    margin-top:25px;
    margin-bottom:25px
}
.m-30{
    margin:30px!important
}
.ml-30{
    margin-left:30px!important
}
.mt-30{
    margin-top:30px!important
}
.mr-30{
    margin-right:30px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mx-30{
    margin-right:30px!important;
    margin-left:30px!important
}
.my-30{
    margin-top:30px;
    margin-bottom:30px
}
.m-35{
    margin:35px!important
}
.ml-35{
    margin-left:35px!important
}
.mt-35{
    margin-top:35px!important
}
.mr-35{
    margin-right:35px!important
}
.mb-35{
    margin-bottom:35px!important
}
.mx-35{
    margin-right:35px!important;
    margin-left:35px!important
}
.my-35{
    margin-top:35px;
    margin-bottom:35px
}
.m-40{
    margin:40px!important
}
.ml-40{
    margin-left:40px!important
}
.mt-40{
    margin-top:40px!important
}
.mr-40{
    margin-right:40px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mx-40{
    margin-right:40px!important;
    margin-left:40px!important
}
.my-40{
    margin-top:40px;
    margin-bottom:40px
}
.m-45{
    margin:45px!important
}
.ml-45{
    margin-left:45px!important
}
.mt-45{
    margin-top:45px!important
}
.mr-45{
    margin-right:45px!important
}
.mb-45{
    margin-bottom:45px!important
}
.mx-45{
    margin-right:45px!important;
    margin-left:45px!important
}
.my-45{
    margin-top:45px;
    margin-bottom:45px
}
.m-50{
    margin:50px!important
}
.ml-50{
    margin-left:50px!important
}
.mt-50{
    margin-top:50px!important
}
.mr-50{
    margin-right:50px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mx-50{
    margin-right:50px!important;
    margin-left:50px!important
}
.my-50{
    margin-top:50px;
    margin-bottom:50px
}
.m-55{
    margin:55px!important
}
.ml-55{
    margin-left:55px!important
}
.mt-55{
    margin-top:55px!important
}
.mr-55{
    margin-right:55px!important
}
.mb-55{
    margin-bottom:55px!important
}
.mx-55{
    margin-right:55px!important;
    margin-left:55px!important
}
.my-55{
    margin-top:55px;
    margin-bottom:55px
}
.m-60{
    margin:60px!important
}
.ml-60{
    margin-left:60px!important
}
.mt-60{
    margin-top:60px!important
}
.mr-60{
    margin-right:60px!important
}
.mb-60{
    margin-bottom:60px!important
}
.mx-60{
    margin-right:60px!important;
    margin-left:60px!important
}
.my-60{
    margin-top:60px;
    margin-bottom:60px
}
.small-muted-text,.lesson-card__header .lesson-card__meta .hoca,.product-info .price .old-price{
    color:rgba(113,123,150,.9)!important;
    font-size:13px
}
.avatar-box{
    width:50px;
    min-width:50px;
    height:50px;
    background-position-x:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#e8e5eb;
    border-radius:16px
}
.small-bold-text{
    color:#3c4858;
    font-size:13px;
    font-weight:700
}
.flex-centered,.auth-menu__link .ico,.price-box_rate,.about-feature-card__icon,.feature-icon,.small-icon__centered{
    display:flex;
    align-items:center;
    justify-content:center
}
.m-0{
    margin:0!important
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.margin-0{
    margin:0!important
}
.my-auto{
    margin-top:auto;
    margin-bottom:auto
}
.ml-auto{
    margin-left:auto
}
.mr-auto{
    margin-right:auto
}
.mr-25{
    margin-right:25%
}
.mr-50{
    margin-right:50%
}
ol.nested-list ol{
    counter-reset:item
}
ol.nested-list li{
    display:block;
    line-height:1.62;
    margin-bottom:30px;
    text-align:justify
}
ol.nested-list li:before{
    content:counters(item,".") ") ";
    counter-increment:item;
    color:#3c4858;
    font-weight:500
}
ul.latin-style{
    list-style-type:lower-latin
}
.dot-list{
    list-style-type:none
}
.dot-list li{
    display:flex;
    color:#717b96
}
.dot-list li:not(:last-child){
    margin-bottom:1rem
}
.dot-list li::before{
    content:"";
    width:7px;
    min-width:7px;
    height:7px;
    background-color:#717b96;
    border-radius:2px;
    margin-right:10px;
    line-height:21px;
    margin-top:3px
}
.dot-list--red li::before{
    background-color:#ed010b
}
.stick{
    position:sticky!important;
    top:10px!important
}
.p-5{
    padding:5px!important
}
.pl-5{
    padding-left:5px!important
}
.pt-5{
    padding-top:5px!important
}
.pr-5{
    padding-right:5px!important
}
.pb-5{
    padding-bottom:5px!important
}
.px-5{
    padding-right:5px!important;
    padding-left:5px!important
}
.py-5{
    padding-top:5px!important;
    padding-bottom:5px!important
}
.p-10{
    padding:10px!important
}
.pl-10{
    padding-left:10px!important
}
.pt-10{
    padding-top:10px!important
}
.pr-10{
    padding-right:10px!important
}
.pb-10{
    padding-bottom:10px!important
}
.px-10{
    padding-right:10px!important;
    padding-left:10px!important
}
.py-10{
    padding-top:10px!important;
    padding-bottom:10px!important
}
.p-15{
    padding:15px!important
}
.pl-15{
    padding-left:15px!important
}
.pt-15{
    padding-top:15px!important
}
.pr-15{
    padding-right:15px!important
}
.pb-15{
    padding-bottom:15px!important
}
.px-15{
    padding-right:15px!important;
    padding-left:15px!important
}
.py-15{
    padding-top:15px!important;
    padding-bottom:15px!important
}
.p-20{
    padding:20px!important
}
.pl-20{
    padding-left:20px!important
}
.pt-20{
    padding-top:20px!important
}
.pr-20{
    padding-right:20px!important
}
.pb-20{
    padding-bottom:20px!important
}
.px-20{
    padding-right:20px!important;
    padding-left:20px!important
}
.py-20{
    padding-top:20px!important;
    padding-bottom:20px!important
}
.p-25{
    padding:25px!important
}
.pl-25{
    padding-left:25px!important
}
.pt-25{
    padding-top:25px!important
}
.pr-25{
    padding-right:25px!important
}
.pb-25{
    padding-bottom:25px!important
}
.px-25{
    padding-right:25px!important;
    padding-left:25px!important
}
.py-25{
    padding-top:25px!important;
    padding-bottom:25px!important
}
.p-30{
    padding:30px!important
}
.pl-30{
    padding-left:30px!important
}
.pt-30{
    padding-top:30px!important
}
.pr-30{
    padding-right:30px!important
}
.pb-30{
    padding-bottom:30px!important
}
.px-30{
    padding-right:30px!important;
    padding-left:30px!important
}
.py-30{
    padding-top:30px!important;
    padding-bottom:30px!important
}
.p-35{
    padding:35px!important
}
.pl-35{
    padding-left:35px!important
}
.pt-35{
    padding-top:35px!important
}
.pr-35{
    padding-right:35px!important
}
.pb-35{
    padding-bottom:35px!important
}
.px-35{
    padding-right:35px!important;
    padding-left:35px!important
}
.py-35{
    padding-top:35px!important;
    padding-bottom:35px!important
}
.p-40{
    padding:40px!important
}
.pl-40{
    padding-left:40px!important
}
.pt-40{
    padding-top:40px!important
}
.pr-40{
    padding-right:40px!important
}
.pb-40{
    padding-bottom:40px!important
}
.px-40{
    padding-right:40px!important;
    padding-left:40px!important
}
.py-40{
    padding-top:40px!important;
    padding-bottom:40px!important
}
.p-45{
    padding:45px!important
}
.pl-45{
    padding-left:45px!important
}
.pt-45{
    padding-top:45px!important
}
.pr-45{
    padding-right:45px!important
}
.pb-45{
    padding-bottom:45px!important
}
.px-45{
    padding-right:45px!important;
    padding-left:45px!important
}
.py-45{
    padding-top:45px!important;
    padding-bottom:45px!important
}
.p-50{
    padding:50px!important
}
.pl-50{
    padding-left:50px!important
}
.pt-50{
    padding-top:50px!important
}
.pr-50{
    padding-right:50px!important
}
.pb-50{
    padding-bottom:50px!important
}
.px-50{
    padding-right:50px!important;
    padding-left:50px!important
}
.py-50{
    padding-top:50px!important;
    padding-bottom:50px!important
}
.p-55{
    padding:55px!important
}
.pl-55{
    padding-left:55px!important
}
.pt-55{
    padding-top:55px!important
}
.pr-55{
    padding-right:55px!important
}
.pb-55{
    padding-bottom:55px!important
}
.px-55{
    padding-right:55px!important;
    padding-left:55px!important
}
.py-55{
    padding-top:55px!important;
    padding-bottom:55px!important
}
.p-60{
    padding:60px!important
}
.pl-60{
    padding-left:60px!important
}
.pt-60{
    padding-top:60px!important
}
.pr-60{
    padding-right:60px!important
}
.pb-60{
    padding-bottom:60px!important
}
.px-60{
    padding-right:60px!important;
    padding-left:60px!important
}
.py-60{
    padding-top:60px!important;
    padding-bottom:60px!important
}
.p-0{
    padding:0!important
}
.pb-0{
    padding-bottom:0!important
}
.py-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.fw-100{
    font-weight:100!important
}
.fw-200{
    font-weight:200!important
}
.fw-300{
    font-weight:300!important
}
.fw-400{
    font-weight:400!important
}
.fw-500{
    font-weight:500!important
}
.fw-600{
    font-weight:600!important
}
.fw-700{
    font-weight:700!important
}
.fw-800{
    font-weight:800!important
}
.fw-900{
    font-weight:900!important
}
.fw-light{
    font-weight:light
}
.fw-bold{
    font-weight:700
}
@media(max-width:1024px){
    .hide-span{
        display:none
    }
}
@media(max-width:768px){
    .hide-less-md{
        display:none!important
    }
}
@media(min-width:768px){
    .page-info{
        width:75%
    }
}
@media(max-width:1024px){
    .w-mobile-25{
        width:25%!important
    }
    .w-mobile-50{
        width:50%!important
    }
    .w-mobile-75{
        width:75%!important
    }
    .w-mobile-100{
        width:100%!important
    }
    .hide-less-lg{
        display:none!important
    }
    .text-center-less-lg{
        text-align:center
    }
    .main-wrapper::before{
        background-position-x:center;
        background-position-y:top;
        background-size:100% 100%;
        background-repeat:no-repeat;
        border-bottom-right-radius:360px
    }
    .lesson-indicator{
        justify-content:center
    }
}
@media(min-width:1024px){
    .hide-more-lg{
        display:none!important
    }
    .w-desktop-25{
        width:25%!important
    }
    .w-desktop-50{
        width:50%!important
    }
    .w-desktop-75{
        width:75%!important
    }
    .w-desktop-100{
        width:100%!important
    }
}
.container-tight{
    max-width:1200px!important
}
.swiper-slide{
    outline:none
}
.credit-card-img{
    width:100%;
    max-width:7rem
}
.taksit-list li{
    padding:15px 10px;
    font-size:14px
}
.taksit-list li:not(:last-child){
    border-bottom:1px solid rgba(113,123,150,.08)
}
.main-wrapper{
    height:100%;
    display:flex;
    flex-direction:column
}
.main-wrapper header{
    flex:0 0 auto
}
.main-wrapper main{
    flex-shrink:0
}
.order-message{
    width:6rem;
    height:6rem;
    border-radius:50%;
    font-size:5rem;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center
}
.order-message__success{
    box-shadow:0 0 0 .6rem rgba(9,255,0,.199);
    background-color:#27ae60
}
.order-message__danger{
    box-shadow:0 0 0 .6rem rgba(235,87,87,.199);
    background-color:#eb5757
}
.clipboardBtn{
    transition:all ease-in-out .2s
}
.clipboardBtn:focus{
    transform:scale(.8)
}
.scroll-tabs{
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow-x:auto
}
.list-info{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.ico-with-text{
    display:flex;
    padding:10px 7px;
    align-items:center;
    border-radius:12px;
    width:fit-content;
    font-size:12px;
    font-weight:700
}
.ico-with-text i{
    font-size:14px
}
.work-room-btn{
    z-index:1
}
.user-thumb-img{
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
    background-size:cover;
    background-color:transparent;
    width:35px;
    height:35px;
    border-radius:16px
}
.slider-arrow{
    width:44px;
    height:44px;
    border:1px solid transparent;
    color:rgba(113,123,150,.5);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(to right,#14456E 40%,transparent 0%);
    background-size:250% 100%;
    background-position:right -5px bottom;
    transition:all .3s ease-out;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(48,55,74,.04),0 0 2px rgba(48,55,74,.06),0 0 1px rgba(48,55,74,.04);
    cursor:pointer
}
.slider-arrow:hover{
    background-color:#14456e;
    background-position:left bottom;
    color:#fff;
    border:1px solid #fff
}
[data-fancybox]:focus,[data-fancybox]:focus-visible,[data-fancybox]:active{
    outline:none
}
.push-top:hover,.blog:hover,.plugin-card .feature-card:hover{
    transform:translateY(-7px)
}
@media(max-width:768px){
    .calendar .event-container{
        padding:3rem 1rem
    }
    .list-info{
        flex-direction:column-reverse
    }
    .slider-arrow{
        display:none
    }
}
@keyframes pulse{
    0%{
        transform:scale(.95);
        box-shadow:0 0 0 0 rgba(0,0,0,.7)
    }
    70%{
        transform:scale(1.3);
        box-shadow:0 0 0 10px transparent
    }
    100%{
        transform:scale(.95);
        box-shadow:0 0 0 0 transparent
    }
}

.information {
    margin: 0 0 20px;
    padding: 20px;
    border-radius: 16px;
    background-color: rgba(113, 123, 150, 0.05);
}

.information span{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #717b96;
}

.p-black {
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

.teacher-product-title {
    color: #BD1A20;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
}

.course-rating-container img {
    width: 18px;
    height: 17px
}

.comment-user {
    color: #0E0C21;
    font-size: 16px;
    font-weight: 500;
}

.text-teacher h6{
    font-weight: 500;
    font-size: 14px;
    color: #3C4858;
    margin: 0;
}

.text-teacher p{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #717B96;
    margin: 0;
}

.text-gray-light {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #717b96;
}

.status-block-grey {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 20px;
    padding: 10px;
    border-radius: 20px;
    max-width: 120px;
    background-color: #EFEFF2;
}

.status-block-grey p {
    color: #717B96;
    margin: 0;
    padding-left: 10px;
}

.mb-80 {
    margin-bottom: 80px;
}

@media (max-width: 1023px) {
    .mt-sm-20 {
        margin-top: 20px;
    }
    .mb-sm-20 {
        margin-bottom: 20px !important;
    }
}

.half-colored.q-half-colored::before {
    content: "";
    position: absolute;
    display: block;
    left: auto;
    right: 0;
    top: 100px;
    width: 90% !important;
    background-color: #4f3075 !important;
    opacity: 0.03;
    height: 50%;
    z-index: -1;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
}

.nav-item.item-long {
    width: 300px;
}

.lesson-box {
    width: 377px;
    height: 407px;
    margin: 0 0.2px 0 0;
    padding: 12px 12px 16px 24.9px;
    border-radius: 24px;
    box-shadow: 0 0 1px 0 rgba(48, 55, 74, 0.04), 0 0 2px 0 rgba(48, 55, 74, 0.06), 0 4px 8px 0 rgba(48, 55, 74, 0.04);
    background-color: #fff;
}

.w-h-74 {
    width: 74px;
    height: 74px;
}

.discount {
    text-align: center;
    width: 64.2px;
    height: 50px;
    padding: 6px 10.4px 4px 12.4px;
    border-radius: 12px;
    background-color: rgba(39, 174, 96, 0.1);
    font-size: 10px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #27ae60;
}

.discount strong {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #27ae60;
}

.teacher-card {
    margin: 0 0.2px 0 15.2px;
    border-radius: 24px;
    box-shadow: 0 0 1px 0 rgba(48, 55, 74, 0.04), 0 0 2px 0 rgba(48, 55, 74, 0.06), 0 4px 8px 0 rgba(48, 55, 74, 0.04);
    background-color: #fff;
}

.lesson-card__header__ {
    display: flex;
    align-items: flex-start;
    margin: 13px 10px 19px 27px;
    padding-top: 20px;
}

.lesson-card__img__ {
    height: 74px;
    padding: 0;
    margin-right: 10px;
    border-radius: 12px;
}

.color-light {
    color: #9ca3b6;
}

.teacher-content-text {
    opacity: 0.87;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #717b96;
}

.grid-teacher {
    padding: 0 30px;
}

.font-size-12 {
    font-size: 12px;
}



@media ( min-width: 1200px ) {
    .w-446 {
        width: 446px !important;
    }
}

@media ( min-width: 1200px ) {
    .lesson-swiper-slide:first-child {
        margin-left: 250px;
    }
}

.text-all-comment {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #717b96;
}

.comment-group {
    border-radius: 10px;
    border: 1.5px solid #E4EAF3;
    background-color: #fff;
}

.comment-group-input {
    border: none;
    background: none;
    height: 84px;
    width: 100%;
    padding: 10px;
    resize: none;
}

.comment-group-input:focus-visible {
    outline: none !important;
    background: none;
}

.weekly-program {
    display: flex;
    justify-content: space-between;
    margin: 30px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #717b96;
}

@media (max-width: 450px) {
    .weekly-program {
        margin: 30px 5px 0 5px;
    }
}

.weekly-program-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.weekly-program .clock.passive{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #b8b8bf;
}

.weekly-program .clock.passive.active{
    color: #b8b8bf !important;
    background-color: #FFF !important;
    border: 1px solid #FFF !important;
}

.weekly-program .clock{
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #14456e;
    border-radius: 8px;
    border: 1px solid #FFF;
}

.weekly-program .clock.passive:hover{
    background-color: #FFF;
    color: #b8b8bf;
    border: 1px solid #FFF;
}

.weekly-program .clock:hover {
    border: 1px solid #14456e;
    background-color: #FFF;
    color: #14456e;
}

.weekly-program .clock.active{
    background-color: #14456e;
    color: #FFF;
    border: 1px solid #14456e;
}

@media (max-width: 400px) {
    .weekly-program .clock {
        font-size: 12px !important;
        padding: 3px;
    }
    .weekly-program .day {
        font-size: 16px;
        padding: 10px 0;
    }
}

.weekly-program-line {
    display: flex;
    justify-content: center;
    width: 90%;
    height: 4px;
    background-color: #bd1a20;
    margin-bottom: 6px;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 26px;
    color: #FFB100;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

@media (max-width: 1200px) {
    .weekly-program-line {
        width: 80%;
    }
}

.weekly-program-line.empty {
    background-color: #dadbde;
}

.btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
}

.btn-send.disabled {
    pointer-events: none;
}

.btn-send img{
    height: 17px;
    width: 17px;
}

.teacher-card__header__ {
    display: flex;
    align-items: center;
    justify-content: start;
}

@media (max-width: 600px) {
    .teacher-card__header__ {
        flex-direction: column;
        align-items: flex-start;
        justify-content: start;
    }
}

.teacher-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    height: 40px;
    padding: 10px 11px 10px 4px;
    margin: 10px 20px;
    background: #E1E5EE;
    font-weight: 400;
    width: fit-content;
}
.teacher-header p {
    padding: 0 10px;
}

.teacher-header svg {
    min-width: 18px;
    min-height: 18px;
}

@media (min-width: 1200px) {
    .teacher-header {
        margin-left: 10px;
    }
}

.teacher-header.grey {
    background: #EFEFF2 !important;
}

.teacher-header .teacher-img {
    border-radius: 50%;
    background-repeat: no-repeat;
    height: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    background-position: center;
    background-size: contain;
}

.teacher-card__name .teacher-img {
    border-radius: 50%;
    background-repeat: no-repeat;
    height: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    background-position: center;
    background-size: contain;
}

.teacher-img-middle {
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: 42px;
    height: 42px;
    width: 42px;
}

.status-block-img {
    position: relative;
}

.status-block-img .status-block {
    position: absolute;
    top: 27px;
    right: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: 100px;
    height: 40px;
    background: #14456E;

}

.status-block-img .status-block p{
    color: #FFF;
    margin: 0;
    padding-left: 10px;
}


.blue-text{
    font-weight: 500;
    font-size: 14px;
    color: #14456E;
}

.add-balance-container .payment-budget-content h5{
    font-size: 24px;
    color: #0E0C21;
}

.add-balance-container .payment-budget-content span {
    font-size: 500;
    font-size: 18;
    color: #0E0C21;
}

.payment-day span{
    font-weight: 500;
    font-size: 16px;
    color: #0E0C21;
}

.payment-day {
    color: #808080;
    margin: 0;
}

.payment-day-time {
    display: flex;
    align-items: center;
    text-align: center;
    background: #FFFFFF;
    border: 1.5px solid #808080;
    color: #808080;
    border-radius: 4px;
    padding: 6px 10px;
}

.payment-price .price{
    font-size: 26px;
    color: #0E0C21;
}

.payment-price del {
    font-size: 12px;
    color: #A4A3A3;
}

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

.payment-time {
    background: #FFFFFF;
    border: 1.5px solid #808080;
    border-radius: 6px;
    background-color: #FFF;
    font-weight: 500;
    font-size: 12px;
    padding: 12px 12px;
    color: #808080;
}

.payment-time.disabled {
    color: #A4A3A3;
    border: 1.5px solid #8080802d;
    background: #80808007;
}

.payment-time.active {
    border: 1.5px solid #14456E;
    color: #FFF;
    background: #14456E;
}

.box-gray-soft {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 32px;
    background-color: rgba(20, 69, 110, 0.1);
    color: #2D2767;
    border-radius: 4px;
    margin-left: 10px;
}

.pay-time-table {
    position: relative;
}

.pay-table-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 100px 80px rgba(149, 161, 187, 0.07), 0px 47px 33.4221px rgba(149, 161, 187, 0.0503198), 0px 22.3363px 17.869px rgba(149, 161, 187, 0.0417275), 0px 12.5216px 10.0172px rgba(149, 161, 187, 0.035), 0px 6.6501px 5.32008px rgba(149, 161, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(149, 161, 187, 0.0196802);
}

.pay-table-button-icon-active {
    display: none;
}

.pay-table-button:hover {
    background-color: #14456e;
}

.pay-table-button:hover .pay-table-button-icon{
    display: none;
}

.pay-table-button:hover  .pay-table-button-icon-active{
    display: block !important;
}

.pay-table-button.right {
    top: 10px;
    right: 10px;
}
.pay-table-button.left {
    top: 10px;
    left: 10px;
}
/* icons */


@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.897c5fcd.eot);
    src: url(../fonts/icomoon.897c5fcd.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.3677209b.ttf) format("truetype"), url(../fonts/icomoon.f6101849.woff) format("woff"), url(../fonts/icomoon.83a91ade.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-alert:before {
    content: ""
}

.icon-android:before {
    content: ""
}

.icon-apple:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

.icon-board:before {
    content: ""
}

.icon-book:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-calendar-finish:before {
    content: ""
}

.icon-calendar-start:before {
    content: ""
}

.icon-cart:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-check-stroke:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-comments:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-cup:before {
    content: ""
}

.icon-details:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-egitimler-menu:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-gift:before {
    content: ""
}

.icon-graphic:before {
    content: ""
}

.icon-hide:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-kontenjan:before {
    content: ""
}

.icon-kontor:before {
    content: ""
}

.icon-left-arrow {
    font-family: icomoon!important;
    font-size: 1.5em;
}

.icon-right-arrow {
    font-family: icomoon!important;
    font-size: 1.5em;
}

.q-quiz-cta-btns li i {
    margin-right: 5px;
    font-size: 1.6rem;
}

.icon-left-arrow:before {
    content: ""
}

.icon-lessons:before {
    content: ""
}

.icon-level:before {
    content: ""
}

.icon-live:before {
    content: ""
}

.icon-live-1:before {
    content: ""
}

.icon-location-footer:before {
    content: ""
}

.icon-map-pin:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-movie:before {
    content: ""
}

.icon-not-found:before {
    content: ""
}

.icon-oda:before {
    content: ""
}

.icon-penline:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-pin-filled:before {
    content: ""
}

.icon-pin-line:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-plus-stroke:before {
    content: ""
}

.icon-presentation:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-remote-connect:before {
    content: ""
}

.icon-right-arrow:before {
    content: ""
}

.icon-scale:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-ship-car:before {
    content: ""
}

.icon-ship-device:before {
    content: ""
}

.icon-ship-security:before {
    content: ""
}

.icon-show:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-statistic:before {
    content: ""
}

.icon-target:before {
    content: ""
}

.icon-time:before {
    content: ""
}

.icon-translate:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-unlimited-video:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-video-cam:before {
    content: ""
}

.icon-video-cam-1:before {
    content: ""
}

.icon-windows:before {
    content: ""
}

.icon-world:before {
    content: ""
}

.icon-money:before {
    content: "₺";
}

#side-panel-book-lesson-modal.d-flex {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: auto;
    z-index: 10000;
}

#side-panel-pay-lesson-modal.d-flex , #side-panel-successful-lesson-modal.d-flex{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    top: 0;
    left: auto;
    z-index: 10000;
}

#side-panel-book-lesson-modal .modal-dialog {
    width: 100%;
    height: 100%;
}

@media (min-width: 1000px) {
    #side-panel-pay-lesson-modal .modal-dialog {
        width: 25%;
        height: 100%;
    }
    #side-panel-successful-lesson-modal .modal-dialog {
        width: 25%;
        height: 100%;
    }
}
@media (min-width: 576px) {
    #popupModuleModalLesson .modal-dialog {
        width: 285px;
        height: 100%;
    }
}



.question-bank-img-height {
    height: 34px;
    width: 30px;
}

.virtara-logo-img {
    height: 35px;
    width: 180px;
}

.address-custom-select .custom-select-box .custom-select img{
    height: 36px;
    padding: 0;
    margin: 0;
}


.address-custom-select .custom-select-box .custom-select {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    cursor: pointer;
}

.address-custom-select .custom-select-box .custom-select .custom-select-value {
    width: 100%;
}

.quick-selection-payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 14px;
}

.quick-selection-payment .payment-amount {
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #14456E;
    color: #14456E;
    cursor: pointer;
}

.quick-selection-payment .payment-amount:hover {
    background-color: #14456E;
    color: #FFF;
}

@media (max-width: 400px) {
    .quick-selection-payment .payment-amount {
        font-size: 12px;
        padding: 4px 2px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .quick-selection-payment .payment-amount {
        font-size: 14px;
        padding: 6px 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1199px) {
    .quick-selection-payment .payment-amount {
        font-size: 13px;
        padding: 4px 6px;
    }
}

.address-custom-select .custom-select {
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #EFEFEF;
    background-color: rgba(113,123,150,.05);
}

.address-custom-select .custom-select .custom-select-value h6 , .address-custom-select .custom-select-option h6 {
    font-weight: 500;
    font-size: 16px;
    color: #14456e;
}

.address-custom-select .custom-select .custom-select-value p , .address-custom-select .custom-select-option p {
    font-weight: 400;
    font-size: 13px;
    color: #14456e;
}

.address-custom-select .custom-select .custom-select-value span , .address-custom-select .custom-select-option span {
    font-weight: 500;
    font-size: 13px;
    color: #14456e;
}


.address-custom-select .custom-select-option {
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
}

.address-custom-select .custom-select-option:hover {
    background-color: rgba(113,123,150,.05);
}

.address-custom-select .custom-select .custom-select-value p b, .address-custom-select .custom-select-option b {
    font-weight: 600;
}

.btn-budget {
    border-radius: 16px;
    padding: 8px 10px;
    font-size: 13px;
    background-color: #FFF;
    border: 1px solid rgba(113,123,150,.1);;
}

@media (max-width: 400px) {
    .btn-budget {
        padding: 2px 5px;
        font-size: 9px;
    }

}

.btn-budget:hover {
    background-color: rgba(113,123,150,.07);
}

.btn-budget:hover .btn-budget-img {
    background-color: #FFF;
    opacity: 0.8;
    border: 1px solid rgba(113,123,150,.3);;

}

.btn-budget span strong {
    color: #14456E;
}

.btn-budget .btn-budget-img {
    padding: 8px;
    border-radius: 8px;
    background-color: #efefef;
    margin-right: 6px;
}

.applied-coupon-area {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 10px 0;
}

.applied-coupon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #f7f7f7;
    box-shadow: 0 0 1px 0 rgba(48, 55, 74, 0.04), 0 0 2px 0 rgba(48, 55, 74, 0.06), 0 4px 8px 0 rgba(48, 55, 74, 0.04);
}
.coupon-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coupon-box img {
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.applied-coupon .icon-plus {
    transform: rotate(45deg);
    cursor: pointer;
}

.coupon-content {
    font-weight: 400;
    font-size: 14px;
}

.coupon-content #coupon-code {
    font-weight: 500;
    font-size: 16px;
}

.coupon-border {
    border-radius: 18px !important;
    border: 1px solid #efefef;
}

.payment-failed p {
    font-size: 15px;
}

.payment-failed p:last-child {
    font-size: 14px;
}

.budget-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #efefef;
    padding: 6px 10px;
    background-color: #fcfcfc;
}

.budget-box p {
    font-size: 12px;
    color: #14456E;
    margin: 0;
}

.budget-box h5 {
    font-size: 16px;
    color: #14456E;
    margin: 0;
}

.icon-box-grey {
    border-radius: 10px;
    padding: 6px;
    background-color:  #efefef;
}
.small-checkmark {
    min-width: 16px !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 4px;
}

.text-agreement {
    font-size: 14px;
    margin-bottom: 0;
}

.text-green {
    color: #54B265;
}

.student-not {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background-color: #FFF;
    color: #3c4858;
    margin-top: 3px;
    font-size: 16px;
    border-radius: 12px;
}

@media (max-width: 768px) {
    .student-not {
        flex-direction: column;
        align-items: flex-end;
    }
    .student-not-lesson-announcement-right {
        flex-direction: column;
        align-items: flex-end !important;
    }
    .student-not__header .ml-22 {
        height: 40px;
    }
    .student-not__header .teacher-card__name {
        position: absolute !important;
        left: 0;
        top: 0;
        padding: 3px;
    }
    .student-not .student-not__header .student-not-lesson-announcement img {
        left: 8px;
    }
}

.student-not .student-not__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.student-not .student-not__header h4 {
    color: #14456e;
}

.student-not-lesson-announcement-right {
    display: flex;
    align-items: center;
    justify-content: end;
}

.student-not-lesson-announcement-right .student-not-clock {
    border-radius: 10px;
    background-color: #f6f6f6;
    padding: 10px 12px;
    font-weight: 500;
    color: #14456E;
    border: 1px solid #d7d7d7;
}

.student-not .student-not__header .student-not-lesson-announcement {
    width: 81px;
    height: 0;
    margin-left: 20px;
}

.student-not .student-not__header .student-not-lesson-announcement img{
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
}

.student-not p {
    margin: 0;
}

.teacher-card__name {
    display: flex;
    align-items: center;
    justify-content: start;
}

.student-not__header .teacher-card__name h4{
    font-size: 15px;
}

.student-not__header .teacher-card__name p{
    font-size: 1.10rem;
}

@media (max-width: 991px) {
    .sm-mt-30 {
        margin-top: 30px;
    }
}

.student-panel-menu-area  {
    background-color: #FFF;
    border-radius: 20px;
    padding: 20px;
}


.student-panel-menu-area .student-panel-menu-elements .auth-menu__item.student-panel-menu-element{
    border: 1px solid #efefef;
    margin: 10px 0;
    border-radius: 20px;
}

.student-panel-menu-area .student-panel-menu-elements .student-panel-menu-element-title > .auth-menu__link {
    background-color: transparent;
    color: inherit;
    cursor: unset;
}

.student-panel-menu-area .student-panel-menu-elements .student-panel-menu-element-title > .auth-menu__link:hover {
    background-color: transparent;
    color: inherit;
}

.student-panel-menu-area .student-panel-menu-elements .auth-menu__link .btn-budget-img{
    width: 14px;
    height: 14px;
}

.student-panel-menu-area .student-panel-menu-elements .auth-menu__link .btn-budget-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(113,123,150,.05)!important;
    width: 35px;
    height: 35px;
    border-radius: 12px;
}

.student-panel-menu-area .student-panel-menu-elements .auth-menu__link:hover .btn-budget-img-box {
    background-color: #FFF!important;
}


.student-panel-menu-area .student-panel-menu-elements .auth-menu__link:hover .btn-budget-img-box .btn-budget-img .a {
    fill: none;
    stroke: #ed010b;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.student-panel-menu-area .student-panel-menu-elements .student-panel-submenu-elements .auth-menu__link {
    font-size: 12px;
    padding-left: 12px;
    border-radius: 0;
}

.student-panel-menu-area .student-panel-menu-elements .student-panel-submenu-elements li:last-child .auth-menu__link {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.student-panel-menu-area .student-panel-menu-elements .student-panel-submenu-elements .auth-menu__link .ico {
    height: 24px;
    width: 24px;
}

.student-panel-menu-element-title {
    background-color: #f6f6f6;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: 1px solid #efefef;
}

.student-panel-menu-element-title .auth-menu__link .ico {
    background-color: #FFF !important;
}

.student-not__header .ml-22 {
    margin-left: 22px;
}

@media (max-width: 991px) {
    .small-with-mg-top-3 {
        margin-top: 16px;
    }
}

.student-img-personal-information-area {
    display: flex;
    align-items: center;
    justify-content: center;

}

.student-personal-information-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.student-img-personal-information-area .student-img-personal-information-img-area .student-img-personal-information-icon-relative {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.student-img-personal-information-area label .student-img-personal-information-input {
    background-color: #FFF;
}

.student-img-personal-information-area .student-img-personal-information-img-area img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #efefef;
    opacity: 1;
    cursor: pointer;
}
.student-img-personal-information-area .student-img-personal-information-img-area img:hover {
    opacity: 0.6;
}

.student-img-personal-information-area .student-img-personal-information-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.student-personal-information-area .student-img-personal-change-button {
    line-height: normal;
    height: auto;
}

.student-order-table-panel-table .student-order-table-panel-header {
    border: 1px solid #EFEFEF;
    padding: 10px 20px;
}
.student-order-table-panel-table .student-order-table-panel-header tr th {
    padding: 10px 20px;
    border: 1px solid #EFEFEF;

}

.student-order-table-panel-table .student-order-table-panel-body tr {
    cursor: pointer;
}

.student-order-table-panel-table .student-order-table-panel-body tr td {
    padding: 10px 20px;
    border: 1px solid #EFEFEF;
}

.student-order-table-panel-table .student-order-table-panel-body tr:last-child {
    border-radius: 16px;
}

.student-order-table-panel-table .student-order-table-panel-body tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.student-order-table-panel-table .student-order-table-panel-body tr:hover {
    background-color: #efefef;
}

.student-order-table-panel-table .student-order-table-panel-body tr td.title {
    color: #14456E;
    font-weight: 500;
    font-size: 14px;
}

.student-order-table-panel-table .student-order-table-panel-body tr td .payment-info {
    font-weight: 500;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 14px;
}

.student-order-table-panel-table .student-order-table-panel-body tr td .payment-info.success {
    color:#fff;
    background-color:#28a745;
}

.student-order-table-panel-table .student-order-table-panel-body tr td .payment-info.load {
    color: #212529;
    background-color: #ffc107;
}

.student-order-table-panel-table .student-order-table-panel-body tr td .payment-info.error {
    color: #fff;
    background-color: #f43b2d;
}

.panel-student-calendar-plan {
    width: 100%;
    background-color: #efefef;
    border-radius: 16px;
    padding-bottom: 10px;
}

.panel-student-calendar-plan.disabled {
    pointer-events:none;
    opacity:.65
}

.calendar-back.passive, .calendar-next.passive {
    pointer-events:none;
    opacity:.65
}

.panel-student-calendar-plan .panel-student-calendar-days-title {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto ;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}

.panel-student-calendar-plan .panel-student-calendar-days-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-top: 10px;
    color: #14456E;
    font-weight: 500;
}

.panel-student-calendar-plan .panel-student-calendar-days {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto ;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 10px;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 4px;
    margin-top: 10px;
    background-color: #FFF;
    color: #717b96;
    font-weight: 400;
    font-size: 15px;
    cursor: pointer;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.active {
    background-color: #14456E;
    color: #FFF;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.old-month {
    background-color: #e5e5e5;
    color: #9d9d9d;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.next-month {
    background-color: #e5e5e5;
    color: #9d9d9d;
}
.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.full {
    position: relative;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.full .full {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 100%;
    background-color: #14456E;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.panel-student-calendar-plan .panel-student-calendar-days .panel-student-calendar-day.full.active .full {
    display: none;
}

.panel-student-calendar-month-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background-color: #14456e;
}

.panel-student-calendar-month-title span {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.lesson-select-day-area {
    display: flex;
    flex-direction: column;
}
.lesson-select-day-area .lesson-select-day {
    border-radius: 16px;
    padding: 4px;
    border: 1px solid #efefef;
    cursor: pointer;
}

.lesson-select-day-area .lesson-select-day:hover {
    background-color: #f7f7f7;
    border: 1px solid #efefef;
}

.lesson-select-day-area .lesson-select-day:hover .student-not-lesson-announcement-right .student-not-clock {
    background-color: #FFF;
}

.lesson-select-day-area .lesson-select-day .student-not-lesson-announcement-right .student-not-clock {
    font-size: 13px;
}

#calendar-month-next {
    cursor: pointer;
}

#calendar-month-back {
    cursor: pointer;
}

.loader-container, .not-found-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loader-container img, .not-found-container img {
    height: 64px;
    width: 64px;
}

.loader-container span, .not-found-container span {
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400;
    color: #656565;
}

.not-found-container span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
}

.day-lesson-title {
    text-align: left;
}

.day-lesson-title span{
    font-size: 14px;
    color: #393e55;
}

.day-lesson-title h4{
    font-weight: 500;
    font-size: 16px;
    color: #14456e;
}

.poweredContainer #pwc1 img {
    height: 34px;
    width: auto;
}

.poweredContainer #pwc2 img {
    height: 35px;
    width: auto;
}

@media only screen and (max-width: 575px) {
    .poweredContainer > div {
        flex-direction: column !important;
    }

    .poweredContainer #pwc1 {
        align-items: center !important;
    }

    .poweredContainer #pwc1 > div {
        align-items: center !important;
    }

    .poweredContainer #pwc2 {
        margin-top: 25px;
    }
}

.modal .lesson-cancel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin: 10px 10px 0 10px;
    background-color: #fff2f2;
    border-radius: 8px;
    border: 1px solid #ffe1e1;
}

.modal .lesson-cancel p {
    color: #ed010b;
    margin: 0;
}

.start-end-time-lesson-box {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    border: 1px solid #efefef;
}

.start-end-time-lesson-box  span {
    color: #14456E;
}

.start-end-time-lesson-box  span strong {
    font-weight: 500;
}

.text-successful-info {
    font-weight: 600;
    color: #1c588b;
    margin-top: -25px;
}

.img-successful-info {
    height: 128px;
    width: auto;
    margin-bottom: 20px;
    top: -10px;
    position: relative;
}

.teacher-img-view-lesson-box {
    display: flex;
    justify-content: center;
    width: 100%;
}

.teacher-img-view-lesson {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: content-box;
    position: absolute;
    top: -40px;
    background-size: contain;
    border-radius: 50%;
}

.modal-title.modal-view-lesson-title {
    margin-top: 40px;
}

.view-lesson-btn-area {
    display: grid;
    grid-template-columns: 50% 50%;
    margin: 0 10px;
}

.view-lesson-btn-area .view-lesson-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 17px;
    margin: 3px;
    border-radius: 12px;
}

.view-lesson-btn-area .view-lesson-btn i {
    font-size: 22px;
    margin-bottom: 5px;
}

.view-lesson-btn-area .view-lesson-btn span {
    font-size: 15px;
    font-weight: 500;
}

.view-lesson-btn-area .view-lesson-btn.cancel .icon-plus {
    transform: rotate(45deg);
}

.view-lesson-btn-area .view-lesson-btn.cancel {
    color: #ff2121f0;
    background-color: #fff1f1;
    border: 1px solid #ffd5d7;
}

.view-lesson-btn-area .view-lesson-btn.cancel:hover {
    background-color: #ffe1e1;
}

.view-lesson-btn-area .view-lesson-btn.cancel:disabled {
    color: #f49c9cf0;
    background-color: #fff2f2;
    border: 1px solid #f5ddde;
}

.view-lesson-btn-area .view-lesson-btn.lesson {
    color: #14456E;
    background-color: #FFF;
    border: 1px solid #14456E;
}

.view-lesson-btn-area .view-lesson-btn.lesson:hover {
    background-color: #14456E;
    color: #FFF;
}

.view-lesson-btn-area .view-lesson-btn.lesson:disabled {
    opacity: 0.25;
    color: #14456E;
    background-color: #FFF;
}

.view-lesson-btn-area .view-lesson-btn.lesson.passive {
    opacity: 0.25;
}

.view-lesson-btn-area .view-lesson-btn.lesson.passive:hover {
    color: #14456E;
    background-color: #FFF;
    border: 1px solid #14456E;
}

.student-start-lesson-clock-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.student-start-lesson-clock-area .student-start-lesson-clock {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 6px;
    background-color: #f5f5f5;
    color: #14456E;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #c9d6e1;
}

@media (max-width: 768px) {
    .sm-margin-top-10 {
        margin-top: 10px;
    }
}

.confirmation-email-address {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 10px;
    border-radius: 16px;
    width: fit-content;
    max-width: 540px;
}

.confirmation-email-address .btn-cta {
    min-width: 100px;
    width: max-content;
    max-width: 240px;
    margin-bottom: 16px;
}

.confirmation-email-address .confirmation-email-address-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.confirmation-email-address .confirmation-email-address-header .img {
    height: 120px;
    margin: 16px 0;
}

.confirmation-email-address .confirmation-email-address-header .info {
    font-size: 14px;
    font-weight: 500;
    color: #255493;
    padding: 0 14px;
}

.confirmation-email-address .confirmation-email-address-header .title {
    font-size: 22px;
    font-weight: 600;
    color: #2366c1;
}

.confirmation-email-address .confirmation-email-address-main {

}

.confirmation-email-address .confirmation-email-address-main .email-change-text {
    font-size: 12px;
    color: #5984b1;
}


.confirmation-phone-address {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    padding: 10px;
    border-radius: 16px;
    width: fit-content;
    max-width: 540px;
}

.confirmation-phone-address .btn-cta {
    min-width: 100px;
    width: max-content;
    max-width: 240px;
    margin-bottom: 16px;
}

.confirmation-phone-address .confirmation-phone-address-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.confirmation-phone-address .confirmation-phone-address-header .img {
    height: 120px;
    margin: 16px 0;
}

.confirmation-phone-address .confirmation-phone-address-header .img img {
    height: 120px;
}

.confirmation-phone-address .confirmation-phone-address-header .info {
    font-size: 14px;
    font-weight: 500;
    color: #255493;
    padding: 0 14px;
}

.confirmation-phone-address .confirmation-phone-address-header .title {
    font-size: 22px;
    font-weight: 600;
    color: #2366c1;
}

.confirmation-phone-address .confirmation-phone-address-main .email-change-text {
    font-size: 12px;
    color: #5984b1;
}

.email-change-text.text-gray-soft {
    font-size: 12px;
    max-width: 445px;
}

.lesson-card__meta .comment-size-lesson-card {
    font-size: 14px;
}

.panel-content-area.calendar {
    min-height: 369px;
}

.modal-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}
.modal-content {
    z-index: 2;
}

.icon-plus.close-modal {
    cursor: pointer;
}

/* left menu sidebar */

.student-panel-menu-area {
    padding:0;
    background-color: unset;
}
.student-panel-menu-elements .student-panel-menu-element:first-child {
    background-color: rgba(237,1,11,.08);
    color: #ed010b;
    margin-top: 0 !important;
}
.student-panel-menu-elements .student-panel-menu-element:first-child i{
    background-color: #fff!important;
}
.student-panel-menu-elements:first-child {
    margin-top: 0;
}
.student-panel-menu-element-title {
    background-color: #ededed;
}
.student-panel-menu-element {
    background-color: #FFF;
}

.phone-change-text {
    font-size: 14px;
    font-weight: 500;
}
.phone-change-container {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.phone-change-number {
    font-size: 20px;
    color: #4f3075;
}

.phone-change-number-container {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 15px;
}

#side-panel-book-lesson-modal .loader-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.calendar-next [aria-current="page"]{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
}

.weekly-program .not-found-weekly-program , .not-found-calendar {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.weekly-program .not-found-weekly-program img , .not-found-calendar img {
    width: 70px;
    height: 70px;
    margin-bottom: 16px;
}

.weekly-program .not-found-weekly-program span , .not-found-calendar span {
    font-size: 14px;
    text-transform: none;
}

.modal-close-btn {
    top: -16px;
    right: -16px;
    background: #ff4949;
    color: #fff;
    padding: 10px;
    border-radius: 30px;
    font-size: 20px;
}

@media (max-width: 600px) {
    .modal-close-btn {
        top: -15px !important;
        right: -5px !important;
        padding: 10px;
        font-size: 15px;
    }
}

.weekly-program-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.weekly-program-loader img{
    height: 64px;
    width: 64px;
}

.weekly-program-loader span {
    font-size: 13px;
    margin-top: 5px;
    font-weight: 400;
    color: #656565;
}

#side-panel-book-lesson-modal #login-required {
    margin-top: -10px;
}

#side-panel-book-lesson-modal #login-required img {
    width: 48px;
}

.schedule-choose-complete-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.schedule-choose-complete-loader img{
    height: 34px;
    width: 34px;
}

.lesson-card__header .lesson-card__img img {
    border-radius: 10px;
}

.commit-point-container {
    border-bottom: 1px solid rgba(113, 123, 150, .15);
    padding-bottom: 20px;
}

.box-commit-point {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    color: #FFFFFF;
    background: #14456E;
    font-size: 14px;
}

.commit-point-container h5 {
    font-size: 16px;
    color: #0E0C21;
    font-weight: 500;
}
.commit-point-container span {
    font-size: 13px;
    color: #808080;
    font-weight: 400;
}

.like-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.like-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.comment-card .like-container {
    cursor: pointer;
}
.like-container a:hover {
    background: #ececec;
}
.like-container a.active {
    background: #F1F2F5;
}
.like-container a img {
    width: 17px;
}

.like-container .like-number {
    position: absolute;
    top: 30px;
    font-size: 9px;
    color: #000;
}

/* Chat */
.course-message-container .col-message-sent div,
.course-message-container .col-message-received div {
    clear: both;
}

.course-message-container .col-message-sent div::before,
.course-message-container .col-message-received div::before,
.course-message-container .col-message-sent div::after,
.course-message-container .col-message-received div::after {
    content: '';
    display: table;
}

.course-message-container [class^='grid-'] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.course-message-container [class^='grid-'] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.course-message-container .grid-message > [class^='col-'] {
    margin-top: 1em;
    margin-right: 1em;
}

.course-message-container .grid-message > [class^='col-']:nth-child(-n + 1) {
    margin-top: 0;
}

.course-message-container .grid-message > [class^='col-']:nth-child(1n) {
    margin-right: 0;
}

.course-message-container .col-message-sent {
    margin-left: calc(8.33333333% + 0.08333333em) !important;
}

.course-message-container .col-message-received {
    margin-right: calc(8.33333333% + 0.08333333em) !important;
}

.course-message-container .col-message-sent,
.course-message-container .col-message-received {
    width: calc(91.66666667% - 0.08235677em);
}

.course-message-container .col-message-sent div,
.course-message-container .col-message-received div {
    margin-top: 0.0625em;
    margin-bottom: 0.0625em;
    padding: 0.25em 1em;
}

.course-message-container .col-message-sent div p,
.course-message-container .col-message-received div p {
    margin: 0;
    line-height: 1.5;
}

.course-message-container .col-message-sent div {
    float: right;
    color: white;
    background-color: dodgerblue;
    border-radius: 1em 0.25em 0.25em 1em;
}

.course-message-container .col-message-sent div:first-child {
    border-radius: 1em 1em 0.25em 1em;
}

.course-message-container .col-message-sent div:last-child {
    border-radius: 1em 0.25em 1em 1em;
}

.course-message-container .col-message-sent div:only-child {
    border-radius: 1em;
}

.course-message-container .col-message-received div {
    float: left;
    color: black;
    background-color: lightgray;
    border-radius: 0.25em 1em 1em 0.25em;
}

.course-message-container .col-message-received div:first-child {
    border-radius: 1em 1em 1em 0.25em;
}

.course-message-container .col-message-received div:last-child {
    border-radius: 0.25em 1em 1em 1em;
}

.course-message-container .col-message-received div:only-child {
    border-radius: 1em;
}

.course-message-container .col-message-sent {
    margin-top: 0.25em !important;
}

.course-message-container .col-message-received {
    margin-top: 0.25em !important;
}

.course-message-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.course-message-container .grid-message {
    max-height: 500px;
    overflow-y: scroll;
}
/* Chat */


.commit-point-container-sm .box-commit-point {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    color: #BD1A20;
    background: rgba(189, 26, 32, .15);
    font-size: 14px;
    font-weight: 500;
}

.commit-point-container-sm h5 {
    font-size: 14px;
    color: #808080;
    font-weight: 500;
}

.commit-point-select-container .commit-point-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(14, 12, 33, 0.15);
    width: 100%;
    height: 52px;
    color: #808080;
    padding: 0 12px;
}
.commit-point-select-container.active .commit-point-select {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.commit-point-select-container .commit-point-option {
    display: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid rgba(14, 12, 33, 0.15);
    border-top: none;
    padding: 12px 10px;
}
.commit-point-select-container.active .commit-point-option {
    display: flex;
    align-items: center;
}
.commit-point-select-container.active .text {
    color: #0E0C21;
    font-weight: 500;
}

.slidecontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.slidecontainer .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 1px;
    background: rgba(20, 69, 110, 0.05);
    outline: none;
    opacity: 0.8;
    -webkit-transition: .2s;
    transition: opacity .2s;
    padding: 0;
}

.slidecontainer .slider:hover {
    opacity: 1;
}

.slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #14456E;
    cursor: pointer;
}

.slidecontainer .slider::-moz-range-thumb {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #14456E;
    cursor: pointer;
}

.slider-range-value {
    position: absolute;
    top: 10px;
    left: 30px;
    font-size: 14px;
    color: #0E0C21;
    font-weight: 600;
}

.comment-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.comment-login h5 {
    color: #0E0C21;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 12px;
}
.comment-login span {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    opacity: 70%;
}

.homepage_section-content.centered {
    display: flex;
    align-items: center;
    justify-content: center;
}
.homepage_section-content.left {
    display: flex;
    align-items: center;
    justify-content: start;
}
.homepage_section-content.right {
    display: flex;
    align-items: center;
    justify-content: end;
}
.homepage_section-content.centered div {
    max-width: 496px;
}
.homepage_section-content div h3{
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    color: #F13151;
    line-height: 80px;
}
.homepage_section-content div p{
    font-weight: 300;
    font-size: 29px;
    text-align: justify;
    color: #A7A7A7;
    line-height: 40px;
}
.homepage_section-content.right div h3{
    text-align: right;
}
.homepage_section-content.right div p{
    text-align: justify;
}
.homepage_section-content div .text-muted{
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    color: #747678;
    line-height: 30px;
    margin-top: 40px;
}
.homepage_section-content.right div .btn {
    float: right;
}
.homepage_section-content.left div .btn {
    float: left;
}
.homepage_section-content div .btn.btn-blue {
    position: relative;
    display: flex;
    align-items: center;
    background: #4C5DEE;
    color: #fff;
    border-radius: 16px;
    padding: 10px 60px;
    margin: 60px 0;
    box-shadow: -18px -18px 30px #FFFFFF, 18px 18px 30px #D1D9E6;
    transition: 0.3s ease;
}
.homepage_section-content div .btn.btn-blue:hover {
    transform: scale(0.9);
}
.homepage_section-content div .btn.btn-blue svg {
    position: absolute;
    right: 18px;
}
.blog-container {
    min-height: 328px;
    padding: 10px;
    background: #F4F4F4;
    box-shadow: 0px 100px 80px rgba(149, 161, 187, 0.07), 0px 47px 33.4221px rgba(149, 161, 187, 0.0503198), 0px 22.3363px 17.869px rgba(149, 161, 187, 0.0417275), 0px 12.5216px 10.0172px rgba(149, 161, 187, 0.035), 0px 6.6501px 5.32008px rgba(149, 161, 187, 0.0282725), 0px 2.76726px 2.21381px rgba(149, 161, 187, 0.0196802);
    border-radius: 18px !important;
}
.blog-container .blog-box {
    min-height: 328px;
    border-radius: 18px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    transition: 0.3s ease;
}
.blog-container .blog-box:hover {
    transform: scale(1.02);
}
.blog-container .blog-box .blog-box-content {
    min-height: 328px !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 47.65%, #000000 100%), url(blog-yazilarinizi-ucretsiz-gorsellerle-zenginlestirebileceginiz-10-web-sitesi-2.jpg) !important;
    border-radius: 18px !important;
}
.blog-container .blog-box .blog-box-content p {
    padding-left: 10px;
    padding-right: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
}

@media ( max-width: 1399px) {
    .banner-container-content .col-lg-5 img {
        width: 174px !important;
    }
}
@media ( max-width: 440px) {
    .banner-container-content .col-lg-5 img {
        width: 124px !important;
    }
    .banner-container-content h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
}
@media (max-width: 767px) {
    .blog-container.large {
        min-height: 328px !important;
    }
    .blog-container.large .blog-box {
        min-height: 328px !important;
    }
    .blog-container.large .blog-box .blog-box-content {
        min-height: 328px !important;
    }
    .blog-container .blog-box .blog-box-content p {
        font-size: 16px;
        line-height: 18px;
    }
    .banner-content h1 {
        font-size: 13px !important;
        line-height: 16px !important;
    }
    .banner-content h1 span {
        font-size: 38px !important;
        line-height: 48px !important;
        display: block !important;
    }
    .banner-content p {
        font-size: 12px !important;
        line-height: 15px !important;
        display: block !important;
    }
    .banner-content {
        max-width: 400px !important;
    }
    .banner-content .btn {
        padding: 5px 10px !important;
    }
    .banner-area-image-box {
        background-size: cover !important;
    }
}
@media (min-width: 768px) {
    .blog-container.large {
        min-height: 532px !important;
    }
    .blog-container.large .blog-box {
        min-height: 532px !important;
    }
    .blog-container.large .blog-box .blog-box-content {
        min-height: 532px !important;
    }
    .banner-container-content .banner-h2-p-box {
        margin-bottom: 65px;
    }
}


.blog-container.end .blog-box .blog-box__footer {
    position: absolute;
    right: 29px;
    bottom: 18px;
}
.blog-container.end .blog-box {
    background-image: unset !important;
    background-color: #4C5DEE !important;
}
.blog-container.end .blog-box .blog-box-content {
    background-image: unset !important;
}
.blog-container.end .blog-box h4 {
    color: #FFF;
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 53px;
}

.next__slider__right-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 63.82px;
    height: 63.82px;
    left: 1722.82px;
    top: 2104px;
    background: #F4F4F4;
    box-shadow: 0px 24px 50px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    color: #384652;
}

.faq__container {
    border-left: 2px solid #f2f2f2;
    padding: 10px 60px;
}
.faq__container .faq__box:nth-child(even) {
    margin-top: 50px;
}
.faq__container .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
    background: #F4F4F4;
    box-shadow: -18px -18px 30px #FFFFFF, 18px 18px 30px #D1D9E6;
    border-radius: 18px;
}
.faq__container .icon-box img {
    height: 58px;
    width: 58px;
}
.faq__container h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    align-items: center;
    color: #384652;
    margin-top: 30px;
    margin-bottom: 15px;
}
.faq__container p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #A7A7A7;
    text-align: justify;
}

.banner-area-image-box {
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
}


.banner-container-content h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: #333333;
}
.banner-container-content span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}
.banner-container {
    border-radius: 16px 16px 0px 0px !important;
    padding: 17px 30px !important;
}
.banner-container .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    max-width: 80px !important;
    height: 80px;
    max-height: 80px !important;
    background: #FFFFFF;
    box-shadow: -18px 3px 30px #FFFFFF, 18px 18px 30px #D1D9E6;
    border-radius: 18px;
}
.banner-container .icon-box img {
    width: 42px;
    height: 42px;
}
.banner-container h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #4C5DEE;
    margin-top: 20px;
}
.banner-container p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    color: rgba(51, 51, 51, 0.5);
    margin-top: 9px;
}

.homepage-header-menu a {
    font-style: normal;
    font-weight: 500;
    font-size: 14.5px;
    color: #FFFFFF !important;
    opacity: 0.5;
    padding: 0.375rem 0.75rem;
}
.homepage-header-menu a:hover {
    opacity: 1;
}
.homepage-header-menu a.active {
    opacity: 1;
}

.header-menu a {
    font-style: normal;
    font-weight: 500;
    font-size: 14.5px;
    opacity: 0.7;
    padding: 0.375rem 0.75rem;
}
.header-menu a:hover {
    opacity: 1;
}
.header-menu a.active {
    opacity: 1;
}

.mobile-header-menu a {
    font-style: normal;
    font-weight: 500;
    font-size: 14.5px;
    opacity: 0.7;
    padding: 0.375rem 0.75rem;
}
.mobile-header-menu a:hover {
    opacity: 1;
}
.mobile-header-menu a.active {
    opacity: 1;
}

.banner-content {
    max-width: 500px;
}

@media (min-width: 1200px) {
    .banner-content {
        margin: 80px 59px;
    }
}
@media (min-width: 1600px) {
    .banner-content {
        margin: 120px 59px;
    }
}
@media (min-width: 1900px) {
    .banner-content {
        margin: 180px 59px;
    }
}
@media (min-width: 2200px) {
    .banner-content {
        margin: 220px 59px;
    }
}
@media (min-width: 2500px) {
    .banner-content {
        margin: 270px 59px;
    }
}
.banner-content h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #F7D06F;
}
.banner-content h1 span {
    font-style: normal;
    font-weight: 600;
    font-size: 54px;
    line-height: 72px;
    color: #FFFFFF;
    margin-bottom: 12px;
}
.banner-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.73);
    margin-bottom: 35px;

}
.banner-content .btn {
    background: #F13168;
    color: #FFFFFF;
    border-radius: 6px;
    padding: 10px 20px;
    margin-right: 16px;
}
.banner-content .btn:hover {
    background: #ed1452;
    color: #FFFFFF;
}
.banner-content .btn-video {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.73);
    transition: 0.3s ease;
}
.banner-content .btn-video .video-card {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    box-shadow: 0px 24px 48px rgba(0, 2, 30, 0.0813519);
    margin-right: 10px;
}
.banner-content .btn-video:hover {
    transform: scale(1.02);
}

.homepage-main-footer {
    background: #FFFFFF;
    border-top: 2px solid #4C5DEE;
    border-bottom: 10px solid #4C5DEE;
}
.footer-logo-content {
    max-width: 413px;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 30px;
    color: #747678;
    opacity: 0.5;
    text-align: justify;
}
.footer_email_container {
    background: rgba(255, 255, 255, 0.32);
    border-radius: 4px;
}
.footer_email_container .footer-email_content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #9D9EA0;
}
.footer_email_container .footer-email_content .footer-email-input {
    display: flex;
    align-items: center;
}
.footer_email_container .footer-email_content .footer-email-input input{
    min-width: 218px;
    height: 52px;
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px 0px 0px 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 57px;
    border: unset !important;
    outline: none;
}
.footer_email_container .footer-email_content .footer-email-input input::placeholder{
    color: rgba(157, 158, 160, 0.6);
}
.footer_email_container .footer-email_content .footer-email-input button{
    background: #4C5DEE;
    color: #FFFFFF;
    border-radius: 0px 4px 4px 0px;
    height: 52px;
    padding: 0 20px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
}
@media (max-width: 800px) {
    .order-features .order-feature {
        width: 100%;
    }
}

.homepage-main-footer .order-feature span {
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: #747678;
    margin-right: 30px;
}

.homepage-comment-box {
    position: relative;
    display: flex;
    align-items: end;
    min-height: 660px;
}
.homepage-comment-box .homepage-comment-area {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
}
.homepage-comment-box .homepage-comment {
    max-width: 285px;
    background: #F4F4F4;
    padding: 15px;
    mix-blend-mode: normal;
    box-shadow: 18px 18px 30px rgba(123, 123, 123, 0.3);
    border-radius: 25px;
    margin-top: 20px;
    margin-right: 30px;
}
@media (min-width: 800px) {
    .homepage-comment-box .homepage-comment:nth-child(1) {
        margin-right: 80px;
    }
    .homepage-comment-box .homepage-comment:nth-child(2) {
        margin-right: 30px;
    }
    .homepage-comment-box .homepage-comment:nth-child(3) {
        margin-right: 260px;
    }
}
.homepage-comment-box .homepage-comment h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 129.7%;
    display: flex;
    align-items: center;
    color: #000000;
}
.homepage-comment-box .homepage-comment .comment-level-area {
    display: flex;
    align-items: center;
    justify-content: start;
}
.homepage-comment-box .homepage-comment .comment-level-area span {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #808080;
    margin-right: 10px;
}
.homepage-comment-box .homepage-comment p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    text-align: justify;
    color: #384652;
    border-top: 1px solid #EFEFEF;
    margin-top: 7px;
    padding-top: 16px;
}

.homepage-comment-slider-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.homepage-comment-slider-button i {
    margin-right: 10px;
}

@media (max-width: 1366px) {
    .blog-container .blog-box .blog-box-content p {
        font-size: 18px;
    }
}
@media (max-width: 400px) {
    .blog-container .blog-box .blog-box-content p {
        font-size: 16px;
    }
}

.btn-new-instructor {
    color: #fff;
    background-color: #ff4a7f;
}

.btn-new-instructor .btn-icon {
    color: #fff !important;
    background-color: #f34276 !important;
}

.btn-new-instructor:hover {
    color: #fff !important;
    background-color: #ff6792 !important;
}

.btn-new-instructor:hover .btn-icon {
    color: #fff !important;
    background-color: #fd5687 !important;
}

@media  only screen and (min-width: 1200px) {
    .filter-box__left, .filter-box__right {
        width: 20%;
    }
}

.t-tooltip {
    position: relative;
}

.t-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    left: 0;
    border: 1px solid rgba(113,123,150,.06);
    font-size: 14px;
    max-width: 290px;
    opacity: 0;
    transition: opacity 0.5s;
}

.t-tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.t-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

#popupModuleModal2 video {
    width: 100%;
}

#popupModuleModal2 .buttons {
    justify-content: center;
}

#popupModuleModal2 .buttons > * {
    position: unset;
    margin-right: 15px;
    margin-bottom: 10px;
}