/*================================================
Default Area CSS
=================================================*/
/*================================================
Header Area CSS
=================================================*/
.top-contact-area ul li {
  margin-left: 20px;
  margin-right: 0px;
}
.top-contact-area ul li i {
  margin-left: 5px;
  margin-right: 0px;
}

.topbar-right-area .account-details {
  margin-left: 20px;
  margin-right: 0px;
}
.topbar-right-area .account-details i {
  right: -2px;
  left: unset;
}
.topbar-right-area .account-details .btn .fa-long-arrow-alt-down {
  left: -10px;
  right: unset;
}

.language-select {
  margin-left: 5px;
  margin-right: 0px;
}
.language-select .nice-select {
  padding-left: 25px;
  padding-right: 5px;
}
.language-select span i {
  left: unset;
  right: 0px;
}
.language-select .fa-long-arrow-alt-down {
  left: 0px;
  right: unset;
}

.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}
.main-nav nav .navbar-nav .nav-item a i {
  left: 0px;
  right: unset;
}
.main-nav nav .navbar-nav .nav-item .dropdown-toggle {
  padding-left: 13px;
  padding-right: 0px !important;
}
.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  right: 0;
  left: unset;
}

/*================================================
Main Banner Area CSS
=================================================*/
.main-banner {
  padding-left: 0px;
  padding-right: 30px;
}
.main-banner .half-circle {
  right: unset;
  left: -25%;
}

.banner-text-area {
  margin-left: unset;
  margin-right: auto;
}

.banner-social-icons {
  left: unset;
  right: 1%;
}
.banner-social-icons ul span {
  right: -27px;
  left: unset;
}

/*================================================
Index 01 About Area CSS
=================================================*/
.about-text-area {
  padding-left: 0px;
  padding-right: 20px;
}
.about-text-area .about-card {
  padding-left: 0px;
  padding-right: 100px;
}
.about-text-area .about-card i {
  left: unset;
  right: 0;
}

/*================================================
Index 01 Counter Area CSS
=================================================*/
.counter-card i {
  left: unset;
  right: 0;
}
.counter-card .counter-card-text {
  padding: 30px 50px 30px 20px;
  margin-left: 0px;
  margin-right: 30px;
  text-align:center;
}

/*================================================
Index 01 Testimonial Area CSS
=================================================*/
.testimonial-img-area .testimonial-img {
  margin-left: 0;
  margin-right: auto;
}
.testimonial-img-area .testimonial-img .play-button {
  left: 30%;
}

.testimonial-card .flaticon-left-quote {
  left: 35px;
  right: unset;
}
.testimonial-card .testimonial-intro .testimonial-intro-text {
  margin-left: 0px;
  margin-right: 10px;
}

/*================================================
Index 01 Why Choose Us Area CSS
=================================================*/
.why-we-text-area {
  padding-left: 0px;
  padding-right: 20px;
}

.why-we-card {
  padding: 20px 120px 20px 20px;
}
.why-we-card i {
  left: unset;
  right: 30px;
}

/*================================================
Pricing Plan Area CSS
=================================================*/
.pricing-card ul li i {
  margin-left: 5px;
  margin-right: 0px;
}

/*================================================
Blog Area CSS
=================================================*/
.blog-card .blog-text .blog-date ul li:last-child::before {
  display: block;
}
.blog-card .blog-text .blog-date ul li:first-child::before {
  display: none;
}

/*================================================
Footer Area CSS
=================================================*/
.footer-links h3::before {
  left: unset;
  right: -45%;
}
.footer-links ul li {
  padding-left: 0px;
  padding-right: 25px;
}
.footer-links ul li i {
  right: 0;
  left: unset;
}

.footer-social-links span {
  margin-left: 10px;
  margin-right: 0px;
}

/*================================================
Home Banner Area CSS
=================================================*/
.home-banner::after {
  right: unset;
  left: 0;
}

.banner-slider-area .owl-dots {
  left: -50px;
  right: unset;
}

/*================================================
Index 02 About Area CSS
=================================================*/
.about-text-area-2 {
  padding-left: 20px;
  padding-right: 0px;
}
.about-text-area-2 ul li {
  padding-left: 0;
  padding-right: 25px;
}
.about-text-area-2 ul li::before {
  left: unset;
  right: 0px;
}

/*================================================
Index 02 testimonial Area CSS
=================================================*/
.testimonial-s2-text-area .testimonial-s2-header .stars {
  left: 0px;
  right: unset;
}
.testimonial-s2-text-area .t-client-intro .flaticon-right-quotes-symbol {
  left: 0px;
  right: unset;
}

/*================================================
Index 02 Why Choose Us Area CSS
=================================================*/
.why-we-text-area-2 {
  padding-left: 0px;
  padding-right: 20px;
}

.why-we-card-2 {
  padding-left: 0;
  padding-right: 85px;
}
.why-we-card-2 i {
  left: unset;
  right: 0px;
}

/*================================================
Index 02 Project Area CSS
=================================================*/
.project-section .default-button {
  left: unset;
  right: 35%;
  transform: translateX(0%);
}

/*================================================
Index 03 About Area CSS
=================================================*/
.about-text-area-2 {
  padding-left: 0px;
  padding-right: 20px;
}

.fun-facts-card::after {
  right: unset;
  left: -15px;
}

/*================================================
Index 03 Why Choose Us Area CSS
=================================================*/
.why-we-text-area-3 {
  padding-left: 20px;
  padding-right: 0px;
}

/*================================================
Index 03 Testimonial Area CSS
=================================================*/
.testimonial-3-card-text-area .testimonial-slider-area-3 .owl-nav {
  right: unset;
  left: 0px;
}

/*================================================
Uni Banner Area CSS
=================================================*/
.uni-banner-text ul li:first-child::after {
  display: none;
}
.uni-banner-text ul li:last-child::after {
  display: block;
}

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

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

.service-details-list ul li i {
  margin-left: 5px;
  margin-right: 0px;
}

/*================================================
Service Details Area CSS
=================================================*/
.accordion-item .accordion-button {
  padding: 0px 0px 0px 5px;
}
.accordion-item .accordion-button i {
  margin-left: 10px;
  margin-right: 0px;
}

/*================================================
product Area CSS
=================================================*/
.product-content-top-content .pdc-leftside p {
  padding-left: 0px;
  padding-right: 13px;
}

/*================================================
product details Area CSS
=================================================*/
.pd-sample-text {
  padding-left: 0px;
  padding-right: 0px;
}
.pd-sample-text .quantity h4 {
  margin-left: 15px;
  margin-right: 0px;
}

.description-area .description-list ul li i {
  margin-right: 0px;
  margin-left: 5px;
}

/*================================================
checkout Area CSS
=================================================*/
.checkout-left-side {
  padding-left: 0px;
  padding-right: 20px;
}

/*================================================
Blog details Area CSS
=================================================*/
.blog-details-footer .tag li i {
  margin-left: 5px;
  margin-right: 0px;
}

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

.contact-form-area {
  margin-left: 0px;
  margin-right: 20px;
}

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

@keyframes left-right {
  100% {
    right: 100%;
  }
}
/*================================================
Responsive Area CSS
=================================================*/
@media only screen and (max-width: 767px) {
  .main-banner {
    padding-right: 0px;
  }
  .main-banner .half-circle {
    left: 0%;
  }
  .about-text-area {
    padding: 0px;
    margin-top: 30px;
  }
  .about-text-area .about-card {
    text-align: right;
    padding-right: 80px;
  }
  .testimonial-img-area .testimonial-img .play-button {
    left: 50%;
  }
  .counter-card {
    text-align: center;
    padding: 30px 5px 25px 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
  }
  .counter-card i {
    position: relative;
    top: unset;
    left: unset;
    transform: translateY(0%);
    margin-bottom: 15px;
  }
  .counter-card .counter-card-text {
    padding: 0px;
    box-shadow: none;
    margin-left: 0px;
    margin-right: 0px;
  }
  .why-we-text-area .why-we-card {
    text-align: right;
    padding: 20px 90px 15px 10px;
  }
  .why-we-text-area .why-we-card i {
    right: 10px;
  }
  .banner-slider-area .owl-dots {
    left: 0px;
  }
  .banner-slider-area .owl-dots .owl-dot::after {
    right: 23px;
  }
  .about-text-area-2 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .about-img-2 .about-exp .counter-card {
    margin-left: 0px;
    padding-right: 30px;
  }
  .about-img-2 .about-exp .counter-card .counter-card-text {
    padding-right: 50px;
    padding-left: 10px;
    margin-left: -5px;
  }
  .project-section .default-button {
    right: 50%;
    transform: translateX(50%) !important;
  }
  .about-text-area-2, .why-we-text-area-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .checkout-left-side {
    padding-left: 0px;
    padding-right: 0px;
  }
  .contact-form-area {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main-banner {
    padding-left: 50px;
    padding-right: 50px;
  }
  .main-banner .half-circle {
    left: 0%;
  }
  .about-text-area {
    padding: 0px;
    margin-top: 30px;
  }
  .about-text-area .about-card {
    text-align: right;
  }
  .counter-card .counter-card-text {
    padding: 30px 45px 30px 0px;
  }
  .why-we-text-area .why-we-card {
    text-align: right;
  }
  .about-img-2 .about-exp .counter-card .counter-card-text {
    padding-right: 50px;
    padding-left: 10px;
  }
  .project-section .default-button {
    right: 50%;
    transform: translateX(50%) !important;
  }
  .about-text-area-2, .why-we-text-area-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .checkout-left-side {
    padding-left: 0px;
    padding-right: 0px;
  }
  .contact-form-area {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-text-area .about-card {
    text-align: right;
  }
  .counter-card .counter-card-text {
    padding: 30px 45px 30px 0px;
  }
  .why-we-text-area .why-we-card {
    text-align: right;
  }
  .project-section .default-button {
    right: 30%;
  }
  .about-img-2 .about-exp .counter-card {
    margin-left: 0px;
  }
  .about-img-2 .about-exp .counter-card .counter-card-text {
    padding-right: 50px;
    padding-left: 10px;
  }
  .about-text-area-2, .why-we-text-area-3 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .contact-form-area {
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1550px) {
  .banner-social-icons {
    right: 4%;
  }
}
@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: 50px;
    right: unset;
  }
}/*# sourceMappingURL=rtl.css.map */