/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.8.1784014151
Updated: 2026-07-14 07:29:11

*/



:root {
  /* --- Neutrals (the structural backbone) --- */
  --cs-black:    #262626;  /* rgb(0,0,0)       ink, wordmark, hard rules   */
  --cs-graphite: #404040;  /* rgb(64,64,64)    body text, secondary ink    */
  --cs-silver:   #bfbfbf;  /* rgb(191,191,191) borders, disabled, hairline */
  --cs-mist:     #EFEEEA;  /* rgb(242,242,242) page tint, cards, wash      */
  --cs-white:    #ffffff;  /* rgb(255,255,255) surface, reversed ink       */

  /* --- Accents (used sparingly, one per composition) --- */
  --cs-sky:       #8cb8ca; /* rgb(140,184,202) dusty blue   */
  --cs-terracotta:#ca7d32; /* rgb(202,125,50)  burnt orange */
  --cs-sage:      #a4aa84; /* rgb(164,170,132) soft green   */
  --cs-slate:     #536281; /* rgb(83,98,129)   slate blue   */
  --cs-umber:     #9a6127; /* rgb(154,97,39)   deep brown   */
  --cs-moss:      #797d62; /* rgb(121,125,98)  olive        */

  /* --- Semantic aliases --- */
  --text-strong:   var(--cs-black);
  --text-body:     var(--cs-graphite);
  --text-muted:    #6b6b6b;
  --text-faint:    var(--cs-silver);
  --text-inverse:  var(--cs-white);
  --text-link:     var(--cs-slate);

  --surface-page:  var(--cs-white);
  --surface-tint:  var(--cs-mist);
  --surface-card:  var(--cs-white);
  --surface-ink:   var(--cs-black);   /* reversed / dark sections */
  --surface-slate: var(--cs-slate);

  --border-hairline: var(--cs-silver);
  --border-strong:   var(--cs-black);
  --border-subtle:   #e2e2e2;

  --accent-primary:  var(--cs-slate);      /* default interactive accent */
  --accent-warm:     var(--cs-terracotta); /* highlight / call-to-action */
  --accent-cool:     var(--cs-sky);
  --accent-natural:  var(--cs-sage);

  /* --- Feedback (derived from the earthy accents, not stock UI hues) --- */
  --feedback-info:    var(--cs-slate);
  --feedback-success: var(--cs-sage);
  --feedback-warning: var(--cs-terracotta);
  --feedback-danger:  #9e3b2e;  /* muted brick red, keyed to umber */

  /* --- Focus --- */
  --focus-ring: var(--cs-slate);


  /* Radius — square-first. Larger radii reserved for pills/avatars. */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Border widths */
  --border-hair:  1px;
  --border-thick: 2px;
  --border-rule:  3px;   /* editorial section rule */

  /* Shadows — soft, low, cool-neutral. Never colored. */
  --shadow-none: none;
  --shadow-xs:   0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm:   0 2px 6px rgba(0,0,0,0.07);
  --shadow-md:   0 6px 18px rgba(0,0,0,0.09);
  --shadow-lg:   0 18px 44px rgba(0,0,0,0.12);
  --shadow-ring: 0 0 0 3px rgba(83,98,129,0.28);  /* slate focus halo */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);  /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0.0, 1, 1);   /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  --space-0:  0;
  --space-1:  0.25rem;  /*  4px */
  --space-2:  0.5rem;   /*  8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.5rem;   /* 24px */
  --space-6:  2rem;     /* 32px */
  --space-7:  3rem;     /* 48px */
  --space-8:  4rem;     /* 64px */
  --space-9:  6rem;     /* 96px */
  --space-10: 8rem;     /*128px */

  /* Container widths */
  --container-sm:  640px;
  --container-md:  860px;
  --container-lg:  1120px;
  --container-xl:  1320px;

  /* Section rhythm */
  --gutter:        var(--space-5);
  --section-y:     var(--space-9);

  /* Families */
  --font-serif:  Georgia, 'Georgia Pro', 'Times New Roman', serif;   /* headers   */
  --font-sans:   'Jost', 'Europa', 'Century Gothic', system-ui, sans-serif; /* body/UI */
  --font-mono:   ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;

  /* Type scale (1.250 major-third, 16px base) */
  --text-2xs: 0.694rem;  /* 11.1px  overline / caption */
  --text-xs:  0.8rem;    /* 12.8px  fine print         */
  --text-sm:  0.9rem;    /* 14.4px  meta / labels      */
  --text-base:1rem;      /* 16px    UI default         */
  --text-md:  1.125rem;  /* 18px    lede / large body  */
  --text-lg:  1.375rem;  /* 22px    Europa "22pt" body */
  --text-xl:  1.75rem;   /* 28px    h4                 */
  --text-2xl: 2.25rem;   /* 36px    h3                 */
  --text-3xl: 3rem;      /* 48px    h2                 */
  --text-4xl: 3.75rem;   /* 60px    h1                 */
  --text-5xl: 5rem;      /* 80px    display            */

  /* Line heights */
  --leading-tight:  1.1;
  --leading-snug:   1.25;
  --leading-normal: 1.5;
  --leading-relaxed:1.65;

  /* Letter spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-wider:  0.18em;   /* wordmark-style caps */
  --tracking-widest: 0.32em;   /* overlines           */

  /* Semantic roles */
  --display-family: var(--font-serif);
  --heading-family: var(--font-serif);
  --body-family:    var(--font-sans);
  --ui-family:      var(--font-sans);
}


*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--cs-white); -webkit-font-smoothing: antialiased; text-rendering: optimiseLegibility; }
img { display: block; max-width: 100%; }
a { color: inherit; }
a:focus{box-shadow: none !important;}
button { font: inherit; color: inherit; cursor: pointer; background: none; border: none; }
input, textarea, select { font: inherit; }
ul { margin: 0; }
@keyframes csFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes csInR2 { from { opacity: 0; transform: translateX(44px); } to { opacity: 1; transform: none; } }
.cs-rv { opacity: 0; transform: translateY(26px); transition: opacity .8s ease-out, transform .8s ease-out; }
.cs-rv.cs-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .cs-rv { opacity: 1; transform: none; transition: none; } }


.container{max-width: 1280px; padding: 0px clamp(20px, 5vw, 48px); margin: 0 auto; width: 100%;}
.container-full{max-width: 100%; padding: 0 80px; margin: 0 auto;}
.px-48{padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px);}
.py-44{padding-top: clamp(28px, 4vw, 44px); padding-bottom: clamp(28px, 4vw, 44px);}
.py-88{padding-top: clamp(52px, 7vw, 88px); padding-bottom: clamp(52px, 7vw, 88px);}
.pt-88{padding-top: clamp(52px, 7vw, 88px);}
.pb-88{padding-bottom: clamp(52px, 7vw, 88px);}
.pt-50{padding-top: 50px;}
.pb-50{padding-bottom: 50px;}


html {
    scroll-behavior: smooth;
}
[id] {
    scroll-margin-top: 100px;
}

body {
  margin: 0;
  font-family: var(--body-family);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-family);
  color: var(--text-strong);
  font-weight: var(--weight-regular);
  line-height: var(--leading-tight);
  margin: 0 0 0.5em;
  text-wrap: balance;
}
h1 { font-size: var(--text-4xl); letter-spacing: var(--tracking-tight); }
h2 { font-size: var(--text-3xl); letter-spacing: var(--tracking-tight); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }
h5 { font-size: var(--text-md); }
h6 { font-size: var(--text-sm); }

p { margin: 0 0 1em; text-wrap: pretty; }
p:last-child{margin: 0;}
p:last-of-type{margin: 0;}

a { color: var(--text-link); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 2px; }

small { font-size: var(--text-sm); }

hr {
  border: 0;
  border-top: var(--border-hair) solid var(--border-hairline);
  margin: var(--space-6) 0;
}

/* Editorial overline — the wordmark voice, reusable */
.cs-overline {
  font-family: var(--ui-family);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* Wide-tracked display caps, echoing CITYSPACE */
.cs-wordmark-caps {
  font-family: var(--ui-family);
  font-weight: var(--weight-light);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}

::selection { background: var(--cs-sky); color: var(--cs-black); }

@keyframes cs-spin { to { transform: rotate(360deg); } }
@keyframes cs-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes cs-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }


header#masthead .container{max-width: 1440px;}
header#masthead{position: sticky;top: 0px;z-index: 60;background: rgba(255, 255, 255, 0.94);backdrop-filter: blur(8px);border-bottom: 1px solid var(--border-hairline); padding: 16px 0; display: flex; align-items: center; height: 74px; width: 100%;}
header#masthead .header-inner{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:24px;}
.header-inner .header-logo .site-logo a{display: block;}
.header-inner .header-logo .site-logo a img{height: 19px; width: auto;}
.header-inner .header-nav .menu-button-container{display: none;}
.header-inner ul.menu-wrapper{margin: 0; padding: 0; list-style: none; display: flex;align-items: center;gap: 32px;}
.header-inner ul.menu-wrapper li{margin: 0;}
.header-inner ul.menu-wrapper > li > a{font-family: var(--font-sans); font-size: 0.74rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em; text-decoration: none; padding: 8px 0px; border-bottom: 2px solid transparent; white-space: nowrap; color: var(--text-body);}
.header-inner ul.menu-wrapper > li.current-menu-item > a,
.header-inner ul.menu-wrapper > li.current-menu-parent > a{color: var(--cs-black); border-bottom: 2px solid var(--cs-slate);}
.header-inner ul.menu-wrapper > li.menu-btn > a{display: inline-flex;align-items: center;padding: 11px 24px;background-color: var(--cs-slate);color: rgb(255, 255, 255);background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat: no-repeat;background-position: left center;background-size: 0% 100%;border: 1px solid var(--cs-slate);transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px;text-decoration: none;}
.header-inner ul.menu-wrapper > li.menu-item-has-children{position: relative;}
.header-inner ul.menu-wrapper > li.menu-item-has-children ul.sub-menu{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 70; min-width: 290px; list-style: none; padding:24px 1px 8px; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden;}
.header-inner ul.menu-wrapper > li.menu-item-has-children:hover ul.sub-menu{opacity: 1; visibility: visible;}
.header-inner ul.menu-wrapper > li.menu-item-has-children ul.sub-menu:before{position: absolute; content: ""; top: 16px; left: 0; right: 0; bottom: 0; z-index: -1; background: rgb(255, 255, 255);border: 1px solid var(--border-hairline);border-radius: 4px;box-shadow: rgba(0, 0, 0, 0.12) 0px 14px 34px; width: 100%; padding: 8px 0px;}
.header-inner ul.menu-wrapper > li.menu-item-has-children ul.sub-menu li a{display: block;padding: 11px 24px;font-family: var(--font-sans);font-size: 0.9rem;letter-spacing: 0.02em;color: var(--text-body);text-decoration: none;white-space: nowrap;transition: 0.2s;}
.header-inner ul.menu-wrapper > li.menu-item-has-children ul.sub-menu li a:hover,
.header-inner ul.menu-wrapper > li.menu-item-has-children ul.sub-menu li.current-menu-item a{background: var(--cs-mist);}


.home-banner-slider .superblockslider__buttons{gap:10px;}
.home-banner-slider .superblockslider__buttons button{width: 9px;height: 9px;border-radius: 999px;border-width: medium;border-style: none;border-color: currentcolor;border-image: none;background: rgba(255, 255, 255, 0.55) !important;transition: width 0.3s;cursor: pointer; min-width: 9px; opacity: 1;}
.home-banner-slider .superblockslider__buttons button.superblockslider__button--active{width: 30px; background: #ffffff !important;}
.home-banner-slider .superblockslider__buttons button .superblockslider__button__icon{display: none;}




.home-sec1 p{text-align: center; margin: 0px;font-family: var(--font-sans);font-size: clamp(1.15rem, 2.6vw, 1.7rem);font-weight: 300;text-transform: uppercase;letter-spacing: 0.2em;color: var(--cs-slate);}
.home-sec2 h1{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.9rem, 4vw, 3.1rem);line-height: 1.18;letter-spacing: -0.01em;color: rgb(255, 255, 255);margin: 0px;}


.home-sec3 h2{font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.14; letter-spacing: -0.01em; color: var(--cs-black); margin: 0px 0px 28px;}
.service-list ul{list-style: none; padding: 0px; margin: 0px; border-top: 1px solid var(--border-hairline);}
.service-list ul li{display: block !important; margin: 0;}
.service-list ul li a{display: flex; flex-direction: row-reverse;align-items: center;justify-content: space-between;gap: 16px;padding: 18px 4px;border-bottom: 1px solid var(--border-hairline);text-decoration: none;font-family: var(--font-sans);font-size: 0.985rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.16em;color: var(--cs-black);transition: 0.25s;}
.service-list ul li a:hover{background: rgba(83, 98, 129, 0.06);}
.service-list.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin-right: 0; padding: 0; width: 20px; height: 20px;}
.service-list ul li a span.kt-svg-icon-list-single svg{transition: 0.2s ease-in-out;}
.service-list ul li a:hover span.kt-svg-icon-list-single svg{opacity: 0; visibility: hidden;}
.service-list ul li a span.kt-svg-icon-list-single{position: relative;}
/*.service-list ul li a span.kt-svg-icon-list-single:before{position: absolute; content: "→"; color: var(--cs-slate);
    font-size: 1.1rem; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden;}*/
    .service-list ul li a span.kt-svg-icon-list-single:before{position: absolute; content: ""; color: var(--cs-slate);
    font-size: 1.1rem; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out; opacity: 0; visibility: hidden; background: url(./images/arrow-narrow-right.svg) center no-repeat; background-size: 20px;}
    .service-list ul li a:hover span.kt-svg-icon-list-single:before{opacity: 1; visibility: visible;}
.service-image-righta p{font-family: var(--font-sans); font-size: 0.74rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2em; margin: 0;}
.service-image-righta{overflow: hidden;}
.service-image-righta .kt-inside-inner-col{transition:transform .5s ease;}
.service-image-righta:hover .kt-inside-inner-col{transform:scale(1.3) rotateX(10deg);}


.transform-box{padding: clamp(40px, 6vw, 72px);}
.transform-box .kt-inside-inner-col{max-width: 460px;}
.transform-box p{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.4rem, 2.4vw, 1.9rem);line-height: 1.4;color: rgb(255, 255, 255);margin: 0px 0px 32px;}

.about-list{width: 100%;}
.faq-box .kt-accordion-inner-wrap .kt-accordion-pane{border-bottom: 1px solid var(--border-hairline);}
.faq-box .kt-accordion-inner-wrap{border-top: 1px solid var(--border-hairline);}
.faq-box .kt-accordion-panel{padding: 0;}
.faq-box .kt-accordion-wrap .kt-accordion-inner-wrap{grid-row-gap: 20px !important;}
.faq-box .kt-accordion-wrap .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child) .kt-accordion-header-wrap .kt-blocks-accordion-header{padding-top: 0 !important;}


.faq-box .kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:after, 
.faq-box .kt-accodion-icon-style-xclose .kt-blocks-accordion-icon-trigger:before{height: 2px; width: 15px; transition: none;}
.faq-box .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after,
.faq-box .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after,
.faq-box .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before,
.faq-box .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{opacity: 0; visibility: hidden;}
.faq-box .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger,
.faq-box .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{background: url(./images/arrow-narrow-down.svg) center no-repeat; background-size: 24px;}
.faq-box .kt-blocks-accordion-header .kt-blocks-accordion-icon-trigger{transition: none; width: 18px; min-width: 18px;}
.faq-box .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{transform: rotate(180deg);}


.home-sec5 h2{font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.14; letter-spacing: -0.01em; color: var(--cs-black); margin: 0px 0px 28px;}

.home-sec6 h2{font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.7rem, 3.2vw, 2.3rem); line-height: 1.14; letter-spacing: -0.01em; color: var(--cs-black); margin: 0px 0px 24px;}
.faq-main-row.kb-row-layout-wrap > .kt-row-column-wrap{grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);}

.home-sec7 p.wp-block-paragraph.testi-title{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.24em;color: var(--cs-sky);margin: 0px 0px 30px;}
.testimonial-box .swiper-content p.testimonial-content.wp-block-paragraph{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1rem, 1.7vw, 1.4rem);line-height: 1.5;color: rgb(255, 255, 255);margin: 0px 0px 28px;}
.testimonial-box .swiper-content p.testimonial-name.wp-block-paragraph{font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.18em;color: rgb(255, 255, 255);margin: 0px;}
.testimonial-box .swiper-content p.testimonial-post.wp-block-paragraph{font-family: var(--font-sans);font-size: 0.72rem;letter-spacing: 0.06em;color: rgba(255, 255, 255, 0.6);margin: 6px 0px 0px;}
.testimonial-box.uagb-slider-container .swiper-button-prev,
.testimonial-box.uagb-slider-container .swiper-button-next{transition: 0.3s ease-in-out;}
.testimonial-box.uagb-slider-container .swiper-button-prev:hover,
.testimonial-box.uagb-slider-container .swiper-button-next:hover{background-color: #ffffff; color: #404040;}

.testimonial-box.uagb-slider-container .swiper-pagination-bullets{display: flex;justify-content: center;gap: 10px;}
.testimonial-box.uagb-slider-container .swiper-pagination-bullets .swiper-pagination-bullet{width: 9px;height: 9px;border-radius: 999px;border-width: medium;border-style: none;border-color: currentcolor;border-image: none;background: rgba(255, 255, 255, 0.55) !important;transition: width 0.3s;cursor: pointer; min-width: 9px; opacity: 1; margin: 0;}
.testimonial-box.uagb-slider-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px; background: #ffffff !important;}

.home-sec8 h2{font-family: var(--font-serif); font-weight: 400; font-size: clamp(1.7rem, 3.2vw, 2.3rem); line-height: 1.14; letter-spacing: -0.01em; color: var(--cs-black); margin: 0px 0px 32px;}

.home-sec9 .contact-box{background: var(--cs-mist) !important;padding: 0; width: 100%;}
.home-sec9 .wpforms-container-full{max-width: 100% !important;margin: 0px auto !important; width: 100%;}
.home-sec9 .contact-box h3{font-family: var(--font-serif); font-weight: 400; font-size: 1.6rem; color: var(--cs-black); padding: 40px 40px 0;}
.home-sec9 .contact-box form,
.home-sec9 .contact-box form .wpforms-field-container{display: flex; flex-direction: column; gap: 18px;}
.home-sec9 .contact-box form .wpforms-field{padding: 0;}
.home-sec9 .contact-box form label.wpforms-field-label{display: block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 500;letter-spacing: 0.04em;color: var(--text-muted);margin-bottom: 7px;}
.home-sec9 .contact-box form .wpforms-required-label{color: var(--text-muted);}
.home-sec9 .contact-box form input{width: 100%;padding: 12px 14px;border: 1px solid var(--cs-silver) !important;border-radius: 4px;background: rgb(255, 255, 255);font-size: 0.92rem;color: var(--cs-black);outline: none; height: auto; box-shadow: none !important;}
.home-sec9 .contact-box div.wpforms-container-full form .wpforms-submit-container{margin-top: 0;}
.home-sec9 .contact-box div.wpforms-container-full form button[type=submit]{align-self: flex-start;margin-top: 6px;padding: 14px 34px;background-color: var(--cs-black);color: rgb(255, 255, 255);background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat: no-repeat;background-position: left center;background-size: 0% 100%;border: 1px solid var(--cs-black);transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s;font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px; height: auto; line-height: 1.5;}


.homepage-news .news-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 32px);}
.homepage-news .news-item a.news-image{display: block; text-decoration: none; overflow: hidden;}
.homepage-news .news-item img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; height: auto !important; transition:transform .5s ease;}
.homepage-news .news-item a.news-image:hover img{transform:scale(1.3) rotateX(10deg);}
.homepage-news .news-item .news-content span.news-date{font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--cs-slate);margin: 16px 0px 8px; display: block;}
.homepage-news .news-item .news-content .news-heading{font-family: var(--font-serif);font-weight: 500;font-size: 1.18rem;line-height: 1.3;color: var(--cs-black);margin: 0px 0px 12px; display: block;}
.homepage-news .news-item .news-content .news-heading a{color: var(--cs-black); text-decoration: none;}
.homepage-news .news-item a.news-readmore{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-sans);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;color: var(--cs-slate); text-decoration: none;} 


footer.site-footer{background: var(--cs-mist); border-top: 3px solid var(--cs-black); padding: clamp(44px, 6vw, 72px) 0;}
footer.site-footer .footer-row1{display: flex;flex-wrap: wrap;gap: clamp(32px, 5vw, 72px);justify-content: space-between;}
footer.site-footer .footer-row1 .footer-col1{flex: 1 1 300px; max-width: 360px;}
footer.site-footer .footer-row1 .footer-col2{flex: 0 1 auto;}
footer.site-footer .footer-row1 .footer-col3{flex: 1 1 260px; max-width: 320px;}
footer.site-footer .footer-row1 .footer-col1 .widget_media_image figure{margin: 0 0 26px;}
footer.site-footer .footer-row1 .footer-col1 .kt-inside-inner-col img{height: 64px; width: auto;}
footer.site-footer .footer-row1 .footer-col1 .widget_text p.wp-block-paragraph{font-family: var(--font-sans);font-size: 0.78rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-faint);margin: 14px 0px 0px;}
footer.site-footer p.foot-ttl.wp-block-paragraph{font-family: var(--font-sans);font-size: 0.68rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.18em;color: var(--cs-black);margin: 0px 0px 18px;}
footer.site-footer ul.menu{padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}
footer.site-footer ul.menu li{margin:0;}
footer.site-footer ul.menu li a{font-family: var(--font-sans);font-size: 0.985rem;color: var(--text-body);text-decoration: none;}
footer.site-footer p.foot-adr.wp-block-paragraph{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.7;color: var(--text-body);margin: 0px 0px 14px;}
footer.site-footer ul.wp-block-list.foot-info-list{padding: 0; margin: 0; list-style: none; display: flex; flex-direction: column; gap: 6px;}
footer.site-footer ul.wp-block-list.foot-info-list li a{display: block;font-family: var(--font-sans);font-size: 1.025rem;color: var(--cs-slate);text-decoration: none;}
footer.site-footer .foot-social{margin-top: 22px;}
footer.site-footer .foot-social .kt-svg-icon-wrap a.kt-svg-icon-link{width: 34px;height: 34px;border: 1px solid var(--cs-silver);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-body);}
footer.site-footer .footer-row2{margin-top: clamp(36px, 5vw, 56px);padding-top: 24px;border-top: 1px solid var(--border-hairline);display: flex;flex-wrap: wrap;gap: 12px;justify-content: space-between;align-items: center;}
footer.site-footer .footer-row2 p{font-family: var(--font-sans);font-size: 0.72rem;color: var(--text-faint);margin: 0px;letter-spacing: 0.04em;}
footer.site-footer .footer-row2 .footer-bottom-left{display: flex; align-items: center; gap:12px; flex-wrap: wrap;}
footer.site-footer .footer-row2 .footer-bottom-left ul.menu{flex-direction: row; flex-wrap: wrap;}
footer.site-footer .footer-row2 .footer-bottom-left ul.menu li a{font-size: 0.85rem;}


header.entry-header{display: none;}

.sub-hero-title{padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 48px) clamp(24px, 4vw, 40px);}
.sub-hero-title .page-title-top{display: block;text-align: center;font-family: var(--font-sans);font-size: clamp(1.15rem, 2.4vw, 1.6rem);font-weight: 300;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px;}
.sub-hero-title h1{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2.1rem, 4.6vw, 3.4rem);line-height: 1.1;letter-spacing: -0.015em;color: var(--cs-black);margin: 0px;}


.left-img-right-content h1.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2rem, 4vw, 3rem);line-height: 1.12;letter-spacing: -0.015em;color: var(--cs-black);margin: 0px 0px 26px;}
.left-img-right-content h2.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.7rem, 3.2vw, 2.3rem);line-height: 1.14;color: var(--cs-black);margin: 0px 0px 22px;}
.left-img-right-content p{font-family: var(--font-sans);font-size: 1.045rem;line-height: 1.38;color: var(--text-body);}


.services-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: clamp(20px, 3vw, 32px);}
.services-grid .service-card{display: block;background: rgb(255, 255, 255);border: 1px solid var(--border-hairline);border-radius: 4px;overflow: hidden;text-decoration: none;}
.services-grid .service-card a.service-image{display: block; text-decoration: none;cursor: pointer; overflow: hidden;}
.services-grid .service-card a.service-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover; transition:transform .5s ease;}
.services-grid .service-card a.service-image:hover img{transform:scale(1.3) rotateX(10deg);}
.services-grid .service-card .service-content{padding: 18px 20px 22px;}
.services-grid .service-card .service-content h3.service-title{font-family: var(--font-serif);font-weight: 500;font-size: 1.18rem;line-height: 1.25;color: var(--cs-black);margin: 0px 0px 14px;}
.services-grid .service-card .service-content h3.service-title a{color: var(--cs-black); text-decoration: none;}
.services-grid .service-card .service-content a.service-read-more{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-sans);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;color: var(--cs-slate); text-decoration: none;}
.services-grid .service-card .service-content a.service-read-more span{font-size: 1.125rem;}


.service-sec2 h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.5rem, 2.6vw, 2rem);color: var(--cs-black);margin: 0px 0px 18px;}
.service-sec2 p{font-family: var(--font-sans);font-size: 1.065rem;line-height: 1.36;color: var(--text-body);margin: 0px;}

.service-sec3 .relocations-box{padding: clamp(40px, 6vw, 72px);}
.service-sec3 .relocations-box .kt-inside-inner-col{max-width: 560px;}
.service-sec3 .relocations-box p{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.3rem, 2.2vw, 1.7rem);line-height: 1.4;color: rgb(255, 255, 255);margin: 0px 0px 20px;}
.service-sec3 .project-box{padding: clamp(28px, 4vw, 44px); background-color: #efeeea;}

.portfolio-projects .slick-list{margin: 0 -10px;}
.portfolio-projects .slick-list .slick-slide{padding: 10px;}
.portfolio-projects .portfolio-card a.portfolio-image{display: block; overflow: hidden;}
.portfolio-projects .portfolio-card a.portfolio-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3.4;object-fit: cover; transition:transform .5s ease;}
.portfolio-projects .portfolio-card a.portfolio-image:hover img{transform:scale(1.3) rotateX(10deg);}
.portfolio-projects .portfolio-card .portfolio-content h3{font-family: var(--font-sans);font-size: 0.845rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;color: var(--cs-black);margin: 14px 0px 5px;}
.portfolio-projects .portfolio-card .portfolio-content h3 a{color: var(--cs-black); text-decoration: none;}
.portfolio-projects .portfolio-card .portfolio-content .portfolio-meta{font-family: var(--font-sans);font-size: 0.925rem;color: var(--text-muted);margin: 0px;}
.portfolio-projects{padding-bottom: 60px;}
.portfolio-projects .slick-arrow{width: 44px;height: 44px;border-radius: 50%;border: 1px solid var(--cs-silver);color: var(--cs-black);background-color: transparent;display: flex;align-items: center;justify-content: center;font-size: 1.05rem;transition: 0.25s;cursor: pointer; top: auto; bottom: 0; left: 0; right: auto; transform:none; position: absolute; transition: 0.3s ease-in-out;}
.portfolio-projects .slick-arrow.slick-custom-next{left: 56px; right: auto;}
.portfolio-projects .slick-arrow:hover{background-color: var(--cs-black); color: rgb(255, 255, 255);}


.cta-section h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.7rem, 3.2vw, 2.4rem);line-height: 1.14;color: var(--cs-black);margin: 0px 0px 28px;}


.single-service-hero.sub-hero-title{padding: clamp(40px, 6vw, 72px) 0 clamp(24px, 4vw, 40px);}
.single-sub-main{position: relative;}
.single-sub-main .back-btn-top{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.back-btn-top a.back-link{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-sans);font-size: 0.82rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.14em;color: var(--text-muted);text-decoration: none;transition: color 0.25s;}
.service-hero .service-hero-grid{display: grid; gap: clamp(32px, 5vw, 64px); grid-template-columns: repeat(2, 1fr); align-items:center;}
.service-hero-grid .service-left h1{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2rem, 4vw, 3rem);line-height: 1.1;letter-spacing: -0.015em;color: var(--cs-black);margin: 0px 0px 14px; max-width: 16ch;}
.service-short-desc p{font-family: var(--font-sans);font-size: 1.155rem;font-weight: 300;line-height: 1.3;color: var(--text-body);margin: 0px;}

.service-right img{width: 100% !important;height: 100% !important;min-height: 280px !important;object-fit: cover !important; max-width: 100% !important;}


.service-content h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.35rem, 2.3vw, 1.75rem);line-height: 1.2;color: var(--cs-black);margin: 0px 0px 18px;}
.service-content p{font-family: var(--font-sans);font-size: 1.045rem;font-weight: 300;line-height: 1.38;color: var(--text-body);}

.more-services{background: var(--cs-mist);}
.more-services .section-title p{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px 0px 24px;}

.more-services .service-cta,
.more-workplace .service-cta{background: var(--cs-slate);border-radius: 4px;padding: clamp(24px, 3vw, 34px);display: flex;flex-direction: column;justify-content: center;}
.more-services .service-cta h4,
.more-workplace .service-cta h4{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.2rem, 2vw, 1.5rem);line-height: 1.35;color: rgb(255, 255, 255);margin: 0px 0px 20px;}
.more-services .service-cta a.cta-btn,
.more-workplace .service-cta a.cta-btn{align-self: flex-start;display: inline-flex;padding: 12px 26px;background: rgb(255, 255, 255);color: var(--cs-slate);font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px;text-decoration: none;}

.bottom-cta.cta-section{text-align: center;}
.bottom-cta.cta-section a.cta-btn{display: inline-flex;align-items: center;padding: 14px 32px;background-color: #D4C0AA;color: rgb(255, 255, 255);background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat: no-repeat;background-position: left center;background-size: 0% 100%;border: 1px solid #D4C0AA;transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s;font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px;text-decoration: none;}

.service-full-image figure.wp-block-image{margin: 0;}
.service-full-image img{width: 100%; aspect-ratio: 21 / 9; min-height: 260px; object-fit: cover;}

.portfolio-wrapper .portfolio-filters{display: flex;flex-wrap: wrap;gap: 14px;padding-bottom: 28px;border-bottom: 1px solid var(--border-hairline);}
.portfolio-wrapper .portfolio-filters .portfolio-filters-box{position: relative;}
.portfolio-wrapper .portfolio-filters .portfolio-filters-box select{appearance: none;padding: 11px 42px 11px 16px;border: 1px solid var(--cs-silver);border-radius: 4px;background: rgb(255, 255, 255);font-family: var(--font-sans);font-size: 0.945rem;letter-spacing: 0.04em;color: var(--cs-black);cursor: pointer;min-width: 180px;}
.portfolio-wrapper .portfolio-filters .portfolio-filters-box span{position: absolute;right: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;color: var(--cs-slate);font-size: 0.7rem;}

.portfolio-wrapper .portfolio-main-row{padding: clamp(36px, 5vw, 56px) 0px 0px;}
.portfolio-wrapper .portfolio-main-row .portfolio-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: clamp(20px, 3vw, 32px);}
.portfolio-grid .portfolio-card a.portfolio-image{display: block; overflow: hidden;}
.portfolio-grid .portfolio-card a.portfolio-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover; transition:transform .5s ease;}
.portfolio-grid .portfolio-card a.portfolio-image:hover img{transform:scale(1.3) rotateX(10deg);}
.portfolio-grid .portfolio-card .portfolio-content h3{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;color: var(--cs-black);margin: 14px 0px 5px;}
.portfolio-grid .portfolio-card .portfolio-content h3 a{color: var(--cs-black); text-decoration: none;}
.portfolio-grid .portfolio-card .portfolio-content .portfolio-meta{font-family: var(--font-sans);font-size: 0.925rem;color: var(--text-muted);margin: 0px;}

.portfolio-single-hero .sub-hero-title .portfolio-title{padding-top: 20px;}
.portfolio-hero-grid{display: flex;flex-wrap: wrap;gap: clamp(32px, 5vw, 64px);align-items: stretch;}
.portfolio-hero-grid .portfolio-left{flex: 1.2 1 420px;display: flex;}
.portfolio-hero-grid img{width: 100% !important; height: 100% !important; max-width: 100% !important; min-height: 300px; object-fit: cover;}
.portfolio-hero-grid .portfolio-right{flex: 1 1 340px;}
.portfolio-right .portfolio-details{border-top: 1px solid var(--border-hairline); margin-top: 28px; display: block;}
.portfolio-right .portfolio-details .detail-row{display: flex;justify-content: space-between;align-items: center; gap: 16px;padding: 12px 0px;border-bottom: 1px solid var(--border-hairline);}
.portfolio-right .portfolio-details .detail-row span.project-data-title{font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--text-muted);}
.portfolio-right .portfolio-details .detail-row span.project-data{font-family: var(--font-sans);font-size: 0.945rem;color: var(--cs-black);}
.portfolio-right .portfolio-short-desc h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.3rem, 2.2vw, 1.6rem);line-height: 1.3;color: var(--cs-black);margin: 0px 0px 20px;}
.portfolio-right .portfolio-short-desc p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);}

.portfolio-gallery .portfolio-gallery-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;}
.portfolio-gallery .portfolio-gallery-grid .gallery-item a.glightbox{display: block; overflow: hidden;}
.portfolio-gallery .portfolio-gallery-grid .gallery-item img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition:transform .5s ease;}
.portfolio-gallery .portfolio-gallery-grid .gallery-item:hover img{transform:scale(1.3) rotateX(10deg);}

.more-project p.wp-block-paragraph{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px 0px 24px;}

.portfolio-projects-wrapper .portfolio-projects.portfolio-grid{padding-bottom: 0;}
.portfolio-projects-wrapper .portfolio-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: clamp(20px, 3vw, 32px);}
.portfolio-grid .portfolio-card a.portfolio-image{display: block;}
.portfolio-grid .portfolio-card a.portfolio-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover;}
.portfolio-grid .portfolio-card .portfolio-content h3{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.12em;color: var(--cs-black);margin: 14px 0px 5px;}
.portfolio-grid .portfolio-card .portfolio-content h3 a{color: var(--cs-black); text-decoration: none;}
.portfolio-grid .portfolio-card .portfolio-content .portfolio-meta{font-family: var(--font-sans);font-size: 0.925rem;color: var(--text-muted);margin: 0px;}


.left-image-box figure.wp-block-image{height: 100%;}
.left-image-box figure.wp-block-image img{width: 100%;height: 100%;min-height: 300px;object-fit: cover;}


.workplace-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: clamp(20px, 3vw, 32px);}
.workplace-grid .workplace-card{display: block;background: rgb(255, 255, 255);border: 1px solid var(--border-hairline);border-radius: 4px;overflow: hidden;text-decoration: none;}
.workplace-grid .workplace-card a.workplace-image{display: block; text-decoration: none;cursor: pointer; overflow: hidden;}
.workplace-grid .workplace-card a.workplace-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover; transition:transform .5s ease;}
.workplace-grid .workplace-card a.workplace-image:hover img{transform:scale(1.3) rotateX(10deg);}
.workplace-grid .workplace-card .workplace-content{padding: 18px 20px 22px;}
.workplace-grid .workplace-card .workplace-content h3{font-family: var(--font-serif);font-weight: 500;font-size: 1.18rem;line-height: 1.25;color: var(--cs-black);margin: 0px 0px 14px;}
.workplace-grid .workplace-card .workplace-content h3 a{color: var(--cs-black); text-decoration: none;}
.workplace-grid .workplace-card .workplace-content a.read-more{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-sans);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;color: var(--cs-slate); text-decoration: none;}
.workplace-grid .workplace-card .workplace-content a.read-more span{font-size: 1.125rem;}

.workplace-cta{background: var(--cs-slate);border-radius: 4px;padding: clamp(24px, 3vw, 34px);display: flex;flex-direction: column;justify-content: center;}
.workplace-cta h4{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.2rem, 2vw, 1.5rem);line-height: 1.35;color: rgb(255, 255, 255);margin: 0px 0px 20px;}
.workplace-cta a.cta-btn{align-self: flex-start;display: inline-flex;padding: 12px 26px;background: rgb(255, 255, 255);color: var(--cs-slate);font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px;text-decoration: none;}


.more-workplace{background: var(--cs-mist);}
.more-workplace .section-title p{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px 0px 24px;}
.more-workplace .workplace-grid{grid-template-columns: repeat(3, 1fr);gap: clamp(16px, 2vw, 24px);}
.more-workplace .workplace-grid .workplace-card .workplace-content h3{margin: 0;}
.more-workplace .workplace-grid .workplace-card a.workplace-image img{aspect-ratio: 16 / 10;}


.timeline-row.wp-block-columns.is-layout-flex{margin-bottom: 0;}
.timeline-row h4.wp-block-heading{font-family: var(--font-serif);font-weight: 500;font-size: clamp(1.1rem, 2.2vw, 1.4rem);line-height: 1.2;color: var(--cs-black);margin: 0px 0px 12px;}
.timeline-row ul{list-style: none;padding: 0px;margin: 0px;display: flex;flex-direction: column;gap: 7px;}
.timeline-row ul li{display: flex;gap: 10px;font-family: var(--font-sans);font-size: 1.005rem;line-height: 1.4;color: var(--text-body); padding-left: 25px; position: relative;}
.timeline-row ul li:before{position: absolute; content: ""; width: 10px; height: 2px; background-color: var(--cs-slate); top: 10px;  left: 0;}
.timeline-row .timeline-col2 p.wp-block-paragraph{position: relative;z-index: 1;width: clamp(48px, 7vw, 60px);height: clamp(48px, 7vw, 60px);border-radius: 50%;background: var(--cs-slate);color: rgb(255, 255, 255);display: flex;align-items: center;justify-content: center;font-family: var(--font-serif);font-size: clamp(1rem, 2vw, 1.2rem);margin-top: 2px;}
.timeline-row .text-column{padding-bottom: clamp(22px, 4vw, 40px); padding-top: 6px;}
.timeline-row .text-column .kt-inside-inner-col{max-width: 340px; margin-left: auto;}
.timeline-row .timeline-col2{position: relative; display: flex; justify-content: center;}
.timeline-row .timeline-col2:before{position: absolute; content: ""; width: 2px; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; background: var(--border-hairline);}
.timeline-row.timeline-row2  .timeline-col2 p.wp-block-paragraph{background: var(--cs-terracotta);}
.timeline-row.timeline-row3  .timeline-col2 p.wp-block-paragraph{background: var(--cs-sage);}
.timeline-row.timeline-row4  .timeline-col2 p.wp-block-paragraph{background: var(--cs-sky);}
.timeline-row.timeline-row5  .timeline-col2 p.wp-block-paragraph{background: var(--cs-umber);}
.timeline-row.timeline-row6  .timeline-col2 p.wp-block-paragraph{background: var(--cs-moss);}
.timeline-row.timeline-row7  .timeline-col2 p.wp-block-paragraph{background: var(--cs-slate);}
.timeline-row.timeline-row2 ul li:before{background-color: var(--cs-terracotta);}
.timeline-row.timeline-row3 ul li:before{background-color: var(--cs-sage);}
.timeline-row.timeline-row4 ul li:before{background-color: var(--cs-sky);}
.timeline-row.timeline-row5 ul li:before{background-color: var(--cs-umber);}
.timeline-row.timeline-row6 ul li:before{background-color: var(--cs-moss);}
.timeline-row.timeline-row7 ul li:before{background-color: var(--cs-slate);}


.workspaces-hero-grid{display: flex;flex-wrap: wrap;gap: clamp(32px, 5vw, 64px);align-items: flex-start;}
.workspaces-hero-grid .workspaces-left{flex: 1 1 420px;}
.workspaces-hero-grid .workspaces-right{flex: 1 1 360px; align-items: flex-start; position: sticky; top: 100px;}
.workspaces-hero-grid img,
.workspaces-hero-grid .workspaces-content-image img{width: 100% !important; height: 100% !important; max-width: 100% !important; aspect-ratio: 4 / 3; min-height: 280px; object-fit: cover;}
.workspaces-hero-grid .workspaces-short-desc p{font-family: var(--font-sans);font-size: 1.055rem;line-height: 1.38;color: var(--text-body);}
.workspaces-hero-grid .workspaces-content-image{padding-top:16px;}



.portfolio-loading{display: flex; align-items: center; justify-content: center;}
.lds-ring {color: #262626}
.lds-ring,
.lds-ring div {box-sizing: border-box;}
.lds-ring {display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-ring div {box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid currentColor;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: currentColor transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.about-sec2 h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.8rem, 3.6vw, 2.8rem);line-height: 1.2;color: rgb(255, 255, 255);margin: 0px;}

.history-sec1 h1{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2.1rem, 4.6vw, 3.4rem);line-height: 1.1;letter-spacing: -0.015em;color: var(--cs-black);margin: 0px 0px 24px;}
.history-sec1 p{font-family: var(--font-sans);font-size: 1.155rem;font-weight: 300;line-height: 1.28;color: var(--text-body);margin: 0px;}

.history-timeline .cool-vertical-timeline-body.one-sided.ctlb-wrapper{padding: 0; margin: 0;}
.history-timeline .cool-vertical-timeline-body .ctl-row{padding: 0 0 44px;}
.history-timeline .cool-vertical-timeline-body.one-sided.left .timeline-content .timeline-block-time{display: none;}
.history-timeline .cool-vertical-timeline-body.one-sided.left .timeline-content .timeline-block-detail{width: calc(100% - 84px);}
.history-timeline .cool-vertical-timeline-body.ctlb-wrapper:before{left: 9px !important; background: #bfbfbf;}
.history-timeline .cool-vertical-timeline-body .timeline-content .story-details{box-shadow: none; padding: 0; border: none; border-left: none !important;}
.history-timeline .cool-vertical-timeline-body.one-sided.left .timeline-content .story-details:before{display: none;}
.history-timeline .cool-vertical-timeline-body .timeline-content.icon-false .timeline-block-icon{top: 10px !important;}
.history-timeline .cool-vertical-timeline-body .timeline-content .story-details .story-content h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.4rem, 2.4vw, 1.9rem);line-height: 1;color: var(--cs-black);margin: 0px 0px 12px;}
.history-timeline .cool-vertical-timeline-body .timeline-content .story-details .story-content p{font-family: var(--font-sans);font-size: 1.005rem;line-height: 1.34;color: var(--text-body);margin: 0px;max-width: 60ch;}
.history-timeline .cool-vertical-timeline-body .timeline-content .story-details .story-content img{width: 100%;max-width: 520px;aspect-ratio: 16 / 9 !important;object-fit: cover !important;margin-top: 18px;}


.faq-sec1.left-img-right-content h1.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.8rem, 3.6vw, 2.7rem);line-height: 1.2;letter-spacing: -0.01em;color: var(--cs-black);margin: 0px;}
.faq-sec1 figure img{width: 100%;aspect-ratio: 16 / 10;min-height: 280px;object-fit: cover;}


.faq-sec2 h3.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.4rem, 2.4vw, 1.85rem);line-height: 1.2;color: var(--cs-black);margin: 0px 0px 12px;}
.more-topic-faq p.wp-block-paragraph{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.18em;color: var(--text-muted);margin: 0px 0px 12px;}

.faq-tabs.uagb-tabs__wrap ul.uagb-tabs__panel.uagb-tabs__align-left{gap:10px;}
.faq-tabs .uagb-tabs__body-wrap{border: none !important;}
.faq-tabs.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a{box-shadow: none !important; outline: none !important; text-decoration: none !important;}


.featured-post .featured-post-grid{display: flex;flex-wrap: wrap;gap: clamp(32px, 5vw, 64px);align-items: center;}
.featured-post .featured-post-grid .featured-content{flex: 1 1 380px;}
.featured-post .featured-post-grid .featured-image{flex: 1.1 1 400px;}
.featured-post-grid .featured-content h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.5rem, 2.8vw, 2.1rem);line-height: 1.2;color: var(--cs-black);margin: 0px 0px 10px;}
.featured-post-grid .featured-content h2 a{color: var(--cs-black); text-decoration: none;}
.featured-post-grid .featured-content span.post-date{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--cs-slate);margin: 0px 0px 22px; display: block;}
.featured-post-grid .featured-content .short-content p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);margin: 0px 0px 16px;}
.featured-post-grid .featured-content a.read-more{display: inline-flex;align-items: center;gap: 10px;margin-top: 8px;font-family: var(--font-sans);font-size: 0.76rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;color: var(--cs-slate);text-decoration: none;}
.featured-post-grid .featured-image img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover; min-height: 300px;}


.related-insights{background: var(--cs-mist);}
.related-insights .section-title p{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px 0px 24px;}
.related-insights .related-insights-grid{grid-template-columns: repeat(4, 1fr);gap: clamp(20px, 3vw, 32px); display: grid;}
.related-insights .related-insights-grid .insights-card a.insights-thumb{overflow: hidden; display: block;}
.related-insights .related-insights-grid .insights-card a.insights-thumb img{width: 100% !important;max-width: 100% !important;height: auto !important;aspect-ratio: 4 / 3;object-fit: cover; transition:transform .5s ease;}
.related-insights .related-insights-grid .insights-card a.insights-thumb:hover img{transform:scale(1.3) rotateX(10deg);}
.related-insights .related-insights-grid .insights-card .post-content{padding-top: 12px;}
.related-insights .related-insights-grid .insights-card .post-content span.post-date{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--cs-slate);margin: 0px 0px 8px; display: block;}
.related-insights .related-insights-grid .insights-card .post-content h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.2rem, 1.8vw, 1.4rem);line-height: 1.2;color: var(--cs-black);margin: 0px 0px 10px;}
.related-insights .related-insights-grid .insights-card .post-content h3 a{color: var(--cs-black); text-decoration: none;}
.related-insights .related-insights-grid .insights-card .post-content p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);}


.blog-pagination{display: flex; align-items: center; justify-content: center; gap:8px; padding-top: 32px;}

.blog-content-wrapper{display: flex; flex-wrap: wrap; grid-row-gap: 32px;}
.blog-content-wrapper .content-area{width: 70%; padding-right: 40px; box-sizing: border-box;}
.blog-content-wrapper .content-area h1.post-title{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2rem, 4vw, 3rem);line-height: 1.1;letter-spacing: -0.015em;color: var(--cs-black);margin: 0 0 16px;}
.blog-content-wrapper .content-area .post-thumbnail img{width: 100% !important;aspect-ratio: 16 / 9 !important;object-fit: cover !important;margin-bottom: 16px; height: auto !important; max-width: 100% !important}
.blog-content-wrapper .content-area .post-meta span{font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--cs-slate);margin: 0px 0px 12px; display: block;}
.blog-content-wrapper .content-area .post-content p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);}


.blog-content-wrapper .post-content h2{font-size: clamp(1.7rem, 3.2vw, 2.3rem); margin:0; padding:0 0 0.8rem;}
.blog-content-wrapper .post-content p + h2,
.blog-content-wrapper .post-content ul + h2,
.blog-content-wrapper .post-content figure + h2{padding-top:0.5rem;}
.blog-content-wrapper .post-content h3{font-size:clamp(1.375rem, 2.3vw, 1.875rem); margin:0; padding:0 0 0.8rem;}
.blog-content-wrapper .post-content p + h3,
.blog-content-wrapper .post-content ul + h3,
.blog-content-wrapper .post-content figure + h3{padding-top:0.5rem;}
.blog-content-wrapper .post-content ul{margin:0; padding:0 0 1rem 1.2rem;}
.blog-content-wrapper .post-content ul li::marker{color:var(--cs-slate);}
.blog-content-wrapper .post-content figure{padding:0 0 1rem; margin:0;}
.blog-content-wrapper .post-content p + figure,
.blog-content-wrapper .post-content ul + figure{padding-top:0.5rem;}
.blog-content-wrapper .post-content p:last-child{margin-bottom:0;}
.blog-content-wrapper .post-content ul:last-child{padding-bottom:0;}
.blog-content-wrapper .post-content figure:last-child{padding-bottom:0;}
.blog-content-wrapper .post-content figure + p{padding-top:0.5rem;}
.blog-content-wrapper .post-content figure figcaption{margin: 0; padding-top:0.5rem;}
.blog-content-wrapper .post-content .wp-block-separator{border-top: 1px solid rgba(66, 66, 66, .15);}

.sidebar-area{display:flex; flex-direction:column; gap:32px; width: 30%;}
.sidebar-area > .widget_block{box-shadow:0px 1px 40px 7px rgba(0, 0, 0, 0.14); border-radius:10px; padding:24px; background:#fff; margin:0;}
.sidebar-area .wp-block-search__inside-wrapper{padding:4px; margin:0; border:solid 1px #c5c8d2; outline:none; display:flex; border-radius:8px;}
.sidebar-area .wp-block-search__inside-wrapper input{outline:none; border:none; padding:8px 16px; width:calc(100% - 44px); height:auto; font-family:var( --e-global-typography-text-font-family ), Sans-serif; font-size:var( --e-global-typography-text-font-size ); line-height:normal; font-weight:normal;}
.sidebar-area .wp-block-search__inside-wrapper button{height:44px; width:44px; border:none; padding:0; margin:0; background:var( --e-global-color-accent ); color:var( --e-global-color-2afa8ee ); border-radius:8px;}
.sidebar-area .wp-block-search__inside-wrapper button:hover{background:var( --e-global-color-primary );}
.sidebar-area .wp-block-heading{font-size:clamp(1rem, 1.4vw, 1.2rem); margin:0; padding:0 0 0.8rem;}
.sidebar-area ul{padding:0; margin:0; display:flex; flex-direction:column; gap:8px;}
.sidebar-area ul li{margin:0; padding:8px 0 0; border-top:1px solid var(--border-hairline); font-size:0.74rem;}
.sidebar-area ul li:first-child{border:none; padding:0;}
.sidebar-area ul li a{color:var(--text-body); text-decoration: none; font-size:0.85rem;}
.sidebar-area ul li a:hover{color:var(--cs-slate);}
.sidebar-area ul li .wp-block-latest-posts__post-date{display: none;}


.contact-sec1 .wp-block-columns{gap:clamp(32px, 5vw, 72px);}
.contact-sec1 h1{font-family: var(--font-serif);font-weight: 400;font-size: clamp(2.2rem, 5vw, 3.6rem);line-height: 1.08;letter-spacing: -0.02em;color: var(--cs-black);margin: 0px 0px 32px;}
.contact-sec1 .contact-btns{max-width: 320px;}
.contact-sec1 .contact-btns a{width: 100%;}


.contact-sec1 .contact-box{background: rgb(255, 255, 255) !important;padding: clamp(28px, 4vw, 44px) !important; width: 100%; border: 1px solid var(--border-hairline); border-radius: 4px;}
.contact-sec1 .wpforms-container-full{max-width: 100% !important;margin: 0px auto !important; width: 100%;}
.contact-sec1 .contact-box form,
.contact-sec1 .contact-box form .wpforms-field-container{display: flex; flex-direction: column; gap: 18px;}
.contact-sec1 .contact-box form .wpforms-field{padding: 0;}
.contact-sec1 .contact-box form label.wpforms-field-label{display: block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 500;letter-spacing: 0.04em;color: var(--text-muted);margin-bottom: 7px;}
.contact-sec1 .contact-box form .wpforms-required-label{color: var(--text-muted);}
.contact-sec1 .contact-box form input{width: 100%;padding: 12px 14px;border: 1px solid var(--cs-silver) !important;border-radius: 4px;background: rgb(255, 255, 255);font-size: 0.92rem;color: var(--cs-black);outline: none; height: auto; box-shadow: none !important;}
.contact-sec1 .contact-box div.wpforms-container-full form .wpforms-submit-container{margin-top: 0;}
.contact-sec1 .contact-box div.wpforms-container-full form button[type=submit]{align-self: flex-start;margin-top: 6px;padding: 14px 34px;background-color: var(--cs-black);color: rgb(255, 255, 255);background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));background-repeat: no-repeat;background-position: left center;background-size: 0% 100%;border: 1px solid var(--cs-black);transition: background-size 0.45s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s;font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;border-radius: 4px; height: auto; line-height: 1.5;}


.contact-sec2 .wp-block-columns{gap:clamp(32px, 5vw, 64px);}
.contact-sec2 h3{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.4rem, 2.4vw, 1.8rem);color: var(--cs-black);margin: 0px 0px 24px;}
.contact-sec2 p:first-of-type{margin: 0px 0px 20px;}
.contact-sec2 p{font-family: var(--font-sans);font-size: 1.125rem;line-height: 1.8;color: var(--text-body); margin: 0;}
.contact-sec2 p a{display: block;font-family: var(--font-sans);font-size: 1.125rem;color: var(--cs-slate);text-decoration: none; margin-bottom: 6px;}

.esg-hero.sub-hero-title h1{font-size: clamp(1.9rem, 3.8vw, 2.9rem); max-width: 20ch;}
.esg-sec1.left-img-right-content p.light-font{font-family: var(--font-sans);font-size: 1.155rem;font-weight: 300;line-height: 1.28;color: var(--text-body);margin: 0px 0px 24px;}
.esg-sec1.left-img-right-content p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);margin: 0px 0px 16px;}

.esg-sec3 h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.6rem, 3vw, 2.1rem);line-height: 1.16;color: var(--cs-black);margin: 0px 0px 22px;}
.esg-sec3 p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.38;color: var(--text-body);margin: 0px 0px 16px;}
.esg-img img{object-position:top;}


/* NEW ANIMATED BUTTON STYLES */
.animated-button {position: relative; z-index: 2;}
.animated-button a {display: inline-block; position: relative; padding: 14px 30px; font-family: Jost; font-weight: 600; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.16em; text-decoration: none; border-radius: 4px; overflow: hidden; transition: color 0.3s ease; border: 1px solid transparent;}
.animated-button a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; border: 1px solid; box-sizing: border-box; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); transition: clip-path 0.5s ease-out;}

/* animated-button-outline */
.animated-button-outline a {color: #ffffff;}
.animated-button-outline a::after {border-color: #ffffff99;}
.animated-button-outline.visible a::after {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.animated-button-outline a::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #ffffff; transition: width 0.4s ease; z-index: -1;}
.animated-button-outline a:hover {color: #536281;}
.animated-button-outline a:hover::before {width: 100%;}


/* Fill Button */
.animated-button-fill a {color: #D4C0AA;background-color: transparent;border-color: #D4C0AA; border: none;}
/* Border draw animation */
.animated-button-fill a::after {border-color: #D4C0AA;}
.animated-button-fill.visible a::after {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
/* Background fill animation on scroll */
.animated-button-fill a::before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #D4C0AA;transition: width 0.5s ease;z-index: -1;}
/* Scroll par fill left to right */
.animated-button-fill.visible a::before {width: 100%;}
.animated-button-fill.visible a {color: #262626;}
/* Hover par fill remove */
.animated-button-fill.visible a:hover::before {width: 0;left: auto;right: 0;}
.animated-button-fill.visible a:hover {color: #D4C0AA;}


.header-inner ul.menu-wrapper > li.animated-button > a{display: inline-block; position: relative; padding: 11px 24px; font-family: Jost; font-weight: 600; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.16em; text-decoration: none; border-radius: 4px; overflow: hidden; transition: color 0.3s ease; border: none; color: #262626; background-color: transparent;border-color: #D4C0AA;}
.header-inner ul.menu-wrapper > li.animated-button > a:hover{color: #D4C0AA;}
.header-inner ul.menu-wrapper > li.animated-button{display: contents;}

.evaluation.wp-block-kadence-iconlist ul.kt-svg-icon-list{border-top: 1px solid var(--border-hairline);}
.evaluation.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap{display: flex; align-items: flex-start !important; gap: 12px;padding: 12px 4px;border-bottom: 1px solid var(--border-hairline);font-family: var(--font-sans);font-size: 1.005rem;line-height: 1.28;color: var(--text-body);}
.evaluation.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single{margin: 0; padding: 0;}
.evaluation.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap.kt-svg-icon-list-level-1{font-size: 0.783rem; padding-top:0;}
.evaluation.wp-block-kadence-iconlist ul.kt-svg-icon-list li:has(+ li.kt-svg-icon-list-level-1) {border-bottom:0;}

p.note-qt.wp-block-paragraph{font-family: var(--font-sans);font-size: 0.985rem;line-height: 1.65;color: var(--text-muted);margin: 18px 0px 0px;padding: 16px 18px;background: var(--cs-mist);border-left: 2px solid var(--cs-silver);}


.blog-category-filter{display: flex;flex-wrap: wrap;gap: 14px;padding-bottom: 28px;}
.blog-category-filter button{padding: 12px 32px;border: 1px solid var(--cs-silver);border-radius: 4px;background: rgb(255, 255, 255);font-family: var(--font-sans);font-size: 0.945rem;letter-spacing: 0.04em;color: var(--cs-black);cursor: pointer; transition: 0.3s ease-in-out;}
.blog-category-filter button:hover,
.blog-category-filter button.active{background-color: #D4C0AA; border-color: #D4C0AA; color: #ffffff;}



.service-content{overflow: hidden;}
.service-slider{width: 100vw;position: relative;left: 50%;transform: translateX(-50%) !important; padding-left: clamp(20px, 5vw, 60px); padding-right: clamp(20px, 5vw, 60px); background: var(--cs-mist);}

.service-slider .nav-outer-wrapper { position: relative; margin: 0 0 clamp(40px, 6vw, 68px); width: 100%;}
.service-slider .nav-line { position: absolute; top: 80px; left: 0; right: 0; margin: 0 auto; width: 85%; height: 1px; background: var(--cs-silver); z-index: 1; }

.service-slider .nav-track {display: flex;justify-content: space-between;align-items: flex-end;position: relative;z-index: 2;width: 100%;margin: 0;padding: 0;height: 100%;}
.service-slider .nav-step {display: flex;flex: 1;text-align: center;cursor: pointer;flex-direction: column-reverse;align-items: center;box-sizing: border-box;opacity: 1;transition: .3s;}

/*.service-slider .nav-track { display: flex; justify-content: space-around; position: relative; z-index: 2; width: 100%; margin: 0; padding: 0; height: 100%; }
.service-slider .nav-step { text-align: center; cursor: pointer; display: none; flex-direction: column-reverse; align-items: center; width: 33.33%; box-sizing: border-box; opacity: 0; transition: opacity 0.3s ease-in-out; }
.service-slider .nav-step.v-pos-0, .service-slider .nav-step.v-pos-1, .service-slider .nav-step.v-pos-2 { display: flex; opacity: 1; }*/

.service-slider .nav-step span{ width: clamp(32px, 4vw, 40px);height: clamp(32px, 4vw, 40px);border-radius: 50%;color:var(--cs-black);background-color: var(--cs-mist); display: flex;align-items: center;justify-content: center;font-family: var(--font-serif);font-size: clamp(0.92rem, 1.5vw, 1.1rem);cursor: pointer;border: 2px solid;transform: none;transition: transform 0.25s, border-color 0.25s;}
.service-slider .nav-step p{ font-family: var(--font-serif);font-size: clamp(0.82rem, 1.35vw, 1.02rem);line-height: 1.25;text-align: center;margin: 0px 0px 14px;min-height: 42px;color: var(--text-muted);font-weight: 400;transition: color 0.25s; }

.service-slider .step-1 span { border: 2px solid var(--cs-slate); } 
.service-slider .step-2 span { border: 2px solid var(--cs-terracotta); }
.service-slider .step-3 span { border: 2px solid var(--cs-sage); } 
.service-slider .step-4 span { border: 2px solid var(--cs-sky); }
.service-slider .step-5 span { border: 2px solid var(--cs-umber); } 
.service-slider .step-6 span { border: 2px solid var(--cs-moss); }
.service-slider .step-7 span { border: 2px solid var(--cs-slate); }

.service-slider .step-1.nav-step.active span { border: 3px solid var(--cs-slate); } 
.service-slider .step-2.nav-step.active span { border: 3px solid var(--cs-terracotta); }
.service-slider .step-3.nav-step.active span { border: 3px solid var(--cs-sage); } 
.service-slider .step-4.nav-step.active span { border: 3px solid var(--cs-sky); }
.service-slider .step-5.nav-step.active span { border: 3px solid var(--cs-umber); } 
.service-slider .step-6.nav-step.active span { border: 3px solid var(--cs-moss); }
.service-slider .step-7.nav-step.active span { border: 3px solid var(--cs-slate); }

.service-slider .nav-step.active p { font-weight: 600; color: var(--cs-black);}

.service-slider .content-outer-wrapper { position: relative; padding: 0 80px; box-sizing: border-box; }
.service-slider .content-window { width: 100%; min-height: 360px; position: relative; }

.service-slider .content-slide { width: 100%; box-sizing: border-box; opacity: 0; display: none; transition: opacity 0.3s ease-in-out; animation: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) 0s 1 normal both running csInR2;}
.service-slider .content-slide.active { display: block; opacity: 1; }

.service-slider .slide-content { display: flex; align-items: center; gap: clamp(22px, 4vw, 56px); width: 100%; }
.service-slider .slide-text { flex: 1 1 300px;}
.service-slider .slide-text h4 {font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.5rem, 3.2vw, 2.3rem);line-height: 1.12;color: var(--cs-black);margin: 0px 0px 22px;}
.service-slider .slide-text ul{list-style: none;padding: 0px;margin: 0px;display: flex;flex-direction: column;gap: 11px;}
.service-slider .slide-text ul li{position: relative; margin: 0; padding-left: 16px;}
.service-slider .slide-text ul li:before{position: absolute; content: ""; width: 4px; height: 4px; background-color: var(--cs-slate); top: 10px;  left: 0; border-radius: 50%;}
.service-slider .content-slide2 .slide-text ul li:before{background-color: var(--cs-terracotta);}
.service-slider .content-slide3 .slide-text ul li:before{background-color: var(--cs-sage);}
.service-slider .content-slide4 .slide-text ul li:before{background-color: var(--cs-sky);}
.service-slider .content-slide5 .slide-text ul li:before{background-color: var(--cs-umber);}
.service-slider .content-slide6 .slide-text ul li:before{background-color: var(--cs-moss);}
.service-slider .content-slide7 .slide-text ul li:before{background-color: var(--cs-slate);}
.service-slider .slide-image { flex: 1.25 1 340px;}
.service-slider .slide-image img {width: 100%;aspect-ratio: 16 / 11;object-fit: cover;border-top-right-radius: clamp(40px, 7vw, 90px);}

.service-slider .custom-arrow { width: 46px;height: 46px;border-radius: 50%;border: 1px solid var(--cs-silver);background: rgb(255, 255, 255);color: var(--cs-black);display: flex;align-items: center;justify-content: center;font-size: 1.15rem;transition: background 0.25s, color 0.25s; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.service-slider .custom-arrow:hover { background: var(--cs-silver);}
.service-slider .arrow-prev { left: 0; } 
.service-slider .arrow-next { right: 0; }


.portfolio-single-sec1{padding-bottom: clamp(40px, 6vw, 72px);}
.portfolio-gallery{background-color: rgb(239, 238, 234);}
.portfolio-content-sec h3{font-family: var(--font-sans);font-weight: 600;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.2em;color: var(--cs-slate);margin: 0px 0px 16px;}
.portfolio-content-sec p{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.62;color: var(--text-body);}
.project-read-more{padding-top: 26px;}



.left-img-right-content h5.wp-block-heading{display: inline-block;font-family: var(--font-sans);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: var(--cs-slate);margin: 0px 0px 16px;}


.checklist-row{padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 56px);}
.checklist-row h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.5rem, 2.8vw, 2.1rem);line-height: 1.2;color: rgb(255, 255, 255);margin: 0px 0px 18px;}
.checklist-row p{font-family: var(--font-sans);font-size: 1.005rem;line-height: 1.6;color: rgba(255, 255, 255, 0.82);}
.landing-row .kt-row-column-wrap{display: flex;flex-wrap: wrap;gap: clamp(32px, 5vw, 64px) !important;}
.landing-row .kt-row-column-wrap .wp-block-kadence-column:first-child{flex: 1.4 1 420px;}
.landing-row .kt-row-column-wrap .wp-block-kadence-column:last-child{flex: 1 1 320px;}

.landing-page-sec3 .stay-left-col h2.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.7rem, 3.2vw, 2.4rem);line-height: 1.14;color: var(--cs-black);margin: 0px 0px 18px;}
.landing-page-sec3 .stay-left-col .kt-inside-inner-col > p.deciding{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.62;color: var(--text-body); padding: 0 0 24px 0; border-bottom: 1px solid var(--border-hairline);}
.landing-page-sec3 .stay-left-col .kt-inside-inner-col .wp-block-kadence-column .kt-inside-inner-col{display: flex;flex-wrap: wrap;gap: 6px 24px;padding: 16px 4px;border-bottom: 1px solid var(--border-hairline);}
.landing-page-sec3 .stay-left-col .kt-inside-inner-col .wp-block-kadence-column .kt-inside-inner-col p.stay-left.wp-block-paragraph{flex: 0 0 230px;font-family: var(--font-sans);font-size: 0.82rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.14em;color: var(--cs-slate);padding-top: 2px;}
.landing-page-sec3 .stay-left-col .kt-inside-inner-col .wp-block-kadence-column .kt-inside-inner-col p.stay-right.wp-block-paragraph{flex: 1 1 300px;font-family: var(--font-sans);font-size: 1.005rem;line-height: 1.55;color: var(--text-body);}
.landing-page-sec3 .stay-right-col .insights-info .kt-blocks-info-box-link-wrap{background: var(--cs-slate); padding: clamp(26px, 3.5vw, 40px);}
.landing-page-sec3 .stay-right-col .insights-info .kt-blocks-info-box-link-wrap h2.kt-blocks-info-box-title{font-family: var(--font-sans);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.22em;color: rgba(255, 255, 255, 0.7);margin: 0px 0px 14px;}
.landing-page-sec3 .stay-right-col .insights-info .kt-blocks-info-box-link-wrap p.kt-blocks-info-box-text{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.2rem, 2vw, 1.5rem);line-height: 1.3;color: rgb(255, 255, 255);margin: 0px 0px 22px;}
.landing-page-sec3 .stay-right-col .insights-info .kt-blocks-info-box-link-wrap a.kt-blocks-info-box-learnmore{display: inline-flex;align-items: center;gap: 8px;font-family: var(--font-sans);font-size: 0.74rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.16em;color: rgb(255, 255, 255);text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 0 0 4px; margin: 0;}

.landing-page-sec3 .portfolio-wrapper .portfolio-main-row{padding:0;}

.landing-faq.faq-sec2 h3.wp-block-heading{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.7rem, 3.2vw, 2.3rem);line-height: 1.14;color: var(--cs-black);margin: 0px 0px 24px;}
.landing-cta.about-sec2 h2{font-family: var(--font-serif);font-weight: 400;font-size: clamp(1.7rem, 3.2vw, 2.4rem);line-height: 1.16;color: rgb(255, 255, 255);margin: 0px 0px 26px;}
.landing-cta.about-sec2 p.wp-block-paragraph{font-family: var(--font-sans);font-size: 1.025rem;line-height: 1.65;color: rgba(255, 255, 255, 0.82);margin: 0px 0px 16px;text-align: left; text-align: left;}


.history-hero-title.sub-hero-title{padding-bottom: 16px;}


.tl-wrap{max-width:1080px;margin:0 auto;position:relative}
.tl-spine{position:absolute;left:50%;top:8px;bottom:8px;width:2px;transform:translateX(-50%);background:var(--cs-silver)}
.tl-row{position:relative;display:grid;grid-template-columns:1fr clamp(44px,6vw,64px) 1fr;margin-bottom:clamp(-44px,-3vw,-16px)}
.tl-dot{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 4px var(--cs-mist);z-index:2}
.tl-side{display:flex}
.side-left{grid-column:1;justify-content:flex-end}
.side-right{grid-column:3;justify-content:flex-start}
.tl-card{max-width:440px;width:100%;background:#fff;border:1px solid var(--border-hairline);border-radius:4px;padding:clamp(20px,3vw,28px);box-shadow:0 6px 18px rgba(0,0,0,0.05);position:relative;z-index:1}
.side-left .tl-card{text-align:right}
.tl-year{font-family:var(--font-serif);font-weight:400;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1;margin:0 0 12px}
.tl-text{font-size:0.98rem;line-height:1.5;margin:0}
.tl-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:16px}
.tl-rv{opacity:0;transition:opacity .9s cubic-bezier(0.16,1,0.3,1),transform .9s cubic-bezier(0.16,1,0.3,1)}
.tl-l{transform:translateX(-56px)}
.tl-r{transform:translateX(56px)}
.tl-rv.tl-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .tl-rv{opacity:1;transform:none;transition:none}
}




@media only screen and (max-width: 1280px){
  .header-inner ul.menu-wrapper{gap:24px;}
}

@media only screen and (max-width: 1024px){
  header#masthead .header-inner .header-nav{display: none;}
  #rmp_menu_trigger-223{right: clamp(20px, 5vw, 48px) !important;}
  #rmp-menu-wrap-223 .rmp-menu-item-link{text-transform: uppercase; padding: 0;}
  #rmp-container-223{padding: 8px clamp(20px, 5vw, 48px) 24px !important; top: 74px;}
  .homepage-news .news-grid{grid-template-columns: repeat(2, 1fr);}
  .services-grid{grid-template-columns: repeat(2, 1fr);}
  .portfolio-wrapper .portfolio-main-row .portfolio-grid,
  .portfolio-projects-wrapper .portfolio-grid,
  .workplace-grid,
  .more-workplace .workplace-grid,
  .related-insights .related-insights-grid{grid-template-columns: repeat(2, 1fr);}


}

@media only screen and (max-width: 768px){
  .home-banner-slider{height: 300px !important;}
  .transform-box .kt-inside-inner-col{max-width: 100%;}
  .faq-main-row.kb-row-layout-wrap > .kt-row-column-wrap{grid-template-columns: minmax(0, 1fr);}
  .testimonial-box.uagb-slider-container .swiper-button-prev,
  .testimonial-box.uagb-slider-container .swiper-button-next{display: none;}
  .homepage-news .news-grid{grid-template-columns: repeat(1, 1fr);}
  .services-grid{grid-template-columns: repeat(1, 1fr);}
  .service-hero .service-hero-grid{grid-template-columns: repeat(1, 1fr);}
  .portfolio-wrapper .portfolio-main-row .portfolio-grid,
  .portfolio-projects-wrapper .portfolio-grid,
  .workplace-grid,
  .more-workplace .workplace-grid,
  .related-insights .related-insights-grid{grid-template-columns: repeat(1, 1fr);}
  .history-timeline .cool-vertical-timeline-body.ctlb-wrapper:before{left: -3px !important; margin: 0;}
  .history-timeline .cool-vertical-timeline-body .ctl-row{padding: 0 0 28px;}
  .history-timeline .cool-vertical-timeline-body.one-sided.left .timeline-content .timeline-block-detail{padding: 0 0 0 28px !important;}
  .blog-content-wrapper .content-area{width: 100%; padding-right: 0;}
  .sidebar-area{width: 100%;}
  .contact-sec1 .contact-btns{max-width: 100%;}

  .service-slider .slide-content{flex-direction:column-reverse;gap:20px;}
  .service-slider .nav-line{display:none;}
  .service-slider .content-outer-wrapper{padding:0 40px;}
  .service-slider .slide-text,
  .service-slider .slide-image{flex:1;}
  .service-slider .custom-arrow{width:32px;height:32px;}

  .service-slider .nav-track{justify-content:flex-start;align-items:flex-end;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
  .service-slider .nav-track::-webkit-scrollbar{display:none;}
  .service-slider .nav-step{flex:0 0 120px;min-width:120px;display:flex;opacity:1;}
  .service-slider .nav-step p{font-size:14px;line-height:1.3;min-height:38px;margin-bottom:10px;}
  .service-slider .nav-step span{width:40px;height:40px;}

  .single-sub-main .back-btn-top{position: relative; left: auto; top: auto; transform: none; padding-top: 16px;}


  .tl-section{padding-left:20px;padding-right:20px}
  .tl-wrap{width:100%;max-width:100%}
  .tl-spine{left:8px;top:0;bottom:0;width:2px;transform:none}
  .tl-row{display:block;position:relative;width:100%;padding-left:34px;margin-bottom:20px}
  .tl-dot{left:8px;top:26px;transform:translateX(-50%)}
  .tl-side{display:block;width:100%}
  .side-left,.side-right{display:block;width:100%;justify-content:flex-start}
  .side-left:empty,.side-right:empty{display:none}
  .tl-row > div:nth-child(3){display:none}
  .tl-card,.side-left .tl-card,.side-right .tl-card{width:100%;max-width:100%;margin:0;text-align:left !important}
  .tl-year,.tl-text{text-align:left !important}
  .tl-card img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .tl-l,.tl-r{transform:none}
  .tl-rv{opacity:1;transform:none;transition:none}
  .tl-rv.tl-in{opacity:1;transform:none}

}