@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


.hostiko-banner-whmcs {
    padding: 100px 0;
    display: none;
}
.footer-section .contact-content {
    display: none;
}

/* تنظیمات عمومی برای راستچین کردن */
html, body {
    direction: rtl;
    text-align: right;
}

/* فونت‌های پارسی */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, input, button, select, textarea {
font-family:  Vazirmatn, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* تنظیمات منوهای ناوبری */
.navbar, .nav, .nav-tabs, .nav-pills {
    direction: rtl;
}

.navbar-nav {
    float: right;
}

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

.nav > li > a {
    text-align: right;
}

.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* تنظیمات فرم‌ها */
.form-control, .input-group, .input-group-addon {
    direction: rtl;
    text-align: right;
}

.input-group .input-group-addon {
    border-radius: 0 4px 4px 0;
}

.input-group .form-control {
    border-radius: 4px 0 0 4px;
}

/* تنظیمات دکمه‌ها */
.btn {
    direction: rtl;
    text-align: right;
}

/* تنظیمات جداول */
.table, .table-responsive {
    direction: rtl;
}

.table th, .table td {
    text-align: right;
}

/* تنظیمات آیکون‌ها */
.fa, .fas, .far {
    transform: scaleX(-1); /* معکوس کردن آیکون‌ها برای RTL */
}

/* تنظیمات منوی کناری */
.sidebar, .sidebar-nav {
    direction: rtl;
    text-align: right;
}

.sidebar-nav li {
    text-align: right;
}

/* تنظیمات breadcrumb */
.breadcrumb {
    direction: rtl;
}

.breadcrumb > li + li:before {
    content: "\f053"; /* آیکون فلش راست برای Font Awesome */
}

/* تنظیمات پنل‌ها */
.panel, .panel-heading, .panel-body {
    direction: rtl;
    text-align: right;
}

/* تنظیمات الرت‌ها */
.alert {
    direction: rtl;
    text-align: right;
}

/* تنظیمات منوی اصلی WHMCS */
#MainMenu, .main-menu {
    direction: rtl;
}

#MainMenu .nav > li {
    float: right;
}

/* تنظیمات فوتر */
.footer {
    direction: rtl;
    text-align: right;
}

/* تنظیمات هدر */
.header, .topbar {
    direction: rtl;
    text-align: right;
}

/* تنظیمات جعبه‌های قیمت‌گذاری */
.pricing-box, .pricing-table {
    direction: rtl;
    text-align: right;
}

/* تنظیم فاصله‌ها و جهت‌ها */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

/* تنظیمات خاص قالب Twenty-One */
.whmcscontainer, .contentcontainer {
    direction: rtl;
}

.clientareacontainer {
    direction: rtl;
    text-align: right;
}

/* تنظیمات فرم‌های لاگین و ثبت‌نام */
.logincontainer, .signupcontainer {
    direction: rtl;
    text-align: right;
}

/* تنظیمات سبد خرید */
.cartcontainer, .order-box {
    direction: rtl;
    text-align: right;
}

/* تنظیمات responsive */
@media (max-width: 767px) {
    .navbar-nav {
        float: none;
        text-align: right;
    }

    .navbar-collapse {
        direction: rtl;
    }
}
.tiles .tile i {
    left: 20px;
}

#order-standard_cart .domain-selection-options .option .iradio_square-blue {
    margin-left: 10px !important;
    margin-right: auto !important;
}

#order-standard_cart .font-size-36 {
    text-align: right !important;
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    margin-left: 10px !important;
    margin-right: auto;
}

#order-standard_cart .prepend-icon .field {
    padding-left: auto;
    padding-right: 42px !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: right !important;
	}
}
#registration .prepend-icon .field {
    padding-left: auto !important;
    padding-right: 36px !important;
}
.sidebar .sidebar-menu-item-icon-wrapper {
    margin-left: .25rem !important;
    margin-right: 0 !important;
}
.fa, .fas {
    font-family: "Font Awesome 5 Pro" !important;
}
.custom-file-label::after {
    left: 0 !important;
    right: auto !important;
}
.captchaimage {
    text-align: left !important;
}

.form-check-input {
    margin-right: -1.25rem !important;
    margin-left: auto !important;
}
.footer-section .middle-portion .links li i {
    right: -11px !important;
    left: auto !important;
}


.footer-section .middle-portion .icon i {
    right: 0 !important;
    left: auto !important;
}

.footer-section .middle-portion .icon .text {
    padding-right: 30px !important;
}

.offset-md-2 {
    margin-left: auto !important;
    /*margin-right: 16.6666666667%;*/
}

.offset-sm-2 {
    margin-left: auto !important;
    margin-right: 16.6666666667%;
}

@media (min-width: 576px) {
    .offset-sm-1 {
        margin-right: 8.3333333333%;
        margin-left: 0 !important;
    }
}
.footer-section .middle-portion .links li i {
    right: -11px;
    left: 0 !important;
}
.footer-section .middle-portion .links {
    padding-left: 99px !important;
}

.intl-tel-input .country-list {
    text-align: right !important;
    direction: ltr;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: auto !important;
    padding-right: 28px;
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto !important;
    right: 0 !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-right: 94px;
    padding-left: 0 !important;
    direction: ltr;
}

.intl-tel-input .selected-flag .iti-arrow {
    left: 6px;
    right: auto !important;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
    direction: ltr;
}

.pricing-carousel .tab-content .item .product-desc {
    text-align: right !important;
    direction: rtl;
}

.owl-carousel .owl-stage-outer {
    direction: ltr;
}

.pricing-carousel .tab-content .item .product-desc {
    text-align: right !important;
    direction: rtl;
}

.pricing-carousel .tab-content .item header {
    direction: rtl;
}

.pricing-carousel .tab-content .item header figure {
    margin-left: 12px;
    margin-right: auto !important;
}

.btn:not(:disabled):not(.disabled) {
    text-align: center;
}

.pricing-carousel .tab-content .item .product-pricing {
    direction: rtl;
}

@media (max-width: 768px) {
  #order-standard_cart .sidebar-collapsed {
    display: none !important;
  }
}

@media screen and (max-width: 575px) {
    header#header.header .main-navbar-wrapper {
        left: 14px;
        right: auto !important;
    }
}

@media screen and (max-width: 767px) {
    #header .main-navbar-wrapper .dropdown-menu a::before {
        right: 22px;
        left: auto !important;
    }
}

@media screen and (max-width: 1199px) {
    #header .main-navbar-wrapper .dropdown-menu a::before {
        content: "\f053" !important;
    }
}