/* ===== RawdaSystem — RTL + Arabic typography overrides for Invena (style-four) =====
Loaded after style.css. Keep changes minimal and targeted. */
:root {
--stq-font-arabic: 'Cairo', 'Tajawal', 'DM Sans', sans-serif;
}
html[dir="rtl"] body,
html[dir="rtl"] {
font-family: var(--stq-font-arabic);
text-align: right;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .title,
html[dir="rtl"] .pre,
html[dir="rtl"] .disc,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea {
font-family: var(--stq-font-arabic);
}
/* ===== Disable letter-by-letter split-text animation (does not work with Arabic) =====
The Invena theme uses GSAP SplitText on .rts-text-anime-style-1111* selectors.
We hide the split spans and force the original text to render normally. */
html[dir="rtl"] .rts-text-anime-style-1,
html[dir="rtl"] .rts-text-anime-style-2,
html[dir="rtl"] .rts-text-anime-style-3,
html[dir="rtl"] [class*="rts-text-anime-style"] {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
html[dir="rtl"] .rts-text-anime-style-1 .split-line,
html[dir="rtl"] .rts-text-anime-style-2 .split-line,
html[dir="rtl"] .rts-text-anime-style-3 .split-line,
html[dir="rtl"] [class*="rts-text-anime-style"] .split-line,
html[dir="rtl"] [class*="rts-text-anime-style"] .word,
html[dir="rtl"] [class*="rts-text-anime-style"] .char {
opacity: 1 !important;
transform: none !important;
display: inline !important;
}
/* ===== Header — leave flex-direction at its default (row).
With `` the browser flips flex items visually right-to-left
automatically, putting the logo on the right. Adding `row-reverse` UN-flips
that and visually pushes the logo back to the left, which causes a flicker
on hard refresh (default RTL applies first, then this rule reverses it).
So this block intentionally has NO flex-direction override. ===== */
html[dir="rtl"] .nav-area > nav > ul {
display: flex;
gap: 30px;
list-style: none;
margin: 0;
padding: 0;
}
html[dir="rtl"] .nav-area > nav > ul > li.main-nav {
position: relative;
}
html[dir="rtl"] .nav-area > nav > ul > li.main-nav > a {
color: #1F1F25;
font-weight: 600;
padding: 10px 0;
display: inline-block;
}
html[dir="rtl"] .nav-area > nav > ul > li.main-nav > a:hover {
color: var(--color-primary, #ff6e30);
}
html[dir="rtl"] .nav-area .submenu {
position: absolute;
top: 100%;
right: 0;
min-width: 240px;
background: #fff;
box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
padding: 12px 0;
border-radius: 6px;
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all .25s ease;
z-index: 99;
}
html[dir="rtl"] .nav-area .has-dropdown:hover > .submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
html[dir="rtl"] .nav-area .submenu li a {
display: block;
padding: 8px 20px;
color: #1F1F25;
font-weight: 500;
}
html[dir="rtl"] .nav-area .submenu li a:hover {
color: var(--color-primary, #ff6e30);
background: rgba(255, 110, 48, .06);
}
/* ===== Banner — keep swiper RTL ===== */
html[dir="rtl"] .swiper-rtl .swiper-button-next,
html[dir="rtl"] .swiper-rtl .swiper-button-prev {
transform: scaleX(-1);
}
/* ===== Footer — already styled by Invena, but ensure direction stays rtl ===== */
html[dir="rtl"] .rts-footer-area,
html[dir="rtl"] .rts-copyright-area {
direction: rtl;
text-align: right;
}
html[dir="rtl"] .rts-footer-area input[type="email"] {
text-align: right;
}
/* ===== Buttons — fix arrow icons direction ===== */
html[dir="rtl"] .rts-btn .fa-arrow-right,
html[dir="rtl"] .rts-btn .fa-sharp.fa-regular.fa-arrow-right,
html[dir="rtl"] .read-more .fa-arrow-right,
html[dir="rtl"] .read-more .fa-sharp.fa-regular.fa-arrow-right {
transform: rotate(180deg);
margin-right: 6px;
margin-left: 0;
}
/* ===== Generic spacing reverses for RTL ===== */
html[dir="rtl"] .ml--20 { margin-right: 20px; margin-left: 0; }
html[dir="rtl"] .ml--10 { margin-right: 10px; margin-left: 0; }
html[dir="rtl"] .ml--5 { margin-right: 5px; margin-left: 0; }
html[dir="rtl"] .mr--20 { margin-left: 20px; margin-right: 0; }
html[dir="rtl"] .mr--10 { margin-left: 10px; margin-right: 0; }
html[dir="rtl"] .mr--5 { margin-left: 5px; margin-right: 0; }
html[dir="rtl"] .pl--20 { padding-right: 20px; padding-left: 0; }
html[dir="rtl"] .pr--20 { padding-left: 20px; padding-right: 0; }
/* ===== Title style-four blocks — keep alignment matching the live STQ site ===== */
html[dir="rtl"] .title-style-four.left { text-align: right; }
html[dir="rtl"] .title-style-four.right { text-align: left; }
html[dir="rtl"] .title-style-four.center { text-align: center; }
/* ===== Project listing — card style (project-grid) ===== */
.single-project-style-three {
position: relative;
overflow: hidden;
border-radius: 8px;
background: #fff;
box-shadow: 0 6px 20px rgba(0,0,0,.06);
transition: transform .25s ease, box-shadow .25s ease;
}
.single-project-style-three:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
.single-project-style-three .thumbnail {
display: block;
position: relative;
overflow: hidden;
aspect-ratio: 4 / 3;
background: #f4f4f4;
}
.single-project-style-three .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .35s ease;
}
.single-project-style-three:hover .thumbnail img {
transform: scale(1.05);
}
.single-project-style-three .inner-content {
padding: 18px 20px 22px;
}
.single-project-style-three .inner-content .title {
font-size: 18px;
line-height: 1.5;
margin: 0 0 6px;
color: #1F1F25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.single-project-style-three .inner-content span {
color: #ff6e30;
font-size: 13px;
font-weight: 500;
}
.single-project-style-three .position-absolute {
position: absolute !important;
}
/* ===== Project detail — gallery grid ===== */
#image-gallery .img-wrapper {
position: relative;
overflow: hidden;
border-radius: 6px;
aspect-ratio: 4 / 3;
background: #f4f4f4;
cursor: zoom-in;
}
#image-gallery .img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
#image-gallery .img-wrapper:hover img {
transform: scale(1.06);
}
#image-gallery .img-wrapper .img-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,.45);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 32px;
opacity: 0;
transition: opacity .25s ease;
}
#image-gallery .img-wrapper:hover .img-overlay {
opacity: 1;
}
/* Lightbox overlay — hidden by default, shown via JS */
#overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,.92);
z-index: 9999;
align-items: center;
justify-content: center;
}
#overlay[style*="flex"] { display: flex !important; }
.overlay-caption {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
color: #fff;
background: rgba(0,0,0,.6);
padding: 8px 16px;
border-radius: 4px;
max-width: 80vw;
text-align: center;
font-size: 14px;
}
/* Project page — summary + per-image caption */
.project-summary {
font-size: 17px;
line-height: 1.85;
color: #1F1F25;
background: #fff8f3;
border-right: 4px solid #ff6e30;
padding: 16px 20px;
border-radius: 6px;
margin: 0 0 25px;
}
html[dir="rtl"] .project-summary { border-right: 4px solid #ff6e30; border-left: none; }
#image-gallery .img-wrapper {
aspect-ratio: auto;
height: auto;
}
#image-gallery .img-caption {
background: #fff;
border-top: 2px solid #ff6e30;
color: #1F1F25;
font-size: 13px;
line-height: 1.6;
padding: 8px 12px;
text-align: right;
direction: rtl;
}
#overlay img {
max-width: 90vw;
max-height: 85vh;
object-fit: contain;
}
#overlay #prevButton,
#overlay #nextButton,
#overlay #exitButton {
position: absolute;
color: #fff;
font-size: 28px;
cursor: pointer;
background: rgba(255,255,255,.1);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background .2s ease;
}
#overlay #prevButton:hover, #overlay #nextButton:hover, #overlay #exitButton:hover {
background: rgba(255,255,255,.25);
}
html[dir="rtl"] #overlay #prevButton { right: 20px; left: auto; transform: scaleX(-1); }
html[dir="rtl"] #overlay #nextButton { left: 20px; right: auto; transform: scaleX(-1); }
html[dir="ltr"] #overlay #prevButton { left: 20px; }
html[dir="ltr"] #overlay #nextButton { right: 20px; }
#overlay #exitButton { top: 20px; right: 20px; }
html[dir="rtl"] #overlay #exitButton { left: 20px; right: auto; }
/* ===== Breadcrumb ===== */
.partner-breadcrumb {
background-color: #1F1F25;
color: #fff;
padding: 80px 0;
margin-top: 0;
}
.partner-breadcrumb .title-area-left {
text-align: center;
color: #fff;
}
.partner-breadcrumb .title-area-left .bg-title {
display: block;
font-size: 56px;
font-weight: 800;
color: rgba(255,255,255,.08);
margin-bottom: -40px;
line-height: 1;
}
.partner-breadcrumb .title-area-left .title {
font-size: 36px;
font-weight: 700;
margin: 0;
color: #fff;
}
.partner-breadcrumb nav a { text-decoration: none; }
.partner-breadcrumb nav a:hover { color: #ff6e30 !important; }
/* ===== Form pages (طلب مشروع / اتصل بنا) ===== */
.rawda-form .form-label {
font-weight: 600;
color: #1F1F25;
margin-bottom: 6px;
font-size: 14px;
}
.rawda-form .form-control,
.rawda-form .form-select {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 10px 14px;
font-family: var(--stq-font-arabic);
transition: border-color .2s ease, box-shadow .2s ease;
}
.rawda-form .form-control:focus,
.rawda-form .form-select:focus {
border-color: #ff6e30;
box-shadow: 0 0 0 3px rgba(255, 110, 48, .15);
outline: none;
}
.rawda-form select[multiple] {
min-height: 160px;
}
.rawda-form .single-input {
margin-bottom: 6px;
}
.rawda-form fieldset legend {
border-bottom: 2px solid #ff6e30;
padding-bottom: 8px;
margin-bottom: 18px;
}
.rawda-form fieldset legend .title {
font-size: 22px;
margin: 0;
color: #1F1F25;
}
.rawda-form .text-danger { color: #d33 !important; }
.rawda-form .alert {
border-radius: 6px;
padding: 14px 18px;
margin-bottom: 18px;
border: none;
}
.rawda-form .alert-success { background: #d1f5d3; color: #1f6f33; }
.rawda-form .alert-danger { background: #fde0e0; color: #8b1e1e; }
.appoinment-area-four-wrapper.bg_image {
background: #f8f9fa;
}
/* Sidebar widgets used by the form pages */
.rawda-sidebar .widget {
background: #fff;
border-radius: 6px;
box-shadow: 0 4px 14px rgba(0,0,0,.05);
padding: 18px 18px 12px;
}
.rawda-sidebar .de_nav {
list-style: none;
margin: 0 0 12px 0;
padding: 0 0 8px 0;
border-bottom: 2px solid #f0f0f0;
}
.rawda-sidebar .de_nav .active {
font-weight: 700;
color: #ff6e30;
font-size: 16px;
}
.rawda-sidebar .sideLinks > div {
padding: 6px 0;
border-bottom: 1px dashed #eee;
}
.rawda-sidebar .sideLinks > div:last-child { border-bottom: none; }
.rawda-sidebar .sideLinks a {
color: #1F1F25;
text-decoration: none;
font-size: 14px;
}
.rawda-sidebar .sideLinks a:hover { color: #ff6e30; }
.rawda-sidebar .sideLinks i { color: #ff6e30; margin-left: 6px; }
.rawda-sidebar .social-three-wrapper li a {
width: 34px; height: 34px;
display: inline-flex;
align-items: center; justify-content: center;
background: #f4f4f4;
border-radius: 50%;
color: #1F1F25;
}
.rawda-sidebar .social-three-wrapper li a:hover {
background: #ff6e30; color: #fff;
}
.contact-info .contact-info-block { line-height: 1.9; }
.contact-info-block h5 {
margin-top: 18px;
color: #ff6e30;
font-size: 17px;
font-weight: 700;
}
.contact-info-block hr { border-top: 1px dashed #ddd; margin: 18px 0; }
/* Turnstile wrapper */
.rawda-turnstile-wrapper { display: inline-block; }
/* ===== Single project info row ===== */
.single-project-info {
background: #f9f9f9;
border-radius: 6px;
padding: 16px 20px;
border-right: 3px solid #ff6e30;
}
html[dir="rtl"] .single-project-info { border-right: 3px solid #ff6e30; border-left: none; }
.single-project-info span {
display: block;
font-size: 13px;
color: #666;
margin-bottom: 4px;
}
.single-project-info p {
font-size: 16px;
font-weight: 600;
color: #1F1F25;
margin: 0;
}
/* ===== Hero Banner (Widget-HeroBanner) text overrides ===== */
.inner-content-wrapper-four-banner .title {
text-shadow: 0 4px 14px rgba(0, 0, 0, 0.65), 0 1px 2px rgba(0, 0, 0, 0.45);
}
.inner-content-wrapper-four-banner .title small {
font-size: 0.55em;
font-weight: 700;
display: block;
margin-top: 8px;
line-height: 1.3;
opacity: 0.95;
}
.inner-content-wrapper-four-banner p.disc {
font-size: 24px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7), 0 1px 2px rgba(0, 0, 0, 0.5);
}
html[dir="rtl"] .nav-area > nav > ul > li.main-nav {
position: relative;
margin: 0 20px;
}
@media only screen and (max-width: 991px) {
.inner-content-wrapper-four-banner p.disc { font-size: 20px; }
}
@media only screen and (max-width: 575px) {
.inner-content-wrapper-four-banner p.disc { font-size: 18px; }
}
/* ===== Project Media (مرئيات المشاريع) — grid + lightbox ===== */
.stq-projmedia-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
margin-top: 30px;
}
.stq-projmedia-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 18px rgba(0,0,0,0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
}
.stq-projmedia-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 28px rgba(0,0,0,0.14);
}
.stq-projmedia-card__media {
position: relative;
aspect-ratio: 16 / 10;
background: #1f1f25;
overflow: hidden;
}
.stq-projmedia-card__media img {
width: 100%; height: 100%; object-fit: cover;
transition: transform 0.5s ease;
}
.stq-projmedia-card:hover .stq-projmedia-card__media img { transform: scale(1.05); }
.stq-projmedia-card__placeholder {
width: 100%; height: 100%;
background: linear-gradient(135deg, #2a2a35 0%, #4a4a5a 100%);
}
.stq-projmedia-card__play {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
background: rgba(0,0,0,0.25);
color: #fff;
text-decoration: none;
transition: background 0.25s ease;
}
.stq-projmedia-card__play:hover { background: rgba(0,0,0,0.45); color: #fff; }
.stq-projmedia-play-icon {
width: 70px; height: 70px;
display: inline-flex; align-items: center; justify-content: center;
background: #ff6e30;
border-radius: 50%;
font-size: 28px;
box-shadow: 0 6px 18px rgba(0,0,0,0.35);
transition: transform 0.25s ease;
}
.stq-projmedia-card__play:hover .stq-projmedia-play-icon { transform: scale(1.1); }
.stq-projmedia-card__badge {
position: absolute;
top: 14px; right: 14px;
background: rgba(0,0,0,0.65);
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 5px 12px;
border-radius: 20px;
letter-spacing: 0.5px;
}
.stq-projmedia-card__body {
padding: 18px 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
.stq-projmedia-card__title {
margin: 0 0 8px;
font-size: 17px;
font-weight: 700;
color: #1F1F25;
line-height: 1.45;
}
.stq-projmedia-card__desc {
color: #555;
font-size: 14px;
line-height: 1.65;
}
.stq-projmedia-card__desc p:last-child { margin-bottom: 0; }
.stq-projmedia-lightbox {
position: fixed; inset: 0;
background: rgba(0,0,0,0.92);
display: none;
align-items: center; justify-content: center;
z-index: 9999;
padding: 40px 20px;
}
.stq-projmedia-lightbox.is-open { display: flex; }
.stq-projmedia-lightbox__close {
position: absolute;
top: 18px; left: 18px;
width: 44px; height: 44px;
background: #fff;
border: none;
border-radius: 50%;
font-size: 28px;
cursor: pointer;
line-height: 1;
}
.stq-projmedia-lightbox__frame {
width: min(960px, 100%);
aspect-ratio: 16 / 9;
background: #000;
border-radius: 8px;
overflow: hidden;
}
.stq-projmedia-lightbox__frame iframe,
.stq-projmedia-lightbox__frame video {
width: 100%; height: 100%; border: 0; display: block;
}
/* ===== Widget-Gallery (صور مختارة) — uniform tile size, no native aspect ratio ===== */
.gallery-area-main-wrapper-4 { align-items: stretch; }
.gallery-area-main-wrapper-4 .single-gallery {
flex: 1 1 0;
min-width: 0;
overflow: hidden;
border-radius: 6px;
}
.gallery-area-main-wrapper-4 .single-gallery .thumbnail,
.gallery-area-main-wrapper-4 .single-gallery .thumbnail.gallery-image {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
}
.gallery-area-main-wrapper-4 .single-gallery .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.gallery-area-main-wrapper-4 .single-gallery:hover .thumbnail img { transform: scale(1.06); }
@media only screen and (max-width: 991px) {
.gallery-area-main-wrapper-4 { flex-wrap: wrap; }
.gallery-area-main-wrapper-4 .single-gallery { flex: 1 1 calc(33.333% - 20px); }
}
@media only screen and (max-width: 575px) {
.gallery-area-main-wrapper-4 .single-gallery { flex: 1 1 calc(50% - 5px); }
}
/* ===== Widget-ProjectsGrid (مشاريعنا) — fixed-height tiles + border + shadow.
Reuses the original Invena `.single-case-studies-four` skeleton (style.css:6921+).
The `.inner` info card is anchored permanently below the image instead of the
original slide-up-on-hover overlay (per user request). ===== */
.single-case-studies-four {
border: 1px solid #e7e3df;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(24, 16, 16, 0.08);
background: #fff;
overflow: hidden;
transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.single-case-studies-four:hover {
box-shadow: 0 14px 32px rgba(24, 16, 16, 0.16);
transform: translateY(-2px);
}
.single-case-studies-four .thumbnail {
display: block;
width: 100%;
height: 320px;
overflow: hidden;
border-radius: 0;
}
.single-case-studies-four .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.single-case-studies-four:hover .thumbnail img { transform: scale(1.06); }
/* Always-visible info card: override the original absolute/slide-up overlay. */
.single-case-studies-four .inner {
position: static;
left: auto;
right: auto;
bottom: auto;
padding: 18px 22px;
border-radius: 0;
border-left: 6px solid #fff;
background: var(--color-primary);
transition: none;
}
.single-case-studies-four:hover .inner { bottom: auto; }
.single-case-studies-four .inner a { display: block; text-decoration: none; }
.single-case-studies-four .inner .title {
margin: 0 0 4px 0;
font-size: 18px;
line-height: 1.4;
color: #fff;
}
.single-case-studies-four .inner span {
display: block;
font-size: 13px;
opacity: 0.85;
color: #fff;
}
@media only screen and (max-width: 991px) {
.single-case-studies-four .thumbnail { height: 260px; }
}
@media only screen and (max-width: 575px) {
.single-case-studies-four .thumbnail { height: 220px; }
}
/* RTL flips for the project tile: white accent on the inner card was border-left
in the original LTR theme — mirror it to border-right for Arabic. */
html[dir="rtl"] .single-case-studies-four .inner {
border-left: none;
border-right: 6px solid #fff;
text-align: right;
}
html[dir="rtl"] .single-case-studies-four .inner .title,
html[dir="rtl"] .single-case-studies-four .inner span { text-align: right; }
/* RTL: swap swiper next/prev positions so the visual order matches reading order. */
html[dir="rtl"] .mySwiper-case-studies-5 .swiper-button-next { right: auto; left: calc(50% - 100px); }
html[dir="rtl"] .mySwiper-case-studies-5 .swiper-button-prev { left: auto; right: calc(50% - 100px); }
html[dir="rtl"] .mySwiper-case-studies-5 .swiper-button-next i { transform: scaleX(-1); }
html[dir="rtl"] .mySwiper-case-studies-5 .swiper-button-prev i { transform: scaleX(-1); }
/* Undo Invena style.css block that forces `direction: ltr` on the swiper wrapper
for RTL pages. That rule (a multi-selector block in style.css that includes
`[dir="rtl"] .mySwiper-case-studies-5 .swiper-wrapper`) breaks Swiper RTL —
flex layout stays LTR while `rtlTranslate` applies a positive shift, so slides
end up far off-screen. Restore `direction: rtl` on the wrappers; per-slide
content alignment is unaffected because Swiper keeps `.swiper-slide` LTR. */
html[dir="rtl"] .mySwiper-case-studies-5 .swiper-wrapper {
direction: rtl;
}
/* ===== Footer "Quick Links" — shape/layout only (no color overrides) ===== */
/* The OC menu shape outputs , missing the
wrapper that the original Invena template CSS targets. We re-create
only the visual SHAPE (RTL arrow marker, spacing, columns) and leave colors untouched
so the existing dark-footer palette stays intact. */
.rts-footer-area.footer-two .quick-link-inner nav { width: 100%; }
.rts-footer-area.footer-two .quick-link-inner nav > ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 4px 40px;
}
.rts-footer-area.footer-two .quick-link-inner nav > ul > li {
list-style: none;
margin: 0;
flex: 0 0 calc(50% - 20px);
min-width: 160px;
}
.rts-footer-area.footer-two .quick-link-inner nav > ul > li > a {
position: relative;
display: inline-block;
padding-right: 22px;
line-height: 2;
transition: transform 0.25s ease;
}
/* RTL arrow marker (fa-arrow-left, pointing toward the link text in RTL reading order) */
.rts-footer-area.footer-two .quick-link-inner nav > ul > li > a::before {
content: "\f060"; /* fa-arrow-left */
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome";
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 11px;
transition: transform 0.25s ease;
}
.rts-footer-area.footer-two .quick-link-inner nav > ul > li > a:hover { transform: translateX(-3px); }
.rts-footer-area.footer-two .quick-link-inner nav > ul > li > a:hover::before {
transform: translateY(-50%) translateX(-3px);
}
/* Hide nested submenus in the footer (footer should render a flat list) */
.rts-footer-area.footer-two .quick-link-inner nav ul.submenu { display: none; }
@media only screen and (max-width: 575px) {
.rts-footer-area.footer-two .quick-link-inner nav > ul { gap: 4px 20px; }
.rts-footer-area.footer-two .quick-link-inner nav > ul > li { flex: 0 0 100%; }
}
.footer-two .footer-one-single-wized .wized-title .title{color:#1F1F25 !important;}
.modal-dialog,.modal-dialog{z-index:991050;}
.swiper-slide:not(.banner-four-area-main-wrapper .swiper-slide ) {
border: 2px solid #aeb5bb;
padding: 15px;
border-radius: 15px;
}
html[dir="rtl"] .single-case-studies-four .inner {
border-left: none;
border-right: none;
}