@font-face {
    font-family: IRANSansWeb;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.woff') format('woff');
}

body {
    color: #555;
    font-family: 'IRANSansWeb', Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    overflow-x: hidden;
    direction: rtl;
    text-align: right;
}

h2, p, button, input[type="button"], input[type="reset"], input[type="submit"], .lms-header-top, .lms-header-top a, .lms-logo a h2, .lms-logo a h2,
.lms-mainmenu ul li a, .lms-main-caption p, .why-choose-us h2, .why-choose-us .single-option > h2, .single-service h2, .price, .lms-btn.news-btn, .news-letter-form .widget-mailchimb h1,
.lms-single-widget, .lms-single-widget p, .lms-copyright a, .about-page-choose ul li a, .course-overlay-1 > a, .teacher_area figure figcaption h6, .section_hedings, .section_hedings_white,
.connected strong, .lms_commet_field input[type="submit"], .lms_commet_field button, .contact-content .details h5, .wrap-login h3, .single-service h3, .contact-content .details h5, .flag-tools h3,
.online-course h3 {
    font-family: 'IRANSansWeb', Arial, sans-serif;
    line-height: 1.7;
}
.class-content p {
    line-height: 2;
}
@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: right;
    }
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: right;
    }
}

.login-register {
    float: left;
}

.lms-main-caption-cell, .section-left .lms-section-title, .lms-progress-skill .lms-bar, .lms-rating ul, .syllabus-left, .teacher-desc ul, .lms-single-widget > h2 {
    text-align: right;
}

.course-meta .category i {
    margin-right: 0;
    margin-left: 10px;
}

@media (min-width: 992px) {
    .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }
}

.news-letter-form .widget-mailchimb button {
    right: auto;
    left: 0;

}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    padding: 12px 20px 12px 35px;
}

.lms-copyright a {
    display: table-cell;
    padding: 0 5px;
}

.lms-copyright a i {
    margin-left: 5px;
}

.top-for-ul #myTab_2 {
    float: right;
}

.nav-tabs > li {
    margin-left: 10px;
    margin-right: 0;
}

.nav-tabs > li {
    float: right;
}

.top-for-ul form {
    float: left;
    text-align: left;
}

.course-price {
    right: -45px;
    left: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);

}

.flat-contact-form .submit-wrap button {
    float: right;
    text-align: right;
}

.lms-mainmenu ul li ul {
    background-clip: padding-box;
    border: none;
    right: 0;
    left: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    text-align: right;

    -webkit-transform-origin: top right;
    transform-origin: top right;
    vertical-align: top;

    z-index: -9;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.modal-header .close {
    float: left;
}

.lms-mainmenu ul li span {
    margin-right: 8px;
    margin-left: 0;
}

.lms-main-caption p, .lms-main-caption h2 {
    direction: rtl;
}

.lms-main-caption h2, .lms-main-caption p {
    line-height: 1.5;

}

.lms-main-caption h2 {
    font-size: 36px;
}

.lms-main-caption h2 {
    font-weight: bold
}

.lms-main-caption p {
    letter-spacing: 0;
}

.header-title h2 {
    font-size: 34px;
}

.lms-single-widget, .lms-single-widget p {
    line-height: 1.8;
}

.flat-contact-form.style2 .input-wrap:before, .flat-contact-form.style2 .textarea-wrap:before {
    top: 18px;
    right: 19px;
    left: auto;
}

.contact .comment-form .name-container, .flat-contact-form .input-wrap.name {
    float: right;
    margin-left: 2%;
    margin-right: 0;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    padding: 12px 35px 12px 20px;
}

.flat-contact-form.style2 textarea {

    padding-left: 0;
    padding-right: 44px;
}

.about-us p {
    font-size: 16px;
    line-height: 1.7;
}

.flag-tools li {
    display: inline-block;
    padding: 10px 10px;
    float: right;
    margin: 10px 5px 10px 0;
}

.flag-tools h3 {
    float: right;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .lms-page-title {
        margin-top: 19%;
        text-align: center;
        text-transform: capitalize;
    }

    .lms-page-title h2 {
        font-size: 30px;
    }

    .lms-page-title ul li {
        font-size: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .lms-page-title {
        margin-top: 19%;
        text-align: center;
        text-transform: capitalize;
    }

    .lms-page-title h2 {
        font-size: 30px;
    }

    .lms-page-title ul li {
        font-size: 20px;
    }
}
.custom-control-label {
    font-size: 16px;
   

}
.custom-control-input {
    float:right;
}

input[type=checkbox], input[type=radio] {
    margin:0;
}
.form-group {
    margin-bottom: 0;
}
.wrap-login input{
    padding: 12px 20px 12px 20px;
}
/* ===== ظاهر باکس کپچا ===== */
.purple-box {
    background: #FFD400;
    border-radius: 10px 10px 0 0;
    padding: 35px;
}

.dl-box {
    background: #fafafa;
    border: 1px solid rgba(181, 181, 181, 0.2);
    border-radius: 0 0 10px 10px;
}

.spc2 {
    color: #484848;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
    outline: none;
    background-color: #fafafa;
    flex: 1;
}

.captcha-done {
    height: 80px;
    width: 100%;
    margin: 50px 0;
}

.captcha-wrapper #CAPTCHA {
    background: #FFD400;
    border-radius: 10px 10px 0 0;
    padding: 35px;
    min-height: 70px; /* برای اینکه باکس خالی هم دیده شود */
    display: flex;
    align-items: center;
    justify-content: center;
}

.captcha-wrapper .captcha-actions {
    background: #fafafa;
    border: 1px solid rgba(181, 181, 181, 0.2);
    border-left: 0; /* شبیه حالت قبلی (یکپارچه با input) */
    border-radius: 0 0 10px 10px;
    padding: 20px;
}

.captcha-wrapper input#captchaInput.form-control {
    background: #fafafa;
    border: 1px solid rgba(181, 181, 181, 0.2);
    border-right: 0; /* یکپارچه با اکشن‌ها */
    border-radius: 0 0 10px 10px;
    box-shadow: none;
    outline: none;
    color: #484848;
    font-size: 15px;
    font-weight: 400;
    margin-top:0;
}

/* ردیف input + اکشن‌ها رو مثل dl-box قبلی کنار هم کن */
.captcha-wrapper .mt-3 > input#captchaInput {
    width: 100%;
}

.captcha-wrapper .mt-3 {
    position: relative;
}
/* باکس کپچا (اختیاری اگر قبلاً داری) */
.captcha-wrapper .captcha-box {
    background: #FFD400;
    border-radius: 10px 10px 0 0;
    padding: 35px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* wrapper input برای absolute کردن آیکن‌ها */
.captcha-wrapper .captcha-input-wrap {
    position: relative;
}

/* خود input */
.captcha-wrapper .captcha-input-like {
    background: #fafafa;
    border: 1px solid rgba(181,181,181,.2);
    border-radius: 0 0 10px 10px;
    box-shadow: none !important;
    outline: none !important;
    /* جا برای آیکن‌ها در سمت چپ */
    padding-left: 86px; /* اگر آیکن‌ها بزرگ‌تر/کم‌تر شد تنظیم کن */
    direction: ltr !important;
    text-align: right;
    unicode-bidi: bidi-override;
}

/* آیکن‌ها داخل input - سمت چپ */
.captcha-wrapper .captcha-icons {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
}

    .captcha-wrapper .captcha-icons svg {
        cursor: pointer;
    }

.forget-remember{
    display:flex;
    justify-content:space-between;
    font-size:1.5rem;
    font-weight:normal;
}
.forget-remember div{
    display:flex;
    align-items:center;
}
.forget-remember input{
width:auto;
margin:5px 0 10px 5px;
height:60px;
}
.align-center {
    display:flex;
justify-content:center;
}

.captcha-noise {
    position: relative;
    user-select: none;
    font-weight: bold;
    letter-spacing: 2px;
}

    .captcha-noise span {
        color: #333;
    }

.captcha-line {
    position: absolute;
    left: 5%;
    width: 90%;
    height: 2px;
    background: rgba(0,0,0,.2);
    pointer-events: none;
}
.mr-4 {
    margin-right: 0.5rem !important;
}