body {
    direction: ltr;
    text-align: left;
}

/*! ================ Main-Title ================ */
.main-title h2 img {
    transform: rotateY(180deg);
}

/*! ================== AboutUs Section ================== */
.stat-number {
    flex-direction: row;
}

/*! ================== News Section ================== */
.news .service-card .icon-box .main-btn i {
    transform: rotate(45deg);
}
.news .service-card .icon-box .main-btn:hover i {
    transform: rotate(0);
}

/*! ================== Oppinion Section ================== */
.slider-back .client-image {
    flex-direction: row;
}

/*! ================ Main-Btn ================ */
.main-btn i {
    transform: rotate(140deg);
}
.main-btn:hover i {
    transform: rotate(180deg);
}

/*! ================ Main-Title ================ */
.main-title p {
    padding-left: 40px;
}

/* ================= MODAL Image && Forms Modals ================= */
.image-modal .close-btn {
    left: 0;
}
.select-box .arrow {
    right: 20px;
    left: unset;
}
input[type="tel"] {
    text-align: start;
}
#service-request input::placeholder,
#service-request textarea::placeholder,
#contactUs input::placeholder,
#contactUs textarea::placeholder,
select {
    text-align: end;
}

/* Scroll-Top */
.scroll-top {
    left: 30px;
}

/*! ================== About Page ================== */
.card-layer h2,
.card-layer p,
.card-layer ul {
    text-align: start;
}
.card-layer li {
    margin-left: 20px;
    margin-right: 0;
}

.our-messages .message-card .icon-box::before {
    top: -20px;
    right: -2px;
    background: transparent;
    box-shadow: 10px 10px var(--white-color);
}
.our-messages .message-card .icon-box {
    border-radius: 20px 0 0 0;
    right: 0;
    left: unset;
}
.our-messages .message-card .icon-box::after {
    top: unset;
    left: -3px;
    bottom: -15px;
    left: -19px;
    background: transparent;
    box-shadow: 10px 5px #fff;
}

/*! ================== Service Page ================== */
.service-card .title {
    left: 15px;
    right: unset;
}
.services-deatails .desc .list {
    padding-left: 20px;
    padding-right: 0;
}
.services-deatails .desc .list p::before {
    left: -15px;
}


.our-messages .message-card {
    height: 100%;
}
#service-request input::placeholder,
#service-request textarea::placeholder,
#contactUs input::placeholder,
#contactUs textarea::placeholder {
    text-align: start;
}
.slide-content .client-opinion p {
    text-align: unset;
}
.news-card p {
    text-align: start;
}
.content-icons {
    direction: ltr;
}