/*================================================
RTL Default Area CSS
=================================================*/
.pl-20 {
  padding-left: 0px;
  padding-right: 20px;
}

.pr-20 {
  padding-left: 20px;
  padding-right: 0px;
}

.form-control {
  text-align: right;
}

.nice-select {
  text-align: right !important;
}
.nice-select::after {
  left: 12px;
  right: unset;
}
.nice-select .option {
  text-align: right;
}

.default-button i {
  margin-left: 0px;
  margin-right: 5px;
}

.service-slider-area-1 .owl-nav .owl-next, .events-slider-area .owl-nav .owl-next, .feedback-slider-area .owl-nav .owl-next, .service-slider-area .owl-nav .owl-next {
  float: left;
}

/*================================================
Topbar Area CSS
=================================================*/
.topbar-right-area ul {
  text-align: left;
}

.topbar-left-area ul li {
  margin-left: 0;
  margin-right: 10px;
}
.topbar-left-area ul li:last-child {
  margin-left: 0;
}
.topbar-left-area ul li i {
  margin-left: 3px;
  margin-right: 0;
}

/*================================================
Header Area CSS
=================================================*/
.main-nav nav .navbar-nav .nav-item a.dropdown-toggle {
  padding-left: 17px;
  padding-right: 0px;
}
.main-nav nav .navbar-nav .nav-item a.dropdown-toggle i {
  left: 0;
  right: unset;
}
.main-nav nav .navbar-nav .nav-item a.dropdown-toggle::after {
  left: 0;
  right: unset;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  left: unset;
  right: 0;
  text-align: right;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  padding-right: 25px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before {
  content: "\f0d9";
  left: unset;
  right: 10px;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
  left: unset !important;
  right: 10px !important;
  top: 45%;
  transform: rotateY(180deg);
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  right: 101%;
  left: unset;
}

.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

/*================================================
Index 01 Banner Area CSS
=================================================*/
.main-banner::before, .main-banner::after {
  left: 0;
  right: unset;
}
.main-banner .banner-comment {
  left: unset;
  right: 0%;
  transform-origin: center;
}
.main-banner .banner-social-icons {
  left: 20px;
  right: unset;
}

/*================================================
index 01 Services Area CSS
=================================================*/
.service-card .service-card-img i {
  left: unset;
  right: 30px;
}

/*================================================
index 01 Why Choose Us Area CSS
=================================================*/
.why-we-text-area {
  margin-left: 0px;
  margin-right: -100px;
  padding-left: 0px;
  padding-right: 50px;
}
.why-we-text-area .why-we-text-list {
  padding-left: 0px;
  padding-right: 50px;
}
.why-we-text-area .why-we-text-list i {
  left: unset;
  right: 0;
}
.why-we-text-area .why-we-text-list ul li {
  padding-left: 0px;
  padding-right: 20px;
}
.why-we-text-area .why-we-text-list ul li::before {
  left: unset;
  right: 0;
}

/*================================================
index 01 Fun Facts Area CSS
=================================================*/
.fun-facts-card {
  padding-left: 0px;
  padding-right: 85px;
}
.fun-facts-card::before {
  left: 20px;
  right: unset;
}
.fun-facts-card i {
  left: unset;
  right: 0;
}

/*================================================
index 01 Explore Events Area CSS
=================================================*/
.explore-events-text-area {
  padding-left: 50px;
  padding-right: 0;
  margin-left: -100px;
  margin-right: 0;
}
.explore-events-text-area .explore-events-text-list {
  padding-left: 0;
  padding-right: 50px;
}
.explore-events-text-area .explore-events-text-list i {
  left: unset;
  right: 0;
}
.explore-events-text-area .explore-events-text-list ul li {
  padding-left: 0px;
  padding-right: 20px;
}
.explore-events-text-area .explore-events-text-list ul li::before {
  left: unset;
  right: 0;
}

/*================================================
index 01 Feedback Area CSS
=================================================*/
.feedback-card .flaticon-quotation {
  left: 30px;
  right: unset;
}
.feedback-card .feedback-intro-area img {
  margin-left: 15px;
  margin-right: 0;
}

/*================================================
index 01 Process Area CSS
=================================================*/
.process-card {
  padding-left: 25px;
  padding-right: 105px;
}
.process-card i {
  left: unset;
  right: 25px;
}

/*================================================
index 01 BLog Area CSS
=================================================*/
.blog-date ul li {
  margin-left: 15px;
  margin-right: 0;
}
.blog-date ul li::before {
  left: -12px;
  right: unset;
}

/*================================================
index 01 Footer Area CSS
=================================================*/
.footer-links h3::before,
.footer-links1 h3::before,
.footer-links2 h3::before {
  right: 0;
  left: unset;
}

.footer-contact-card {
  padding-left: 0px;
  padding-right: 25px;
}
.footer-contact-card i {
  left: unset;
  right: 0;
}

.footer-quick-links ul li a {
  margin-left: 0px;
  margin-right: 3px;
}

.go-top {
  left: 20px;
  right: unset;
}

/*================================================
index 01 About Area CSS
=================================================*/
.about-text-area-2 {
  margin: 0px;
}

.about-img .a-img-2 {
  left: 0;
  right: unset;
}
.about-img .a-img-3 {
  left: 5%;
  right: unset;
}

.about-img-2 .a-img-3 {
  right: 5%;
  left: unset;
}

/*================================================
index 01 Feedback Area CSS
=================================================*/
.feedback-card-2 .flaticon-quotation {
  left: 20px;
  right: unset;
}
.feedback-card-2 .feedback-intro-area img {
  margin-left: 15px;
  margin-right: 0px;
}

/*================================================
index 01 Banner Area CSS
=================================================*/
.banner-img-3 img {
  left: -50px;
  right: 0;
}
.banner-img-3 a {
  left: unset;
  right: 0px;
}

.banner-text-area-3 {
  margin-left: 0px;
  margin-right: auto;
}

/*================================================
index 01 About Area CSS
=================================================*/
.about .shape {
  right: 13%;
  left: unset;
}

/*================================================
index 01 About Area CSS
=================================================*/
.about-3 .shape {
  left: 13%;
  right: unset;
}

/*================================================
Uni Banner Area CSS
=================================================*/
.uni-banner-text-area ul li:last-child::after {
  display: block;
  content: "\f104";
  right: -9px;
}
.uni-banner-text-area ul li:first-child::after {
  display: none;
}

.faq-text-area {
  margin-left: 0;
  margin-right: -100px;
  padding-left: 0px;
  padding-right: 50px;
}

.event-info-card span i {
  margin-left: 5px;
  margin-right: 0;
}

/*================================================
Terms page Area CSS
=================================================*/
.terms .payment li {
  padding-left: 0px;
  padding-right: 20px;
}
.terms .payment li::before {
  left: unset;
  right: 0px;
}
.terms ul li span {
  margin-left: 8px;
  margin-right: 0px;
}

/*================================================
Details Page sidebar area CSS
=================================================*/
.recent-news-card {
  padding-left: 0px;
  padding-right: 105px;
}
.recent-news-card img {
  left: unset;
  right: 0px;
}

/*================================================
blog details Area CSS
=================================================*/
.comment-card {
  padding-left: 0px;
  padding-right: 80px;
}
.comment-card img {
  left: unset;
  right: 0px;
}

/*================================================
Contact Area CSS
=================================================*/
.contact-card {
  padding-left: 20px;
  padding-right: 100px;
}
.contact-card i {
  left: unset;
  right: 25px;
}

/*================================================
Responsive Area CSS
=================================================*/
@media only screen and (max-width: 767px) {
  /*================================================
  Default Area CSS
  =================================================*/
  .pl-20 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pr-20 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .menu-small-device li .popup-button {
    right: 7px;
  }
  /*================================================
  Slider Area CSS
  =================================================*/
  .service-slider-area-1 .owl-nav .owl-next, .events-slider-area .owl-nav .owl-next, .feedback-slider-area .owl-nav .owl-next, .service-slider-area .owl-nav .owl-next {
    float: unset;
  }
  .why-we-text-area, .explore-events-text-area {
    padding: 15px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .why-we-text-area .explore-events-text-list, .why-we-text-area .why-we-text-list, .explore-events-text-area .explore-events-text-list, .explore-events-text-area .why-we-text-list {
    padding: 0px;
  }
  /*================================================
  Process Area CSS
  =================================================*/
  .process-card {
    padding: 15px;
  }
  .process-card i {
    right: 0;
  }
  /*================================================
  Fun Area CSS
  =================================================*/
  .fun-facts-card {
    padding: 0px;
  }
  /*================================================
  Blog Area CSS
  =================================================*/
  .blog-date ul li {
    margin-left: 5px;
  }
  .blog-date ul li::before {
    left: -8px;
  }
  /*================================================
  Index 03 Banner Area CSS
  =================================================*/
  .banner-img-3 img {
    left: 0px;
    right: 0;
  }
  .banner-img-3 a {
    left: 50%;
    right: unset;
  }
  .banner-text-area-3 {
    margin-left: auto;
    margin-right: auto;
  }
  /*================================================
  FAQ Area CSS
  =================================================*/
  .faq-text-area {
    margin-left: 0;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  /*================================================
  Contact Area CSS
  =================================================*/
  .contact-card {
    padding-left: 15px;
    padding-right: 80px;
  }
  .contact-card i {
    left: unset;
    right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*================================================
  Default Area CSS
  =================================================*/
  .pl-20 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pr-20 {
    padding-left: 0px;
    padding-right: 0px;
  }

  /*================================================
  index 01 Slider Area CSS
  =================================================*/
  .service-slider-area-1 .owl-nav .owl-next, .events-slider-area .owl-nav .owl-next, .feedback-slider-area .owl-nav .owl-next, .service-slider-area .owl-nav .owl-next {
    float: unset;
  }
  /*================================================
  index 01 About Area CSS
  =================================================*/
  .why-we-text-area, .explore-events-text-area {
    padding: 30px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  /*================================================
  index 01 BLog Area CSS
  =================================================*/
  .blog-date ul li {
    margin-left: 5px;
  }
  .blog-date ul li::before {
    left: -8px;
  }
  /*================================================
  index 03 Banner Area CSS
  =================================================*/
  .banner-img-3 img {
    left: 0px;
    right: 0;
  }
  .banner-img-3 a {
    left: 50%;
    right: unset;
  }
  .banner-text-area-3 {
    margin-left: auto;
    margin-right: auto;
  }
  .faq-text-area {
    margin-left: 0;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-slider-area-1 .owl-nav .owl-next, .events-slider-area .owl-nav .owl-next, .feedback-slider-area .owl-nav .owl-next, .service-slider-area .owl-nav .owl-next {
    float: unset;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-date ul li {
    margin-left: 5px;
  }
  .blog-date ul li::before {
    left: -8px;
  }
}
@media only screen and (max-width: 1199px) {
  .mean-container a.meanmenu-reveal {
    left: 0 !important;
    right: auto !important;
  }
  .mobile-nav .logo {
    left: unset;
    right: 0px;
  }
  .mean-container .mean-nav ul li a {
    text-align: right;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    width: 95%;
    text-align: left;
  }
  .menu-small-device {
    left: 38px;
    right: unset;
  }
  .small-device-popup {
    right: unset;
    left: 0;
  }
  .small-device-popup .sidebar-popup-content .close-btn {
    left: 20px;
    right: unset;
  }
  .small-device-popup .sidebar-popup-content .sdp-footer-area {
    text-align: right;
  }
}/*# sourceMappingURL=rtl.css.map */