/* Google font import */
/* @import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&display=swap"); */

/* Font family declaration */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.header__title {
    font-family: "Cairo" ;
}

/* Right-to-left direction declaration */
.direction-rtl {
    direction: rtl;
}

/* Styling the header title */
.header .header__title {
    font-size: 5rem;
}

/* Left-to-right direction declaration */
.direction-ltr {
    direction: ltr;
}

/* Text alignment declarations */
.text__left {
    text-align: left;
}

.navbar {
    text-align: right;
}

/* Navbar brand icon styling */
.navbar-brand span::before {
    overflow: hidden;
    border-left: 2px solid var(--main-color);
    border-right: none;
    right: 5px;
}

/* Choose content margin declaration */
.choose__content {
    margin-left: 0;
    margin-right: -5rem;
}

/* Media queries for dropdown menu on larger screens */
@media (min-width: 992px) {
    .dropdown {
        left: auto;
        right: 0;
    }

    .dropdown::after {
        right: 20px;
        left: auto;
    }
}

/* Media queries for dropdown menu on smaller screens */
@media (max-width: 992px) {
    .dropdown {
        right: auto;
        left: 0;
        transform: translateX(-200px);
    }

    .nav-link::after {
        border-right: transparent;
        border-left-color: var(--main-color);
        right: 120%;
    }

    .nav-link.activeLink::after {
        right: auto;
        left: 175px;
    }
}

/* Styling for about icon */
.about__icon {
    border-radius: 50% 0 0 50%;
}

/* Styling for breadcrumb item */
.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
}

@media (max-width: 568px) {
    /* Font size adjustment on smaller screens */
    html {
        font-size: 7.5px;
    }

    /* Choose content margin adjustment on smaller screens */
    .choose__content {
        margin-right: 0;
    }
}

/* Styling for accordion button */
.accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

/* Styling for project card body */
.project .card-body {
    margin-left: 0;
    margin-right: -10rem;
}

@media (max-width: 568px) {
    /* Adjustment for project card body on smaller screens */
    .project .card-body {
        margin: 0;
    }
}

/* Styling for close button in modal header */
.modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Text alignment declaration for comment section */
.comment-respond {
    text-align: right;
}

/* Directionality declaration for Woocommerce tabs */
.woocommerce-Tabs-panel {
    direction: rtl;
}

/* Styling for avatar in comments section */
#reviews #comments ol.commentlist li img.avatar {
    float: right;
    right: 0;
}

/* Styling for comment text in comments section */
#reviews #comments ol.commentlist li .comment-text {
    margin: 0 50px 0 0;
}

/* Breadcrumb fill styling */
.breadcrumb-fill2 li:first-child {
    margin-left: 30px;
    margin-right: 0px;
}

.breadcrumb-fill2 .fa {
    left: auto;
    right: -10px;
}

.breadcrumb li {
    float: right;
}

/* Navbar breadcrumb styling */
.breadcrumb li.nav-breadcrumb:after {
    left: auto;
    right: 0;
}

/* Breadcrumb fill gradient */
.breadcrumb-fill2 {
    background-image: linear-gradient(45deg, #7cb5ea, rgb(0 0 0 / 0%));
}

/* Styling for content block */
.row .twm-about-9-section .twm-card-blocks-2 {
    right: auto;
    left: 20px;
}

/* Directionality declaration for about section */
.twm-about-9-section-wrap {
    direction: rtl;
}

/* Styling for icon spacing in about section */
.twm-about-1-bottom-wrap .twm-card-blocks .twm-icon {
    margin-left: 10px;
}

/* Styling for description list */
.description-list li {
    padding-right: 45px;
    padding-left: 0;
}

.description-list li i {
    left: auto;
    right: 0;
}

/* Directionality declaration for employee section */
.twm-for-employee-4 {
    direction: rtl;
}

/* Styling for employee pic in employee section */
.twm-for-employee-4 .twm-for-employee-content .twm-explore-right-section .twm-media .twm-employee-pic {
    transform: translateX(50%);
    right: 50%;
    left: auto;
}

/* Styling for count number in about section */
.twm-about-9-section-wrap>.row .twm-about-9-section .twm-card-blocks-2 .twm-content .tw-count-number {
    margin-left: 10px;
}

/* Directionality declaration for content inner section */
.content-inner {
    direction: rtl;
}

/* Styling for process steps */
.twm-w-process-steps-2 .twm-w-pro-top {
    padding: 30px 60px 30px 25px;
}

/* Styling for process steps media */
.twm-w-process-steps-2 .twm-w-pro-top .twm-media {
    right: -53px;
    left: auto;
}

/* Styling for large number in process steps */
.twm-w-process-steps-2 .twm-large-number {
    left: 15px;
    right: auto;
}

/* Directionality declaration for employer section */
.twm-candidates-grid-wrap {
    direction: ltr;
}

/* Styling for contact info in contact one section */
.twm-contact-one .contact-info-section .c-info-column {
    padding: 0px 90px 0px 0px;
}

.twm-contact-one .contact-info-section .c-info-column .c-info-icon {
    right: 0px;
    left: auto;
}

/* Styling for contact one inner section */
.twm-contact-one .contact-one-inner:after {
    right: auto;
    left: 0px;
}

/* Border styling for contact info wrap */
.twm-contact-one .contact-info-wrap:before {
    left: auto;
    right: auto;
    border-right: 57px solid transparent;
    border-left: 0px solid transparent;
}

/* Navbar link styling */
.navbar-nav .nav-item .nav-link {
    margin-right: 15px;
}

/* Directionality declaration for career and employer sections */
.row-career,
.twm-employer-list-style1 {
    flex-direction: row-reverse;
}

/* Styling for employer list media */
.twm-employer-list-style1 .twm-media {
    margin-right: 0;
    margin-left: 10px;
}

/* Styling for employer list mid-content */
.twm-employer-list-style1 .twm-mid-content {
    padding-left: 0;
    padding-right: 110px;
    text-align: right;
}

/* Styling for tags */
.twm-tags {
    text-align: right;
}

/* Media queries for process steps box arrow */
@media (max-width: 768px) {
    .process-box .p-arrow {
        position: absolute;
        top: 35px;
        right: auto;
        left: 30px;
        z-index: 10;
    }

}

@media (min-width: 768px) {
    .process-box .p-arrow {
        position: absolute;
        top: 35px;
        right: auto;
        left: -20px;
        z-index: 10;
    }
}

/* Styling for explore section titles */
.twm-explore-content .twm-title-large p,
.twm-explore-content .twm-title-large h2 {
    text-align: right;
}

/* Styling for about section on smaller screens */
.row .twm-about-9-section {
    margin-left: 0;
}

/* Styling for after pseudo-element on image company section */
.img-companys figure::after {
    right : 0;
    left: 20px;
}

/* Styling for image hover effect on image company section */
.img-companys:hover img {
    transform: translate(19px, 19px);
}

/* Styling for contact icon spacing in description list */
.description-list .contant-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* Styling for content image in about section */
.twm-about-9-section-right .description-list .contant-img{
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}

/* Text alignment declaration for description list in about section */
.twm-about-9-section-right .description-list p {
    text-align: justify;
    margin-right: 30px;
}