@font-face {
    font-family: "Somar";
    src: url("../assets/fonts/SomarSans/fonts/Web/Standard/SomarSans-Regular.woff2") format("woff2"),
    url("../assets/fonts/SomarSans/fonts/Web/Standard/SomarSans-Regular.woff") format("woff");
}

body {
    font-family: "Somar", sans-serif;
    background-color: #f9f9f9;
    overflow-x: hidden !important;
}

html[dir="rtl"] .card-courses h3,
html[dir="rtl"] .card-courses p {
    text-align: right;
}

html[dir="rtl"] .col-md-4.blog-header h2,
html[dir="rtl"] .col-md-4.blog-header p,
html[dir="rtl"] .col-md-4.blog-header a {
    text-align: right;
}

html[dir="rtl"] .col-md-4.blog-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

html[dir="rtl"] .blog-title-img,
html[dir="rtl"] .blog-date-img,
html[dir="rtl"] .blog-read-more {
    text-align: right;
}

html[dir="rtl"] .footer-container {
    text-align: right;
}

html[dir="rtl"] .footer-logo a {
    text-align: right;
}

html[dir="rtl"] .footer-heading,
html[dir="rtl"] .footer-heading-contact h5 {
    text-align: right;
}

html[dir="rtl"] .footer-link {
    text-align: right;
}

html[dir="rtl"] .social-icons {
    text-align: right;
}

html[dir="rtl"] .bottom-section {
    text-align: right;
}

html[dir="rtl"] .text-left-footer {
    text-align: right;
}

html[dir="rtl"] .text-center-footer {
    text-align: center;
}

html[dir="rtl"] .text-right-footer {
    text-align: left;
}

html[dir="rtl"] .footer-heading-contact {
    text-align: right;
}

html[dir="rtl"] .footer-heading-contact p {
    text-align: right;
}

html[dir="rtl"] .footer-heading-contact .phone-number,
html[dir="rtl"] .footer-heading-contact .email-footer-icon {
    display: inline-block;
    text-align: right;
}

html[dir="rtl"] .footer-container .footer-logo,
html[dir="rtl"] .footer-container .footer-heading-contact,
html[dir="rtl"] .footer-container .col {
    text-align: right;
}

html[dir="rtl"] .footer-container .social-icons {
    direction: rtl;
}

html[dir="rtl"] .navbar-brand {
    text-align: right;
}

html[dir="rtl"] .navbar {
    display: flex;
    justify-content: flex-start;
    direction: rtl;
}

html[dir="rtl"] .footer-heading-contact img {
    margin-left: 10px;
    margin-right: 0px;
}

.forget-reset-pass h2,
.forget-reset-pass p {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .forget-reset-pass h2,
html[dir="rtl"] .forget-reset-pass p {
    direction: rtl;
    text-align: right;
}

.signin-form h2,
.signin-form p {
    direction: ltr;
    text-align: left;
}

html[dir="rtl"] .signin-form h2,
html[dir="rtl"] .signin-form p {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .signup-form h2,
html[dir="rtl"] .signup-form p {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .new-release-text,
html[dir="rtl"] .sub-text-release {
    text-align: right;
}

html[dir="rtl"] .button-container {
    text-align: right;
}

html[dir="rtl"] .btn-custom-primary {
    text-align: center;
}

html[dir="rtl"] .content-wrapper {
    text-align: right;
    direction: rtl;
}

/*-----Sign in------*/

html[dir="rtl"] .form-check-label-signin {
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] .forget-password {
    text-align: right;
}

html[dir="rtl"] .signin-form h2 {
    text-align: right;
}

html[dir="rtl"] .signin-form p {
    text-align: right;
}

html[dir="rtl"] .signin-form .signin {
    text-align: right;
}

/*------ Sign Up------*/

html[dir="rtl"] .signup-form h2 {
    text-align: right;
}

html[dir="rtl"] .signup-form p {
    text-align: right;
}

html[dir="rtl"] .signup-form .form-check-signup {
    text-align: right;
}

html[dir="rtl"] .signup-form .form-check-label-signup {
    text-align: right;
}

html[dir="rtl"] .signup-form input {
    text-align: right;
}

html[dir="rtl"] .signup-form .form-check-label-signup {
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] .signup-form .btn {
    text-align: center;
}

.signin-form h2 {
    text-align: right !important;
}

.signup-form, .signin-form p {
    text-align: right !important;
}

.password-toggle {
    left: 10px !important;
    right: auto !important;
}

.custom-input-signup .form-control {
    text-align: right;
}

.form-check-signup {
    direction: rtl;
}

@media (max-width: 768px) {
    .logout-btn {
        margin-right: 15px;
        color: red;
    }
}