/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


body{
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #505152;
    font-weight: 500;
    background-color: #f5f5f5;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

input:focus{
    box-shadow: 0 0 0 transparent!important;
    border-color: #92b440!important;
}
textarea:focus{
    box-shadow: 0 0 0 transparent!important;
    border-color: #92b440!important;
}
select:focus{
    box-shadow: 0 0 0 transparent!important;
    border-color: #92b440!important;
}
h1, h2, h3, h4, h5, h6{
    color: #212121;
}
.red{
    color: red;
}
.spa-color{
    color: #92b440!important;
}
.spa-vcolor{
    color: #8562ea!important;
}
.alert {
    border-radius: 20px;
    padding: 15px 25px;
}
.alert ul{
    padding: 0;
}
.alert ul li{
    display: flex;
    align-items: center;
}
.xcolor{
    color: #92b440;
}
.btn{
    border-radius: 25px;
    font-size: 16px;
    padding: 5px 15px;
}
.btn-success{
    background-color: #92b440;
    border-color: #92b440;
}
.btn-spa{
    background-color: #92b440;
    border-color: #92b440;
    color: #fff!important;
}
.btn-spa:hover{
    background-color: #748e34!important;
    border-color: #748e34!important;
}
.btn-spa:active{
    background-color: #748e34!important;
    border-color: #748e34!important;
}
.btn-spa:focus{
    background-color: #748e34!important;
    border-color: #748e34!important;
}
.btn-vspa{
    background-color: #8562ea;
    border-color: #8562ea;
    color: #fff!important;
}
.btn-vspa:hover{
    background-color: #6747c2 !important;
    border-color: #6747c2!important;
}
.btn-vspa:active{
    background-color: #6747c2!important;
    border-color: #6747c2!important;
    box-shadow: 0 0 0 .25rem rgba(142, 109, 234, 0.5) !important;
}
.btn-vspa:focus{
    background-color: #6747c2!important;
    border-color: #6747c2!important;
    box-shadow: 0 0 0 .25rem rgba(142, 109, 234, 0.5) !important;
}
.btn-outline-vspa{
    background-color: transparent!important;
    border-color: #8562ea;
    color: #fff!important;
    border-width: 2px;
    padding: 7px 50px;
}
.btn-outline-vspa:hover{
    background-color: #6747c2 !important;
    border-color: #6747c2!important;
}
.btn-outline-vspa:active{
    background-color: #6747c2!important;
    border-color: #6747c2!important;
    box-shadow: 0 0 0 .25rem rgba(142, 109, 234, 0.5) !important;
}
.btn-outline-vspa:focus{
    background-color: #6747c2!important;
    border-color: #6747c2!important;
    box-shadow: 0 0 0 .25rem rgba(142, 109, 234, 0.5) !important;
}
.btn-in-alert{
    font-size: 14px;
    padding: 4px 20px;
}
.dropdown-item:active{
    background-color: #92b440!important;
}
#confirmPhoneModal  .modal-content{
    border-radius: 25px;
}
#confirmPhoneModal  .modal-body{
    padding: 35px;
    border-radius: 25px;
}
.phone-code-block input{
    border-radius: 25px;
    margin-bottom: 25px;
}
.submit-phone-confirmation-code{
    display: none;
}
.owl-dots{
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    width: 15px;
    height: 15px;
    background-color: rgba(204, 204, 204, 0.5);
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot:hover{
    background-color: rgba(204, 204, 204, 0.8);
}
.owl-dots .active {
    background-color: #8562ea!important;
}
.right-geometric{
    background-image: url(/assets/images/right-geometric.png);
    background-size: 100% 100%;
}
.right-geometric-small{
    background-image: url(/assets/images/right-geometric-small.png);
    background-size: 100% 100%;
}
.left-geometric{
    background-image: url(/assets/images/left-geometric.png);
    background-size: 100% 100%;
}
.left-geometric-small{
    background-image: url(/assets/images/left-geometric-small.png);
    background-size: 100% 100%;
}
.admin-page{
    padding-top: 100px;
}

/*
** Topbar
*/
.topbar{
    width: 100%;
    top: 0;
    background-color: #4e4e4e;
    padding: 7px 0;
    position: fixed;
    z-index: 999;
}
.topbar a{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.topbar .social-link a{
    margin-right: 15px;
}
.topbar .social-link a img{
    max-width: 19px;
    max-height: 15px;
}
.user-prof img{
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 5px;
}
.user-prof a{
    text-decoration: none!important;
}
.user-prof .dropdown-menu {
    z-index: 9999;
}
.user-prof .dropdown-menu a{
    color: #444444;
}





/*
** Navigation
*/
.navigation{
    position: fixed;
    top: 60px;
    width: 100%;
    background-color: transparent;
    z-index: 1;
}
.navbar-brand{
    width: 230px;
    padding: 0;
}
.logo{
    width: 230px;
}
.navbar {
    padding: 7px 0;
}
.navbar-nav .nav-link {
    color: #fff!important;
    padding: 0!important;
    margin: .5rem 1.5rem;
    position: relative;
    font-size: 18px;
    font-weight: 700;
}
.navbar-nav .nav-link:hover {
    color: #92b440!important;
}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show>.nav-link {
    color: #92b440!important;
}

@keyframes LeftRoRight {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
.navbar-nav .noline{
    color: #92b440!important;
}
.navbar-nav .noline:hover{
    color: #92b440!important;
}
.navbar-nav .noline:before {
    content: none!important;
}
.desktop-navbar{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.snavigation{
    top: 0;
    background-color: #444444!important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 999;
}
.snavigation .navbar {
    padding: 10px 0;
}
.snavigation .logo{
    animation: logoBlockScrolled 0.2s;
    animation-timing-function: linear;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation: logoBlockScrolled 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
}
.mnavigation{
    background-color: #92b440;
    box-shadow: 0 0 10px rgba(55, 55, 55, 0.3);
}
.mnavigation .navbar-nav .nav-link {
    color: #92b440;
}
.mnavigation .logo{
    animation: logoBlockScrolled 0.2s;
    animation-timing-function: linear;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    -webkit-animation: logoBlockScrolled 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
}
@keyframes logoBlockScrolled {
    0% {
        width: 230px;
    }
    100% {
        width: 180px;
    }
}
.apel a{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}
.apel a:hover{
    color: #92b440;
}
.solicita-apel a{
    padding-left: 50px;
    padding-right: 50px;
}








/*
** Pages-header
*/
.pages-header{
    position: relative;
    padding-top: 100px;
    height: 300px;
    background-image: url(/assets/images/pages-header.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    display: flex;
    align-items: center;
}
.pages-header h1, h4{
    color: #fff;
    font-weight: 700;
}





.home-bg-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100vh;
    object-fit: cover;
}

/*
** Home
*/
.home-main{
    height: 100vh;
    background-image: url(/assets/images/bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    z-index: 99;
}
.home-main:after {
    background-image: url(/assets/images/overlay.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -142px;
    content: "";
    width: 100%;
    height: 520px;
}
.home-main .container {
    position: relative;
    z-index: 9;
}
.home-main .home-video-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course-bg:after {
    content: none!important;
}
.home-main h1{
    font-size: 127px;
    color: #fff;
}
.home-main h4{
    margin-top: 50px;
    margin-bottom: 100px;
    color: #fff;
}
.home-main a{
    padding: 10px 50px;
}
.circle-video{
    margin-top: -100px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px solid #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.circle-video:hover{
    animation: pulse_sol 2s infinite;
}
.circle-play{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle-play img{
    width: 50px;
}

.pulse{
    animation: pulse_sol 2s infinite;
}
@keyframes pulse_sol {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(133, 98, 234, 0.41);
        box-shadow: 0 0 0 0 rgba(133, 98, 234, 0.41);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(123, 81, 157, 0);
        box-shadow: 0 0 0 20px rgba(123, 81, 157, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(123, 81, 157, 0);
        box-shadow: 0 0 0 0 rgba(123, 81, 157, 0)
    }
}










/*
** About Course
*/
.about-course{
    margin-top: 70px;
    margin-bottom: 70px;
    position: relative;
    z-index: 9;
    background-color: #f5f5f5;
}
.about-course .col-md-5{
    position: relative;
}
.about-course .col-md-4{
    position: relative;
}
.about-course h1{
    margin-top: 20px;
    font-weight: 700;
}
.about-course .col-md-8 h5{
    margin-top: 30px;
    font-weight: 700;
    position: relative;
}
.about-course .col-md-8 h5:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: 7px;
    left: -25px;
    background-color: #8562ea;
    border-radius: 50%;
}
.about-course .btn-outline-vspa {
    color: #4e4e4e!important;
}
.about-course .btn-outline-vspa:hover{
    color: #fff!important;
}





/*
** Why only
*/
.why-online{
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
    z-index: 9;
}
.why-online .col-md-5{
    position: relative;
}
.why-online .col-md-4{
    position: relative;
}
.why-online h1{
    font-weight: 700;
}
.why-online .col-md-7 h5{
    margin-top: 85px;
    font-weight: 700;
    position: relative;
}
.why-online .col-md-7 h5:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: 7px;
    left: -25px;
    background-color: #8562ea;
    border-radius: 50%;
}
.why-online .btn-outline-vspa {
    color: #4e4e4e!important;
}
.why-online .btn-outline-vspa:hover{
    color: #fff!important;
}
.wo-bg{
    position: absolute;
    left: 0;
    line-height: 1;
    color: #ebebeb;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 172px;
    z-index: -1;
}
.wo-banket{
    position: absolute;
    left: -100px;
    top: 200px;
    width: 600px;
}




/*
** Courses
*/
.courses{
    padding-top: 70px;
    padding-bottom: 90px;
    margin-top: 100px;
}
.courses a{
    text-decoration: none!important;
}
.courses h1{
    color: #fff;
    font-weight: 700;
}
.courses .row{
    justify-content: center;
}
.course-card{
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.flex-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.course-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.course-card .cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-top: 20px;
}
.course-card .course-img{
    width: 100%;
    height: 275px;
    object-fit: cover;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.course-card .course-description{
    padding: 50px;
    text-align: center;
    position: relative;
}
.course-card .course-description h3{
    margin-bottom: 0;
    font-weight: 700;
}
.course-card .course-state{
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(33, 33, 33, 0.9);
    color: #fff;
    line-height: 1;
}
.course-card .open{
    background-color: #8562ea;
}
.course-card .course-state .num{
    font-size: 21px;
}
.course-card .course-state .num{
    font-size: 21px;
}
.course-card .course-state img{
    width: 30px;
}
.course-card .course-state-desc-open{
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #92b440;
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 5px 25px;
}
.course-card .course-state-desc{
    position: absolute;
    top: 50px;
    right: 0;
    background-color: rgba(33, 33, 33, 0.9);
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 5px 25px;
}

.text-green {
    color: #92b440;
}


.mt-30 {
    margin-top: 30px;
}

/*
** Auditoriu
*/
.auditoriu{
    padding-top: 70px;
    padding-bottom: 70px;
}
.auditoriu .col-md-6{
    position: relative;
}
.auditoriu h1{
    text-align: center;
    font-weight: 700;
}
.auditoriu .auditoriu-item{
    margin-top: 100px;
}
.auditoriu .auditoriu-item h3{
    font-weight: 700;
    position: relative;
}
.auditoriu .auditoriu-item h3:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    top: 11px;
    left: -35px;
    background-color: #92b440;
    border-radius: 50%;
}
.auditoriu .auditoriu-border-circle{
    margin-top: 75px;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    border: 2px solid #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auditoriu .auditoriu-circle{
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background-color: #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.auditoriu .auditoriu-circle img{
    margin-top: 35px;
    width: 585px;
}
.auditoriu .auditoriu-bg-text{
    text-transform: uppercase;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 600px;
    font-size: 172px;
    font-weight: 700;
    color: #ebebeb;
    z-index: -1;
    line-height: 1.1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.auditoriu .auditoriu-action{
    text-align: center;
    margin-top: 100px;
}
.auditoriu .auditoriu-action a{
    padding: 10px 100px;
}








/*
** Trial
*/
.trial{
    padding-top: 70px;
    padding-bottom: 120px;
    color: #fff;
}
.trial h1{
    text-align: center;
    font-weight: 700;
}
.trial .money-back{
    margin-top: 50px;
    border: 2px solid #8562ea;
    width: 100%;
    height: 500px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.trial .money-back-desc{
    width: 95%;
    height: 450px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    background-image: url(/assets/images/trial.png);
    background-size: cover;
    background-position: center;
    padding: 50px;
}
.trial .money-back-desc h1{
    color: #fff;
    text-align: left;
}
.trial .money-back-desc h5{
    color: #fff;
    text-align: left;
}
.trial .money-back-desc .col-md-8{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.trial .money-back-desc a{
    padding: 10px 50px;
}
.trial .btn-outline-vspa{
    border-width: 2px;
}




/*
** Course What Help
*/
.what-help{
    margin-top: 70px;
    margin-bottom: 70px;
    color: #fff;
    background-color: #f5f5f5;
    z-index: 9;
    position: relative;
}
.what-help p{
    color: #4e4e4e;
}
.what-help .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.what-help h1{
    text-align: center;
    font-weight: 700;
}
.what-help h6{
    color: #fff;
}
.what-help .section-title p{
    max-width: 400px;
}
.what-help .money-back{
    border: 2px solid #8562ea;
    width: 100%;
    height: 550px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.what-help .money-back-desc{
    width: 95%;
    height: 500px;
    min-height: 500px;

    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    background-image: url(/assets/images/trial.png);
    background-size: cover;
    background-position: center;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.what-help .money-back-desc a{
    padding: 10px 50px;
    border-width: 2px;
}
.what-help .money-back-desc .line{
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.what-help .money-back-desc .point{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #92b440;
}

/*
** Cronologie
*/
.cron{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;

}
.cron-areas{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    gap: 15px;
}
.cron-area{
    /* height: 200px; */
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.cron-area-value{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.cron-area-subvalue{
    text-align: center;
    font-size: 16px;
}
.cron-area:after{
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #92b440;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.cron-timeline{
    width: 100%;
    background-color: #fff;
    border-radius: 25px;
    height: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}
.cron .top{
    justify-content: flex-start;
}
.cron .bottom{
    justify-content: flex-end;
}


/*
** Course Author
*/
.course-author{
    margin-top: 70px;
    margin-bottom: 70px;
    background-color: #f5f5f5;
    z-index: 9;
    position: relative;
}
.course-author h1{
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}
.course-author .course-author-border{
    width: 450px;
    height: 450px;
    border: 2px solid #8562ea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course-author .course-author-border img{
    width: 400px;
    height: 400px;
    border-radius: 50%;
    object-fit: cover;
    
}
.course-author .col-md-5{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.course-author .col-md-6{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.author-text{
    width: 100%;
}
.author-text-more{
    text-align: center;
}
.author-text-more a{
    color: #505152;
    text-decoration: underline;
}
.author-text a{
    color: #92b440;
}
.author-text a:hover{
    color: #596d28;
}
/*
** Course Includes
*/
.course-includes{
    margin-top: 70px;
    margin-bottom: 70px;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #fff;
    background-color: #f5f5f5;
    z-index: 9;
    position: relative;
}
.course-includes h1{
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.course-includes p{
    text-align: center;
}
.includes-item{
    margin-top: 50px;
}
.includes-item .includes-title{
    background-color: #92b440;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    margin-bottom: 10px;
}
.includes-item .includes-title-num{
    background-color: #8562ea;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    margin-right: 20px;
}
.includes-item .includes-title-text{
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
}




/*
** Course Prices
*/
.course-price{
    margin-top: 70px;
    margin-bottom: 70px;
    background-color: #f5f5f5;
    z-index: 9;
    position: relative;
}
.course-price h1{
    text-align: center;
    font-weight: 700;
}
.course-price p{
    text-align: center;
}
.price-block{
    position: relative;
    margin-top: 50px;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.pb-title{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #92b440;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
}
.top .pb-title{
    background-color: #8562ea!important;
}
.pb-top{
    background-color: #92b440;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-weight: 700;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    color: #fff;
    position: absolute;
    top: -50px;
    right: -20px;
}
.pb-stars{
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pb-stars img{
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}
.pb-price{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
}
.pb-oldprice{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    color: #cccccc;
    text-decoration: line-through;
    line-height: 1;
}
.pb-features{
    margin-top: 20px;
}
.pb-feature{
    text-align: center;
    border-top: 1px solid #8562ea;
    padding: 10px 5px;
}
.pb-feature:last-of-type{
    border-bottom: 1px solid #8562ea;
}
.pb-action{
    padding: 15px 5px;
    text-align: center;
}
.pb-action a{
    padding: 10px 50px;
    margin-bottom: -50px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    font-weight: 700;
}


/*
** Course Avantaje
*/
.avantaje{
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #fff;
    z-index: 9;
    position: relative;
}
.avantaje .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.avantaje h1{
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.avantaje .section-title p{
    max-width: 400px;
}
.avantaje .avantaj-item{
    margin-top: 50px;
    text-align: center;
}
.avantaje .avantaj-image-border{
    width: 300px;
    height: 300px;
    border: 2px solid #8562ea;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}
.avantaje .avantaj-image{
    background-color: #fff;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.avantaje .avantaj-image-border img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
}



/*
** Reduceri
*/
.reduceri{
    padding-top: 90px;
    padding-bottom: 90px;
    color: #fff;
}
.reduceri h1{
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.reduceri h3{
    color: #fff;
    font-weight: 700;
    position: relative;
}
.reduceri h3:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    top: 11px;
    left: -35px;
    background-color: #8562ea;
    border-radius: 50%;
}
.reduceri a{
    padding: 10px 50px;
}
.reduceri .reduceri-item{
    padding-top: 50px;
}
.reduceri-num{
    display: flex;
    justify-content: flex-end;
}
.reduceri .reduceri-border-circle{
    border: 2px solid #92b440;
    border-radius: 50%;
    width: 550px;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reduceri .reduceri-circle{
    background-color: #92b440;
    border-radius: 50%;
    width: 450px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 172px;
}
.reduceri .reduceri-circle sub{
    font-size: 72px;
    margin-top: 39px;
}





/*
** Alegere Ideala
*/
.alegere-ideala{
    padding-top: 70px;
    padding-bottom: 70px;
}
.alegere-ideala h1{
    text-align: center;
    font-weight: 700;
}
.alegere-ideala h6{
    text-align: center;
}
.alegere-ideala .special-offer{
    margin-top: 50px;
    border: 2px solid #8562ea;
    width: 100%;
    height: 500px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alegere-ideala .special-offer-desc{
    width: 95%;
    height: 450px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    background-image: url(/assets/images/trial.png);
    background-size: cover;
    background-position: center;
    padding: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}
.alegere-ideala .special-offer-desc h1{
    color: #fff;
    text-align: center;
}
.alegere-ideala .special-offer-desc h5{
    color: #fff;
    text-align: center;
}
.alegere-ideala .special-offer-desc .circle{
    width: 75px;
    height: 75px;
    background-color: #92b440;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    line-height: 1;
    font-size: 21px;
}
.alegere-ideala .special-offer-desc a{
    padding: 10px 50px;
}
.alegere-ideala .btn-outline-vspa{
    border-width: 2px;
}





/*
** Pasii
*/
.steps{
    padding-top: 70px;
    padding-bottom: 70px;
}
.steps h1{
    text-align: center;
    font-weight: 700;
}
.steps-items{
    margin-top: 50px;
}
.steps .steps-item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.steps .steps-item h2{
    margin-top: 30px;
    text-align: center;
}
.steps .steps-item a{
    color: #92b440;
}
.steps .steps-border-circle{
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 2px solid #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.steps .steps-circle{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 172px;
}
.steps .steps-circle span{
    font-size: 32px;
    margin-top: 102px;
}
.steps .steps-bg{
    position: relative;
}
.steps .steps-bg-text{
    position: absolute;
    top: -115px;
    width: 100%;
    font-size: 172px;
    color: #ebebeb;
    font-weight: 700;
    text-align: center;
    z-index: -1;
    text-transform: uppercase;
    line-height: 1.5;
}





/*
** Diploma
*/
.diploma{
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.diploma h1{
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.diploma-content{
    margin-top: 50px;
}
.diploma h3{
    color: #fff;
    margin-bottom: 50px;
    position: relative;
}
.diploma p{
    margin-bottom: 50px;
}
.diploma h3:before {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    top: 11px;
    left: -35px;
    background-color: #8562ea;
    border-radius: 50%;
}
.diploma .btn-outline-vspa{
    padding: 10px 50px;
    border-width: 2px;
}
.diploma .diploma-border{
    width: 100%;
    border: 2px solid #8562ea;
    border-radius: 20px;
    padding: 20px;
}
.diploma .diploma-border img{
    width: 100%;
    border-radius: 20px;
}








/*
** Oferta speciala
*/
.oferta-speciala{
    padding-top: 70px;
    padding-bottom: 70px;
}
.oferta-speciala h1{
    text-align: center;
    font-weight: 700;
}
.oferta-speciala h6{
    text-align: center;
}
.oferta-speciala .special-offer{
    margin-top: 50px;
    border: 2px solid #8562ea;
    width: 100%;
    height: 500px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.oferta-speciala .special-offer-desc{
    width: 95%;
    height: 450px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    background-image: url(/assets/images/trial.png);
    background-size: cover;
    background-position: center;
    padding: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}
.oferta-speciala .special-offer-desc h1{
    color: #fff;
    text-align: center;
}
.oferta-speciala .special-offer-desc h5{
    color: #fff;
    text-align: center;
}
.oferta-speciala .special-offer-desc .circle{
    width: 75px;
    height: 75px;
    background-color: #92b440;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    line-height: 1;
    font-size: 21px;
}
.oferta-speciala .special-offer-desc a{
    padding: 10px 50px;
}
.oferta-speciala .btn-outline-vspa{
    border-width: 2px;
}
.oferta-speciala .special-offer-price{
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.oferta-speciala .special-offer-price-title{
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    line-height: 1;
}
.oferta-speciala .special-offer-price-subtitle{
    color: #fff;
    font-size: 18px;
    line-height: 1;
}










/*
** Team
*/
.team{
    padding-top: 70px;
    padding-bottom: 70px;
}
.team h1{
    text-align: center;
    font-weight: 700;
}
.team .team-item{
    margin-top: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.team .team-item-border{
    width: 350px;
    height: 350px;
    border-radius: 50%;
    border: 2px solid #8562ea;
    display: flex;
    align-items: center;
    justify-content: center;
}
.team .team-item-border img{
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: 50%;
}
.team h2{
    margin-top: 15px;
    font-weight: 700;
}




/*
** Faq
*/
.faq{
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.faq-whitebg{
    background-color: transparent!important;
    color: #4e4e4e!important;
}
.faq h1{
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.faq-whitebg h1{
    text-align: center;
    font-weight: 700;
    color: #4e4e4e!important;
}
.faq a{
    font-weight: 700;
    color: #fff;
    width: 100%;
    text-decoration: none;
    font-size: 27px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-bottom: 5px;
}
.faq-whitebg a{
    font-weight: 700;
    color: #4e4e4e!important;
    width: 100%;
    text-decoration: none;
    font-size: 27px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-bottom: 5px;
}
.faq-items{
    margin-top: 50px;
}
.faq .faq-item{
    margin-top: 30px;
    border-bottom: 2px solid #fff;
}
.faq-whitebg .faq-item{
    margin-top: 30px;
    border-bottom: 2px solid #92b440;
}
.faq .collapse{
    padding-bottom: 15px;
}

.faq .faq-more{
    display: flex;
    justify-content: center;
}
.faq .btn-outline-vspa{
    margin-top: 30px;
    width: 200px;
    font-size: 16px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}







/*
** Video Gallery
*/
.video-gallery{
    padding-top: 70px;
    padding-bottom: 70px;
}
.video-gallery h1{
    text-align: center;
    font-weight: 700;
}
.video-gallery .gallery-filter{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-gallery .gallery-filter a{
    font-size: 18px;
    margin: 0 10px;
    text-decoration: none;
    color: #4e4e4e;
    font-weight: 700;
}
.video-gallery .gallery-filter a:hover{
    color: #92b440;
}
.video-gallery .gallery-filter .active{
    color: #92b440;
    border-bottom: 1px solid #92b440;
    font-weight: 700;
}
.video-gallery .video-items{
    margin-top: 50px;
}
.video-gallery .video-item{
    position: relative;
    margin-bottom: 30px;
}
.video-gallery .video-item h5{
    font-weight: 700;
}
.video-gallery .video-item .video-item-poster{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 25px;
    margin-bottom: 10px;
}
.video-gallery .video-item .video-item-play{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-gallery .video-item .video-item-play img{
    cursor: pointer;
}
.video-gallery .btn-outline-vspa{
    border-width: 2px;
    padding: 10px 50px;
    color: #212121!important;
}
.video-gallery .btn-outline-vspa:hover{
    color: #fff!important;
}
.galleryVideo iframe{
    width: 100% !important;
    height: 100% !important;
}


/*
** Home Contacts
*/
.home-contacts{
    padding-bottom: 70px;
}
.home-contacts h1{
    text-align: center;
    font-weight: 700;
}
.home-contacts .home-contacts-area{
    margin-top: 50px;
    border: 2px solid #8562ea;
    width: 100%;
    height: 500px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-contacts .home-contacts-map{
    width: 95%;
    height: 450px;
    border-radius: 15% 15% 15% 15% / 50% 50% 50% 50%;
    position: relative;
    overflow: hidden;
}
.home-contacts #map{
    width: 100%;
    height: 450px;
    border: 1px solid #ebebeb;
}
.home-contacts .contacts-data{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(33, 33, 33, 0.7);
    z-index: 10;
    padding-left: 75px;
    color: #ccc;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.home-contacts .contacts-data h3{
    color: #fff;
    font-weight: 700;
    position: relative;
}
.home-contacts .contacts-data .phone:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/telefon.png);
    background-size: 100% 100%;
    height: 30px;
    width: 30px;
    top: 2px;
    left: -47px;
}
.home-contacts .contacts-data .address:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/address.png);
    background-size: 100% 100%;
    height: 30px;
    width: 20px;
    top: 2px;
    left: -47px;
}
.home-contacts .contacts-data .email:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/email.png);
    background-size: 100% 100%;
    height: 23px;
    width: 30px;
    top: 7px;
    left: -47px;
}
.home-contacts .contacts-data h5{
    color: #fff;
}
.home-contacts .contacts-data a{
    color: #fff;
    text-decoration: none;
}
.home-contacts .contacts-data-telefon{
    display: flex;
    flex-direction: row;
}
.home-contacts .contacts-data-telefon div{
    width: 40%;
}
.home-contacts .contacts-data-telefon div span{
    font-size: 1.25rem;
    color: #fff;
}



/*
** Contacts page
*/
.contacts-page{
    padding-top: 70px;
    padding-bottom: 70px;
}
.contacts-page .contacts-page-item{
    background-color: #fff;
    border-radius: 25px;
    padding: 25px;
}
.contacts-page #map{
    width: 100%;
    height: 400px;
}
.contacts-page .contacts-data{
    height: 400px;
    color: #4e4e4e;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 50px;
}
.contacts-page .contacts-data h3{
    color: #4e4e4e;
    font-weight: 700;
    position: relative;
}
.contacts-page .contacts-data .phone:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/telefon.png);
    background-size: 100% 100%;
    height: 30px;
    width: 30px;
    top: 2px;
    left: -47px;
}
.contacts-page .contacts-data .address:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/address.png);
    background-size: 100% 100%;
    height: 30px;
    width: 20px;
    top: 2px;
    left: -47px;
}
.contacts-page .contacts-data .email:before {
    content: "";
    position: absolute;
    background-image: url(/assets/images/icons/email.png);
    background-size: 100% 100%;
    height: 23px;
    width: 30px;
    top: 7px;
    left: -47px;
}
.contacts-page .contacts-data h5{
    color: #4e4e4e;
}
.contacts-page .contacts-data a{
    color: #4e4e4e;
    text-decoration: none;
}
.contacts-page .contacts-data-telefon{
    display: flex;
    flex-direction: row;
}
.home-contacts .contacts-data-telefon div{
    width: 40%;
}
.contacts-page .contacts-data-telefon div{
    width: 40%;
}
.contacts-page .contacts-data-telefon div span{
    font-size: 1.25rem;
    color: #4e4e4e;
}
.contacts-page .contacts-formular{
    margin-top: 30px;
}
.contacts-page .contacts-formular h3{
    font-weight: 700;
}
.contacts-page .contacts-formular input{
    border-radius: 25px;
}
.contacts-page .contacts-formular textarea{
    border-radius: 25px;
}
.contacts-page .contacts-formular label{
    margin-top: 15px;
}
.contacts-page .contacts-formular button{
    margin-top: 30px;
    border-width: 2px;
    color: #4e4e4e!important;
    font-weight: 700;
    padding: 7px 50px;
}
.contacts-page .contacts-formular button:hover{
    color: #fff!important;
}








/*
** Blog
*/
.blog-articles{
    padding-top: 70px;
    padding-bottom: 70px;
}
.article-item{
    margin-top: 30px;
    text-align: center;
}
.article-item img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 25px;
    margin-bottom: 10px;
}
.article-item a{
    text-decoration: none;
    color: #4e4e4e!important;
}
.article-item a:hover{
    color: #fff!important;
}
.article-item a h4{
    text-decoration: none;
    color: #4e4e4e!important;
}
.article-item .btn-outline-vspa{
    border-width: 2px;
    padding: 5px 50px;
}


/*
** Article
*/
.article{
    padding-top: 70px;
    padding-bottom: 70px;
}
.article a {
    text-decoration: none!important;
    color: #8562ea!important;
}
.article h4 {
    color: #92b440;
    margin: 0;
}
.article h1 {
    font-weight: 700;
    margin-bottom: 30px;
    color: #8562ea!important;
}
.article p, .article li {
    color: #212121;
}
.article .article-img{
    width: 100%;
    border-radius: 25px;
    margin-bottom: 30px;
}
.article .share{
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    font-size: 18px;
    font-weight: 700;
}
.article .share-social{
    margin-left: 10px;
    width: 30px;
    height: 30px;
    background-color: #92b440;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article .share-social img{
    width: 20px;
}







/*
** Courses Page
*/
.courses-page{
    padding-top: 70px;
    padding-bottom: 90px;
}
.courses-page a{
    text-decoration: none!important;
}
.course-card{
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    position: relative;
}
.course-card .course-img{
    width: 100%;
    height: 275px;
    object-fit: cover;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.course-card .course-description{
    padding: 50px;
    text-align: center;
    position: relative;
}
.course-card .course-description h3{
    margin-bottom: 0;
    font-weight: 700;
}
.course-card .course-state{
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(33, 33, 33, 0.9);
    color: #fff;
    line-height: 1;
}
.course-card .open{
    background-color: #8562ea;
}
.course-card .course-state .num{
    font-size: 21px;
}
.course-card .course-state .num{
    font-size: 21px;
}
.course-card .course-state img{
    width: 30px;
}
.course-card .course-state-desc-open{
    position: absolute;
    top: 50px;
    right: 0;
    background-color: #92b440;
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 5px 25px;
}
.course-card .course-state-desc{
    position: absolute;
    top: 50px;
    right: 0;
    background-color: rgba(33, 33, 33, 0.9);
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 5px 25px;
}




















/*
** Footer
*/
.footer{
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #4e4e4e;
    color: #fff;
}
.footer h3{
    text-decoration: underline;
    color: #fff;
    font-weight: 700;
}
.footer a{
    color: #fff;
    text-decoration: none;
}
.footer ul{
    margin: 0;
    padding: 0;
}
.footer ul li{
    list-style-type: none;
    margin-top: 15px;
    font-weight: 700;
    position: relative;
    font-size: 18px;
}
.footer ul li span{
    display: inline-block;
    width: 35px;
}
.footer ul li img{
    max-width: 23px;
    max-height: 23px;
}
.footer .footer-list-split{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.footer .footer-list-split ul{
    width: 50%;
}
.footer .link-list li {
    padding-left: 30px;
}
.footer .link-list li:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: 9px;
    left: 0;
    background-color: #8562ea;
    border-radius: 50%;
}
.footer .soccial-links{
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer .soccial-links img{
    max-width: 30px;
    margin-right: 10px;
}
.footer .payment-links{
    margin-top: 50px;
}
.footer .payment-links a{
    margin-right: 10px;
}
.footer .payment-links img{
    max-width: 80px;
}
.footer hr {
    margin: 3rem 0;
}
.footer .footer-logos{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer .footer-logos .primary-logo{
    width: 400px;
}
.footer .footer-logos .secondary-logo {
    width: 150px;
}
.footer .footer-logos .secondary-logo:hover {
    animation: scaleImage 1s forwards;
}
@keyframes scaleImage {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}
.footer .author {
    margin-top: 50px;
    text-align: center;
}
.footer .author a{
    color: #fff;
    text-decoration: none;
}


.user-img {
    position: relative;
    text-align: center;
}
.user-name{
    margin-top: 5px;
    text-align: center;
}
#sideNavbar .modal-dialog {
    max-width: 350px;
    margin: 0;
    margin-left: auto;
}
#sideNavbar .modal-content {
    height: 100vh;
    border-radius: 0;
    border: 0;
    background-color: #444444;
}
#sideNavbar .sidenav-auth {
    border-bottom: 1px solid #ccc;
}
#sideNavbar .user-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
#sideNavbar .sidenav-list {
    padding: 5px;
}
#sideNavbar .sidenav-list ul{
    padding: 0;
    margin: 0;
}
#sideNavbar .sidenav-list ul li{
    list-style-type: none;
    padding: 5px;
    border-radius: 6px;
}
#sideNavbar .sidenav-list a{
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
}
#sideNavbar .closeSideNav{
    position: absolute;
    top: 1px;
    right: 10px;
    color: #fff;
    background-color: transparent;
    border: none;
    line-height: 1;
    font-size: 35px;
    z-index: 2;
}
#sideNavbar .user-name h6{
    color: #fff;
    font-weight: 700;
}


.checkout-page{
    padding-top: 70px;
    padding-bottom: 70px;
}
.checkout-page a{
    color: #92b440;
}
.checkout-page .card{
    background-color: #fff;
    padding: 25px;
    border-radius: 15px;
}
.checkout-page input:checked {
    background-color: forestgreen;
    border-color: green;
}
.checkout-details{
    padding: 15px;
    background-color: #fff0d0;
    font-size: 18px;
}
.checkout-card{
    margin-bottom: 50px;
}
.checkout-card .checkout-input-message{
    font-size: 13px;
    color: red;
}
#checkout-payment{
    display: none;
}
.payment-card{
    margin-top: 35px;
    margin-bottom: 75px;
    position: relative;
    height: 260px;
}
.payment-card-first{
    background-color: #f5f5f5;
    width: 500px;
    height: 260px;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.payment-card-second{
    background-color: #ccc;
    width: 500px;
    height: 260px;
    border-radius: 12px;
    border: 1px solid #ccc;
    padding: 35px 0;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
}
.payment-card-expiration{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-card-expiration-inputs{
    width: 50%;
    position: relative;
}
.payment-card-expiration-inputs input{
    width: 100%;
}
.payment-card-expiration-inputs small{
    position: absolute;
    bottom: -20px;
    left: 0;
}
.payment-card-img{
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment-card-img .master-img{
    margin-right: 5px;
    height: 35px;
}
.payment-card-img .visa-img{
    margin-left: 5px;
    height: 20px;
}
.payment-card-second{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}
.payment-card-line{
    width: 100%;
    height: 50px;
    background-color: #444444;
}
.payment-card-code{
    padding-right: 35px;
}
.payment-card-code input{
    width: 100px;
}
.payment-info-item{
    display: flex;
    justify-content: space-between;
}
.payment-info-item .img{
    width: 20%;
}
.payment-info-item .img svg{
    width: 50px;
    height: 50px;
    fill: #8562ea;
}
.payment-info-item .desc{
    width: 75%;
}
.payment-info-item .desc h6{
    color: #92b440;
    font-weight: 700;
}
.info-page{
    padding-top: 70px;
    padding-bottom: 70px;
}
.info-page .card{
    background-color: #fff;
    padding: 25px;
    border-radius: 15px;
}
#tabCheckoutContent{
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 25px;
}
#tabCheckoutContent #online input[type=submit]{
    width: 100%;
    border-radius: 25px;
    background-color: #8562ea;
    border: 1px solid #8562ea;
    color: #fff!important;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#tabCheckoutContent #online input[type=submit]:hover{
    background-color: #6747c2 !important;
    border-color: #6747c2!important;
}
.invalid-input{
    border: 1px solid red;
}
.errMessage{
    color: red;
    font-size: 10px;
    display: none;
}
.checkoutTotal{
    margin-top: 42px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 20px;
}
.checkoutTotalItem{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cti-img{
    width: 30%;
}
.cti-img img{
    width: 100%;
}
.cti-desc{
    width: 67%;
}
.cti-desc h5{
    margin-bottom: 0;
}
.cti-desc h6{
    margin-bottom: 0;
}
.checkoutSubtotal{
    font-size: 18px;
}
.checkoutSubtotal span{
    float: right;
}
.checkoutTotalTotal{
    font-size: 24px;
    font-weight: 700;
}
.checkoutTotalTotal span{
    float: right;
}






/*
** Auth
*/
.auth-page{
    padding-top: 70px;
    padding-bottom: 70px;
    display: flex;
    align-items: center;
}
.auth-page .row{
    display: flex;
    justify-content: center;
}
.auth-form{
    background-color: #fff;
    padding: 30px 55px;
    border: 2px solid #8562ea;
    border-radius: 25px;
    text-align: center;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.375);
}
.auth-form .logo{
    margin-bottom: 25px;
}
.auth-form .logo img{
    width: 224px;
}
.auth-form h4{
    color: #505152;
    font-weight: 700;
    margin-bottom: 25px;
}
.auth-form .auth-field{
    position: relative;
}
.auth-form .auth-field input{
    margin: 30px 0;
    height: 50px;
    border-radius: 35px;
    border: 2px solid #8562ea;
    padding-left: 65px;
}
.auth-form .auth-field span{
    position: absolute;
    top: 11px;
    left: 20px;
}
.auth-form .auth-field span img{
    width: 25px;
}
.auth-form .auth-action button{
    height: 50px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 20px;
    background-color: #8562ea;
    border-color: #8562ea;
}
.auth-form .auth-forgot a {
    color: #505152;
    text-decoration: none;
    border-bottom: 1px solid #505152;
    font-weight: 500;
}
.auth-page ul li{
    text-align: left;
}
.register-field h6{
    text-align: center;
}
.register-field h6 a{
    color: #8562ea;
    font-weight: 700;
}

.auth-check-forgot{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.auth-check-forgot input{
    width: 1px!important;
    height: 1px!important;
    margin: 0!important;
    outline: none!important;
    text-decoration: none!important;
}
.checkbox {
    padding-left: 10px;
    margin-bottom: 7px;
}
.checkbox label {
    display: inline;
    vertical-align: middle;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 1;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    margin-left: -10px;
    border: 2px solid #cccccc;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    border-radius: 50%;
    outline: none!important;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 1px;
    margin-left: -11px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 16px;
    color: #555555;
    outline: none!important;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #ed1b24;
    border-color: #ed1b24;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #8562ea;
    border-color: #8562ea;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox.checkbox-sm label::before {
    width: 30px;
    height: 30px;
    top: -13px;
}
.checkbox.checkbox-sm label::after {
    width: 30px;
    height: 30px;
    padding-left: 4px;
    font-size: 20px;
    left: 1px;
    top: -13px;
}
.checkbox.checkbox-sm label {
    padding-left: 18px;
    top: 13px;
}
.checkbox.checkbox-md label::before {
    width: 34px;
    height: 34px;
    top: -17px;
}
.checkbox.checkbox-md label::after {
    width: 34px;
    height: 34px;
    padding-left: 4px;
    font-size: 24px;
    left: 1px;
    top: -18px;
}
.checkbox.checkbox-md label {
    padding-left: 22px;
    top: 17px;
}
.checkbox.checkbox-lg label::before {
    width: 46px;
    height: 46px;
    top: -28px;
}
.checkbox.checkbox-lg label::after {
    width: 46px;
    height: 46px;
    padding-left: 4px;
    font-size: 36px;
    left: 1px;
    top: -31px;
}
.checkbox.checkbox-lg label {
    padding-left: 34px;
    top: 32px;
}
input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff;
}
/*
.policy-page{
    padding: 20px 20px 50px 20px;
}
.policy-page .row{
    display: flex;
    justify-content: center;
}
.policy-page h3{
    text-align: center;
}
.policy-page .card{
    background-color: #fff;
    border-radius: 25px;
    padding: 25px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}*/
.autor-right-img{
    display: flex;
    flex-direction: row-reverse;
}
.cookie-modal{
    position: fixed;
    bottom: 0;
    padding: 0 100px;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    display: none;
    align-items: center;
    justify-content: space-between;
    z-index: 9999;
}
.cookie-modal button{
    padding-left: 100px;
    padding-right: 100px;
}
.cookie-modal a{
    color: #fff;
    text-decoration: underline;
}
.cookie-modal p{
    width: 80%;
    margin-bottom: 0;
}
.error-block{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.error-number{
    font-size: 272px;
    font-weight: 700;
    color: #92b440;
    line-height: 1;
}
.error-text{
    line-height: 1;
    font-size: 52px;
    font-weight: 700;
    color: #92b440;
}

  /*<div class="why">
                                    <p class="why-text">De ce avem nevoie de IDNP?</p>
                                    <p>1. Pentru verificarea dacă ai participat la un curs offline - primești 50% reducere la online.</p>
                                    <p>2. Pentru a vizualiza istoricul cursurilor offline.</p>
                                    <p>3. Pentru a putea fi promovat(ă) ca specialist de către Spa Therapy.</p>
                                </div>*/

.idnp-field {
    background: linear-gradient(45deg, #8562ea30, #92b4402b);
    border-radius: 25px;
    backdrop-filter: blur(15px);

    
}
.idnp-field input.styled {
    margin-bottom: 0;
}
.why{
    padding: 20px;
    text-align: left;

}
.why-text{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
}
.why p{
    margin-bottom: 5px;
    font-size: 14px;

}
.why p:last-child{
    margin-bottom: 0;
}
.min-height-68 {
    min-height: 68px;
}
.course-title-link {
    color: #212529;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
.course-title-link:hover {
    color: #8562ea;
    text-decoration: underline;
}



.checkout-summary {
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 24px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
  }
  
  .checkout-summary-title {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 24px;
    color: #333;
    text-transform: uppercase;
  }
  
  .checkout-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
  }
  
  .checkout-item-img img {
    width: 80px;
    height: auto;
    border-radius: 6px;
    object-fit: cover;
  }
  
  .checkout-item-info {
    flex-grow: 1;
  }
  
  .checkout-item-info .course-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #222;
  }
  
  .checkout-item-info .package-title,
  .checkout-item-info .package-price {
    font-size: 0.9rem;
    color: #666;
  }
  
  .checkout-price-details {
    border-top: 1px solid #ddd;
    padding-top: 16px;
  }
  
  .price-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 0.95rem;
    color: #444;
  }
  
  .price-line.discount {
    color: #28a745;
    font-weight: 500;
  }
  
  .price-line.total {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin-top: 12px;
  }
  

  .checkout-form {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 32px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.03);
    margin-bottom: 40px;
    font-family: 'Inter', sans-serif;
  }
  
  .checkout-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  
  .col-span-full {
    grid-column: 1 / -1;
  }
  
  .form-group {
    display: flex;
    flex-direction: column;
  }
  
  .form-group label {
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: 0.95rem;
  }
  
  .form-control {
    padding: 12px 16px;
    font-size: 1rem;
    border-radius: 6px;
    border: 1px solid #ccc;
    transition: border-color 0.2s ease;
  }
  
  .form-control:focus {
    outline: none;
    border-color: #5170ff;
    box-shadow: 0 0 0 2px rgba(81, 112, 255, 0.1);
  }
  
  .form-separator {
    grid-column: 1 / -1;
    border: none;
    height: 1px;
    background: #e6e6e6;
    margin: 16px 0;
  }
  
  .btn-checkout {
    margin-top: 16px;
    padding: 14px 24px;
    background-color: #5170ff;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .btn-checkout:hover {
    background-color: #395be0;
  }
  
  @media (max-width: 576px) {
    .checkout-form {
      padding: 24px;
    }
  
    .checkout-form-grid {
      grid-template-columns: 1fr;
    }
  }
  .mt-15 {
    margin-top: 15px;
  }
  .btn-spa.btn-lg {
    padding: 14px 28px;
    font-size: 1.125rem;
    border-radius: 12px;
  }
  .checkout-success {
    max-width: 600px;
    margin: 40px auto;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    padding: 40px;
    font-family: 'Inter', sans-serif;
}

.checkout-success h2 {
    color: #92b440;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
}

.checkout-success ul {
    padding-left: 20px;
    color: #333;
    line-height: 1.6;

}

.checkout-success ul li strong {
    /* violet */
    color: #8562ea;
}


.checkout-success .thankyou {
    margin-bottom: 20px;
    font-size: 16px;
}

.checkout-error {
    max-width: 600px;
    margin: 40px auto;
    background-color: #fdecea;
    border-left: 6px solid #f44336;
    color: #a94442;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    padding: 30px 40px;
    font-family: 'Inter', sans-serif;
}

.checkout-error h2 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #a94442;
}

.checkout-error a {
    color: #a94442;
    text-decoration: underline;
    font-weight: 500;
}

.checkout-error a:hover {
    color: #7d2b29;
}

.checkout-error p {
    margin-bottom: 10px;
}
.mt-5 {
    margin-top: 20px;
}