@import url("https://v1.fontapi.ir/css/Lalezar");

.offcanvas-start {
    transform: translateX(100%);
}

.rtl-mode #sidebarPanel {
    right: 0;
}

html[dir=rtl] .carousel-single .splide__slide,
html[dir=rtl] .carousel-multiple .splide__slide,
body.rtl-mode .carousel-single .splide__slide,
body.rtl-mode .carousel-multiple .splide__slide {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 16px !important;
    padding-left: 0 !important;
}

body {
    background-color: #f5f5f5;
}

#appCapsule.no-menu {
    padding-top: 0;
    padding-bottom: 0;
}

#appCapsule.no-bottom-menu {
    padding-bottom: 0;
}

.appHeader .pageTitle .logo {
    max-height: 30px;
}

.lalezar {
    font-family: "Lalezar", sans-serif;
}

.btn-white {
    background: #fff !important;
    border-color: #fff !important;
    color: #1D9399 !important;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
    background: #fff !important;
    border-color: #fff !important;
}

.btn-white:disabled {
    background: #1D9399;
    border-color: #1D9399;
    opacity: 0.5;
}

.slider-curve {
    position: relative;
    width: 100%;
    height: 150px;
    border-radius: 80%;
    padding-top: 2.5rem !important;
    margin-top: -75px;
    z-index: -1;
    background: #1D9399;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-curve .btn {
    font-weight: 800;
    font-size: 1.25rem;
    margin-top: 0.7rem;
    padding-bottom: 0.5rem;
    box-shadow: 0px 5.36585px 5.36585px rgba(0, 0, 0, 0.25) !important;
    border-radius: 1rem;
    background-color: #fff;
    color: #005EFB !important;
}

.landing-curve {
    position: relative;
}

.landing-curve.landing-curve-top {
    top: 1px;
}

.landing-curve.landing-curve-top svg {
    vertical-align: bottom;
}

.landing-curve.landing-curve-bottom {
    bottom: 1px;
}

.landing-curve.landing-curve-bottom svg {
    vertical-align: top;
}

.section-title {
    font-size: 18px;
    padding: 6px 0;
    display: flex;
    justify-content: center;
    color: #005EFB;
    font-weight: 800;
}

.what-doing-list {
    list-style: none;
    padding: 0 0.5rem;
}

.what-doing-list li {
    position: relative;
    background: #FB9D00;
    margin-bottom: 1rem;
    padding: 0.25rem 1rem;
    text-align: justify;
    font-size: 10px;
    color: #2B2D2E;
    border-radius: 0.5rem;
    box-shadow: 4.4962px 4.4962px 16.8608px rgba(96, 182, 255, 0.62);
}

.what-doing-list li span.number {
    position: absolute;
    right: -10px;
    width: 20px;
    height: 20px;
    background: white;
    text-align: center;
    border: 2px solid #1D9399;
    font-size: 12px;
    top: 35%;
    color: black;
    line-height: 15px;
    border-radius: 0.25rem;
}

.what-doing-list li span.text {
    font-size: 13px;
}

/*f*/

#startTourBox {
    background: #E4E4E4;
}

#startTourBox .form-control {
    appearance: auto !important;
    background-color: #1D9399;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    font-size: 1rem;
}

#startTourBox label, #startTourBox span {
    font-size: 0.75rem;
    font-weight: 800;
}

#startTourBox .btn {
    box-shadow: 0px 8px 16px rgba(27, 57, 255, 0.2) !important;
    border-radius: 1rem;
}

.h_iframe-aparat_embed_frame {
    position: relative;
}

.h_iframe-aparat_embed_frame .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe-aparat_embed_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.octagon {
    clip-path: polygon(46.1731656763% 0.7612046749%, 47.411809549% 0.3407417371%, 48.6947380778% 0.0855513863%, 50% 0%, 51.3052619222% 0.0855513863%, 52.588190451% 0.3407417371%, 53.8268343237% 0.7612046749%, 82.1111055711% 12.4769334274%, 83.2842712475% 13.0554747147%, 84.3718855375% 13.7821953496%, 85.3553390593% 14.6446609407%, 86.2178046504% 15.6281144625%, 86.9445252853% 16.7157287525%, 87.5230665726% 17.8888944289%, 99.2387953251% 46.1731656763%, 99.6592582629% 47.411809549%, 99.9144486137% 48.6947380778%, 100% 50%, 99.9144486137% 51.3052619222%, 99.6592582629% 52.588190451%, 99.2387953251% 53.8268343237%, 87.5230665726% 82.1111055711%, 86.9445252853% 83.2842712475%, 86.2178046504% 84.3718855375%, 85.3553390593% 85.3553390593%, 84.3718855375% 86.2178046504%, 83.2842712475% 86.9445252853%, 82.1111055711% 87.5230665726%, 53.8268343237% 99.2387953251%, 52.588190451% 99.6592582629%, 51.3052619222% 99.9144486137%, 50% 100%, 48.6947380778% 99.9144486137%, 47.411809549% 99.6592582629%, 46.1731656763% 99.2387953251%, 17.8888944289% 87.5230665726%, 16.7157287525% 86.9445252853%, 15.6281144625% 86.2178046504%, 14.6446609407% 85.3553390593%, 13.7821953496% 84.3718855375%, 13.0554747147% 83.2842712475%, 12.4769334274% 82.1111055711%, 0.7612046749% 53.8268343237%, 0.3407417371% 52.588190451%, 0.0855513863% 51.3052619222%, 0% 50%, 0.0855513863% 48.6947380778%, 0.3407417371% 47.411809549%, 0.7612046749% 46.1731656763%, 12.4769334274% 17.8888944289%, 13.0554747147% 16.7157287525%, 13.7821953496% 15.6281144625%, 14.6446609407% 14.6446609407%, 15.6281144625% 13.7821953496%, 16.7157287525% 13.0554747147%, 17.8888944289% 12.4769334274%);
}

#blogBox {
    background: #E4E4E4;
}

#blogBox .blog-slider {
    padding: 1rem 0.55rem;
    padding-top: 0.5rem;
}

#blogBox .blog-slider .swiper-slide {
    display: block;
    border-radius: 0.5rem;
    box-shadow: 3px 3px 10px rgba(96, 182, 255, 0.62);
}

#blogBox .blog-slider .swiper-slide:nth-of-type(odd) {
    background: #FB9D00;
}

#blogBox .blog-slider .swiper-slide:nth-of-type(even) {
    background: #1D9399;
}

#blogBox .blog-slider .swiper-slide span {
    color: #fff;
    margin-top: 0.5rem;
    display: block;
}

#blogBox .blog-slider .swiper-slide img {
    margin-top: 1rem;
    height: auto;
    width: auto;
    display: inline-block;
}

#plansBox .plan-slider {
    padding: 1.5rem 0.45rem;
    padding-top: 0;
}

#plansBox .plan-slider .swiper-slide {
    display: block;
    border-radius: 0.5rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#plansBox .plan-slider .swiper-slide:nth-of-type(odd) {
    background: #1D9399;
}

#plansBox .plan-slider .swiper-slide:nth-of-type(even) {
    background: #FB9D00;
}

#plansBox .plan-slider .swiper-slide:nth-of-type(even) .btn {
    background-color: #1D9399;
    color: #fff;
}

#plansBox .plan-slider .swiper-slide:nth-of-type(odd) .btn {
    background-color: #fff;
    color: #1D9399;
}

#plansBox .plan-slider .swiper-slide h3 {
    color: #fff;
    margin: 1rem 0;
}

#plansBox .plan-slider .swiper-slide .price-box {
    margin-bottom: 1rem;
}

#plansBox .plan-slider .swiper-slide .price-box del {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 0.75rem;
    text-decoration: black;
}

#plansBox .plan-slider .swiper-slide .price-box del:before {
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

#plansBox .plan-slider .swiper-slide .price-box del:before {
    border-bottom: 1px solid red;
    transform: skewY(-10deg);
}

#plansBox .plan-slider .swiper-slide .price-box span {
    display: block;
    font-family: "lalezar", sans-serif;
    color: #1d1d1d;
}

#plansBox .plan-slider .swiper-slide ul {
    list-style: none;
    padding: 0;
}

#plansBox .plan-slider .swiper-slide ul li {
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 0.75rem;
    align-items: center;
}

#plansBox .plan-slider .swiper-slide ul li span {
    font-size: 0.7rem;
}

#plansBox .plan-slider .swiper-slide .btn {
    font-weight: 800;
    padding-bottom: 0.25rem;
    box-shadow: 0px 6.76294px 13.5259px rgba(27, 57, 255, 0.2) !important;
}

#teamBox {
    background: #E4E4E4;
}

#teamBox .swiper-slide {
    display: block;
    text-align: center;
    background-color: transparent;
}

#teamBox .swiper-slide .img-box {
    margin-bottom: 0.5rem;
}

#teamBox .swiper-slide .img-box img {
    max-width: 200px;
    max-height: 200px;
}

#teamBox .swiper-slide .team-person-name {
    font-size: 1rem;
}

#teamBox .swiper-slide .team-person-position {
    font-size: 0.75rem;
}

#blogBox .swiper-button-next, #plansBox .swiper-button-next, #teamBox .swiper-button-next {
    right: -1.35rem;
}

#blogBox .swiper-button-prev, #plansBox .swiper-button-prev, #teamBox .swiper-button-prev {
    left: -1.35rem;
}

#blogBox .swiper-button-next:after, #blogBox .swiper-button-prev:after, #plansBox .swiper-button-next:after, #plansBox .swiper-button-prev:after, #teamBox .swiper-button-next:after, #teamBox .swiper-button-prev:after {
    font-size: 1rem;
    font-weight: 800;
    color: #FB9D00;
}

@media (min-width: 768px) {
    #teamBox .swiper-button-next {
        right: 0;
    }

    #teamBox .swiper-button-prev {
        left: 0;
    }
}

.appFooter {
    border-top: 0;
}

.footer-text {
    font-size: 1rem;
    line-height: 2rem;
    text-align: justify;
}

.f-bold {
    font-weight: bold;
}

.btn-icon img {
    width: 30px;
    height: 30px;
}

.login-form .logo {
    width: 50%;
    position: absolute;
    top: 10%;
    right: 10%;
}

.login-form h1 {
    font-size: 1.5rem;
}

.login-form h4 {
    color: #424750;
    font-size: 0.825rem;
    line-height: 1.5rem;
}

.login-form label {
    margin-bottom: 0.5rem;
}

.login-form .text-guide {
    font-size: 0.75rem;
    padding-bottom: 150px;
}

.login-form .go-back {
    position: absolute;
    font-size: 1.5rem;
    padding: 0.5rem;
}

.login-form #step7 .form-button-group {
    position: inherit !important;
    padding: 0 !important;
}

@media (max-width: 380px) {
    .login-form .logo {
        width: 40%;
        top: 12%;
        right: 12%;
    }

    .login-form .img-t {
        height: 330px;
    }
}

@media (max-width: 325px) {
    .login-form .logo {
        width: 45%;
        top: 10%;
        right: 10%;
    }

    .login-form .img-t {
        height: 275px;
    }
}

@media (max-width: 350px) {
    .login-form .form-button-group {
        position: inherit !important;
        padding: 0 !important;
    }
}

.toggle-password {
    cursor: pointer;
}

.toggle-password ion-icon[name=eye-outline] {
    display: block;
}

.toggle-password ion-icon[name=eye-off-outline] {
    display: none;
}

.toggle-password.off ion-icon[name=eye-outline] {
    display: none;
}

.toggle-password.off ion-icon[name=eye-off-outline] {
    display: block;
}

.form-group .toggle-password {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4F5050;
    height: 38px;
    font-size: 22px;
    position: absolute;
    z-index: 2;
    right: -10px;
    bottom: 0;
    width: 32px;
    opacity: 0.5;
}

.form-group .toggle-password i.bi {
    font-size: 20px;
}

.form-group .toggle-password:hover, .form-group .toggle-password:active {
    opacity: 0.8;
}

.form-group.boxed .toggle-password {
    right: 0;
    height: 42px;
    width: 40px;
}

.needs-validation.was-validated .form-group.basic .toggle-password, .needs-validation.was-validated .form-group.boxed .toggle-password {
    bottom: 20px;
}

html[dir=rtl] .form-group .toggle-password, body.rtl-mode .form-group .toggle-password {
    left: -10px;
}

html[dir=rtl] .form-group.boxed .toggle-password, body.rtl-mode .form-group.boxed .toggle-password {
    left: 0;
    right: auto;
}

html[dir=rtl] .form-group.basic .toggle-password, body.rtl-mode .form-group.basic .toggle-password {
    left: -10px;
    right: auto;
}

body.dark-mode-active .form-group .toggle-password {
    color: #586d7f;
}

.home-slider .swiper-button-next:after, .home-slider .swiper-button-prev:after {
    font-size: 1rem;
    font-weight: 800;
    color: #FB9D00;
}

.home-slider .swiper-slide {
    border-radius: 0.5rem;
}

.home-menu {
    background-color: #1D9399;
    color: #fff;
    padding: 0.75rem;
    border-radius: 0.5rem;
}

.home-menu .text {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 800;
}

.home-menu .icon {
    margin-bottom: 1rem;
}

.home-menu .icon img {
    width: 45px;
    height: 45px;
}

.progress-sm {
    height: 10px;
}

.progress-sm .progress-bar {
    height: 10px;
}

#skill-box .skill-item {
    margin-bottom: 1rem;
}

#skill-box .skill-item .skill-item__body {
    background-color: #fff;
    padding: 0.5rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0px 2.8159px 14.0795px rgba(96, 182, 255, 0.5);
}

#skill-box .skill-item .skill-item__body .title {
    color: #1D9399;
}

#skill-box .skill-item .skill-item__body img {
    width: 25px;
    height: 25px;
    margin-left: 0.3rem;
}

#blog-box .page-title img {
    width: 20px;
    height: 20px;
    margin: 0 0.5rem;
}

#blog-box .page-title span {
    font-size: 1rem;
}

#blog-box #slider-b .blog-slider .swiper-slide {
    display: block;
    border-radius: 0.5rem;
    box-shadow: 3px 3px 10px rgba(96, 182, 255, 0.62);
}

#blog-box #slider-b .blog-slider .swiper-slide:nth-of-type(odd) {
    background: #FB9D00;
}

#blog-box #slider-b .blog-slider .swiper-slide:nth-of-type(even) {
    background: #1D9399;
}

#blog-box #slider-b .blog-slider .swiper-slide span {
    color: #fff;
    margin-top: 0.5rem;
    display: block;
}

#blog-box #slider-b .blog-slider .swiper-slide img {
    margin-top: 1rem;
    height: auto;
    width: auto;
    display: inline-block;
}

#blog-box #slider-b .swiper-button-next {
    right: -7rem;
}

#blog-box #slider-b .swiper-button-prev {
    left: -7rem;
}

#blog-box #slider-b .swiper-button-next:after, #blog-box #slider-b .swiper-button-prev:after {
    font-size: 1rem;
    font-weight: 800;
    color: #FB9D00;
}

.swiper-pagination-bullet-active {
    background-color: #1D9399;
}

.profileBox {
    min-height: 56px;
}

.profileBox img {
    max-height: 35px;
}

.profileBox .close-sidebar-button {
    color: rgb(126, 126, 126) !important;
}

#appCapsule.has-btn-footer {
    padding-bottom: 100px !important;
}

#appCapsule.has-menu-bottom {
    padding-bottom: 58px !important;
}

.form-check.form-check-secondary .form-check-input:checked ~ .form-check-label:after {
    background-color: #FB9D00;
    border-color: #FB9D00 !important;
}

.quiz-text-end {
    background-color: rgba(251, 157, 0, 0.5019607843);
    color: #353535;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-top: 1rem;
    text-align: justify;
}

.course-item .title {
    font-size: 1rem !important;
}

.course-item .day {
    font-size: 0.75rem;
}

.text-left {
    text-align: left;
}

/*# sourceMappingURL=app.css.map */