Mr.Combet Webshell 🔥

View File Name : rtl.css

body,
html {
  direction: rtl;
  text-align: right
}

.support-contact-info {
  text-align: right
}

.support-bar-area ul.social-links::after {
  left: 0
}

.language {
  margin-right: 17px;
  margin-left: 0
}

.support-bar-area ul.social-links {
  padding-left: 20px
}

.support-bar-area .address {
  margin-right: 0;
  margin-left: 25px;
  display: inline-block
}

.main-menu li.dropdown {
  margin-left: 12px;
  margin-right: 0
}

.main-menu li.dropdown::after {
  right: 0;
  left: -5px
}

.main-menu li a.boxed-btn {
  margin-right: 20px;
  margin-left: 0
}

.hero-txt {
  padding-right: 0;
  padding-left: 270px;
  text-align: right
}

.single-hero-feature {
  text-align: right
}

.intro-txt {
  text-align: right
}

.approach-summary {
  padding-right: 0;
  padding-left: 150px;
  text-align: right
}

.approach-icon-wrapper {
  float: right
}

.approach-text {
  margin-left: 0;
  margin-right: 110px;
  text-align: right
}

.statistics-section h5 i {
  margin-right: 0;
  margin-left: 6px
}

a.readmore-btn::after {
  right: 35px
}

a.readmore-btn:hover::after {
  right: 29px
}

.client-desc {
  margin-left: 0;
  margin-right: 100px;
  text-align: right
}

.single-testimonial .img-wrapper {
  float: right
}

.blog-txt {
  text-align: right
}

.contact-btn-wrapper {
  text-align: left
}

.cta-section h3 {
  text-align: right
}

.footer-section .footer-txt {
  text-align: right
}

ul.footer-links li a {
  padding-right: 15px;
  padding-left: 0
}

ul.footer-links li {
  text-align: right
}

ul.footer-links li a::after {
  right: 0;
  transform: rotateY(180deg);
  left: auto
}

.footer-section h4 {
  text-align: right
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  display: inline-block;
  width: 100%;
  height: 50px;
  padding-left: 23px;
  border: 1px solid #ddd;
  outline: 0;
  border-radius: 1px;
  padding-left: 0;
  padding-right: 23px
}

.footer-newsletter p {
  text-align: right
}

.footer-newsletter button[type=submit],
.footer-newsletter input[type=submit] {
  float: right
}

.footer-contact-info ul li {
  text-align: right
}

.footer-contact-info ul li span {
  margin-left: 0;
  margin-right: 15px
}

.video-play-button span {
  margin: 7px 6px 0 0
}

.mega-dropdown-content .service-category h3 {
  text-align: right
}

.mega-dropdown-content .service-category a {
  text-align: right
}

.mega-dropdown-content .service-category a {
  padding-left: 0;
  padding-right: 15px
}

.mega-dropdown-content .service-category a::before {
  transform: rotateY(180deg)
}

.mega-dropdown .dropbtn i {
  margin-left: 0;
  margin-right: 3px
}

.main-menu li.dropdown ul.dropdown-lists li a {
  text-align: right
}

.service-txt {
  text-align: right
}

.searchbar input[type=search],
.searchbar input[type=text] {
  float: right
}

.searchbar button[type=submit],
.searchbar input[type=submit] {
  float: right
}

.blog-sidebar-widgets.category-widget {
  text-align: right
}

.category-lists ul li a::after {
  left: auto;
  right: 0;
  transform: rotateY(180deg)
}

.category-lists ul li a {
  padding-left: 0;
  padding-right: 10px
}

.subscribe-section {
  text-align: right
}

.subscribe-section h3::after {
  right: 0;
  left: auto
}

.support-bar-area .support-contact-info i {
  margin-right: 0;
  margin-left: 4px
}

span.phone {
  display: inline-block
}

span.phone i {
  float: right
}

.breadcrumb-area .breadcrumb-txt {
  text-align: right
}

ul.breadcumb li::after {
  left: -17px;
  transform: rotateY(180deg)
}

ul.breadcumb li {
  margin-left: 0;
  margin-right: 25px
}

ul.breadcumb li:first-child {
  margin-right: 0;
  margin-left: auto
}

.support-bar-area .address {
  margin-left: 20px
}

.project-infos {
  text-align: right
}

.mfp-counter {
  direction: ltr
}

.main-menu li.dropdown ul.dropdown-lists {
  left: auto
}

.category-lists.job li a span {
  float: left
}

.job-lists .single-job {
  text-align: right
}

.job-details .info {
  text-align: right
}

.job-details h3 {
  text-align: right
}

.faq-section .accordion .card .card-header .btn::after {
  right: auto;
  left: 30px
}

.faq-section .accordion .card .card-header .btn {
  text-align: right !important
}

.faq-section .accordion .card .card-header .btn[aria-expanded=true]::after {
  right: auto;
  left: 30px
}

.faq-section .card-body {
  text-align: right
}

.blog-details {
  text-align: right
}

.blog-share ul li:last-child {
  margin-right: 15px;
  margin-left: 0
}

.blog-share {
  text-align: right
}

textarea {
  padding-left: 0;
  padding-right: 23px
}

.contact-infos {
  left: auto;
  right: 30px
}

.single-contact-info i {
  margin-right: 0;
  margin-left: 20px
}

button[type=submit],
input[type=submit] {
  float: right
}

.contact-form-section .section-summary {
  padding-right: 0;
  padding-left: 80px
}

.contact-form-section .section-title {
  display: block;
  text-align: right
}

.hero2-carousel.owl-theme .owl-dots {
  right: auto;
  left: 28px
}

.form-element label {
  text-align: right
}

.form-element {
  text-align: right
}

form {
  text-align: right
}

.custom-control-inline {
  margin-right: 0;
  margin-left: 1rem
}

.footer-newsletter::after,
.form-element::after {
  content: "";
  display: block;
  clear: both
}

.slicknav_menu .slicknav_icon {
  width: auto
}

h5.service-title {
  padding-left: 0;
  padding-right: 20px
}

.contact-form-section .section-summary {
  text-align: right
}

#toast-container>div {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center
}

.services-area .services-item .services-content a.title {
  text-align: right
}

.services-area .services-item .services-content p {
  text-align: right
}

.services-area .services-item .services-content a {
  float: right
}

.services-area .services-item .services-content::after {
  content: '';
  display: block;
  clear: both
}

.services-area .services-item .services-content a i {
  margin-left: 0;
  margin-right: 18px
}

.order-comfirmation .table {
  text-align: right
}

select {
  padding-right: 15px
}

.product-area .shop-sidebar .shop-box {
  text-align: right
}

.product-area .shop-sidebar .shop-box .sidebar-title .title::after {
  left: 0;
  right: 17px
}

.product-area .shop-sidebar .shop-box .sidebar-title .title::before {
  right: 0
}

.product-area .shop-search i {
  right: auto;
  left: 30px
}

.product-details-area .product-details-content .product-details-content-item .title {
  text-align: right
}

.product-details-area .product-details-content .product-details-content-item span {
  text-align: right
}

.product-quantity button {
  height: 50px
}

.product-details-area .product-details-content .product-social-icon {
  text-align: right
}

.product-details-area .product-details-content .product-details-tags {
  padding-top: 15px;
  text-align: right
}

.product-details-area .product-details-content .product-details-tags ul li span {
  float: right;
  margin-left: 10px
}

.actions {
  display: flex
}

.actions .checkout-btn {
  margin-right: 10px
}

.shop-review-area {
  text-align: right
}

.shop-review-area .shop-review-user img {
  right: 0;
  left: auto
}

.shop-review-area .shop-review-user {
  padding-left: 0;
  padding-right: 75px
}

.cart-total-table li span.col.col-title {
  float: right
}

.cart-total-table li span.col {
  float: right
}

.cart-total-table li span.col.col-title {
  border-left: 1px solid #e8e6f4;
  border-right: none
}

.checkout-area .table .cart-table.shipping-method tbody tr td {
  padding-left: 0;
  padding-right: 30px
}

.user-sidebar {
  text-align: right
}

.user-dashbord .main-info ul.list {
  float: right
}

.user-dashbord .main-info ul.list {
  width: auto;
  margin-left: 20px;
  text-align: right
}

.user-dashbord .main-info h5 {
  margin-bottom: 15px;
  text-align: right
}

.dataTables_wrapper .dataTables_length {
  float: right
}

.dataTables_wrapper .dataTables_filter {
  float: left
}

.main-table .dataTables_wrapper input[type=search] {
  direction: ltr
}

.order-info {
  text-align: right
}

.order-info-area .prinit {
  float: left
}

.order-info-area .prinit .btn i {
  margin-right: 0;
  margin-left: 10px
}

.user-dashbord .main-info ul.list li p span {
  float: right;
  margin-right: 0;
  margin-left: 20px
}

.payment-information {
  text-align: right
}

.payment-information span {
  display: inline-block;
  margin-right: 8px
}

.product-list h5 {
  text-align: right
}

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

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
  text-align: right
}

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

div.dataTables_wrapper div.dataTables_info {
  float: right
}

div.dataTables_wrapper div.dataTables_paginate {
  float: left
}

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

.description {
  text-align: right
}

.single-message {
  text-align: right
}

.single-message .user-img {
  margin-right: 0;
  margin-left: 30px
}

.reply-section>h5 {
  text-align: right
}

.form-element label {
  text-align: right
}

.message-section>h5 {
  text-align: right
}

.file-upload-area {
  margin-left: 0;
  margin-right: 30px
}

.form_control {
  padding-left: 0;
  padding-right: 23px
}

.user-dashbord .title {
  text-align: right
}

.summary {
  text-align: right
}

ul.login {
  margin-left: 0;
  margin-right: 20px
}

ul.login::before {
  left: auto;
  right: -12px
}

.login-title {
  text-align: right
}

.input-btn {
  display: flex;
  justify-content: space-between
}

li.submenus::after {
  left: 10px;
  right: auto;
  content: '\f053'
}

.main-menu li.submenus ul {
  left: auto;
  right: 100%
}

.knowledge-box .title h3:before {
  margin-right: 0;
  margin-left: 10px
}

.post-share-date .share-list {
  float: left
}

.requirements-nav .card .card-header .toggle_btn {
  float: right;
  float: left
}

@media only screen and (min-width:992px) {
  .offset-lg-3 {
    margin-right: 25%
  }
}

@media only screen and (max-width:991px) {
  .hero-txt {
    padding-left: 30px
  }

  .support-bar-area .text-left {
    text-align: center !important
  }

  .support-contact-info {
    text-align: center
  }

  .support-bar-area ul.social-links::after {
    right: 100%
  }

  .slicknav_nav .slicknav_row,
  .slicknav_nav a,
  ul.slicknav_nav li a.boxed-btn {
    text-align: right
  }

  h5.service-title {
    text-align: right
  }

  .product-area .shop-search {
    margin-bottom: 20px
  }
}

@media only screen and (min-width:992px) {
  .offset-lg-3 {
    margin-right: 25%
  }
}

@media only screen and (max-width:767px) {
  .approach-summary {
    padding-left: 0
  }

  .cta-section h3 {
    text-align: center
  }

  .contact-btn-wrapper {
    text-align: center
  }
}

@media only screen and (max-width:480px) {
  .product-details-area .product-details-content {
    margin-left: 0;
    margin-right: 20px
  }

  .actions .main-btn {
    padding: 10px 16px;
    font-size: 14px
  }
}

.header-navigation .nav-container .main-menu ul>li.menu-item-has-children>a:after {
  margin-left: 0;
  margin-right: 5px
}

.header-navigation .nav-container .main-menu ul li .mega-menu,
.header-navigation .nav-container .main-menu ul li .sub-menu {
  text-align: right
}

.categorie-box .main-btn {
  right: auto;
  left: 20px
}

.course-item .course-img .course-overlay .rating p i {
  margin-right: 0;
  margin-left: 4px
}

.course-details-section .course-content ul.info li span,
.course-item .course-content .course-admin-price .price {
  margin-left: 0;
  margin-right: 15px
}

.course-item .course-content .course-meta span {
  margin-right: 0;
  margin-left: 15px
}

.course-item .course-content .course-meta span i {
  margin-right: 0;
  margin-left: 5px
}

.course-item .course-content .course-admin-price .admin img {
  margin-left: 10px;
  margin-right: 0
}

.courses-sidebar .widget-box {
  text-align: right
}

.categories-widget ul li a span {
  float: left
}

.single_checkbox label span.text b,
.single_radio label span.text b {
  right: auto;
  left: 0
}

.single_checkbox label span.text,
.single_radio label span.text {
  margin-left: 0;
  margin-right: 10px
}

.course-details-section .course-content .button .order-btn {
  margin-left: 0;
  margin-right: 10px
}

.discription-area .content-box {
  text-align: right
}

.course-details-section .discription-area .discription-tabs .nav-tabs .nav-link,
.course-videos-section .video_list ul li a i,
.discription-area .content-box .card .card-body ul li a i,
.social-link li {
  margin-right: 0;
  margin-left: 10px
}

.course-videos-section .video_list ul li a span.duration,
.courses-grid-style .course-filter .search_group,
.discription-area .content-box .card .card-body ul li a span.duration {
  float: left
}

.course-details-section .course-content,
.course-item,
.course-videos-section .video_list,
.discription-area .instructor-wrap,
.discription-area .shop-review-area {
  text-align: right
}

.discription-area .instructor-wrap .content {
  margin-left: 0;
  margin-right: 30px
}

.discription-area .shop-review-area .review_user {
  padding-left: 0;
  padding-right: 100px
}

.discription-area .shop-review-area .review_user img {
  left: auto;
  right: 0
}

.footer-widget .widget-box {
  text-align: right
}

.footer-area .footer-widget .useful-link-widget ul li a:before,
.footer-area .footer-widget .widget-box.contact-widget p i {
  margin-right: 0;
  margin-left: 10px
}

.copyright-area .use-link {
  text-align: right
}

.copyright-area .copyright-text {
  float: left
}

.nav-push-item .menu-box .main-btn i,
.nav-pushed-item .menu-box .main-btn i {
  margin-left: 0;
  margin-right: 20px
}

.single_checkbox label .box:after,
.single_radio label .circle:after {
  left: 45%
}

.price-range-widget input {
  width: 70%;
  border: none
}

.course-details-section .course-content p.price span.off-price {
  margin-left: 10px
}

.course-videos-section .video_list .content-box .card .card-header .toggle_btn,
.discription-area .content-box .card .card-header .toggle_btn {
  float: left
}

.course-videos-section .video_list .content-box .card .card-body ul li a span.duration {
  float: left
}

.single_checkbox label span.text,
.single_radio label span.text {
  margin-left: 0;
  margin-right: 10px
}

.donation-form .form_group span {
  left: auto
}

.donation-form input.amount_input {
  padding-left: 0;
  padding-right: 70px;
  border-left: 1px solid #dddfe1;
  border-right: 0
}

.donation-form button[type=submit] {
  float: none
}

.comment-form,
.discription-area .event-content-box,
.discription-area .event-review-area,
.event-about .event-content-box,
.event-blog .blog-box .blog-content,
.event-details-section .comment-form-area h4.title,
.event-details-section .event-book-ticket h4.title,
.event-details-section .recent-event h4.title,
.event-details-wrapper,
.event-team-section .section-title,
.event-testimonial .testimonial-box .testimonial-content,
.event-venues .venues-box .venues-info,
.header-navigation .nav-container .main-menu ul li .mega-menu,
.header-navigation .nav-container .main-menu ul li .sub-menu,
.recent-event .event-item .event-content,
.table_content {
  text-align: right
}

.event-about .event-content-box {
  padding-right: 0;
  padding-left: 50px
}

.event-about .event-content-box ul li:before {
  margin-left: 10px;
  margin-right: 0
}

.event-area-section .event-item .event-content {
  text-align: right;
  margin-left: 0;
  margin-right: 30px
}

.event-testimonial .testimonial-box .testimonial-content {
  margin-left: 0;
  margin-right: 60px
}

.event-venues .venues-box .venues-img .cat-btn {
  left: auto;
  right: 20px
}

.event-area-section .event-item {
  padding: 0 0 0 25px
}

.event-details-section .event-details-wrapper .event-content .event-meta span i {
  margin-right: 0;
  margin-left: 10px
}

.event-details-section .discription-area .event-review-area .review_user img {
  left: auto;
  right: 0
}

.event-details-section .discription-area .event-review-area .review_user {
  padding-left: 0;
  padding-right: 100px
}

.recent-event .event-item .event-content {
  margin-left: 0;
  margin-right: 20px
}

.event-testimonial .testimonial-slide .slick-dots {
  margin-left: 0;
  text-align: left;
  margin-right: -50px
}

.event-details-section .nice-number input {
  padding-right: 0
}

div.language:not(.dashboard)::before {
  left: -12px;
  right: auto
}

div.language {
  margin-right: 0;
  margin-left: 15px
}

.language.dashboard ul.language-dropdown li a {
  text-align: right
}

.dropdown a {
  text-align: right
}

.card-box:after {
  right: auto;
  left: 19px
}

a#cartIcon {
  right: auto;
  left: 0
}

.feedback-area-v1 {
  text-align: right;
}

.feedback-area-v1 .feedback-form .form_radio label span {
  padding-left: 0px;
  padding-right: 10px;
}

.feedback-area-v1 .feedback-form .form_control {
  padding-left: 0px;
  padding-right: 24px;
}

/* New FAQ Style Start */
.faq-area-v1 {
  text-align: right;
}

.faq-area-v1 .faq-details-wrapper .card .card-header .toggle_btn {
  float: left;
}
.main-menu ul li .mega-menu{
  text-align: right;
  left: auto;
  right: 0;
}
.main-menu .mega-dropdown * {
  text-align: right !important;
}
/* New FAQ Style End */