/* bootstrap-rtl-override.css */

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

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

/* Responsive Floats */
@media (min-width: 576px) {
    .float-sm-start {
        float: right !important;
    }

    .float-sm-end {
        float: left !important;
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: right !important;
    }

    .float-md-end {
        float: left !important;
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: right !important;
    }

    .float-lg-end {
        float: left !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: right !important;
    }

    .float-xl-end {
        float: left !important;
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: right !important;
    }

    .float-xxl-end {
        float: left !important;
    }
}

@media (min-width: 1200px) {
    .offset-xl-2 {
        margin-right: 16.66666667% !important;
        margin-left: 0 !important;
    }
}

/* 2. Text Alignment (Overriding .text-start and .text-end) */
.text-start {
    text-align: right !important;
}

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

/* Responsive Text Alignment */
@media (min-width: 576px) {
    .text-sm-start {
        text-align: right !important;
    }

    .text-sm-end {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: right !important;
    }

    .text-md-end {
        text-align: left !important;
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: right !important;
    }

    .text-lg-end {
        text-align: left !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-start {
        text-align: right !important;
    }

    .text-xl-end {
        text-align: left !important;
    }
}

@media (min-width: 1400px) {
    .text-xxl-start {
        text-align: right !important;
    }

    .text-xxl-end {
        text-align: left !important;
    }
}
@media (min-width: 992px) {
    .ps-lg-5 {
        padding-right: 3rem !important;
    }
}
@media (min-width: 992px) {
    .ps-lg-4 {
        padding-right: 1.5rem !important;
    }
}
/* 3. Directional Margin Overrides (m-start, m-end) */
/* Flipping 'start' (m-s) to margin-right */
.ms-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ms-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

.ms-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

.ms-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

.ms-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

.ms-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
}

.ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Flipping 'end' (m-e) to margin-left */
.me-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.me-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

.me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

.me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

.me-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

.me-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
}

.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.start-0 {
    right: 0 !important;
}

/* 4. Directional Padding Overrides (p-start, p-end) */
/* Flipping 'start' (p-s) to padding-right */
.ps-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ps-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
}

.ps-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
}

.ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

.ps-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
}

.ps-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
}

/* Flipping 'end' (p-e) to padding-left */
.pe-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pe-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
}

.pe-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

.pe-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

.pe-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
}

.pe-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
}

@media (min-width: 992px) {
    .ps-lg-4 {
        padding-right: 1.5rem !important;
    }
}

@media (min-width: 1200px) {
    .offset-lg-2 {
        margin-left: auto;
        margin-right: 16.66666667%;
    }
}

@media (min-width: 992px) {
    .offset-lg-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }
}
.swiper-rtl .swiper-button-prev:after {
    content: "\f061";
}
.swiper-rtl .swiper-button-next:after {
    content: "\f060";
}
.review-sec3 .ct-nav {
    right: auto;
    left: 0;
}
.swiper-rtl .swiper-button-next {
    left: 0;
}
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}
.review-card3 .rev-footer:before {
    left: auto;
    right: calc(100% - 165px);
}
/* ========================================
   Custom CSS RTL
*/

.hero-sec2 .hero-top h1 {
    margin-right: 40px;
    margin-left: 0;
}

.hero-sec2 .hero-top>span {
    margin-right: 45px;
    margin-left: 0;
}

.hero-sec2 .hero-content .lead-sm:before,
.hero-sec2 .hero-content .lead:before {
    left: auto;
    right: 0;
}

.cl-imgs img:not(:first-child) {
    margin-right: -20px;
    margin-left: 0;
}

.hero-sec2 .hero-stat {
    left: -65px;
    right: auto;
}

.hero-sec2 .hero-content .hc-inner {
    padding-right: 0px;
    padding-left: 40px;
}

.hero-sec2 .ct-nav {
    left: auto;
}

.fa-arrow-right {
    transform: rotate(180deg);
}

.btn i.fa-arrow-right {
    transform: scaleX(-1);
}

.btn:hover i.fa-arrow-right {
    transform: scaleX(-1);
}

.btn-more:hover span {
    margin-right: 0;
    margin-left: 8px;
}

@media (min-width: 992px) {
    .skill-sec2 .skills-gallery {
        margin-right: -100px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .project-sec4 .container {
        margin-right: auto;
        margin-left: 0;
    }
}

.pricing-card .pricing-body ul li {
    padding-left: 0;
    padding-right: 35px;
}

.pricing-card .pricing-body ul li:before {
    left: auto;
    right: 0;
    width: 20px;
}

.trust-sec:before {
    left: auto;
    right: 0;
}

.trust-content {
    padding-right: 80px;
    padding-left: 0px;
}

.footer .footer-top .subs-form form button {
    right: auto;
    left: 10px;
}

.footer-wrap:before {
    left: 0;
    right: 61%;
}

.footer-widget.contact-widget ul li {
    padding-left: 0;
    padding-right: 20px;
}

.footer-widget.contact-widget ul li:before {
    left: auto;
    right: 0;
}

.footer-widget.quick-links ul li {
    padding-left: 0;
    padding-right: 20px;
}

.footer-widget.quick-links ul li:before {
    width: 20px;
    left: auto;
    right: 0;
}

.footer-nav ul li::before,
.header-top .quick-links ul li::before {
    left: auto;
    right: -13px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    padding: 7px 25px 7px 15px;
}

.navbar .navbar-nav .dropdown-menu .dropdown-submenu a:after {
    transform: rotate(90deg);
    right: auto;
    left: 15px;
}

.navbar .navbar-nav .dropdown-menu {
    left: auto;
    right: 0;

}

.navbar .navbar-nav .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
    left: auto;
    right: 100%;
}

.navbar .navbar-nav .nav-item>.dropdown-menu:first-of-type:before {
    right: 22px;
}

ul.ct-list li {
    padding-left: 0;
    padding-right: 40px;
}

ul.ct-list li:before {
    left: auto;
    right: 0;
}

.header.header-2 .header-wrapper .navbar::before {
    left: 0;
    right: auto;
    border-right: 63px solid #00607a;
    border-left: 0 none;
}

.services-tab .serv-info {
    padding-left: 0px;
    padding-right: 60px;
}

.services-tab .nav {
    padding-left: 60px;
}

.services-tab:before {
    left: auto;
    right: 29.6%;
}

.stat-sec2 .stat-wrapper>div:not(:first-child) .stat-card:before {
    left: auto;
    right: -35px;
}

.skill-item:nth-child(2) .skill-per:before {
    right: auto;
    left: -380px;
}

.skill-item:nth-child(3) .skill-per:before {
    right: -120%;
    left: auto;
}

.review-card .rev-footer span {
    transform: scale(-1);
}

.contact-left {
    right: -15%;
    left: auto;
}

.contact-left {
    left: -15%;
    right: auto;
}

.blog-entry2 .entry-footer .btn:before {
    left: auto;
    right: 150px;
}

.footer-2 .subs-widget form button {
    left: 5px;
    right: auto;
}

.footer-2 .subs-widget form input {
    padding: 15px 30px 15px 10px;
}

.footer-2 .subs-widget {
    margin-right: auto;
    margin-left: 0;
}

.footer-2 .subs-widget:before {
    left: auto;
    right: -165px;
}

/* Home 3 */
.hero-slider .swiper-slide .slide-content {
    margin-right: auto;
    margin-left: 0;
}

@media (min-width: 992px) {
    .about-sec3 .about-content {
        margin-right: auto;
        margin-left: 0;
    }
}

.about-sec3 .abm-stat {
    right: 20px;
    left: auto;
}

@media (min-width: 992px) {
    .growth-sec2 .growth-wrap {
        padding-right: 50px;
        padding-left: 0;
    }
}
.gr-entry {
    padding: 40px 60px 30px 0px;
}
.gr-entry .icon {
    margin-left: 25px;
    margin-right: 0;
}
.gr-entry:before {
   left: auto;
   right: 0;
}
.process-card2:before {
    left: 0;
    right: -30px;
}
.about-sec4 h3.h5 {
    left: auto;
    right: 20px;
}
.about-sec4 .about-content .about-mission h4:before {
    left: auto;
    right: 0;
}
.support-cta:before {
    left: auto;
    right: -15px;
}
.faq-sec2 .faq-th p.lead, .faq-sec2 .faq-th p.lead-sm {
    left: auto;
    right: 20px;
}
.faq-sec2 .faq-th p.lead .fa-arrow-right {
    margin-right: 80px;
}
.review-sec3 .review-wrap {
   margin-left: 0;
    margin-right: auto;
}
.hero-video .list-group li:last-child {
    margin-right: 20px;
    margin-left: auto;
}

@media (min-width: 992px) {
    figure.about-thumb {
        right: auto;
        left: 60px;
    }
}
.ab-stat:before {
    right: auto;
    left: 45px;
}
.ab-stat h3 sup {
    left: auto;
    right: -15px;
}
.services-sec .serv-desc {
    padding: 30px 105px 0 0px;
}
.service-entry {
    padding: 30px 30px 35px 60px;
}
.services-sec .service-wrap::after {
    left: auto;
    right: 34%;
}
.goal-sec figure.goal-media {
    left: auto;
    right: -25%;
}
.goal-sec .goal-tabs {
    padding-right: 60px;
    padding-left: 0;
}
.goal-card:before {
    left: auto;
    right: -45px;
}
.process-card::before {
    left: auto;
    right: 40px;
}
.process-card::after {
    left: 0;
    right: 36px;
}
@media (min-width: 992px) {
    .growth-txt {
        margin-right: 49px;
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .growth-txt .growth-inner {
        padding-right: 70px;
        padding-left: 0;
    }
}
.growth-txt:before {
    right: 2px;
    left: auto;
}
.growth-sec .growth-wrap:before {
   left: auto;
    right: 45.5%;
}
.social-share a:last-child {
    margin-right: auto;
}
.progress-bar-container {
    margin-left: auto;
    margin-right: 0;
}
.progress-bar-container .progress-bar-fill {
    right: 0;
    left: auto;
    transform-origin: right;
}

.power-txt {
    margin-right: auto;
    margin-left: 0;
}
.power-faq .accordion-item .accordion-button:after {
    right: 0;
    left: auto;
}   

.stat-wrap>div:not(:last-child) {
    border-left: 1px solid rgba(var(--white-rgb),.2);
    border-right: 0;
}
.blog-entry .entry-meta span:first-child {
    padding-right: 80px;
    padding-left: 0;
}
.review-sec .ct-navas {
    left: -20px;
    right: auto;
}
.blog-entry .entry-meta span:first-child:before {
    left: auto;
    right: 0;
}
.header.header-4 .nav-cta:before {
    left: auto;
    right: -40px;
}
.header.header-4 .nav-cta:after {
    left: 75px;
    right: auto;
}
.header.header-4 .offcanvas-body::before {
    left: auto;
    right: 60px;
}
.navbar .dropdown-header {
    padding: 3px 25px 7px 15px;
}

/* Home 5 */
@media (min-width: 768px) {
    .hero-sec5 .hero-th {
        left: 50px;
        right: auto;
    }
}
.hero-sec5 .hero-stat {
    right: auto;
    left: -25px;
}
.hero-sec5 .hero-content {
   margin-right: 0;
}
.about-sec5 .about-feats {
    margin-right: -250px;
    margin-left: auto;
}
@media (min-width: 576px) {
    .about-sec5 .ab-video {
        left: auto;
        right: 0;
    }
}
.hero-video .logo-txt {
    right: auto;
    left: 40px;
   
}
.hero-video .list-group {
   padding-right: 0;
}
.about-stat-sec:before {
    left: 0;
    right: auto;
  
}
.ab-intro {
    margin-right: auto;
    margin-left: 0;
}
.project-article {
    padding-left: 50px;
    padding-right: 0;
}
.team-card2 .team-info {
    left: auto;
    right: 0;
}
.search-widget .btn {
    left: 5px;
    right: auto;
}
.pager .next-btn .fa-arrow-left {
    transform: scale(-1);
}
.product-media-left {
    margin-right: auto;
    margin-left: 20px;
}
.product-media-left .swiper-button-next, .product-media-left .swiper-button-prev {
    left: auto;
    right: 36%;
}

.cart-totals table tr.product-list td {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.cart-totals table tr.product-list th {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
article.blog-entry.classic .entry-txt .post-meta i {
    margin-left: 5px;
    margin-right: 0;
}
.feat-card:before {
    left: 0;
    right: auto;
}