/* Rahmontech — custom component styles loaded after main.css.
   Kept as a small standalone file so it deploys fast and is easy to tweak. */

/* Pull-quote (CEO / vision) */
.rt-quote{position:relative;max-width:920px;margin:0 auto;padding:44px 50px 40px;border-radius:20px;background:linear-gradient(135deg,rgba(27,72,224,.14),rgba(34,211,184,.08));border:1px solid rgba(34,211,184,.22);color:#eef3fc;font-size:clamp(19px,2.1vw,26px);line-height:1.55;font-weight:500;text-align:center}
.rt-quote:before{content:"\201C";position:absolute;top:6px;left:26px;font-size:88px;line-height:1;color:rgba(34,211,184,.35);font-family:Georgia,serif}
.rt-quote cite{display:block;margin-top:20px;font-size:15px;font-style:normal;font-weight:600;color:#22D3B8;letter-spacing:.3px}

/* Feature / expertise cards */
.rt-card{height:100%;padding:30px 26px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);transition:all .35s}
.rt-card:hover{border-color:rgba(34,211,184,.40);transform:translateY(-5px)}
.rt-card .rt-card-ic{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#1B48E0,#22D3B8);margin-bottom:18px}
.rt-card h4{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px}
.rt-card p{color:#c7d0e0;font-size:15.5px;line-height:1.75;margin:0}
.rt-card-list{margin:14px 0 0;padding:0;list-style:none}
.rt-card-list li{color:#c7d0e0;font-size:15px;padding:6px 0 6px 26px;position:relative}
.rt-card-list li:before{content:"\2713";position:absolute;left:0;color:#22D3B8;font-weight:700}

/* Blog cards: excerpt/preview text was near-black on the dark card — make it readable */
.vl-blog-1-content p{color:#c7d0e0}

/* Form helpers */
.rt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rt-form-note{border-radius:12px;padding:14px 18px;margin-bottom:18px;font-size:15px;font-weight:500}
.rt-form-note.ok{background:rgba(34,211,184,.12);border:1px solid rgba(34,211,184,.45);color:#22D3B8}
.rt-form-note.bad{background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.45);color:#ff8ea3}

/* CEO page: reuse the sidebar "Social Links" block but guarantee contrast on the dark section */
.about-header .social-link-area{margin-top:6px}
.about-header .social-link-area .sidebar-heading{font-size:16px;margin-bottom:14px;color:#fff}
.about-header .social-link-area ul{padding:0;margin:0;list-style:none}
.about-header .social-link-area ul li{list-style:none}
.about-header .social-link-area ul li a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;margin:0 10px 0 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:15px;transition:all .35s}
.about-header .social-link-area ul li a:hover{background:linear-gradient(135deg,#1B48E0,#22D3B8);border-color:transparent;color:#fff;transform:translateY(-3px)}

/* ==========================================================================
   BRAND LOGO — real SVG asset replaces the old CSS text mark.
   The markup stays in place for screen readers and search engines; it is
   visually hidden and the lockup is painted as a background image.
   ========================================================================== */
.rt-logo{position:relative;display:inline-block;width:196px;height:46px;
  background:url(/assets/img/logo/logo-rahmontech.svg) left center/contain no-repeat;
  vertical-align:middle;gap:0}
.rt-logo .rt-mark,.rt-logo .rt-word{position:absolute!important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.vl-logo a,.footer-logo a{display:inline-block;line-height:0}
@media (max-width:1199px){.rt-logo{width:172px;height:40px}}
@media (max-width:575px){.rt-logo{width:158px;height:37px}}

/* ==========================================================================
   ARTICLE TYPOGRAPHY
   The article sits inside the template's ".blog-others-sidebar heading1"
   wrapper, whose rules would otherwise force a display font, a tight
   heading line-height and uppercase headings onto 4,000 words of body copy.
   Selectors below are doubled (.rt-article.rt-article) purely to match that
   specificity; this file loads last, so these win.
   ========================================================================== */
.rt-article.rt-article{
  font-family:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:18px;line-height:1.82;font-weight:400;color:#d3dcea;
  letter-spacing:normal;text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased}

.rt-article.rt-article p{
  font-family:inherit;font-size:inherit;line-height:inherit;font-weight:400;
  color:#d3dcea;letter-spacing:normal;text-transform:none;margin:0 0 1.5em}

/* Lead paragraph — sets the tone, slightly larger and brighter */
.rt-article.rt-article > p:first-child{
  font-size:20.5px;line-height:1.68;color:#eaf0fb;font-weight:400;margin-bottom:1.4em}

/* Section headings — sentence case, generous air, subtle brand rule above */
.rt-article.rt-article h2,
.rt-article.rt-article h3,
.rt-article.rt-article h4{
  font-family:'Space Grotesk',system-ui,sans-serif;color:#ffffff;
  text-transform:none;letter-spacing:-.4px;text-wrap:pretty;scroll-margin-top:110px}
.rt-article.rt-article h2{
  position:relative;font-size:clamp(23px,2.35vw,29px);line-height:1.28;font-weight:700;
  margin:2.35em 0 .62em;padding-top:22px}
.rt-article.rt-article h2:before{
  content:"";position:absolute;top:0;left:0;width:40px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#1B48E0,#22D3B8)}
.rt-article.rt-article > h2:first-child{margin-top:.2em}
.rt-article.rt-article h3{
  font-size:clamp(19px,1.6vw,21.5px);line-height:1.38;font-weight:700;margin:2.05em 0 .55em;color:#f2f6ff}
.rt-article.rt-article h4{font-size:18px;line-height:1.45;font-weight:700;margin:1.8em 0 .5em}

/* Lists — same voice as the prose, custom markers so nothing collides */
.rt-article.rt-article ul,
.rt-article.rt-article ol{
  font-family:inherit;font-size:inherit;line-height:1.78;color:#d3dcea;
  margin:0 0 1.6em;padding:0;list-style:none;counter-reset:rtnum}
.rt-article.rt-article li{
  font-family:inherit;font-size:inherit;line-height:1.78;color:#d3dcea;
  position:relative;padding:0 0 0 30px;margin:0 0 .78em;list-style:none}
.rt-article.rt-article li::marker{content:none}
.rt-article.rt-article ul > li:before{
  content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:2px;
  background:linear-gradient(135deg,#1B48E0,#22D3B8)}
.rt-article.rt-article ol > li{counter-increment:rtnum}
.rt-article.rt-article ol > li:before{
  content:counter(rtnum);position:absolute;left:0;top:.16em;width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;border-radius:6px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#0A1428;
  background:linear-gradient(135deg,#22D3B8,#1B48E0)}
.rt-article.rt-article li > ul,
.rt-article.rt-article li > ol{margin:.6em 0 .2em}

.rt-article.rt-article strong,
.rt-article.rt-article b{color:#ffffff;font-weight:700}
.rt-article.rt-article em{color:#e3eaf7}

/* Pull-quote */
.rt-article.rt-article blockquote{
  font-family:inherit;position:relative;margin:2.1em 0;padding:26px 30px 26px 34px;
  border:0;border-left:3px solid #22D3B8;border-radius:0 14px 14px 0;
  background:linear-gradient(90deg,rgba(34,211,184,.10),rgba(27,72,224,.05));
  font-size:20px;line-height:1.65;font-weight:500;color:#eef3fc;font-style:normal}
.rt-article.rt-article blockquote p{font-size:inherit;line-height:inherit;color:inherit;font-weight:inherit;margin:0}
.rt-article.rt-article blockquote p + p{margin-top:.7em}

.rt-article.rt-article hr{
  border:0;height:1px;background:rgba(255,255,255,.12);margin:2.6em 0}
.rt-article.rt-article img{max-width:100%;height:auto;border-radius:14px;margin:1.9em 0}
.rt-article.rt-article figcaption{font-size:14.5px;color:#93a2bd;margin-top:-1.1em;margin-bottom:1.9em}

/* Tables, if an article ever needs one */
.rt-article.rt-article table{width:100%;border-collapse:collapse;margin:1.9em 0;font-size:16px}
.rt-article.rt-article th,.rt-article.rt-article td{
  padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.10);text-align:left;color:#d3dcea}
.rt-article.rt-article th{color:#fff;font-weight:700;background:rgba(255,255,255,.04)}

/* Reset the old "Sources" treatment — articles no longer carry a source list,
   so the final heading and final list must read like ordinary content. */
.rt-article.rt-article > h3:last-of-type{
  margin:2.05em 0 .55em;padding-top:0;border-top:0;font-size:clamp(19px,1.6vw,21.5px);color:#f2f6ff}
.rt-article.rt-article > ul:last-of-type{font-size:18px;line-height:1.78;color:#d3dcea}

@media (max-width:991px){
  .rt-article.rt-article{font-size:17px;line-height:1.8}
  .rt-article.rt-article > p:first-child{font-size:18.5px}
  .rt-article.rt-article h2{font-size:23px;margin-top:2em;padding-top:19px}
  .rt-article.rt-article h3{font-size:19px}
  .rt-article.rt-article blockquote{padding:20px 20px 20px 22px;font-size:17.5px}
}

/* ==========================================================================
   BLOG — TOPIC TAGS, SHARE ROW AND THE "EXPLORE" BAND UNDER EACH ARTICLE
   Tags are real hub pages (/blog/tag/<tag>), so they are styled as an
   obvious, tappable filter control rather than decorative text.
   ========================================================================== */

/* Section eyebrow + lede on the blog / tag / category index */
.rt-eyebrow{display:inline-block;margin-bottom:14px;padding:6px 14px;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:1.4px;
  text-transform:uppercase;color:#22D3B8;background:rgba(34,211,184,.12);
  border:1px solid rgba(34,211,184,.30)}
.rt-lede{max-width:720px;margin:0 auto;color:#c7d0e0;font-size:17px;line-height:1.75}

/* Tag filter bar */
.rt-tagbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.rt-tagbar .rt-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;
  font-family:'Figtree',system-ui,sans-serif;font-size:14.5px;font-weight:600;line-height:1;
  color:#d3dcea;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  transition:all .3s ease;white-space:nowrap}
.rt-tagbar .rt-tag span{display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:11.5px;font-weight:700;
  color:#93a2bd;background:rgba(255,255,255,.07)}
.rt-tagbar .rt-tag:hover{color:#fff;border-color:rgba(34,211,184,.55);
  background:rgba(34,211,184,.10);transform:translateY(-2px)}
.rt-tagbar .rt-tag:hover span{color:#22D3B8;background:rgba(34,211,184,.16)}
.rt-tagbar .rt-tag.is-active{color:#0A1428;border-color:transparent;
  background:linear-gradient(120deg,#1B48E0,#22D3B8);font-weight:700}
.rt-tagbar .rt-tag.is-active span{color:#0A1428;background:rgba(255,255,255,.35)}
@media (max-width:767px){
  .rt-tagbar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;
    padding-bottom:8px;margin:0 -12px;padding-left:12px;padding-right:12px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .rt-tagbar::-webkit-scrollbar{display:none}
  .rt-tagbar .rt-tag{padding:8px 13px;font-size:13.5px}
}

/* Blog card grid — equal-height cards no matter how long the title runs */
.rt-blog-grid{align-items:stretch}
.rt-blog-grid > [class*="col-"]{display:flex;margin-bottom:30px}
.rt-blog-grid .vl-blog-1-item{display:flex;flex-direction:column;width:100%;height:100%}
.rt-blog-grid .vl-blog-1-content{display:flex;flex-direction:column;flex:1 1 auto}
.rt-blog-grid .vl-blog-1-icon{margin-top:auto}

/* Article meta row — date/author/read-time are facts, not links */
.blog-details-section-area .blog-others-sidebar .list-author li .rt-meta{
  color:#c7d0e0;font-family:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:500;
  display:inline-flex;align-items:center;gap:7px}
.blog-details-section-area .blog-others-sidebar .list-author li .rt-meta img{margin:0}

/* Tags + share row under the article */
.rt-tags-social.rt-tags-social{gap:20px;flex-wrap:wrap}
.rt-tags-social .tags ul{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0}
.rt-tags-social .tags ul li{margin:0}
.rt-tags-social .tags ul li a{padding:8px 14px;border-radius:999px;font-size:14.5px;font-weight:600;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#d3dcea;
  transition:all .3s ease;line-height:1}
.rt-tags-social .tags ul li a:hover{color:#fff;background:rgba(34,211,184,.12);
  border-color:rgba(34,211,184,.55);transform:translateY(-2px)}

/* Share icons — deliberately the same circular treatment as the slide-menu
   social links, so the site has one social-icon language everywhere. */
.rt-share ul{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0}
.rt-share ul li{margin:0;display:inline-flex}
.rt-share ul li a{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;font-size:16px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;
  transition:all .4s ease-in-out;margin:0}
.rt-share ul li a:hover{background:linear-gradient(120deg,#1B48E0,#22D3B8);
  border-color:transparent;color:#fff;transform:translateY(-5px)}
.rt-share ul li a.rt-copied{background:#22D3B8;border-color:transparent;color:#0A1428}

/* Explore band: categories / tags / recent posts, now BELOW the article */
.rt-explore > [class*="col-"]{margin-bottom:30px}
.rt-explore .blog-details-side > div{height:100%}
.rt-explore .category-area ul li a{font-size:15px;padding:14px 16px}
.rt-explore .blog-category2 ul li a{margin:10px 8px 0 0}
.rt-recent .rt-recent-item{display:flex;align-items:flex-start;gap:14px;
  padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.rt-recent .rt-recent-item:last-child{border-bottom:0;padding-bottom:0}
.rt-recent .rt-recent-thumb{flex:0 0 88px}
.rt-recent .rt-recent-thumb img{width:88px;height:66px;object-fit:cover;border-radius:8px;display:block}
.rt-recent .rt-recent-text{display:block}
.rt-recent .rt-recent-date{display:block;font-family:'Figtree',system-ui,sans-serif;font-size:13px;
  font-weight:600;color:#22D3B8;margin-bottom:5px;letter-spacing:.2px}
.rt-recent .rt-recent-title{display:block;font-family:'Space Grotesk',sans-serif;font-size:16px;
  line-height:1.42;font-weight:600;color:#fff;transition:color .3s}
.rt-recent .rt-recent-item:hover .rt-recent-title{color:#22D3B8}

/* Explore band: all three panels the same height regardless of content */
.rt-explore{align-items:stretch}
.rt-explore > [class*="col-"]{display:flex}
.rt-explore .blog-details-side{display:flex;flex-direction:column;width:100%}
.rt-explore .blog-details-side > div{flex:1 1 auto}

/* =====================================================================
   STAGE 10 — /rahmony (CEO page) layout pass + site-wide heading repair
   ===================================================================== */

/* --- 1. Body font fallback -------------------------------------------
   The template declares --ztc-family-font2:'Figtree',serif — so any
   moment Figtree hasn't loaded (slow connection, shared hosting, first
   paint) every body paragraph renders in Times. Swap the fallback for a
   real sans stack. */
:root{
  --ztc-family-font2:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}

/* --- 2. Section headings were rendering SMALLER than their eyebrow ----
   h2.text-anime-style-* was locked to `white-space:nowrap` with
   `font-size:clamp(13px,3.9cqi,40px)`, so in a narrow column the H2 shrank
   to ~22px on desktop and ~14px on mobile — smaller than the 20px H5 above
   it. Let the heading wrap and size properly; the split-line children keep
   their own nowrap so the text-reveal animation still works. */
h2.text-anime-style-1.text-anime-style-1,
h2.text-anime-style-2.text-anime-style-2,
h2.text-anime-style-3.text-anime-style-3{
  white-space:normal;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.18;
  letter-spacing:-.6px;
}
@media (max-width:991px){
  h2.text-anime-style-1.text-anime-style-1,
  h2.text-anime-style-2.text-anime-style-2,
  h2.text-anime-style-3.text-anime-style-3{font-size:clamp(26px,4.6vw,36px);line-height:1.22}
}
@media (max-width:767px){
  h2.text-anime-style-1.text-anime-style-1,
  h2.text-anime-style-2.text-anime-style-2,
  h2.text-anime-style-3.text-anime-style-3{font-size:30px;line-height:1.24;letter-spacing:-.3px}
}

/* --- 3. Inner-page hero: the template only sizes h1 down on
   .hero1-section-area, so every /about, /blog, /rahmony hero kept an 80px
   headline at 390px and got clipped by overflow-x:clip. */
.inner-section-area .hero-header-area h1{
  font-size:clamp(34px,6vw,80px);
  line-height:1.1;
  word-break:break-word;
}
.inner-section-area .hero-header-area h4{font-size:clamp(15px,1.6vw,18px);line-height:1.6}
@media (max-width:767px){
  .inner-section-area{padding-top:110px}
  .inner-section-area .hero-header-area h1{font-size:34px;line-height:1.12}
  .inner-section-area .hero-header-area h4{font-size:15px}
  .inner-section-area .space32{height:20px}
}

/* --- 4. CEO page vertical rhythm --------------------------------------
   sp6 (pb120) meeting sp7 (pt120) stacked 240px of dead space between the
   bio and "Why Rahmontech Exists", and the counter band had no padding at
   all so it collided with the card grid above it. */
.rt-page-ceo .about1-section-area.sp6{padding-top:100px;padding-bottom:70px}
.rt-page-ceo .serve-section-area.sp7{padding-top:70px;padding-bottom:70px}
.rt-page-ceo .about1-section-area.sp7{padding-top:70px;padding-bottom:70px}
.rt-page-ceo .counter-section-area{padding-top:70px;padding-bottom:80px}
.rt-page-ceo .cta-btn-area.sp8{padding-top:80px}
.rt-page-ceo .serve-section-area .space60{height:40px}
@media (max-width:991px){
  .rt-page-ceo .about1-section-area.sp6{padding-top:70px;padding-bottom:50px}
  .rt-page-ceo .serve-section-area.sp7,
  .rt-page-ceo .about1-section-area.sp7{padding-top:50px;padding-bottom:50px}
  .rt-page-ceo .counter-section-area{padding-top:50px;padding-bottom:50px}
  .rt-page-ceo .cta-btn-area.sp8{padding-top:60px}
  .rt-page-ceo .space-margin60{margin-bottom:34px}
}

/* --- 5. Equal-height, top-aligned card grids ---------------------------
   Cards were three different heights AND three different top offsets
   (the third column carried a stray `m-auto`). */
.rt-cardgrid{align-items:stretch}
.rt-cardgrid > [class*="col-"]{display:flex;margin-bottom:24px}
.rt-cardgrid .rt-card{display:flex;flex-direction:column;width:100%;height:100%;margin:0}
.rt-cardgrid .rt-card-list{margin-top:auto;padding-top:4px}
.rt-cardgrid .rt-card p{margin-bottom:0}
@media (max-width:767px){ .rt-cardgrid > [class*="col-"]{margin-bottom:18px} }

/* --- 6. Skill bars: label and % collided on narrow screens ------------- */
.rt-page-ceo .progress-bar label{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;
}
.rt-page-ceo .progress-bar label span{flex:0 0 auto;margin-left:auto}
@media (max-width:767px){
  .rt-page-ceo .progress-bar label{font-size:14.5px;line-height:1.35;gap:8px}
}
@media (max-width:400px){
  .rt-page-ceo .progress-bar label{font-size:13.5px}
}

/* --- 7. CEO social links — same circular language as the slide-menu
   social icons and the article share row. */
.rt-page-ceo .social-link-area .sidebar-heading{
  font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;color:#22D3B8;margin-bottom:16px;
}
.rt-page-ceo .social-link-area ul,
.rt-page-ceo .social-link-area ul li{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.rt-page-ceo .social-link-area ul li a{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;font-size:16px;margin:0;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  color:#fff;transition:all .4s ease-in-out;
}
.rt-page-ceo .social-link-area ul li a:hover{
  background:linear-gradient(120deg,#1B48E0,#22D3B8);border-color:transparent;
  color:#fff;transform:translateY(-5px);
}

/* --- 8. Pull-quote reads better a touch tighter on phones -------------- */
@media (max-width:767px){
  .rt-page-ceo .rt-quote{font-size:17px;line-height:1.62;padding:26px 20px}
  .rt-page-ceo .rt-quote cite{font-size:14px}
}

/* --- 9. Card grids: nothing may be taller than its neighbours ---------- */

/* 9a. Blog thumbnails hold a fixed 370x280 frame whatever the image does.
       Without this, a missing or oddly-shaped file collapses to alt-text
       height and drags the whole row out of alignment. */
.vl-blog-1-thumb{position:relative;overflow:hidden;border-radius:16px}
.vl-blog-1-thumb a{display:block;width:100%}
.vl-blog-1-thumb img{
  display:block;width:100%;height:auto;aspect-ratio:370/280;
  object-fit:cover;object-position:center;background:#0A1428;
}

/* 9b. "By the Numbers" counters. The template gives the labels an 18px
       line-height, so a label that wraps to two lines both crowds itself
       and makes its card taller than the rest. Stretch the columns, let
       the box fill its column, and reserve two lines for every label so
       all four boxes agree on height at every width. */
.rt-counter-grid{align-items:stretch}
.rt-counter-grid > [class*="col-"]{display:flex}
.rt-counter-grid .counter-box{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;height:100%;text-align:center;
}
.rt-counter-grid .counter-box h2{margin-bottom:0}
.rt-counter-grid .counter-box p{
  line-height:1.35;margin-bottom:0;
  min-height:calc(1.35em * 2);            /* two lines, always */
  display:flex;align-items:center;justify-content:center;
}
@media (max-width:991px){
  .rt-counter-grid .counter-box{padding:32px 20px}
}
@media (max-width:575px){
  .rt-counter-grid .counter-box p{min-height:0}
}

/* 9c. Blog card titles reserve exactly two lines. Flex stretch already
       equalises cards within a row; this equalises them across rows too, so
       a short headline in row 2 doesn't leave that whole row shorter than
       row 1. The anchor is inline-block in main.css, which adds a descender
       strut on top of the 28px line-height, hence the 63px measure rather
       than 56px. Longer headlines clamp instead of pushing the card. */
.rt-blog-grid .vl-blog-1-title{min-height:63px;margin-bottom:0}
.rt-blog-grid .vl-blog-1-title a{
  display:-webkit-box!important;display:box;
  -webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;max-height:63px;
}
/* On phones the grid is a single column and titles get narrower, so allow
   three lines before clamping and reserve three lines so every stacked card
   still agrees on height. */
@media (max-width:575px){
  .rt-blog-grid .vl-blog-1-title{min-height:91px}
  .rt-blog-grid .vl-blog-1-title a{-webkit-line-clamp:3;line-clamp:3;max-height:91px}
}

/* 9d. The excerpt is the last variable-height piece of a blog card. Pin it
       to exactly three lines so cards agree at every column count. The
       explicit font-size/line-height make the 78px reservation exact rather
       than dependent on whatever the cascade computes. */
.rt-blog-grid .vl-blog-1-content > p{
  font-size:16px;line-height:26px;margin-bottom:0;
  display:-webkit-box!important;
  -webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;height:78px;
}

/* ------------------------------------------------------------------
   10. Mobile background variants
   ------------------------------------------------------------------
   The section backgrounds are 1440px-wide PNGs set as inline style
   attributes on the section elements. On a 390px phone that is roughly
   3.7x more pixels than the device can show, and it is 1.26 MB of the
   critical download on a connection that can least afford it.

   992px-wide copies of the five heaviest ones cut that to 431 KB. They
   are matched on the inline style substring rather than by class,
   because the same class carries a different background on different
   pages (.vl-blog-1-area.sp7 is bg1 on the home page and bg5 on /blog),
   and because only !important can beat an inline style.

   Every rule below is a swap of the same artwork at a lower raster size:
   background-size stays `cover`, so nothing about the layout moves.
   If you ever change one of these backgrounds, regenerate its -m.png
   at 992px wide or the phone will keep serving the old picture.
   ------------------------------------------------------------------ */
@media (max-width:991px){
  [style*="bg/hero-bg1.png"]{background-image:url(/assets/img/all-images/bg/hero-bg1-m.png)!important}
  [style*="bg/bg1.png"]{background-image:url(/assets/img/all-images/bg/bg1-m.png)!important}
  [style*="bg/bg2.png"]{background-image:url(/assets/img/all-images/bg/bg2-m.png)!important}
  [style*="bg/bg3.png"]{background-image:url(/assets/img/all-images/bg/bg3-m.png)!important}
  [style*="bg/bg5.png"]{background-image:url(/assets/img/all-images/bg/bg5-m.png)!important}
}

/* ============================================================
   Mobile-first refinement pass (calmer, less noise, right-sized)
   Added after the lime→brand image recolor. Desktop is unchanged:
   every rule below is inside a max-width query or a clamp() whose
   upper bound equals the original desktop value.
   ============================================================ */

/* "GET IN TOUCH" display link: 180px looks intentional on desktop but
   shouts at 60px on a 390px phone (two lines, 120px tall). Fluid-size it
   so it scales down quietly and never dominates the small screen. */
.cta-btn1{font-size:clamp(2.6rem, 11vw, 180px)!important;line-height:1.03!important;word-break:normal}
@media (max-width:575px){
  .cta-btn1{font-size:clamp(2.2rem, 12.5vw, 3.2rem)!important;letter-spacing:-.5px}
}

/* Comfortable, consistent tap targets without inflating the label. */
@media (max-width:767px){
  .vl-btn1,.cta-btn1,.rt-btn,button[type="submit"],.vl-header-btn a{
    min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  /* section headings: 30px is fine; ease the very largest on small phones */
  .sec-title h2,.sec-title2 h2,.vl-section-title h2{line-height:1.22}
}
@media (max-width:400px){
  h1,.text-anime-style-3{font-size:30px!important;line-height:1.15!important}
  h2{font-size:26px!important;line-height:1.25!important}
}

/* Purely-decorative slow-spinning floaters (keyframe6) extend past the
   viewport edge on phones — clipped already, but hiding them on small
   screens removes off-screen paint work and visual noise on shared hosting. */
@media (max-width:767px){
  .keyframe6,.elements9,.elements8{will-change:auto}
}
@media (max-width:575px){
  .keyframe6{display:none!important}
}

/* Belt-and-braces: nothing should ever cause sideways scroll on mobile. */
@media (max-width:767px){ html,body{overflow-x:hidden} }

/* Hero headline is now a single <h1> (was two, hurting SEO). The second
   line is a block span so the two-line look and animation are preserved. */
.hero-header-area h1 .rt-h1-l2{display:block}
@media (min-width:768px){ .hero-header-area h1 .rt-h1-l2{margin-top:16px} }
@media (max-width:767px){ .hero-header-area h1 .rt-h1-l2{margin-top:6px} }

/* Blog-single meta row (category pill + date + author + read-time) was a set
   of loose inline-blocks, so on mobile they wrapped to two lines with the pill
   and the icon-text sitting on different baselines — looked disarranged.
   Flex + wrap + centre-align gives one tidy, evenly-spaced row that wraps
   cleanly on small screens. */
.list-author{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:0;margin:0;list-style:none}
.list-author > li{display:inline-flex!important;align-items:center;margin:0!important;line-height:1}
.list-author .rt-meta{display:inline-flex;align-items:center;gap:7px}
.list-author .rt-meta img{width:16px;height:16px;flex:0 0 auto;margin:0}
@media (max-width:575px){ .list-author{gap:8px 14px} }

/* ============================================================
   Blog pagination + tidy "explore" band (end of article)
   ============================================================ */

/* Pagination: brand pills, centred, wraps on mobile, comfortable taps. */
.rt-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px}
.rt-pagination .rt-page-btn{display:inline-flex;align-items:center;justify-content:center;
  min-width:46px;height:46px;padding:0 12px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  color:#cdd6ea;font-weight:600;text-decoration:none;transition:.15s ease}
.rt-pagination .rt-page-btn:hover{border-color:#22D3B8;color:#fff}
.rt-pagination .rt-page-btn.is-active{background:linear-gradient(120deg,#1B48E0,#22D3B8);
  border-color:transparent;color:#fff}
.rt-pagination .rt-page-prev,.rt-pagination .rt-page-next{color:#22D3B8}

/* Explore band: three equal cards that stay balanced no matter how much is
   inside them (this is what stops the "scattered / unkempt" look). */
.rt-explore{align-items:stretch}
.rt-explore > [class*="col-"]{display:flex;margin-bottom:24px}
.rt-explore-card{display:flex;flex-direction:column;width:100%;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:26px 24px}
.rt-explore-card h3{font-size:20px;margin:0 0 4px}
.rt-explore-card > div{display:flex;flex-direction:column;height:100%}
/* Categories: clean rows with a count chip on the right */
.rt-explore-card .category-area ul{list-style:none;margin:0;padding:0}
.rt-explore-card .category-area li{border-bottom:1px solid rgba(255,255,255,.06)}
.rt-explore-card .category-area li:last-child{border-bottom:0}
.rt-explore-card .category-area a{display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:11px 0;color:#cdd6ea;text-decoration:none}
.rt-explore-card .category-area a:hover{color:#22D3B8}
.rt-cat-count{min-width:26px;height:24px;padding:0 8px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;font-size:13px;
  background:rgba(34,211,184,.14);color:#22D3B8}
.rt-explore-all{margin-top:auto;padding-top:14px;color:#22D3B8;font-weight:600;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px}
/* Tags: even chips, wrap cleanly, no ragged list */
.rt-explore-card .blog-category2 ul{list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:8px}
.rt-explore-card .blog-category2 li{margin:0}
.rt-explore-card .blog-category2 a{display:inline-flex;padding:7px 12px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);
  color:#cdd6ea;font-size:13.5px;text-decoration:none;transition:.15s ease}
.rt-explore-card .blog-category2 a:hover{border-color:#22D3B8;color:#fff}
/* Recent: aligned thumb + text rows */
.rt-explore-card .rt-recent-item{display:flex;gap:12px;align-items:center;
  padding:9px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}
.rt-explore-card .rt-recent-item:last-child{border-bottom:0}
.rt-explore-card .rt-recent-thumb img{width:66px;height:50px;object-fit:cover;border-radius:9px;display:block}
.rt-explore-card .rt-recent-text{display:flex;flex-direction:column;gap:3px}
.rt-explore-card .rt-recent-date{font-size:12px;color:#8fa0bd}
.rt-explore-card .rt-recent-title{font-size:14px;line-height:1.35;color:#e4ebf7}
@media (max-width:575px){ .rt-explore-card{padding:22px 18px} }

/* ============================================================
   Scroll-to-top arrow fix
   The template drew this arrow with font-family:FontAwesome + content:"\f062".
   That legacy family name is not defined in our slim icon build and the glyph
   is not in the subset, so the button showed as an empty ring. Draw the arrow
   with a pure-CSS chevron instead — no icon font needed, always renders. */
.progress-wrap::before,
.progress-wrap::after{
  content:""!important;
  font-family:inherit!important;
  border:0!important;
  width:14px!important;height:14px!important;
  left:50%!important;top:50%!important;
  margin:-2px 0 0 -7px!important;      /* optically centre in the 56px ring */
  border-left:2.5px solid #22D3B8!important;
  border-top:2.5px solid #22D3B8!important;
  transform:rotate(45deg)!important;   /* up chevron */
  transition:opacity .2s ease!important;
  line-height:normal!important;
}
.rt-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.rt-profile-hero-name{display:block;color:#fff}
.rt-profile-hero-detail{display:block;max-width:620px;margin-top:12px;color:rgba(255,255,255,.82);font-size:clamp(16px,2vw,23px);font-weight:500;line-height:1.4;text-transform:none;letter-spacing:normal}
.rt-contact-intro{max-width:620px;margin:16px auto 0;color:#c7d0e0;font-size:17px;line-height:1.7}
.rt-contact-methods{align-items:stretch}
.rt-contact-methods>[class*="col-"]{display:flex;flex-direction:column}
.rt-contact-card{display:flex;align-items:center;width:100%;min-height:128px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);transition:border-color .3s ease,transform .3s ease}
.rt-contact-card:hover{border-color:rgba(34,211,184,.48);transform:translateY(-3px)}
.rt-contact-card .icons{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;margin-right:16px;border-radius:14px;background:linear-gradient(135deg,#1B48E0,#22D3B8)}
.rt-contact-card .icons img{max-width:24px;max-height:24px}
.rt-contact-card .content{min-width:0}
.rt-contact-card .content h4{margin:0 0 7px;color:#fff;font-size:16px;font-weight:700}
.rt-contact-value,.rt-contact-hours{display:block;margin:0;color:#c7d0e0;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.rt-contact-value:hover{color:#22D3B8}
.rt-contact-form-col{display:flex}
.rt-contact-page .contact-author-boxarea{width:100%;padding:34px;border:1px solid rgba(34,211,184,.24);border-radius:18px;background:linear-gradient(145deg,rgba(27,72,224,.15),rgba(255,255,255,.035));box-shadow:0 20px 48px rgba(0,0,0,.18)}
.rt-contact-form-lede{margin:0 0 24px;color:#c7d0e0;font-size:16px;line-height:1.65}
.rt-contact-page .input-area{margin-bottom:16px}
.rt-contact-page .input-area input,.rt-contact-page .input-area select,.rt-contact-page .input-area textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(6,13,31,.58);color:#fff;font:500 16px/1.4 'Figtree',sans-serif;transition:border-color .25s ease,box-shadow .25s ease}
.rt-contact-page .input-area input,.rt-contact-page .input-area select{min-height:54px;padding:0 16px}
.rt-contact-page .input-area select{appearance:auto;cursor:pointer}
.rt-contact-page .input-area textarea{min-height:150px;padding:15px 16px;resize:vertical}
.rt-contact-page .input-area input::placeholder,.rt-contact-page .input-area textarea::placeholder{color:#aab6ca;opacity:1}
.rt-contact-page .input-area input:focus,.rt-contact-page .input-area select:focus,.rt-contact-page .input-area textarea:focus{border-color:#22D3B8;box-shadow:0 0 0 3px rgba(34,211,184,.16)}
.rt-contact-submit{margin:8px 0 0}
.rt-contact-submit-button{min-width:214px;text-align:center}
.rt-blog-grid .vl-blog-1-item{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);box-shadow:0 16px 36px rgba(0,0,0,.12);transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.rt-blog-grid .vl-blog-1-item:hover{border-color:rgba(34,211,184,.45);transform:translateY(-4px);box-shadow:0 22px 44px rgba(0,0,0,.2)}
.rt-blog-grid .vl-blog-1-thumb{border-radius:0}
.rt-blog-grid .vl-blog-1-content{padding:24px 24px 26px}
.rt-blog-grid .vl-blog-meta ul{display:flex;flex-wrap:wrap;gap:8px 14px}
.rt-blog-grid .vl-blog-meta li{margin:0}
.rt-blog-grid .vl-blog-meta li a{font-size:13.5px;line-height:1.35;color:#9eacc3}
.rt-blog-grid .vl-blog-meta li a:hover{color:#22D3B8}
.rt-blog-grid .vl-blog-1-icon a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#22D3B8}
.rt-blog-grid .vl-blog-1-icon a:hover{color:#fff}
@media (max-width:991px){.rt-contact-form-col{order:1}.rt-contact-visual-col{order:2}.rt-contact-methods>[class*="col-"]{margin-bottom:16px}}
@media (max-width:767px){.rt-profile-hero-detail{margin-top:8px;font-size:16px}.rt-hero-profile-link{font-size:15px}.rt-contact-page .contact-inner-area{padding-top:62px;padding-bottom:62px}.rt-contact-card{min-height:104px;padding:18px}.rt-contact-card .icons{flex-basis:48px;width:48px;height:48px;margin-right:13px;border-radius:12px}.rt-contact-card .content h4{font-size:15px}.rt-contact-value,.rt-contact-hours{font-size:14.5px}.rt-contact-visual-col{display:none}.rt-contact-page .contact-author-boxarea{padding:26px 20px;border-radius:16px}.rt-contact-page .input-area{margin-bottom:14px}.rt-contact-page .input-area input,.rt-contact-page .input-area select{min-height:52px}.rt-contact-page .input-area textarea{min-height:136px}.rt-contact-submit-button{width:100%;min-width:0}.rt-contact-page .maps-area iframe{width:100%;height:300px}.rt-blog-grid>[class*="col-"]{margin-bottom:18px}.rt-blog-grid .vl-blog-1-content{padding:20px}.rt-blog-grid .vl-blog-1-item:hover{transform:none}}

.progress-wrap:hover::before{opacity:1!important}
.progress-wrap svg.progress-circle path{stroke:#22D3B8}

/* ============================================================
   Project-details sidebar cards (Project Details / More Projects)
   The template rendered these as solid bright-teal blocks with dark text,
   which shouted against the navy site. Restyle them as calm dark panels that
   blend with the rest of the UI — same language as the blog explore cards.
   ============================================================ */
.project-details-box{
  background:rgba(255,255,255,.03)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;padding:26px 24px!important;color:#cdd6ea!important}
.project-details-box h3{color:#fff!important;font-size:20px!important;margin:0 0 4px!important}
.project-details-box .list-details,
.project-details-box .list-details1,
.project-details-box .list-details2{
  display:flex!important;flex-wrap:wrap;gap:2px 14px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);margin:0}
.project-details-box h4{color:#8fa0bd!important;font-size:13.5px!important;font-weight:600!important;margin:0!important;min-width:92px}
.project-details-box h5{color:#e7edf8!important;font-size:15px!important;font-weight:600!important;margin:0!important}
/* Share row */
.project-details-box .list-details5{display:flex;align-items:center;gap:14px;padding-top:16px}
.project-details-box .list-details5 ul{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.project-details-box .list-details5 ul li a{width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#cdd6ea;
  display:inline-flex;align-items:center;justify-content:center;transition:.15s ease}
.project-details-box .list-details5 ul li a:hover{background:linear-gradient(120deg,#1B48E0,#22D3B8);border-color:transparent;color:#fff}
/* More Projects list */
.project-details-box ul li a{display:flex;justify-content:space-between;align-items:center;gap:10px;
  color:#cdd6ea!important;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;transition:.15s ease}
.project-details-box ul li:last-child a{border-bottom:0}
.project-details-box ul li a:hover{color:#22D3B8!important}
.project-details-box ul li a i{color:#22D3B8}
/* Share buttons in the project card: dark to match, not white */
.project-details-box .list-details5 ul li a{background:rgba(255,255,255,.06)!important;color:#cdd6ea!important}
.project-details-box .list-details5 ul li a i{color:inherit!important}
.project-details-box .list-details5 ul li a:hover,
.project-details-box .list-details5 ul li a:hover i{color:#fff!important}

/* ============================================================
   Legal pages (Privacy, Terms) + footer legal links
   ============================================================ */
.rt-legal .rt-legal-updated{color:#8fa0bd;font-size:14px;margin-bottom:26px}
.rt-legal h2{font-size:24px;margin:34px 0 12px}
.rt-legal h3{font-size:19px;margin:22px 0 8px;color:#e7edf8}
.rt-legal p{margin:0 0 16px}
.rt-legal a{color:#22D3B8}
.rt-copyright{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
.rt-copyright p{margin:0}
.rt-legal-links a{color:#cdd6ea;text-decoration:none}
.rt-legal-links a:hover{color:#22D3B8}
.rt-legal-links span{opacity:.5;margin:0 4px}
@media (max-width:575px){ .rt-copyright{justify-content:center;text-align:center} }

.rt-build-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rt-build-services>.space60,.rt-build-services>.space100,.rt-build-services>.space50{display:none}
.rt-build-services>.started-btn{grid-column:1/-1;justify-self:center;left:auto;margin:44px 0 0}
.service1-section-area .rt-build-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;height:368px;min-height:368px;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.service1-section-area .rt-build-card:hover{border-color:rgba(34,211,184,.48);box-shadow:0 22px 46px rgba(0,0,0,.2);transform:translateY(-4px)}
.service1-section-area .rt-build-card .service-brand-head{position:relative;z-index:2;width:100%;padding-right:132px}
.service1-section-area .rt-build-card .rt-build-kicker{margin:0 0 10px;color:#22D3B8;font-size:13px;font-weight:700;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}
.service1-section-area .rt-build-card .service-brand-head h2{min-height:81px;margin:0;display:flex;align-items:flex-end}
.service1-section-area .rt-build-card .service-brand-head h2 a{font-size:clamp(27px,2.5vw,36px);line-height:1.12;letter-spacing:-.04em;text-transform:none}
.service1-section-area .rt-build-card .rt-build-description{max-width:470px;min-height:52px;margin:14px 0 18px;color:#c7d0e0;font-size:16px;line-height:1.58}
.service1-section-area .rt-build-card .rt-build-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.service1-section-area .rt-build-card .rt-build-tags li{margin:0}
.service1-section-area .rt-build-card .rt-build-tags li span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.06);color:#dce5f3;font-size:13px;font-weight:600;line-height:1.25}
.service1-section-area .rt-build-card .hidden-img{left:auto;right:28px;bottom:28px;width:112px;height:112px;z-index:1;visibility:visible;opacity:.2;transform:none;pointer-events:none}
.service1-section-area .rt-build-card:hover .hidden-img{opacity:.42;transform:scale(1.04)}
.service1-section-area .rt-build-card .hidden-img img{width:100%;height:100%;border-radius:14px;object-fit:cover}
.service1-section-area .rt-build-card .arrow{position:relative;z-index:3;margin-top:24px}
.service1-section-area .rt-build-card .arrow a{width:54px;height:54px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);font-size:20px;line-height:54px}
@media (max-width:991px){.service1-section-area .rt-build-card{height:auto;min-height:390px;padding:28px}.service1-section-area .rt-build-card .service-brand-head{padding-right:0}.service1-section-area .rt-build-card .hidden-img{display:none}}
@media (max-width:767px){.rt-build-services{grid-template-columns:1fr;gap:16px}.rt-build-services>.started-btn{margin-top:30px}.service1-section-area .rt-build-card{min-height:0;padding:26px 22px}.service1-section-area .rt-build-card:hover{transform:none}.service1-section-area .rt-build-card .service-brand-head h2{min-height:0}.service1-section-area .rt-build-card .service-brand-head h2 a{font-size:28px}.service1-section-area .rt-build-card .rt-build-description{min-height:0;font-size:15px}.service1-section-area .rt-build-card .arrow{margin-top:22px}}
@media (max-width:767px){.service1-section-area .service-header h2{max-width:100%;overflow-wrap:anywhere}.service1-section-area .service-header .text-anime-style-3 .split-line>div{white-space:normal!important}.rt-build-services,.service1-section-area .rt-build-card,.service1-section-area .rt-build-card .service-brand-head,.service1-section-area .rt-build-card .rt-build-tags{min-width:0;max-width:100%}.service1-section-area .rt-build-card .rt-build-tags li{max-width:100%}.service1-section-area .rt-build-card .rt-build-tags li span{max-width:100%;white-space:normal;overflow-wrap:anywhere}}


/* ============================================================
   Mobile hero CTA + shared marquee sizing
   Keep the original desktop treatment, but stop the decorative CTA and
   site-wide service strip from dominating narrow phone screens.
   ============================================================ */
@media (max-width:767px){
  body:not(.rt-home-page) .slider1-section-area{
    display:none!important;
  }

  .hero1-section-area .hero-bottom-images .started-btn{
    top:auto!important;
    right:14px!important;
    bottom:16px!important;
    width:82px!important;
    height:82px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn svg{
    width:98px!important;
    height:98px!important;
    top:-8px!important;
    left:-8px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn > a{
    position:relative!important;
    z-index:2!important;
    margin:0!important;
    color:#03101f!important;
    font-size:12px!important;
    line-height:13px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn > a span{
    width:30px!important;
    height:30px!important;
    line-height:30px!important;
    font-size:12px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn .space10{
    display:none!important;
  }

  .service1-section-area .started-btn svg{
    width:132px!important;
    height:132px!important;
    top:-26px!important;
    left:-11px!important;
  }
  .service1-section-area .started-btn > a{
    font-size:16px!important;
    line-height:18px!important;
  }
  .service1-section-area .started-btn > a span{
    width:40px!important;
    height:40px!important;
    line-height:40px!important;
    font-size:15px!important;
  }
  .service1-section-area .started-btn{
    width:110px;
    left:auto!important;
    margin-left:0!important;
  }

  .slider1-section-area .marquee-wrap .marquee-text{
    padding:12px 0!important;
  }
  .slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3{
    font-size:18px!important;
    line-height:22px!important;
  }
  .slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3 img{
    width:24px!important;
    height:24px!important;
    object-fit:contain;
    margin:-2px 12px 0!important;
  }
}


/* ============================================================
   Mobile service-card consistency
   Touch browsers can retain :hover after a tap, which made one card appear
   teal while its siblings remained neutral. Give every card one deterministic
   mobile layout and reserve equal content space so the stack feels intentional.
   ============================================================ */
@media (max-width:767px){
  .rt-build-services{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }

  .service1-section-area .rt-build-card,
  .service1-section-area .rt-build-card[data-aos],
  .service1-section-area .rt-build-card[data-aos].aos-animate{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:390px!important;
    height:auto!important;
    margin:0!important;
    padding:24px 20px!important;
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:none!important;
  }

  .service1-section-area .rt-build-card .service-brand-head{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
  }

  .service1-section-area .rt-build-card .rt-build-kicker{
    min-height:16px;
    margin:0 0 9px!important;
    color:#22D3B8!important;
    font-size:12px!important;
    line-height:16px!important;
    letter-spacing:.08em!important;
  }

  .service1-section-area .rt-build-card .service-brand-head h2{
    display:flex!important;
    align-items:flex-start!important;
    min-height:64px!important;
    margin:0!important;
  }

  .service1-section-area .rt-build-card .service-brand-head h2 a,
  .service1-section-area .rt-build-card .service-brand-head h2 a:link,
  .service1-section-area .rt-build-card .service-brand-head h2 a:visited,
  .service1-section-area .rt-build-card .service-brand-head h2 a:hover,
  .service1-section-area .rt-build-card .service-brand-head h2 a:active{
    color:#fff!important;
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.03em!important;
    text-transform:none!important;
  }

  .service1-section-area .rt-build-card .rt-build-description{
    display:block!important;
    min-height:72px!important;
    max-width:none!important;
    margin:10px 0 16px!important;
    color:#c7d0e0!important;
    font-size:15px!important;
    line-height:1.55!important;
    opacity:1!important;
  }

  .service1-section-area .rt-build-card .rt-build-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    gap:7px!important;
    min-height:68px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
  }

  .service1-section-area .rt-build-card .rt-build-tags li{
    display:inline-flex!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
  }

  .service1-section-area .rt-build-card .rt-build-tags li span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:6px 10px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.07)!important;
    color:#dce5f3!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.25!important;
    opacity:1!important;
  }

  .service1-section-area .rt-build-card .arrow{
    margin-top:auto!important;
    padding-top:20px!important;
  }

  .service1-section-area .rt-build-card .arrow a,
  .service1-section-area .rt-build-card .arrow a:hover,
  .service1-section-area .rt-build-card .arrow a:active{
    width:52px!important;
    height:52px!important;
    line-height:52px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:19px!important;
    transform:rotate(-45deg)!important;
  }
}

@media (hover:none), (pointer:coarse){
  .service1-section-area .rt-build-card:hover{
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .service1-section-area .rt-build-card:hover .hidden-img{
    opacity:.2!important;
    transform:none!important;
  }
  .service1-section-area .rt-build-card .service-brand-head h2 a:hover{
    color:#fff!important;
  }
  .service1-section-area .rt-build-card .arrow a:hover{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
  }
}


/* ==========================================================================
   PROJECT CASE STUDIES — premium project-detail presentation
   The original template treated these pages like generic inner pages with
   decorative marquees and hover-dependent cards. This layer turns them into
   calm, credible case studies that work equally well on touch and desktop.
   ========================================================================== */
.rt-project-page .rt-project-hero{
  padding:154px 0 76px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.rt-project-hero .row{row-gap:38px}
.rt-project-hero-copy{max-width:650px}
.rt-project-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 22px;
  color:#8290aa;font:600 13px/1.4 'Figtree',system-ui,sans-serif;
}
.rt-project-breadcrumb a{color:#aebad0;text-decoration:none}
.rt-project-breadcrumb a:hover{color:#22D3B8}
.rt-project-breadcrumb span[aria-hidden="true"]{color:rgba(255,255,255,.28)}
.rt-project-eyebrow{
  display:inline-flex;align-items:center;
  min-height:30px;padding:6px 11px;margin:0 0 18px;
  border:1px solid rgba(34,211,184,.28);border-radius:999px;
  background:rgba(34,211,184,.08);color:#22D3B8;
  font:700 12px/1 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;
}
.rt-project-page .rt-project-hero h1{
  max-width:720px;margin:0;color:#fff;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:clamp(42px,5.8vw,72px)!important;line-height:1.02!important;
  font-weight:700;letter-spacing:-.045em;text-transform:none!important;
  text-wrap:balance;
}
.rt-project-hero-lede{
  max-width:620px;margin:24px 0 0;
  color:#c5cfdf;font:400 18px/1.72 'Figtree',system-ui,sans-serif;
}
.rt-project-hero-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px;
}
.rt-project-hero-actions .vl-btn1{margin:0}
.rt-project-secondary-link{
  display:inline-flex;align-items:center;gap:9px;
  color:#dbe4f2;font:700 14px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-project-secondary-link:hover{color:#22D3B8}
.rt-project-secondary-link i{font-size:12px}
.rt-project-hero-media{
  position:relative;margin:0;
  border:1px solid rgba(255,255,255,.11);border-radius:22px;
  background:rgba(255,255,255,.035);padding:10px;
  box-shadow:0 30px 70px rgba(0,0,0,.28);
  overflow:hidden;
}
.rt-project-hero-media:before{
  content:"";position:absolute;inset:auto -12% -45% 28%;height:72%;
  background:radial-gradient(circle,rgba(34,211,184,.22),transparent 66%);
  pointer-events:none;
}
.rt-project-hero-media img{
  position:relative;z-index:1;display:block;width:100%;
  aspect-ratio:16/10;object-fit:cover;border-radius:14px;
}

.rt-project-case-study{padding:92px 0 100px!important}
.rt-project-case-study .project-details-side{top:110px}
.rt-project-case-study .rt-project-overview{
  padding:30px 28px!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.16);
}
.rt-project-overview-kicker{
  display:block;margin:0 0 9px;color:#22D3B8;
  font:700 11px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-project-overview h2{
  margin:0!important;color:#fff!important;
  font:700 25px/1.2 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:-.03em;text-transform:none!important;
}
.rt-project-overview-intro{
  margin:14px 0 24px;color:#aeb9cc;
  font:400 14.5px/1.65 'Figtree',system-ui,sans-serif;
}
.rt-project-facts{margin:0}
.rt-project-facts>div{
  display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;
  padding:15px 0;border-top:1px solid rgba(255,255,255,.07);
}
.rt-project-facts dt{
  margin:0;color:#8290aa;font:700 11.5px/1.45 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.07em;text-transform:uppercase;
}
.rt-project-facts dd{
  margin:0;color:#eef3fb;font:600 14.5px/1.45 'Figtree',system-ui,sans-serif;
  overflow-wrap:anywhere;
}
.rt-project-share{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 0;border-top:1px solid rgba(255,255,255,.07);
}
.rt-project-share>span{
  color:#8290aa;font:700 11.5px/1.4 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.07em;text-transform:uppercase;
}
.rt-project-share ul{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.rt-project-share li{margin:0;padding:0;list-style:none}
.rt-project-share a{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border:1px solid rgba(255,255,255,.11);border-radius:50%;
  background:rgba(255,255,255,.045);color:#c9d4e5;text-decoration:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.rt-project-share a:hover{border-color:rgba(34,211,184,.55);background:rgba(34,211,184,.11);color:#22D3B8}
/* Override the legacy generic project-list link rule for circular share controls. */
.rt-project-overview .rt-project-share ul li a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:38px!important;height:38px!important;padding:0!important;margin:0!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:50%!important;
  background:rgba(255,255,255,.045)!important;color:#c9d4e5!important;
}
.rt-project-overview .rt-project-share ul li a:hover{
  border-color:rgba(34,211,184,.55)!important;background:rgba(34,211,184,.11)!important;
  color:#22D3B8!important;
}
.rt-project-overview .rt-project-share ul li a i{color:inherit!important}
.rt-project-summary-cta{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin-top:4px;padding:14px 15px;border-radius:10px;
  background:rgba(34,211,184,.09);border:1px solid rgba(34,211,184,.22);
  color:#eaf8f5;font:700 14px/1.3 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-project-summary-cta:hover{background:rgba(34,211,184,.15);color:#fff}
.rt-project-summary-cta i{color:#22D3B8;font-size:12px}

.rt-project-story{padding:0 0 0 54px!important}
.rt-project-story-header{
  margin:0 0 34px;padding:0 0 26px;border-bottom:1px solid rgba(255,255,255,.08);
}
.rt-project-story-header>span{
  display:block;margin-bottom:9px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-project-story-header h2{
  margin:0!important;color:#fff!important;
  font:700 clamp(30px,3.2vw,42px)/1.12 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:-.04em;text-transform:none!important;
}
.rt-project-story .rt-article.rt-article{max-width:780px}
.rt-project-story-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-top:46px;padding:24px 26px;border:1px solid rgba(255,255,255,.09);
  border-radius:16px;background:rgba(255,255,255,.035);
}
.rt-project-story-cta p{
  margin:0;color:#d6deea;font:600 16px/1.55 'Figtree',system-ui,sans-serif;
}
.rt-project-story-cta .vl-btn1{flex:0 0 auto;margin:0}

.rt-related-projects{
  padding:94px 0 86px;
  border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);
}
.rt-related-projects-head{max-width:680px;margin:0 auto 42px;text-align:center}
.rt-related-projects-head>span{
  display:block;margin-bottom:10px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-related-projects-head h2{
  margin:0;color:#fff;
  font:700 clamp(32px,4vw,48px)/1.12 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.04em;text-transform:none;
}
.rt-related-projects-head p{
  margin:14px auto 0;color:#aeb9cc;font:400 16px/1.65 'Figtree',system-ui,sans-serif;
}
.rt-related-project-card{
  height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.09);
  border-radius:18px;background:rgba(255,255,255,.03);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.rt-related-project-card:hover{
  transform:translateY(-4px);border-color:rgba(34,211,184,.35);
  box-shadow:0 24px 50px rgba(0,0,0,.18);
}
.rt-related-project-image{display:block;overflow:hidden;background:#0b1324}
.rt-related-project-image img{
  display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  transition:transform .35s ease;
}
.rt-related-project-card:hover .rt-related-project-image img{transform:scale(1.025)}
.rt-related-project-body{padding:24px}
.rt-related-project-body>span{
  display:block;margin-bottom:9px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.08em;text-transform:uppercase;
}
.rt-related-project-body h3{margin:0 0 18px}
.rt-related-project-body h3 a{
  color:#fff;font:700 24px/1.25 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.025em;text-decoration:none;text-transform:none;
}
.rt-related-project-body h3 a:hover{color:#22D3B8}
.rt-related-project-link{
  display:inline-flex;align-items:center;gap:9px;color:#cbd6e6;
  font:700 13.5px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-related-project-link:hover{color:#22D3B8}
.rt-related-project-link i{font-size:11px}

@media (max-width:991px){
  .rt-project-page .rt-project-hero{padding:132px 0 64px}
  .rt-project-case-study{padding:70px 0 78px!important}
  .rt-project-case-study .project-details-side{position:static;margin-bottom:42px}
  .rt-project-story{padding-left:0!important}
  .rt-project-story-cta{align-items:flex-start;flex-direction:column}
}
@media (max-width:767px){
  .rt-project-page .rt-project-hero{padding:116px 0 48px}
  .rt-project-hero .row{row-gap:28px}
  .rt-project-breadcrumb{margin-bottom:18px;font-size:12.5px}
  .rt-project-eyebrow{margin-bottom:14px}
  .rt-project-page .rt-project-hero h1{
    font-size:clamp(36px,11vw,48px)!important;line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  .rt-project-hero-lede{margin-top:18px;font-size:16px;line-height:1.62}
  .rt-project-hero-actions{align-items:stretch;flex-direction:column;margin-top:26px}
  .rt-project-hero-actions .vl-btn1{width:100%;text-align:center}
  .rt-project-secondary-link{justify-content:center;padding:4px 0}
  .rt-project-hero-media{padding:7px;border-radius:16px;box-shadow:0 20px 45px rgba(0,0,0,.22)}
  .rt-project-hero-media img{border-radius:11px;aspect-ratio:4/3}

  .rt-project-case-study{padding:54px 0 62px!important}
  .rt-project-case-study .project-details-side{margin-bottom:38px}
  .rt-project-case-study .rt-project-overview{padding:22px 20px!important;border-radius:15px!important}
  .rt-project-overview h2{font-size:23px!important}
  .rt-project-overview-intro{font-size:14px;margin-bottom:20px}
  .rt-project-facts>div{grid-template-columns:82px minmax(0,1fr);padding:13px 0}
  .rt-project-share{align-items:flex-start;flex-direction:column}
  .rt-project-story-header{margin-bottom:28px;padding-bottom:22px}
  .rt-project-story-header h2{font-size:30px!important}
  .rt-project-story .rt-article.rt-article{font-size:16.5px;line-height:1.76}
  .rt-project-story .rt-article.rt-article>p:first-child{font-size:18px}
  .rt-project-story-cta{margin-top:34px;padding:20px}
  .rt-project-story-cta .vl-btn1{width:100%;text-align:center}

  .rt-related-projects{padding:66px 0 48px}
  .rt-related-projects-head{margin-bottom:30px;text-align:left}
  .rt-related-projects-head h2{font-size:34px}
  .rt-related-projects-head p{font-size:15px}
  .rt-related-project-card{margin-bottom:20px;border-radius:15px}
  .rt-related-project-card:hover{transform:none}
  .rt-related-project-body{padding:20px}
  .rt-related-project-body h3 a{font-size:22px}
}


/* ==========================================================================
   PROJECTS INDEX — editorial portfolio, not hover-driven template cards
   ========================================================================== */
.rt-projects-page .rt-projects-hero{
  padding:154px 0 82px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.rt-projects-hero .row{row-gap:34px}
.rt-projects-hero-copy{max-width:820px}
.rt-projects-eyebrow{
  display:inline-flex;align-items:center;min-height:30px;
  padding:6px 11px;margin:0 0 18px;border-radius:999px;
  border:1px solid rgba(34,211,184,.28);background:rgba(34,211,184,.08);
  color:#22D3B8;font:700 12px/1 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;
}
.rt-projects-page .rt-projects-hero h1{
  max-width:820px;margin:0;color:#fff;
  font:700 clamp(44px,6.2vw,76px)/1.02 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:-.05em;text-transform:none!important;text-wrap:balance;
}
.rt-projects-hero-copy>p{
  max-width:720px;margin:24px 0 0;color:#c5cfdf;
  font:400 18px/1.72 'Figtree',system-ui,sans-serif;
}
.rt-projects-hero-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px;
}
.rt-projects-hero-actions .vl-btn1{margin:0}
.rt-projects-secondary-link{
  display:inline-flex;align-items:center;gap:9px;
  color:#dbe4f2;font:700 14px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-projects-secondary-link:hover{color:#22D3B8}
.rt-projects-secondary-link i{font-size:12px}

.rt-projects-hero-panel{
  max-width:360px;margin-left:auto;padding:24px;
  border:1px solid rgba(255,255,255,.10);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  box-shadow:0 24px 54px rgba(0,0,0,.18);
}
.rt-projects-hero-panel>span{
  display:block;margin-bottom:8px;color:#22D3B8;
  font:700 11px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-projects-hero-panel>strong{
  display:block;color:#fff;font:700 23px/1.25 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.025em;
}
.rt-projects-hero-panel>p{
  margin:9px 0 18px;color:#9eabc0;font:400 14px/1.55 'Figtree',system-ui,sans-serif;
}
.rt-projects-hero-panel ul{
  display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;
}
.rt-projects-hero-panel li{
  margin:0;padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:7px;
  background:rgba(255,255,255,.045);color:#d8e1ef;
  font:600 12px/1.2 'Figtree',system-ui,sans-serif;list-style:none;
}

.rt-projects-index{padding:90px 0 100px}
.rt-projects-index-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,480px);
  align-items:end;gap:32px;margin-bottom:36px;
}
.rt-projects-index-head>div>span{
  display:block;margin-bottom:8px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-projects-index-head h2{
  max-width:680px;margin:0;color:#fff;
  font:700 clamp(34px,4vw,52px)/1.1 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.045em;text-transform:none;
}
.rt-projects-index-head>p{
  margin:0;color:#aeb9cc;font:400 16px/1.65 'Figtree',system-ui,sans-serif;
}

.rt-project-filters{margin:0 0 34px}
.rt-project-filters .nav{
  display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;
}
.rt-project-filters .nav-item{margin:0}
.rt-project-filters .nav-link{
  min-height:42px;margin:0!important;padding:10px 15px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;color:#c8d2e3!important;
  font:700 13px/1.2 'Figtree',system-ui,sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease!important;
}
.rt-project-filters .nav-link:hover{
  border-color:rgba(34,211,184,.35)!important;color:#fff!important;
}
.rt-project-filters .nav-link.active{
  border-color:rgba(34,211,184,.32)!important;
  background:rgba(34,211,184,.12)!important;color:#22D3B8!important;
}

.rt-project-index-grid{row-gap:26px}
.rt-project-index-grid>[class*="col-"]{display:flex}
.rt-project-index-card{
  display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);border-radius:18px;
  background:rgba(255,255,255,.03);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.rt-project-index-card:hover{
  transform:translateY(-4px);border-color:rgba(34,211,184,.34);
  box-shadow:0 26px 56px rgba(0,0,0,.18);
}
.rt-project-index-image{display:block;overflow:hidden;background:#0b1324}
.rt-project-index-image img{
  display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  transition:transform .35s ease;
}
.rt-project-index-card:hover .rt-project-index-image img{transform:scale(1.025)}
.rt-project-index-body{
  display:flex;flex-direction:column;flex:1 1 auto;padding:25px 26px 26px;
}
.rt-project-index-category{
  display:block;margin-bottom:10px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.085em;text-transform:uppercase;
}
.rt-project-index-body h3{margin:0 0 13px}
.rt-project-index-body h3 a{
  color:#fff;font:700 clamp(23px,2.4vw,30px)/1.2 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.035em;text-transform:none;text-decoration:none;
}
.rt-project-index-body h3 a:hover{color:#22D3B8}
.rt-project-index-body p{
  margin:0 0 22px;color:#aeb9cc;
  font:400 15px/1.65 'Figtree',system-ui,sans-serif;
}
.rt-project-index-link{
  display:inline-flex;align-items:center;gap:9px;margin-top:auto;
  color:#d9e2ef;font:700 13.5px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-project-index-link:hover{color:#22D3B8}
.rt-project-index-link i{font-size:11px}

@media (max-width:991px){
  .rt-projects-page .rt-projects-hero{padding:132px 0 66px}
  .rt-projects-hero-panel{max-width:none;margin-left:0}
  .rt-projects-index{padding:70px 0 78px}
  .rt-projects-index-head{grid-template-columns:1fr;gap:16px}
}
@media (max-width:767px){
  .rt-projects-page .rt-projects-hero{padding:116px 0 48px}
  .rt-projects-page .rt-projects-hero h1{
    font-size:clamp(36px,11vw,48px)!important;line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  .rt-projects-hero-copy>p{margin-top:18px;font-size:16px;line-height:1.62}
  .rt-projects-hero-actions{align-items:stretch;flex-direction:column;margin-top:26px}
  .rt-projects-hero-actions .vl-btn1{width:100%;text-align:center}
  .rt-projects-secondary-link{justify-content:center;padding:4px 0}
  .rt-projects-hero-panel{padding:20px;border-radius:15px}

  .rt-projects-index{padding:56px 0 62px}
  .rt-projects-index-head{margin-bottom:28px}
  .rt-projects-index-head h2{font-size:34px}
  .rt-projects-index-head>p{font-size:15px}
  .rt-project-filters{
    margin:0 -12px 28px;padding:0 12px;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .rt-project-filters::-webkit-scrollbar{display:none}
  .rt-project-filters .nav{flex-wrap:nowrap;width:max-content;padding-bottom:4px}
  .rt-project-filters .nav-link{white-space:nowrap}
  .rt-project-index-grid{row-gap:18px}
  .rt-project-index-card{border-radius:15px}
  .rt-project-index-card:hover{transform:none}
  .rt-project-index-body{padding:20px}
  .rt-project-index-body h3 a{font-size:24px}
  .rt-project-index-body p{font-size:14.5px}
}


/* ============================================================
   Hero brand ring
   A dedicated Rahmontech wordmark ring stays independent from the CTA shape so
   shrinking the mobile button never makes the brand message disappear.
   ============================================================ */
.hero1-section-area .hero-bottom-images .started-btn{
  isolation:isolate;
}
.hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
  position:absolute;
  z-index:-2;
  width:214px;
  height:214px;
  top:-62px;
  left:-52px;
  overflow:visible;
  animation:rt-brand-ring-spin 20s linear infinite;
  opacity:.9;
  pointer-events:none;
}
.hero1-section-area .hero-bottom-images .rt-hero-brand-ring text{
  fill:rgba(255,255,255,.9);
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.hero1-section-area .hero-bottom-images .rt-hero-cta-shape{
  z-index:-1!important;
}
@keyframes rt-brand-ring-spin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@media (max-width:767px){
  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
    width:122px!important;
    height:122px!important;
    top:-20px!important;
    left:-20px!important;
    opacity:1!important;
    filter:drop-shadow(0 1px 1px rgba(3,16,31,.55));
  }
  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring text{
    fill:#fff!important;
    font-size:9.4px!important;
    font-weight:700!important;
    letter-spacing:1.2px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
    animation:none!important;
  }
}


/* ============================================================
   Mobile hero composition — compact first-screen rhythm
   ============================================================ */
@media (max-width:767px){
  .rt-home-page .hero1-section-area{
    padding-top:108px!important;
  }

  .rt-home-page .hero1-section-area .hero-header-area{
    margin-bottom:8px!important;
  }

  .rt-home-page .hero1-section-area .hero-header-area .space32{
    height:18px!important;
  }

  .rt-home-page .hero1-section-area > .container > .space60{
    height:12px!important;
  }

  .rt-home-page .hero1-section-area .hero-bottom-images .img1 img{
    height:220px!important;
    min-height:220px!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .rt-home-page .hero1-section-area .hero-bottom-images{
    margin-top:0!important;
  }

  .rt-home-page .hero1-section-area .hero-bottom-images .started-btn{
    bottom:14px!important;
  }
}

@media (max-width:430px){
  .rt-home-page .hero1-section-area{
    padding-top:102px!important;
  }

  .rt-home-page .hero1-section-area .hero-header-area h1{
    font-size:38px!important;
    line-height:1.08!important;
    letter-spacing:-1px!important;
  }

  .rt-home-page .hero1-section-area .hero-bottom-images .img1 img{
    height:205px!important;
    min-height:205px!important;
  }
}


/* ==========================================================================
   RAHMONTECH MOBILE DENSITY SYSTEM
   Compact, brand-consistent rhythm for phones. Desktop remains expressive;
   mobile prioritises scanability, useful content and short page length.
   ========================================================================== */
@media (max-width:767px){

  /* ---- Global section rhythm ------------------------------------------ */
  .sp1{padding:40px 0!important}
  .sp2{padding:40px 0 24px!important}
  .sp3{padding:40px 0 28px!important}
  .sp4{padding:36px 0!important}
  .sp5{padding:28px 0!important}
  .sp6{padding:40px 0!important}
  .sp7{padding:40px 0 24px!important}
  .sp8{padding:36px 0 0!important}
  .sp9{padding:40px 0 0!important}
  .sp10{padding:0 0 36px!important}
  .space-margin60{margin-bottom:24px!important}

  .space100{height:44px!important}
  .space60{height:28px!important}
  .space50{height:24px!important}
  .space40{height:20px!important}
  .space32,.space30{height:16px!important}
  .space24{height:14px!important}
  .space20,.space18{height:12px!important}
  .space16{height:10px!important}
  .space10{height:6px!important}
  .space8,.space4{height:4px!important}

  /* ---- Typography ----------------------------------------------------- */
  .heading1 h5,
  .heading2 h5,
  .heading3 h5{
    font-size:12px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
  }
  .heading1 h5 img,
  .heading2 h5 img,
  .heading3 h5 img{
    width:22px!important;
    height:22px!important;
  }
  .heading1 h2,
  .heading2 h2,
  .heading3 h2,
  h2.text-anime-style-1.text-anime-style-1,
  h2.text-anime-style-2.text-anime-style-2,
  h2.text-anime-style-3.text-anime-style-3{
    font-size:28px!important;
    line-height:1.14!important;
    letter-spacing:-.65px!important;
  }
  .heading1 p,
  .heading2 p,
  .heading3 p{
    font-size:14.5px!important;
    line-height:1.58!important;
  }

  /* ---- Shared controls ------------------------------------------------ */
  .vl-btn1,.vl-btn2,.vl-btn3{
    min-height:42px!important;
    padding:12px 16px!important;
    font-size:14px!important;
    line-height:16px!important;
    border-radius:7px!important;
  }
  .vl-btn1:hover,.vl-btn2:hover,.vl-btn3:hover{transform:none!important}

  /* ---- Mobile header -------------------------------------------------- */
  .homepage1-menu .vl-transparent-header{padding:0!important}
  .homepage1-menu .row-bg1{
    padding:8px 0!important;
    min-height:64px!important;
  }
  .homepage1-menu .rt-logo{
    width:145px!important;
    height:34px!important;
  }
  .homepage1-menu .vl-header-action-item{
    padding:3px!important;
    border-radius:6px!important;
  }
  .homepage1-menu .vl-header-action-item button{
    width:40px!important;
    height:40px!important;
    padding:0!important;
    font-size:18px!important;
  }

  /* ---- Mobile drawer -------------------------------------------------- */
  .vl-offcanvas{
    padding:24px 20px!important;
  }
  .vl-offcanvas-header{
    margin-bottom:24px!important;
  }
  .vl-offcanvas-menu{
    margin-bottom:22px!important;
  }
  .vl-offcanvas-menu ul li a{
    padding:7px 0!important;
    font-size:15px!important;
  }
  .vl-offcanvas-sm-title{
    font-size:18px!important;
  }
  .vl-offcanvas-info span a{
    margin-bottom:7px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
  }
  .vl-offcanvas-social a{
    width:34px!important;
    height:34px!important;
    line-height:34px!important;
  }

  /* ---- Homepage hero -------------------------------------------------- */
  .rt-home-page .hero1-section-area{
    padding-top:92px!important;
  }
  .rt-home-page .hero1-section-area .hero-header-area{
    margin-bottom:4px!important;
  }
  .rt-home-page .hero1-section-area .hero-header-area h5{
    font-size:11.5px!important;
    line-height:1.3!important;
  }
  .rt-home-page .hero1-section-area .hero-header-area .space32{
    height:12px!important;
  }
  .rt-home-page .hero1-section-area .hero-header-area h1{
    font-size:34px!important;
    line-height:1.06!important;
    letter-spacing:-1px!important;
  }
  .rt-home-page .hero1-section-area .hero-header-area h1 .rt-h1-l2{
    margin-top:3px!important;
  }
  .rt-home-page .hero1-section-area > .container > .space60{
    height:8px!important;
  }
  .rt-home-page .hero1-section-area .hero-bottom-images .img1 img{
    height:190px!important;
    min-height:190px!important;
  }

  /* ---- Hero / industry marquee --------------------------------------- */
  .slider1-section-area .marquee-wrap .marquee-text{
    padding:8px 0!important;
  }
  .slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3{
    font-size:14px!important;
    line-height:18px!important;
  }
  .slider1-section-area .marquee-wrap .marquee-text .brand-single-box h3 img{
    width:18px!important;
    height:18px!important;
    margin:-1px 9px 0!important;
  }

  /* ---- Generic inner-page heroes ------------------------------------- */
  .inner-section-area{
    padding:96px 0 34px!important;
  }
  .inner-section-area .hero-header-area h1{
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.7px!important;
  }
  .inner-section-area .hero-header-area h4{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .inner-section-area .hero-header-area .space32{
    height:12px!important;
  }

  /* ---- Homepage services --------------------------------------------- */
  .service1-section-area .service-header{
    margin-bottom:22px!important;
  }
  .service1-section-area .service-header h2{
    font-size:28px!important;
    line-height:1.12!important;
  }
  .rt-build-services{
    gap:12px!important;
  }
  .service1-section-area .rt-build-card{
    min-height:0!important;
    height:auto!important;
    padding:18px!important;
    border-radius:15px!important;
  }
  .service1-section-area .rt-build-card .service-brand-head{
    padding-right:0!important;
  }
  .service1-section-area .rt-build-card .rt-build-kicker{
    margin:0 0 7px!important;
    font-size:10.5px!important;
    letter-spacing:.08em!important;
  }
  .service1-section-area .rt-build-card .service-brand-head h2{
    margin:0 0 8px!important;
  }
  .service1-section-area .rt-build-card .service-brand-head h2 a{
    font-size:23px!important;
    line-height:1.14!important;
  }
  .service1-section-area .rt-build-card .rt-build-description{
    margin:0 0 12px!important;
    min-height:0!important;
    font-size:14px!important;
    line-height:1.48!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
  }
  .service1-section-area .rt-build-card .rt-build-tags{
    gap:6px!important;
    margin:0!important;
  }
  .service1-section-area .rt-build-card .rt-build-tags li:nth-child(n+3){
    display:none!important;
  }
  .service1-section-area .rt-build-card .rt-build-tags li span{
    padding:6px 9px!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    border-radius:7px!important;
  }
  .service1-section-area .rt-build-card .arrow{
    margin-top:14px!important;
  }
  .service1-section-area .rt-build-card .arrow a{
    width:38px!important;
    height:38px!important;
    line-height:38px!important;
    font-size:13px!important;
  }

  /* Replace the decorative service CTA with a compact mobile action. */
  .service1-section-area .rt-build-services>.started-btn{
    display:block!important;
    width:auto!important;
    height:auto!important;
    margin:18px 0 0!important;
    justify-self:start!important;
    position:relative!important;
  }
  .service1-section-area .rt-build-services>.started-btn svg,
  .service1-section-area .rt-build-services>.started-btn>a:first-of-type,
  .service1-section-area .rt-build-services>.started-btn>.space10{
    display:none!important;
  }
  .service1-section-area .rt-build-services>.started-btn>a:last-of-type{
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:11px 15px!important;
    border-radius:7px!important;
    background:#22D3B8!important;
    color:#03101f!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:700!important;
  }

  /* ---- Project listing ------------------------------------------------ */
  .rt-projects-page .rt-projects-hero{
    padding:96px 0 34px!important;
  }
  .rt-projects-page .rt-projects-hero h1{
    font-size:32px!important;
    line-height:1.06!important;
  }
  .rt-projects-hero-copy>p{
    margin-top:12px!important;
    font-size:14.5px!important;
    line-height:1.55!important;
  }
  .rt-projects-hero-actions{margin-top:18px!important}
  .rt-projects-hero-panel{padding:16px!important}
  .rt-projects-index{
    padding:42px 0 46px!important;
  }
  .rt-projects-index-head{
    gap:10px!important;
    margin-bottom:20px!important;
  }
  .rt-projects-index-head h2{font-size:28px!important}
  .rt-projects-index-head>p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .rt-project-filters{
    margin-bottom:20px!important;
  }
  .rt-project-filters .nav-link{
    min-height:36px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
  .rt-project-index-grid{row-gap:12px!important}
  .rt-project-index-card{border-radius:14px!important}
  .rt-project-index-body{padding:16px!important}
  .rt-project-index-category{
    margin-bottom:7px!important;
    font-size:10.5px!important;
  }
  .rt-project-index-body h3{margin-bottom:8px!important}
  .rt-project-index-body h3 a{
    font-size:21px!important;
    line-height:1.16!important;
  }
  .rt-project-index-body p{
    margin-bottom:14px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
  }
  .rt-project-index-link{font-size:12.5px!important}

  /* ---- Project case studies ------------------------------------------ */
  .rt-project-page .rt-project-hero{
    padding:96px 0 34px!important;
  }
  .rt-project-page .rt-project-hero h1{
    font-size:32px!important;
    line-height:1.06!important;
  }
  .rt-project-case-study{
    padding:42px 0!important;
  }
  .rt-project-overview{
    padding:18px!important;
  }
  .rt-project-story h2{
    font-size:27px!important;
    line-height:1.12!important;
  }
  .rt-related-projects{
    padding:42px 0!important;
  }

  /* ---- Existing blog/article cards ----------------------------------- */
  .vl-blog-1-area .vl-blog-1-item,
  .rt-explore-card,
  .rt-article-card{
    border-radius:14px!important;
  }
  .rt-article-card-body,
  .rt-explore-card{
    padding:16px!important;
  }
  .rt-article-card-body h3 a{
    font-size:21px!important;
  }
  .rt-article-card-body>p{
    font-size:13.5px!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  /* ---- Shared CTA ----------------------------------------------------- */
  .cta-btn-area.sp8{
    padding-top:34px!important;
  }
  .cta-btn1{
    font-size:34px!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
  }

  /* ---- Footer --------------------------------------------------------- */
  .vl-footer1-section-area.sp8{
    padding-top:34px!important;
  }
  .vl-footer1-section-area .elements6{
    display:none!important;
  }
  .vl-footer1-section-area .footer-logo1 p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .vl-footer1-section-area .vl-footer-widget h3{
    font-size:18px!important;
    line-height:1.2!important;
  }
  .vl-footer1-section-area .vl-footer-widget ul li a{
    padding-top:11px!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .vl-footer1-section-area .vl-footer-widget form input{
    padding:15px 12px!important;
    font-size:14px!important;
  }
  .vl-footer1-section-area .vl-footer-widget form input::placeholder{
    font-size:14px!important;
  }
  .vl-footer1-section-area .vl-footer-widget form button{
    top:5px!important;
    right:5px!important;
  }
  .vl-footer1-section-area .space60{
    height:24px!important;
  }
  .vl-footer1-section-area .space30{
    height:18px!important;
  }
  .vl-footer1-section-area .vl-copyright-area p{
    padding:14px 0 10px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  .vl-footer1-section-area .rt-legal-links{
    padding:0 0 18px!important;
  }
}

@media (min-width:768px) and (max-width:991px){
  .sp6{padding:54px 0!important}
  .sp7{padding:54px 0 34px!important}
  .space-margin60{margin-bottom:32px!important}
  .heading1 h2,
  h2.text-anime-style-3.text-anime-style-3{
    font-size:34px!important;
    line-height:1.18!important;
  }
}


/* ==========================================================================
   HERO CTA BREAKPOINT SYSTEM
   Phone = rotating Rahmontech ring only.
   Tablet = compact full CTA.
   Desktop = controlled full CTA.
   ========================================================================== */

/* Desktop: retain the richer CTA without letting it dominate the hero. */
@media (min-width:1200px){
  .hero1-section-area .hero-bottom-images .started-btn{
    width:108px!important;
    height:108px!important;
    right:22px!important;
    top:22px!important;
  }
  .hero1-section-area .hero-bottom-images .rt-hero-cta-shape{
    width:146px!important;
    height:146px!important;
    top:-19px!important;
    left:-19px!important;
  }
  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
    width:172px!important;
    height:172px!important;
    top:-32px!important;
    left:-32px!important;
    z-index:0!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn>a{
    position:relative!important;
    z-index:2!important;
    font-size:15px!important;
    line-height:16px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn>a span{
    width:36px!important;
    height:36px!important;
    line-height:36px!important;
    font-size:13px!important;
  }
}

/* Tablet: use the complete CTA, but at a much smaller visual scale. */
@media (min-width:768px) and (max-width:1199px){
  .hero1-section-area .hero-bottom-images .started-btn{
    width:92px!important;
    height:92px!important;
    top:20px!important;
    right:20px!important;
    bottom:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
  }
  .hero1-section-area .hero-bottom-images .rt-hero-cta-shape{
    width:118px!important;
    height:118px!important;
    top:-13px!important;
    left:-13px!important;
    z-index:0!important;
  }
  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
    width:142px!important;
    height:142px!important;
    top:-25px!important;
    left:-25px!important;
    z-index:1!important;
    opacity:.95!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn>a{
    position:relative!important;
    z-index:3!important;
    margin:0!important;
    font-size:13px!important;
    line-height:14px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn>a span{
    width:32px!important;
    height:32px!important;
    line-height:32px!important;
    font-size:12px!important;
  }
  .hero1-section-area .hero-bottom-images .started-btn .space10{
    display:none!important;
  }
}

/* Phone: no teal polygon or text. The rotating Rahmontech ring becomes the CTA. */
@media (max-width:767px){
  .hero1-section-area .hero-bottom-images .started-btn{
    width:92px!important;
    height:92px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    isolation:isolate!important;
  }

  .hero1-section-area .hero-bottom-images .rt-hero-cta-shape,
  .hero1-section-area .hero-bottom-images .started-btn>a:last-of-type,
  .hero1-section-area .hero-bottom-images .started-btn>.space10{
    display:none!important;
  }

  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
    display:block!important;
    position:absolute!important;
    width:104px!important;
    height:104px!important;
    top:-6px!important;
    left:-6px!important;
    z-index:1!important;
    opacity:1!important;
    padding:4px!important;
    border-radius:50%!important;
    background:rgba(3,16,31,.82)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    filter:none!important;
  }

  .hero1-section-area .hero-bottom-images .rt-hero-brand-ring text{
    fill:#fff!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:1.15px!important;
  }

  .hero1-section-area .hero-bottom-images .started-btn>a:first-of-type{
    display:inline-flex!important;
    position:relative!important;
    z-index:3!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    color:#03101f!important;
  }

  .hero1-section-area .hero-bottom-images .started-btn>a:first-of-type span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    line-height:34px!important;
    border-radius:50%!important;
    background:#22D3B8!important;
    color:#03101f!important;
    font-size:12px!important;
    transform:none!important;
  }

  .hero1-section-area .hero-bottom-images .started-btn>a:first-of-type span i{
    transform:rotate(-45deg)!important;
  }
}



/* ==========================================================================
   HERO CTA LAYER STACK
   Keep both animated SVGs above the hero image:
   photo < legacy rotating shape < Rahmontech wordmark ring < CTA content.
   ========================================================================== */
.hero1-section-area .hero-bottom-images{
  isolation:isolate!important;
}
.hero1-section-area .hero-bottom-images>.img1{
  position:relative!important;
  z-index:0!important;
}
.hero1-section-area .hero-bottom-images .started-btn{
  z-index:4!important;
  isolation:isolate!important;
}
.hero1-section-area .hero-bottom-images .rt-hero-cta-shape{
  position:absolute!important;
  z-index:1!important;
}
.hero1-section-area .hero-bottom-images .rt-hero-brand-ring{
  z-index:2!important;
}
.hero1-section-area .hero-bottom-images .started-btn>a{
  position:relative!important;
  z-index:3!important;
}

/* Phone keeps the ring-only treatment; tablet/desktop retain both layers. */
@media (max-width:767px){
  .hero1-section-area .hero-bottom-images .rt-hero-cta-shape{
    display:none!important;
  }
}




/* ==========================================================================
   INSIGHTS / BLOG — editorial publication experience
   ========================================================================== */
.rt-blog-page .rt-blog-hero,
.rt-article-page .rt-article-hero{
  padding:154px 0 78px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.rt-blog-hero .row,.rt-article-hero .row{row-gap:34px}
.rt-blog-hero-copy{max-width:850px}
.rt-blog-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 20px;color:#8290aa;
  font:600 13px/1.4 'Figtree',system-ui,sans-serif;
}
.rt-blog-breadcrumb a{color:#aebad0;text-decoration:none}
.rt-blog-breadcrumb a:hover{color:#22D3B8}
.rt-blog-breadcrumb span[aria-hidden="true"]{color:rgba(255,255,255,.28)}
.rt-blog-eyebrow,.rt-article-category{
  display:inline-flex;align-items:center;min-height:30px;
  padding:6px 11px;margin:0 0 18px;border:1px solid rgba(34,211,184,.28);
  border-radius:999px;background:rgba(34,211,184,.08);color:#22D3B8;
  font:700 12px/1 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.09em;text-transform:uppercase;text-decoration:none;
}
.rt-blog-page .rt-blog-hero h1{
  max-width:850px;margin:0;color:#fff;
  font:700 clamp(44px,6.1vw,74px)/1.02 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:-.05em;text-transform:none!important;text-wrap:balance;
}
.rt-blog-hero-copy>p{
  max-width:730px;margin:23px 0 0;color:#c5cfdf;
  font:400 18px/1.72 'Figtree',system-ui,sans-serif;
}
.rt-blog-hero-summary{
  max-width:320px;margin-left:auto;padding:22px 21px;
  border:1px solid rgba(255,255,255,.10);border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
.rt-blog-hero-summary>span{
  display:block;margin-bottom:8px;color:#22D3B8;
  font:700 11px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-blog-hero-summary>strong{
  display:block;color:#fff;font:700 23px/1.25 'Space Grotesk',system-ui,sans-serif;
}
.rt-blog-hero-summary>p{
  margin:8px 0 0;color:#9eabc0;font:400 14px/1.55 'Figtree',system-ui,sans-serif;
}

.rt-blog-index{padding:88px 0 100px}
.rt-blog-index-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,470px);
  align-items:end;gap:30px;margin-bottom:30px;
}
.rt-blog-index-head>div>span,.rt-related-insights-head>span,.rt-home-insights-head>div>span{
  display:block;margin-bottom:8px;color:#22D3B8;
  font:700 11.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-blog-index-head h2,.rt-related-insights-head h2,.rt-home-insights-head h2{
  margin:0;color:#fff;
  font:700 clamp(34px,4vw,52px)/1.1 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.045em;text-transform:none;
}
.rt-blog-index-head>p{
  margin:0;color:#aeb9cc;font:400 16px/1.65 'Figtree',system-ui,sans-serif;
}

.rt-insights-topics{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px;
}
.rt-insights-topics a{
  display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 13px;
  border:1px solid rgba(255,255,255,.10);border-radius:999px;
  background:rgba(255,255,255,.035);color:#c8d2e3;
  font:700 12.5px/1.2 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-insights-topics a span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:21px;height:21px;padding:0 5px;border-radius:999px;
  background:rgba(255,255,255,.06);color:#8f9db3;font-size:10.5px;
}
.rt-insights-topics a:hover{border-color:rgba(34,211,184,.35);color:#fff}
.rt-insights-topics a.is-active{
  border-color:rgba(34,211,184,.32);background:rgba(34,211,184,.12);color:#22D3B8;
}
.rt-insights-topics a.is-active span{background:rgba(34,211,184,.12);color:#22D3B8}

.rt-insights-grid{row-gap:26px}
.rt-insights-grid>[class*="col-"]{display:flex}
.rt-article-card{
  display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);border-radius:18px;
  background:rgba(255,255,255,.03);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.rt-article-card:hover{
  transform:translateY(-4px);border-color:rgba(34,211,184,.34);
  box-shadow:0 26px 56px rgba(0,0,0,.18);
}
.rt-article-card-image{display:block;overflow:hidden;background:#0b1324}
.rt-article-card-image img{
  display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
  transition:transform .35s ease;
}
.rt-article-card:hover .rt-article-card-image img{transform:scale(1.025)}
.rt-article-card-body{
  display:flex;flex-direction:column;flex:1 1 auto;padding:23px 24px 25px;
}
.rt-article-card-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin-bottom:12px;
}
.rt-article-card-meta a,.rt-article-card-meta span{
  color:#8997ae;font:600 11.5px/1.35 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-article-card-meta a{color:#22D3B8;font-weight:700}
.rt-article-card-meta a:hover{color:#fff}
.rt-article-card-meta span+span:before{
  content:"";display:inline-block;width:3px;height:3px;margin:0 9px 2px 0;
  border-radius:50%;background:#56637a;
}
.rt-article-card-body h3{margin:0 0 12px}
.rt-article-card-body h3 a{
  color:#fff;font:700 clamp(21px,2.1vw,27px)/1.23 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:-.03em;text-transform:none;text-decoration:none;text-wrap:pretty;
}
.rt-article-card-body h3 a:hover{color:#22D3B8}
.rt-article-card-body>p{
  margin:0 0 20px;color:#aeb9cc;
  font:400 14.5px/1.62 'Figtree',system-ui,sans-serif;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;
}
.rt-article-card-link{
  display:inline-flex;align-items:center;gap:9px;margin-top:auto;
  color:#d9e2ef;font:700 13.5px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-article-card-link:hover{color:#22D3B8}
.rt-article-card-link i{font-size:11px}
.rt-insights-pagination{margin-top:42px}

.rt-home-insights{
  padding:92px 0 100px;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}
.rt-home-insights-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;
  margin-bottom:38px;
}
.rt-home-insights-head>div{max-width:760px}
.rt-home-insights-head p{
  max-width:680px;margin:14px 0 0;color:#aeb9cc;
  font:400 16px/1.65 'Figtree',system-ui,sans-serif;
}
.rt-home-insights-all{
  display:inline-flex;align-items:center;gap:9px;color:#d9e2ef;
  font:700 14px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-home-insights-all:hover{color:#22D3B8}

.rt-article-hero-copy{max-width:760px}
.rt-article-page .rt-article-hero h1{
  max-width:800px;margin:0;color:#fff;
  font:700 clamp(40px,5.3vw,68px)/1.04 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:-.048em;text-transform:none!important;text-wrap:balance;
}
.rt-article-hero-lede{
  max-width:720px;margin:22px 0 0;color:#c5cfdf;
  font:400 17px/1.68 'Figtree',system-ui,sans-serif;
}
.rt-article-hero-meta{
  display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:26px;
}
.rt-article-hero-meta span{
  display:inline-flex;align-items:center;gap:7px;color:#aeb9cc;
  font:600 13px/1.4 'Figtree',system-ui,sans-serif;
}
.rt-article-hero-meta i{color:#22D3B8;font-size:12px}
.rt-article-hero-media{
  margin:0;padding:8px;overflow:hidden;border:1px solid rgba(255,255,255,.10);
  border-radius:20px;background:rgba(255,255,255,.035);
  box-shadow:0 28px 64px rgba(0,0,0,.24);
}
.rt-article-hero-media img{
  display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:13px;
}

.rt-article-reading{padding:84px 0 82px}
.rt-article-reading .rt-article.rt-article{max-width:780px;margin:0 auto}
.rt-article-footer{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;
  margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.09);
}
.rt-article-tags>span,.rt-article-share>span{
  display:block;margin-bottom:10px;color:#7f8da4;
  font:700 10.5px/1.3 'Space Grotesk',system-ui,sans-serif;
  letter-spacing:.1em;text-transform:uppercase;
}
.rt-article-tags>div{display:flex;flex-wrap:wrap;gap:7px}
.rt-article-tags a{
  display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.10);
  border-radius:999px;background:rgba(255,255,255,.035);color:#cbd5e5;
  font:600 12px/1.2 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-article-tags a:hover{border-color:rgba(34,211,184,.35);color:#22D3B8}
.rt-article-share>div{display:flex;gap:7px}
.rt-article-share a{
  display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
  border:1px solid rgba(255,255,255,.10);border-radius:50%;
  background:rgba(255,255,255,.04);color:#cbd5e5;text-decoration:none;
}
.rt-article-share a:hover,.rt-article-share a.rt-copied{
  border-color:rgba(34,211,184,.42);background:rgba(34,211,184,.10);color:#22D3B8;
}

.rt-related-insights{
  padding:86px 0 82px;border-top:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);
}
.rt-related-insights-head{max-width:720px;margin:0 auto 38px;text-align:center}
.rt-related-insights-head p{
  margin:14px auto 0;color:#aeb9cc;font:400 15.5px/1.65 'Figtree',system-ui,sans-serif;
}
.rt-related-insights-all{text-align:center;margin-top:34px}
.rt-related-insights-all a{
  display:inline-flex;align-items:center;gap:9px;color:#d9e2ef;
  font:700 14px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none;
}
.rt-related-insights-all a:hover{color:#22D3B8}

@media (max-width:991px){
  .rt-blog-page .rt-blog-hero,.rt-article-page .rt-article-hero{padding:132px 0 64px}
  .rt-blog-hero-summary{max-width:none;margin-left:0}
  .rt-blog-index{padding:70px 0 78px}
  .rt-blog-index-head{grid-template-columns:1fr;gap:15px}
  .rt-home-insights-head{grid-template-columns:1fr;gap:18px}
  .rt-article-reading{padding:66px 0 68px}
  .rt-article-footer{grid-template-columns:1fr}
}
@media (max-width:767px){
  .rt-blog-page .rt-blog-hero,.rt-article-page .rt-article-hero{padding:116px 0 48px}
  .rt-blog-page .rt-blog-hero h1,.rt-article-page .rt-article-hero h1{
    font-size:clamp(35px,10.8vw,48px)!important;line-height:1.05!important;
    letter-spacing:-.04em!important;
  }
  .rt-blog-hero-copy>p,.rt-article-hero-lede{margin-top:18px;font-size:15.5px;line-height:1.62}
  .rt-blog-hero-summary{padding:19px;border-radius:14px}
  .rt-insights-topics{
    flex-wrap:nowrap;margin:0 -12px 28px;padding:0 12px 4px;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .rt-insights-topics::-webkit-scrollbar{display:none}
  .rt-insights-topics a{flex:0 0 auto;white-space:nowrap}
  .rt-blog-index{padding:56px 0 62px}
  .rt-blog-index-head{margin-bottom:26px}
  .rt-blog-index-head h2,.rt-home-insights-head h2,.rt-related-insights-head h2{font-size:33px}
  .rt-insights-grid{row-gap:18px}
  .rt-article-card{border-radius:15px}
  .rt-article-card:hover{transform:none}
  .rt-article-card-body{padding:20px}
  .rt-article-card-body h3 a{font-size:23px}
  .rt-article-card-body>p{font-size:14px}

  .rt-home-insights{padding:66px 0 72px}
  .rt-home-insights-head{margin-bottom:28px}
  .rt-home-insights-head p{font-size:15px}
  .rt-home-insights-all{justify-self:start}

  .rt-article-hero .row{row-gap:28px}
  .rt-article-hero-meta{gap:9px 14px;margin-top:22px}
  .rt-article-hero-media{padding:6px;border-radius:15px}
  .rt-article-hero-media img{border-radius:10px}
  .rt-article-reading{padding:52px 0 58px}
  .rt-article-reading .rt-article.rt-article{font-size:16.5px;line-height:1.76}
  .rt-article-reading .rt-article.rt-article>p:first-child{font-size:18px}
  .rt-article-footer{margin-top:36px}
  .rt-article-share>div{flex-wrap:wrap}
  .rt-related-insights{padding:62px 0 58px}
  .rt-related-insights-head{text-align:left;margin-bottom:28px}
}


/* ==========================================================================
   RAHMONTECH BRAND AUTHENTICITY SYSTEM
   ========================================================================== */
:root{--rt-bg:#06101f;--rt-surface:#0a1627;--rt-surface-2:#0d1a2d;--rt-border:rgba(255,255,255,.10);--rt-text:#f4f7fb;--rt-muted:#98a6bb;--rt-accent:#22D3B8}
body.body-bg1{background:var(--rt-bg);color:var(--rt-text)}
body.body-bg1 .vl-btn1{min-height:44px;padding:13px 17px;border:1px solid var(--rt-accent);border-radius:8px;background:var(--rt-accent);color:#03101f;font-size:14px;line-height:16px;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none;transform:none}
body.body-bg1 .vl-btn1::before,body.body-bg1 .vl-btn1::after{display:none!important}
body.body-bg1 .vl-btn1:hover{background:#35dcc4;color:#03101f;transform:none;box-shadow:none}
.homepage1-menu .row-bg1{background:rgba(6,16,31,.94);backdrop-filter:blur(10px);border:1px solid var(--rt-border);box-shadow:none}
.rt-main-nav-wrap .rt-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0}
.rt-main-nav-wrap .rt-main-nav>li>a{padding:10px 12px!important;font-size:15px!important;font-weight:600!important;text-transform:none!important}
.rt-main-nav-wrap .rt-main-nav>li>a:hover{color:var(--rt-accent)!important}
.rt-main-nav-wrap .rt-main-nav .rt-nav-contact{margin-left:7px;padding:10px 15px!important;border:1px solid rgba(34,211,184,.55);border-radius:8px;color:#fff!important}
.rt-main-nav-wrap .rt-main-nav .rt-nav-contact:hover{background:var(--rt-accent);color:#03101f!important}
.rt-eyebrow{display:block;margin:0 0 10px;color:var(--rt-accent);font:700 11px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.rt-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;color:#74839b;font:600 12px/1.4 'Figtree',system-ui,sans-serif}
.rt-breadcrumb a{color:#9aa8bd;text-decoration:none}.rt-breadcrumb a:hover{color:var(--rt-accent)}
.rt-inner-hero{padding:150px 0 66px;border-bottom:1px solid var(--rt-border);background:var(--rt-bg)}
.rt-inner-hero h1{max-width:900px;margin:0;color:#fff;font:700 clamp(42px,5.8vw,72px)/1.03 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.05em;text-transform:none}
.rt-inner-hero>div>p{max-width:760px;margin:22px 0 0;color:#b0bccd;font:400 17px/1.65 'Figtree',system-ui,sans-serif}
.rt-section-copy h2,.rt-section-head h2{margin:0;color:#fff;font:700 clamp(32px,4vw,50px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.04em;text-transform:none}
.rt-section-copy p,.rt-section-head>p{color:var(--rt-muted);font:400 15.5px/1.65 'Figtree',system-ui,sans-serif}.rt-section-copy p{margin:16px 0 0}
.rt-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);align-items:end;gap:28px;margin-bottom:28px}.rt-section-head>p{margin:0}
.rt-text-link{display:inline-flex;align-items:center;gap:8px;color:#d9e2ef;font:700 13px/1.4 'Figtree',system-ui,sans-serif;text-decoration:none}.rt-text-link:hover{color:var(--rt-accent)}.rt-text-link i{font-size:10px}
.rt-home-method{padding:66px 0;border-top:1px solid var(--rt-border)}.rt-home-method-row{row-gap:30px}.rt-section-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}
.rt-method-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rt-border)}.rt-method-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--rt-border)}
.rt-method-list>li>span{color:var(--rt-accent);font:700 11px/1.4 'Space Grotesk',system-ui,sans-serif}.rt-method-list h3{margin:0 0 5px;color:#fff;font:700 18px/1.25 'Space Grotesk',system-ui,sans-serif}.rt-method-list p{margin:0;color:var(--rt-muted);font:400 14px/1.52 'Figtree',system-ui,sans-serif}
.rt-industries{padding:14px 0 62px}.rt-industries-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:28px;align-items:end;margin-bottom:18px}.rt-industries-head h2{max-width:700px;margin:0;color:#fff;font:700 clamp(30px,3.8vw,46px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.04em;text-transform:none}.rt-industries-head>p{margin:0;color:var(--rt-muted);font:400 14px/1.6 'Figtree',system-ui,sans-serif}
.rt-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rt-border)}.rt-industry-grid>a{display:block;min-width:0;padding:16px 18px 16px 0;border-bottom:1px solid var(--rt-border);text-decoration:none}.rt-industry-grid>a:nth-child(3n+2),.rt-industry-grid>a:nth-child(3n+3){padding-left:18px;border-left:1px solid var(--rt-border)}.rt-industry-grid strong{display:block;margin-bottom:5px;color:#fff;font:700 15px/1.25 'Space Grotesk',system-ui,sans-serif}.rt-industry-grid small{display:block;color:#8896ab;font:400 12.5px/1.4 'Figtree',system-ui,sans-serif}.rt-industry-grid>a:hover strong{color:var(--rt-accent)}
.service1-section-area .rt-build-card{height:auto!important;min-height:0!important;padding:24px!important;border:1px solid var(--rt-border)!important;border-radius:10px!important;background:var(--rt-surface)!important;box-shadow:none!important;transform:none!important}.service1-section-area .rt-build-card:hover{border-color:rgba(34,211,184,.35)!important;box-shadow:none!important;transform:none!important}.service1-section-area .rt-build-card .hidden-img{display:none!important}.service1-section-area .service-header h2{text-transform:none!important}
.rt-about-story,.rt-principles,.rt-leadership{padding:68px 0}.rt-about-story,.rt-leadership{border-bottom:1px solid var(--rt-border)}.rt-real-image,.rt-leadership-photo{margin:0;overflow:hidden;border:1px solid var(--rt-border);border-radius:10px;background:var(--rt-surface)}.rt-real-image img,.rt-leadership-photo img{display:block;width:100%;height:auto;object-fit:cover}.rt-about-story .rt-section-copy,.rt-leadership .rt-section-copy{padding-left:42px}
.rt-principle-list{border-top:1px solid var(--rt-border)}.rt-principle-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--rt-border)}.rt-principle-list article>span{color:var(--rt-accent);font:700 11px/1.4 'Space Grotesk',system-ui,sans-serif}.rt-principle-list h3{margin:0 0 5px;color:#fff;font:700 18px/1.3 'Space Grotesk',system-ui,sans-serif}.rt-principle-list p{margin:0;color:var(--rt-muted);font:400 14px/1.55 'Figtree',system-ui,sans-serif}
.rt-services-main,.rt-service-detail{padding:68px 0}.rt-service-list{border-top:1px solid var(--rt-border)}.rt-service-list article{display:grid;grid-template-columns:56px minmax(0,1fr);gap:22px;padding:26px 0;border-bottom:1px solid var(--rt-border)}.rt-service-number{color:var(--rt-accent);font:700 11px/1.5 'Space Grotesk',system-ui,sans-serif}.rt-service-list h2{margin:0;color:#fff;font:700 clamp(26px,3vw,38px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.035em}.rt-service-list p{max-width:760px;margin:10px 0 14px;color:var(--rt-muted);font:400 15px/1.6 'Figtree',system-ui,sans-serif}.rt-service-list ul{display:flex;flex-wrap:wrap;gap:7px 20px;margin:0;padding:0;list-style:none}.rt-service-list li{position:relative;padding-left:12px;color:#c6d0df;font:600 12.5px/1.4 'Figtree',system-ui,sans-serif}.rt-service-list li:before{content:"";position:absolute;left:0;top:.58em;width:4px;height:4px;border-radius:50%;background:var(--rt-accent)}
.rt-engagements{padding:58px 0 0}.rt-engagement-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px;border-top:1px solid var(--rt-border);border-bottom:1px solid var(--rt-border)}.rt-engagement-list>div{padding:18px 18px 18px 0}.rt-engagement-list>div+div{padding-left:18px;border-left:1px solid var(--rt-border)}.rt-engagement-list strong{display:block;margin-bottom:6px;color:#fff;font:700 15px/1.3 'Space Grotesk',system-ui,sans-serif}.rt-engagement-list span{color:var(--rt-muted);font:400 13px/1.5 'Figtree',system-ui,sans-serif}
.rt-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}.rt-detail-grid h2,.rt-simple-process h2{margin:0 0 20px;color:#fff;font:700 clamp(30px,3.4vw,44px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.04em}.rt-detail-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--rt-border)}.rt-detail-list li{padding:16px 0;border-bottom:1px solid var(--rt-border)}.rt-detail-list strong{display:block;margin-bottom:5px;color:#fff;font:700 14px/1.3 'Space Grotesk',system-ui,sans-serif}.rt-detail-list span{display:block;color:var(--rt-muted);font:400 13px/1.5 'Figtree',system-ui,sans-serif}
.rt-simple-process{padding-top:62px}.rt-simple-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rt-border)}.rt-simple-process article{padding:18px 20px 0 0}.rt-simple-process article+article{padding-left:20px;border-left:1px solid var(--rt-border)}.rt-simple-process article>span{color:var(--rt-accent);font:700 10px/1.3 'Space Grotesk',system-ui,sans-serif}.rt-simple-process h3{margin:8px 0 5px;color:#fff;font:700 16px/1.3 'Space Grotesk',system-ui,sans-serif}.rt-simple-process p{margin:0;color:var(--rt-muted);font:400 13px/1.5 'Figtree',system-ui,sans-serif}
.rt-contact-main{padding:68px 0}.rt-contact-layout{row-gap:30px}.rt-contact-aside{padding-right:34px}.rt-contact-aside h2,.rt-contact-form-wrap h2,.rt-office-map h2{margin:0;color:#fff;font:700 30px/1.15 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.035em}.rt-contact-aside dl{margin:24px 0;border-top:1px solid var(--rt-border)}.rt-contact-aside dl>div{padding:13px 0;border-bottom:1px solid var(--rt-border)}.rt-contact-aside dt{margin-bottom:4px;color:#74839a;font:700 10px/1.3 'Space Grotesk',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.rt-contact-aside dd{margin:0;color:#dce4ef;font:500 14px/1.45 'Figtree',system-ui,sans-serif}.rt-contact-aside a{color:#dce4ef;text-decoration:none}.rt-contact-aside a:hover{color:var(--rt-accent)}.rt-contact-aside>p,.rt-contact-form-wrap>p{color:var(--rt-muted);font:400 13.5px/1.55 'Figtree',system-ui,sans-serif}
.rt-contact-form-wrap{padding:28px;border:1px solid var(--rt-border);border-radius:10px;background:var(--rt-surface);box-shadow:none}.rt-contact-form-wrap>p{margin:8px 0 22px}.rt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rt-field-full{grid-column:1/-1}.rt-field label{display:block;margin-bottom:7px;color:#dfe6f1;font:700 12px/1.3 'Figtree',system-ui,sans-serif}.rt-field label span{color:var(--rt-accent)}.rt-field label small{color:#7f8ca0;font-weight:500}.rt-field input,.rt-field select,.rt-field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#081426;color:#fff;font:500 14px/1.45 'Figtree',system-ui,sans-serif;box-shadow:none;outline:none}.rt-field input,.rt-field select{min-height:46px;padding:10px 12px}.rt-field textarea{min-height:140px;padding:12px;resize:vertical}.rt-field input:focus,.rt-field select:focus,.rt-field textarea:focus{border-color:var(--rt-accent);box-shadow:none}.rt-field-help{display:block;margin-top:6px;color:#74839a;font:400 11.5px/1.45 'Figtree',system-ui,sans-serif}.rt-contact-submit-button{margin-top:18px}
.rt-office-map{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:50px;padding-top:30px;border-top:1px solid var(--rt-border)}.rt-office-map iframe{display:block;width:100%;height:330px;border-radius:10px!important}
.rt-faq-main{padding:68px 0}.rt-faq-list{max-width:900px;margin:0 auto;border-top:1px solid var(--rt-border)}.rt-faq-list .accordion-item{border:0!important;border-bottom:1px solid var(--rt-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.rt-faq-list .accordion-button{padding:18px 0!important;background:transparent!important;color:#fff!important;font:700 16px/1.35 'Space Grotesk',system-ui,sans-serif;box-shadow:none!important;text-transform:none!important}.rt-faq-list .accordion-button:not(.collapsed){color:var(--rt-accent)!important}.rt-faq-list .accordion-button::after{filter:invert(1);opacity:.7}.rt-faq-list .accordion-body{padding:0 0 18px!important}.rt-faq-list .accordion-body p{max-width:760px;margin:0;color:var(--rt-muted);font:400 14px/1.6 'Figtree',system-ui,sans-serif}
.rt-team-main{padding:68px 0}
.rt-site-cta{padding:58px 0;border-top:1px solid var(--rt-border);border-bottom:1px solid var(--rt-border)}.rt-site-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}.rt-site-cta h2{max-width:720px;margin:0;color:#fff;font:700 clamp(32px,4.4vw,54px)/1.08 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.045em;text-transform:none}.rt-site-cta p{max-width:680px;margin:12px 0 0;color:var(--rt-muted);font:400 14.5px/1.6 'Figtree',system-ui,sans-serif}
.rt-site-footer{padding:52px 0 0!important}.rt-site-footer .elements6{display:none!important}.rt-footer-grid{row-gap:28px}.rt-site-footer .footer-logo1 p{max-width:430px;margin:15px 0 18px;color:var(--rt-muted);font-size:14px;line-height:1.6}.rt-site-footer .vl-footer-widget h3{margin:0 0 10px;color:#fff;font-size:15px;line-height:1.3}.rt-site-footer .vl-footer-widget ul li a{padding-top:9px!important;color:#aeb9cc;font-size:13.5px;line-height:1.35}.rt-site-footer .vl-footer-widget ul li a:hover{color:var(--rt-accent)}
.rt-footer-social{display:flex;gap:7px;margin:0;padding:0;list-style:none}.rt-footer-social li a{display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;padding:0!important;border:1px solid var(--rt-border);border-radius:50%;background:transparent!important;color:#cbd5e3!important;line-height:1!important}.rt-footer-social li a:hover{border-color:var(--rt-accent);color:var(--rt-accent)!important}.rt-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:18px 0 24px;border-top:1px solid var(--rt-border)}.rt-footer-bottom p{margin:0!important;padding:0!important;border:0!important;color:#718097!important;font-size:12px!important;line-height:1.4!important}.rt-footer-bottom p:last-child{display:flex;gap:9px}.rt-footer-bottom a{color:#8e9bb0;text-decoration:none}.rt-footer-bottom a:hover{color:var(--rt-accent)}
.rt-project-hero-media:before{display:none!important}.rt-projects-hero-panel,.rt-project-case-study .rt-project-overview,.rt-blog-hero-summary{background:var(--rt-surface)!important;box-shadow:none!important;border-radius:10px!important}.rt-project-index-card,.rt-related-project-card,.rt-article-card{border-radius:10px!important;box-shadow:none!important;transform:none!important}.rt-project-index-card:hover,.rt-related-project-card:hover,.rt-article-card:hover{transform:none!important;box-shadow:none!important}.rt-pagination .rt-page-btn.is-active{background:var(--rt-accent)!important;color:#03101f!important}
.about-header .social-link-area ul li a:hover,.rt-share ul li a:hover{background:var(--rt-accent)!important;border-color:var(--rt-accent)!important;color:#03101f!important;transform:none!important}.rt-quote{background:var(--rt-surface)!important;border-radius:10px!important}.rt-card{border-radius:10px!important;background:var(--rt-surface)!important;box-shadow:none!important;transform:none!important}.rt-card:hover{transform:none!important;box-shadow:none!important}.rt-card .rt-card-ic{background:transparent!important;border:1px solid rgba(34,211,184,.28)!important;color:var(--rt-accent)!important;border-radius:8px!important}
.rt-page-ceo .bg-progress,.rt-page-ceo .counter-section-area{display:none!important}.rt-profile-principle{max-width:850px;margin:0 auto;color:#c2ccda;font:500 17px/1.7 'Figtree',system-ui,sans-serif;text-align:center}
@media (max-width:991px){.rt-section-head,.rt-industries-head{grid-template-columns:1fr;gap:12px}.rt-about-story .rt-section-copy,.rt-leadership .rt-section-copy{padding-left:0;margin-top:24px}.rt-detail-grid{grid-template-columns:1fr;gap:42px}}
@media (max-width:767px){
.rt-inner-hero{padding:96px 0 36px}.rt-inner-hero h1{font-size:32px;line-height:1.06}.rt-inner-hero>div>p{margin-top:14px;font-size:14px;line-height:1.55}.rt-breadcrumb{margin-bottom:15px;font-size:11px}
.rt-home-method{padding:40px 0}.rt-method-list{margin-top:24px}.rt-method-list li{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px 0}.rt-method-list h3{font-size:15px}.rt-method-list p{font-size:12.5px;line-height:1.45}
.rt-industries{padding:0 0 40px}.rt-industries-head h2{font-size:26px}.rt-industries-head>p{font-size:12.5px}.rt-industry-grid{grid-template-columns:1fr}.rt-industry-grid>a,.rt-industry-grid>a:nth-child(3n+2),.rt-industry-grid>a:nth-child(3n+3){padding:12px 0;border-left:0}.rt-industry-grid strong{font-size:13.5px}.rt-industry-grid small{font-size:11.5px}
.rt-about-story,.rt-principles,.rt-leadership,.rt-services-main,.rt-service-detail,.rt-contact-main,.rt-faq-main,.rt-team-main{padding:42px 0}.rt-real-image img{height:220px;object-position:center 35%}.rt-principle-list article{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px 0}.rt-principle-list h3{font-size:15px}.rt-principle-list p{font-size:12.5px}.rt-section-copy h2,.rt-section-head h2{font-size:27px;line-height:1.12}.rt-section-copy p,.rt-section-head>p{font-size:13.5px;line-height:1.55}
.rt-service-list article{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:18px 0}.rt-service-list h2{font-size:23px}.rt-service-list p{font-size:13.5px;margin:7px 0 10px}.rt-service-list ul{display:block}.rt-service-list li{margin-top:5px;font-size:11.8px}.rt-engagements{padding-top:38px}.rt-engagement-list{grid-template-columns:1fr}.rt-engagement-list>div,.rt-engagement-list>div+div{padding:13px 0;border-left:0;border-bottom:1px solid var(--rt-border)}.rt-engagement-list>div:last-child{border-bottom:0}
.rt-detail-grid h2,.rt-simple-process h2{font-size:26px}.rt-simple-process{padding-top:40px}.rt-simple-process>div{grid-template-columns:1fr}.rt-simple-process article,.rt-simple-process article+article{padding:14px 0;border-left:0;border-bottom:1px solid var(--rt-border)}
.rt-contact-aside{padding-right:0;margin-bottom:12px}.rt-contact-form-wrap{padding:18px;border-radius:8px}.rt-form-grid{grid-template-columns:1fr}.rt-field-full{grid-column:auto}.rt-office-map{grid-template-columns:1fr;gap:14px;margin-top:36px}.rt-office-map iframe{height:260px;border-radius:8px!important}
.rt-site-cta{padding:40px 0}.rt-site-cta-inner{grid-template-columns:1fr;gap:20px}.rt-site-cta h2{font-size:28px}.rt-site-cta p{font-size:13px}.rt-site-footer{padding-top:38px!important}.rt-footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;margin-top:28px}.rt-main-nav-wrap .rt-main-nav{display:block}
}


/* ==========================================================================
   HOME SERVICE CARDS — compact capability footer
   Tags and arrow share one row; no reserved vertical CTA space.
   ========================================================================== */
.service1-section-area .rt-build-card{
  justify-content:flex-start!important;
}
.service1-section-area .rt-build-card .service-brand-head{
  width:100%!important;
  display:block!important;
}
.service1-section-area .rt-build-card .rt-build-description{
  margin-bottom:16px!important;
}
.service1-section-area .rt-build-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
}
.service1-section-area .rt-build-footer .rt-build-tags{
  align-self:center!important;
}
.service1-section-area .rt-build-footer .arrow{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
}
.service1-section-area .rt-build-footer .arrow a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.service1-section-area .rt-build-footer .arrow a:hover{
  border-color:rgba(34,211,184,.6)!important;
  color:#22D3B8!important;
  background:transparent!important;
  transform:none!important;
}

@media (max-width:767px){
  .service1-section-area .rt-build-services{
    gap:12px!important;
  }
  .service1-section-area .rt-build-services>.space60{
    display:none!important;
  }
  .service1-section-area .rt-build-card{
    padding:18px!important;
    border-radius:10px!important;
  }
  .service1-section-area .rt-build-card .rt-build-kicker{
    margin-bottom:10px!important;
    font-size:10.5px!important;
    letter-spacing:.1em!important;
  }
  .service1-section-area .rt-build-card .service-brand-head h2{
    margin:0!important;
  }
  .service1-section-area .rt-build-card .service-brand-head h2 a{
    font-size:25px!important;
    line-height:1.1!important;
  }
  .service1-section-area .rt-build-card .rt-build-description{
    margin:10px 0 14px!important;
    font-size:13.5px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    overflow:hidden!important;
  }
  .service1-section-area .rt-build-card .rt-build-footer{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .service1-section-area .rt-build-card .rt-build-tags{
    gap:6px!important;
    flex-wrap:wrap!important;
  }
  .service1-section-area .rt-build-card .rt-build-tags li span{
    min-height:28px!important;
    padding:5px 9px!important;
    border-radius:7px!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .service1-section-area .rt-build-footer .arrow a{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    font-size:11px!important;
  }
}


/* ==========================================================================
   RAHMONY PROFILE — branded leadership page
   ========================================================================== */
.rt-rahmony-hero{padding:146px 0 72px;border-bottom:1px solid var(--rt-border)}
.rt-rahmony-hero-row{row-gap:36px}
.rt-rahmony-identity h1{max-width:760px;margin:0;color:#fff;font:700 clamp(46px,6.4vw,76px)/1.02 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.055em;text-transform:none}
.rt-rahmony-alias{margin:12px 0 0;color:var(--rt-accent);font:700 18px/1.3 'Space Grotesk',system-ui,sans-serif}
.rt-rahmony-role{margin:5px 0 0;color:#dce4ef;font:600 16px/1.45 'Figtree',system-ui,sans-serif}
.rt-rahmony-lede{max-width:690px;margin:22px 0 0;color:var(--rt-muted);font:400 16px/1.65 'Figtree',system-ui,sans-serif}
.rt-rahmony-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px}
.rt-rahmony-photo{max-width:390px;margin:0 0 0 auto;overflow:hidden;border:1px solid var(--rt-border);border-radius:10px;background:var(--rt-surface)}
.rt-rahmony-photo img{display:block;width:100%;height:auto;object-fit:cover}
.rt-rahmony-profile{padding:68px 0;border-bottom:1px solid var(--rt-border)}
.rt-rahmony-profile-row{row-gap:32px}
.rt-rahmony-copy h2,.rt-rahmony-links h2{margin:0;color:#fff;font:700 clamp(30px,3.8vw,46px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.04em}
.rt-rahmony-copy p{max-width:760px;margin:16px 0 0;color:var(--rt-muted);font:400 15px/1.7 'Figtree',system-ui,sans-serif}
.rt-rahmony-facts{padding-left:40px}.rt-rahmony-facts dl{margin:0;border-top:1px solid var(--rt-border)}
.rt-rahmony-facts dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid var(--rt-border)}
.rt-rahmony-facts dt{color:#74839a;font:700 10px/1.4 'Space Grotesk',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.rt-rahmony-facts dd{margin:0;color:#e1e7f0;font:600 14px/1.45 'Figtree',system-ui,sans-serif}.rt-rahmony-facts a{color:#e1e7f0;text-decoration:none}.rt-rahmony-facts a:hover{color:var(--rt-accent)}
.rt-rahmony-focus{padding:68px 0;border-bottom:1px solid var(--rt-border)}
.rt-rahmony-focus-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rt-border)}
.rt-rahmony-focus-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:18px 20px 18px 0;border-bottom:1px solid var(--rt-border)}
.rt-rahmony-focus-list article:nth-child(even){padding-left:20px;border-left:1px solid var(--rt-border)}
.rt-rahmony-focus-list article>span{color:var(--rt-accent);font:700 10px/1.4 'Space Grotesk',system-ui,sans-serif}
.rt-rahmony-focus-list h3{margin:0 0 5px;color:#fff;font:700 16px/1.3 'Space Grotesk',system-ui,sans-serif}
.rt-rahmony-focus-list p{margin:0;color:var(--rt-muted);font:400 13px/1.5 'Figtree',system-ui,sans-serif}
.rt-rahmony-links{padding:54px 0}.rt-rahmony-links .container{display:flex;align-items:end;justify-content:space-between;gap:30px}
.rt-rahmony-link-list{display:flex;flex-wrap:wrap;gap:8px}
.rt-rahmony-link-list a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--rt-border);border-radius:8px;color:#dce4ef;font:700 13px/1.3 'Figtree',system-ui,sans-serif;text-decoration:none}
.rt-rahmony-link-list a:hover{border-color:rgba(34,211,184,.55);color:var(--rt-accent)}
@media (max-width:991px){.rt-rahmony-photo{max-width:340px;margin:0 auto}.rt-rahmony-facts{padding-left:0}}
@media (max-width:767px){
.rt-rahmony-hero{padding:96px 0 40px}.rt-rahmony-identity h1{font-size:38px;line-height:1.04}.rt-rahmony-alias{margin-top:9px;font-size:15px}.rt-rahmony-role{margin-top:3px;font-size:13.5px}.rt-rahmony-lede{margin-top:16px;font-size:13.5px;line-height:1.58}.rt-rahmony-actions{margin-top:20px}.rt-rahmony-photo{width:min(100%,320px);max-width:320px;margin:0 auto}
.rt-rahmony-profile,.rt-rahmony-focus{padding:42px 0}.rt-rahmony-copy h2,.rt-rahmony-links h2{font-size:27px}.rt-rahmony-copy p{font-size:13.5px;line-height:1.6}.rt-rahmony-facts dl>div{grid-template-columns:90px minmax(0,1fr);padding:11px 0}
.rt-rahmony-focus-list{grid-template-columns:1fr}.rt-rahmony-focus-list article,.rt-rahmony-focus-list article:nth-child(even){padding:14px 0;border-left:0}
.rt-rahmony-links{padding:40px 0}.rt-rahmony-links .container{align-items:flex-start;flex-direction:column;gap:18px}
}


/* ==========================================================================
   MOBILE TESTIMONIAL IDENTITY ROW
   Keep avatar, person details and client logo in one compact footer row.
   ========================================================================== */
@media (max-width:767px){
  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea{
    padding:20px!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea>.space32{
    height:18px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .man img{
    width:48px!important;
    height:48px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text{
    min-width:0!important;
    padding-left:0!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .space12{
    display:none!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .name{
    display:block!important;
    margin:0 0 3px!important;
    color:#fff!important;
    font-family:'Space Grotesk',system-ui,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text p{
    margin:0!important;
    color:#9eabc0!important;
    font-family:'Figtree',system-ui,sans-serif!important;
    font-size:11.5px!important;
    font-weight:500!important;
    line-height:1.35!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area .elements20{
    width:86px!important;
    height:26px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:right center!important;
  }

  .testimonials-2 .pagination-buttons{
    margin-top:18px!important;
  }

  .testimonials-2 .pagination-buttons button{
    width:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
}

@media (max-width:390px){
  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area{
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:8px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:8px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .man img{
    width:44px!important;
    height:44px!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area .elements20{
    width:72px!important;
    height:24px!important;
  }
}


.testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .company,
.testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .title{
  display:block;
}
.testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .company{
  margin-top:4px;
  color:#c7d2e1;
  font:600 13px/1.3 'Figtree',system-ui,sans-serif;
}
.testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .title{
  margin-top:2px;
  color:#7f8da3;
  font:500 12px/1.3 'Figtree',system-ui,sans-serif;
}

@media (max-width:767px){
  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .company{
    margin-top:2px!important;
    color:#22D3B8!important;
    font-size:11.5px!important;
    line-height:1.25!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .man-textarea .text .title{
    margin-top:1px!important;
    color:#8e9bb0!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  .testimonials-2 .swiper-testimonial-2 .testimonial-boxarea .names-area .elements20{
    display:none!important;
  }
}


/* ==========================================================================
   PROJECT INTERFACE PREVIEWS — preserve full product UI
   ========================================================================== */
.rt-project-index-image img.rt-project-preview-image,
.rt-related-project-image img.rt-project-preview-image,
.rt-project-hero-media.rt-project-preview img{
  aspect-ratio:4/3!important;
  object-fit:cover!important;
}
.rt-project-media-note{
  position:relative;
  z-index:2;
  margin:8px 5px 2px;
  color:#7f8da3;
  font:500 11px/1.4 'Figtree',system-ui,sans-serif;
}
@media (max-width:767px){
  .rt-project-media-note{
    margin:7px 3px 1px;
    font-size:10.5px;
  }
}


/* ==========================================================================
   RAHMONTECH BRAND RESTRAINT PASS
   Reduce generic AI/template UI signals: decorative pills, stacked borders,
   gradient cards, oversized radii and hover theatrics. Hierarchy should come
   from type, spacing, imagery and a restrained use of the brand accent.
   ========================================================================== */

/* Section labels are typography, not badges. */
.rt-project-eyebrow,
.rt-projects-eyebrow{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:var(--rt-accent)!important;
  font:700 11px/1.3 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

/* Keep the shared eyebrow treatment plain even on older blog-specific rules. */
.rt-eyebrow{
  display:block!important;
  width:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
}

/* Project filters are navigation controls, not a row of pills. */
.rt-project-filters .nav{
  gap:20px!important;
  border-bottom:1px solid var(--rt-border);
}
.rt-project-filters .nav-link{
  min-height:38px!important;
  padding:8px 0 10px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#93a1b6!important;
  font-weight:650!important;
}
.rt-project-filters .nav-link:hover{
  border-bottom-color:rgba(255,255,255,.28)!important;
  color:#e5ebf4!important;
  background:transparent!important;
}
.rt-project-filters .nav-link.active{
  border-bottom-color:var(--rt-accent)!important;
  background:transparent!important;
  color:#fff!important;
}

/* Portfolio overview metadata reads as a quiet list, not chips. */
.rt-projects-hero-panel{
  border-radius:10px!important;
  background:var(--rt-surface)!important;
  box-shadow:none!important;
}
.rt-projects-hero-panel ul{
  gap:4px 14px!important;
}
.rt-projects-hero-panel li{
  position:relative;
  padding:0 0 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#aeb9cc!important;
  font-weight:550!important;
}
.rt-projects-hero-panel li:before{
  content:"";
  position:absolute;
  left:0;
  top:.52em;
  width:3px;
  height:3px;
  border-radius:50%;
  background:var(--rt-accent);
}

/* Service capabilities remain useful metadata without becoming UI chips. */
.service1-section-area .rt-build-card .rt-build-tags{
  gap:5px 16px!important;
}
.service1-section-area .rt-build-card .rt-build-tags li{
  position:relative;
  padding-left:10px;
}
.service1-section-area .rt-build-card .rt-build-tags li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#718097;
}
.service1-section-area .rt-build-card .rt-build-tags li span{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#aeb9cc!important;
  font-size:12.5px!important;
  font-weight:600!important;
}

/* Flat, editorial project presentation. */
.rt-project-hero-media{
  padding:0!important;
  border-radius:10px!important;
  background:#0b1324!important;
  box-shadow:none!important;
}
.rt-project-hero-media:before{display:none!important}
.rt-project-hero-media img{border-radius:9px!important}

.rt-project-case-study .rt-project-overview{
  border-radius:10px!important;
  background:var(--rt-surface)!important;
  box-shadow:none!important;
}
.rt-project-story-cta{
  border-radius:8px!important;
  background:transparent!important;
}

.rt-project-index-card,
.rt-related-project-card{
  border-radius:10px!important;
  background:var(--rt-surface)!important;
  box-shadow:none!important;
  transform:none!important;
}
.rt-project-index-card:hover,
.rt-related-project-card:hover{
  transform:none!important;
  box-shadow:none!important;
  border-color:rgba(255,255,255,.18)!important;
}
.rt-project-index-card:hover .rt-project-index-image img,
.rt-related-project-card:hover .rt-related-project-image img{
  transform:none!important;
}

/* Related work needs real breathing room, especially when stacked on phones. */
.rt-related-projects{
  padding:72px 0 68px!important;
  background:transparent!important;
}
.rt-related-projects-head{
  max-width:720px!important;
  margin:0 0 28px!important;
  text-align:left!important;
}
.rt-related-projects-head p{
  max-width:620px;
  margin:10px 0 0!important;
}
.rt-related-projects .row{
  --bs-gutter-x:24px;
  --bs-gutter-y:24px;
}
.rt-related-projects .row>[class*="col-"]{
  display:flex;
}
.rt-related-project-card{
  width:100%;
  margin:0!important;
}
.rt-related-project-body{
  padding:20px 20px 21px!important;
}
.rt-related-project-body h3{
  margin-bottom:14px!important;
}

/* Blog topics can remain filters, but avoid bubble/chip styling. */
.rt-tagbar{
  gap:18px!important;
}
.rt-tagbar .rt-tag{
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  border-radius:0!important;
  background:none!important;
  color:#aeb9cc!important;
}
.rt-tagbar .rt-tag span{
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  color:#718097!important;
}
.rt-tagbar .rt-tag:hover{
  transform:none!important;
  border-bottom-color:#718097!important;
  background:none!important;
  color:#fff!important;
}
.rt-tagbar .rt-tag.is-active{
  border-bottom-color:var(--rt-accent)!important;
  background:none!important;
  color:#fff!important;
}
.rt-tagbar .rt-tag.is-active span{
  background:none!important;
  color:var(--rt-accent)!important;
}

/* One filled treatment for true primary actions; reduce ornamental rounding. */
body.body-bg1 .vl-btn1{
  border-radius:6px!important;
}

@media (max-width:767px){
  .rt-related-projects{
    padding:54px 0 50px!important;
  }
  .rt-related-projects-head{
    margin-bottom:22px!important;
  }
  .rt-related-projects .row{
    --bs-gutter-x:0px;
    --bs-gutter-y:16px;
  }
  .rt-related-project-card{
    margin:0!important;
  }
  .rt-project-filters .nav{
    gap:18px!important;
    border-bottom:0;
  }
  .rt-project-filters .nav-link{
    min-height:36px!important;
    padding:7px 0 9px!important;
  }
}