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

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

.news-details .menu-icons {
    left: 0%;
    right: unset;
}

.news-details .back-btn {
    right: 0%;
}

.job-details .back-btn {
    right: 0%;
}

.attachment-icon {
    left: 10px;
    right: unset;
}

.selected-option {
    text-align: right;
}

.custom-select::after {
    right: unset;
    left: 10px;
}

.card-content {
    padding: 15px !important;
    padding-right: 0px;
}

.tp-offcanvas-2-right {
    left: 0;
    right: unset;
}

.tp-offcanvas-2-left {
    right: 0;
    left: unset;
}

.tp-offcanvas-2-right-inner {
    padding-right: 0px;
    padding-left: 90px;
}

.tp-main-menu-content ul {
    padding-right: 10%;
    padding-left: 0;
}

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

.tp-offcanvas-2-close {
    padding-left: 90px;
    padding-right: unset;
}

.tp-offcanvas-2-close-btn .text span {
    transform: translateX(180%);
}

.tp-header-6-menubar {
    margin-left: 0px;
}


.timeline .swiper-pagination {
    left: 4rem !important;
    right: unset !important;
}

.timeline .swiper-pagination::before {
    right: -30px;
    left: unset;
}

.timeline .timeline-text::before {
    right: -20%;
    left: unset;
}

.timeline .swiper-pagination-bullet::before {
    right: -29.5px;
    left: unset;
}

.tp-header-6-menubar img {
    transform: rotate(180deg);
}

.latest-news-banner h2{
    right: 7%;
    left: unset;
}

.news-box p {
    text-align: right;
}

.news-box .arrow{
    transform: rotate(180deg);
}

.panel.active h3 {
    text-align: right;
}

.tp-offcanvas-2-area .tp-main-menu-mobile > nav > ul > li ul li a:hover {
    padding-right: 20px;
}

.timeline .swiper-slide .timeline-text {
    text-align: right;
}
span.counter{
    /*float: right;*/
}
.news-details p,.news-details p span{
    font-family: var(--tp-ff-p)!important;
}
.timeline .timeline-text p{
    margin-bottom: 5px!important;
}
@media (min-width: 1200px) {
    .timeline .swiper-pagination {
        left: 3% !important;
        right: unset;
    }
}

@media screen and (min-width: 1024px) {
    .timeline .swiper-slide-content {
        right: 5%;
        left: unset;
    }
}

@media screen and (max-width: 768px) {
    .timeline .swiper-pagination {
        left: 0rem !important;
        right: unset !important;
    }

    .timeline .swiper-pagination-bullet::before {
        right: unset;
        left: unset;
    }

    .timeline .swiper-slide .timeline-text {
        text-align: center !important;
        font-size: 0.8rem;
    }

}