:root{
  --bg:#f5f7fa;
  --bg-soft:#fbfcfe;
  --surface:#ffffff;
  --surface-2:#f0f3f7;
  --text:#13202b;
  --muted:#627180;
  --line:rgba(19,32,43,.10);
  --accent:#121a22;
  --accent-2:#6d7f90;
  --shadow:0 18px 60px rgba(16,25,36,.08);
  --radius:24px;
  --radius-sm:18px;
  --container:min(1600px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);
}
.header-actions .btn {
    text-align: center;
    font-size: 20px;
}
a:hover, a:active {
    color: inherit;
    outline: 0;
    text-decoration: none;
}
a:focus {
    color: inherit;
    outline: 0;
    text-decoration: none;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:var(--container);margin:0 auto}
.section{padding:90px 0}
.section-sm{padding:60px 0}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border:1px solid var(--line);border-radius:999px;
  background:rgba(255,255,255,.72);font-size:13px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:#4b5b69;
}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#7b8ea0}
.section h2,.page-hero h1,.hero h1{
  margin:18px 0 16px;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:-.03em;
}
.section-title{max-width:760px;margin-bottom:26px}
.lead,.section p.lead,.hero p,.page-hero p{
  font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;
}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:54px;padding:0 24px;border-radius:999px;font-weight:700;
  transition:.25s ease;border:1px solid transparent;cursor:pointer
}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-secondary{background:rgba(255,255,255,.75);border-color:var(--line)}
.btn-secondary:hover{background:#fff}
.site-header{
  position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:rgba(248,250,252,.78);border-bottom:1px solid rgba(19,32,43,.06)
}
.header-actions .btn-primary:hover {
    color: #fff;
}
@media only screen and (min-width: 768px) {
    .site-header {
        margin: 0;
        padding: 0px;
    }
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px; padding: 20px 0px;}
.logo{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:-.02em}

.logo-text small{display:block;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.main-nav ul{display:flex;gap:24px;align-items:center;    list-style: none;padding: 0px;}
.main-nav a{font-size:15px;color:#31414f;font-weight:600}
.main-nav a:hover,.main-nav a.active{color:#000}
.main-nav ul li a {
    white-space: nowrap;
}
.header-actions{display:flex;align-items:center;gap:12px;flex-direction: row;}
.phone{font-weight:800;white-space:nowrap;font-size:17px;}
.burger{display:none;width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:#fff}
.hero,.page-hero{
  padding:72px 0 40px;
}
.hero-grid,.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.hero-card,.visual-card,.stats-card,.feature-card,.service-card,.portfolio-card,.info-card,.about-grid > div,.contact-card,.faq-item,.cta-box,.spec-card,.team-card,.timeline-card,.value-card{
  background:rgba(255,255,255,.8);border:1px solid rgba(19,32,43,.08);border-radius:var(--radius);box-shadow:var(--shadow)
}
.hero-card{padding:34px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 26px}
.hero-badges span{padding:10px 14px;border-radius:999px;background:var(--surface-2);font-size:14px;font-weight:700;color:#455564}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.metric{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f4f7fb);border:1px solid var(--line)}
.metric strong{display:block;font-size:28px;letter-spacing:-.03em}
.metric span{font-size:14px;color:var(--muted)}
.visual-card{position:relative;min-height:620px;overflow:hidden;padding:18px}
/*.visual-card::before{*/
/*  content:"";position:absolute;inset:0;*/
/*  background:*/
/*    linear-gradient(180deg,rgba(9,18,28,.12),rgba(9,18,28,.22)),*/
/*    radial-gradient(circle at 20% 20%, rgba(255,255,255,.72), transparent 24%),*/
/*    linear-gradient(135deg,#dce6ee 0%,#f9fbfd 35%,#c9d6e2 100%);*/
/*}*/
/*.visual-card::after{*/
/*  content:"";position:absolute;left:7%;right:7%;bottom:9%;height:70%;border-radius:28px;*/
/*  background:*/
/*    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.03)),*/
/*    linear-gradient(90deg,rgba(25,35,45,.55) 0 2%, transparent 2% 30%, rgba(25,35,45,.4) 30% 31%, transparent 31% 60%, rgba(25,35,45,.4) 60% 61%, transparent 61% 100%),*/
/*    linear-gradient(180deg,rgba(170,188,204,.35),rgba(255,255,255,.08));*/
/*  box-shadow:inset 0 0 0 2px rgba(255,255,255,.42), 0 20px 50px rgba(9,18,28,.18)*/
/*}*/
.visual-card  {
        background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-title-full {
	max-width: 100%;
}
.section-title-full .lead, .section p.lead {
	max-width: 100%;
}
.visual-card-contain {
	    background-size: contain;
}
.visual-overlay{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px;z-index:1}
.overlay-box{padding:18px;border-radius:20px;background:rgba(10,18,26,.72);backdrop-filter:blur(12px);color:#fff}
.overlay-box strong{display:block;font-size:18px;margin-bottom:6px}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-card,.feature-card,.info-card,.portfolio-card,.spec-card,.value-card,.team-card,.timeline-card,.contact-card,.faq-item{padding:26px}
.service-card h3,.portfolio-card h3,.info-card h3,.spec-card h3,.contact-card h3,.team-card h3,.value-card h3{margin:16px 0 10px;font-size:24px;letter-spacing:-.03em}
.portfolio-card h3 {
	color: #13202b;
}
.portfolio-body p {
	color: #13202b;
}
.icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #172330 0%, #46596b 100%);
  box-shadow: 0 16px 34px rgba(23, 35, 48, 0.22);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-card .icon {
	background: none;
	box-shadow: none;
}

.icon::before {
  content: "";
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.82);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.icon::after {
  display: none;
}
.icon-glass::before {
  mask-image: url("/wp-content/themes/your-theme/assets/icons/glass.svg");
  -webkit-mask-image: url("/wp-content/themes/your-theme/assets/icons/glass.svg");
}

.icon-door::before {
  mask-image: url("/wp-content/themes/your-theme/assets/icons/door.svg");
  -webkit-mask-image: url("/wp-content/themes/your-theme/assets/icons/door.svg");
}

.icon-partition::before {
  mask-image: url("/wp-content/themes/your-theme/assets/icons/partition.svg");
  -webkit-mask-image: url("/wp-content/themes/your-theme/assets/icons/partition.svg");
}
.icon-grid::before{inset:10px;border-radius:14px}
.icon-grid::after{inset:10px;background:linear-gradient(90deg,transparent 0 31%,rgba(255,255,255,.35) 31% 34%,transparent 34% 66%,rgba(255,255,255,.35) 66% 69%,transparent 69% 100%),linear-gradient(180deg,transparent 0 31%,rgba(255,255,255,.35) 31% 34%,transparent 34% 66%,rgba(255,255,255,.35) 66% 69%,transparent 69% 100%);border:none;border-radius:14px}
.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:700;color:#0e1b28}
.card-link::after{content:"→"}
.list{display:grid;gap:12px;padding:0;margin:18px 0 0;list-style:none}
.list li{display:flex;gap:12px;color:var(--muted);line-height:1.6}
.list li::before{content:"";width:9px;height:9px;margin-top:8px;border-radius:50%;background:#7c8e9f;flex:none}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.about-grid > div{padding:28px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.stat-box{padding:22px;border-radius:20px;background:linear-gradient(180deg,#f8fbfd,#eef3f7);border:1px solid var(--line)}
.stat-box strong{display:block;font-size:30px}
.dark-section{background:linear-gradient(180deg,#111a22,#1a2631);color:#fff}
.dark-section .lead,.dark-section .section-title p,.dark-section .service-card p,.dark-section .list li,.dark-section .portfolio-meta,.dark-section .faq-answer,.dark-section .timeline-card p{color:rgba(255,255,255,.74)}
.dark-section .section-title .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.82)}
.dark-section .service-card,.dark-section .portfolio-card,.dark-section .faq-item,.dark-section .timeline-card,.dark-section .cta-box{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:none}
.portfolio-card{overflow:hidden;padding:0}
.portfolio-visual{height:240px;position:relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.portfolio-body{padding:24px}
.portfolio-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:16px}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.timeline-card{position:relative;padding-top:68px}
.timeline-card .step{position:absolute;top:22px;left:22px;width:34px;height:34px;border-radius:50%;background:#fff;color:#111;font-weight:800;display:grid;place-items:center;display:flex;justify-content: center;align-items: center;}
.cta-box{padding:34px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:8px}
.field label{font-size:14px;font-weight:700;color:#465565}
.field input,.field textarea,.field select{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px;
  font:inherit;color:var(--text);outline:none
}
.field textarea{min-height:130px;resize:vertical}
.form-note{margin-top:14px;font-size:13px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}
.contact-card .map{
  min-height:100%;border-radius:22px;background:
  linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.42)),
  linear-gradient(90deg,rgba(125,144,160,.18) 1px, transparent 1px),
  linear-gradient(rgba(125,144,160,.18) 1px, transparent 1px),
  linear-gradient(135deg,#dce7ef,#f8fbfd 50%,#cad6e0);
  background-size:auto,40px 40px,40px 40px,auto;
  position:relative;overflow:hidden;border:1px solid var(--line)
}
.map::before,.map::after{content:"";position:absolute;border-radius:999px;background:#18222c}
.map p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}
.page-hero .visual-card{min-height:520px}
.page-hero .visual-card::after{height:64%}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.faq-list{display:grid;gap:16px}
.faq-item h3{margin:0 0 10px;font-size:22px}
.faq-answer{color:var(--muted);line-height:1.7}
.site-footer{padding:28px 0;border-top:1px solid var(--line);background:rgba(255,255,255,.55)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:24px;align-items:start}
.footer-nav ul{display:grid;gap:12px;list-style: none;}
.footer-nav ul li a {
    color: #13202b;
}
.footer-note{font-size:14px;color:var(--muted);line-height:1.7}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.kpi strong{display:block;font-size:32px;letter-spacing:-.03em}
.tags{display:flex;gap:10px;flex-wrap:wrap}
.tags span{cursor:pointer;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:700;color:#455564}
.notice{padding:18px 22px;border-radius:22px;background:linear-gradient(180deg,#f8fbfd,#eef4f8);border:1px solid var(--line);color:#465565;line-height:1.7}
@media (max-width: 1400px){
    .main-nav ul {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0px;
    }
}
a:visited. {
    color: inherit;
}
.service_cases_subtitle {
	margin-bottom: 30px;
}
a.btn-primary:visited. {
    color: #fff;
}
.btn-primary:hover {
    color: #fff;
}

.container-full-width {
	width: 100%;
	padding: 0 20px;
}

@media (max-width: 1100px){
	.hero-grid,.page-hero-grid,.about-grid,.cta-box,.contact-grid,.footer-grid,.split{grid-template-columns:1fr}
	.cards-grid,.timeline,.kpis{grid-template-columns:repeat(2,1fr)}
	.main-nav ul{display:none;position:absolute;left:20px;right:20px;top:86px;background:rgba(255,255,255,.98);padding:18px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}
	.main-nav.open ul{display:flex}
	.burger{display:grid;place-items:center}
	.header-actions .btn{display:none}
	.header-actions {
		flex-direction: row;
	}
	.burger {
		color: inherit;
		display: flex;
		justify-content: center;
	}
	.burger:hover, .burger:focus {
		color: #fff;
		outline: none;
	}
	.main-nav .sub-menu {
		display: none;
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		margin-top: 10px;
	}

	.main-nav .menu-item.active > .sub-menu {
		display: block;
		position: relative;
		border: none;
		background: transparent;
        box-shadow: none;
		opacity: 1;
		visibility: visible;
		padding: 0px;
		margin-top: 0px;
	}
	
	.main-nav li:hover > .sub-menu {
		display: none;
	}

	.menu-item-has-children > a {
		position: relative;
	}

  .menu-item-has-children > a::after {
    content: "▾";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
  }

	.menu-item-has-children.active > a::after {
		transform: rotate(180deg);
		top: -10%;
	}
}
@media (max-width: 830px){
	.header-actions .gs-hero-v2__btn {
		font-size: 14px;
    	line-height: 14px;
	}
}
@media (max-width: 720px){
  .section{padding:72px 0}
  .cards-grid,.timeline,.kpis,.metrics,.stats-row,.form-grid{grid-template-columns:1fr}
  .visual-overlay{grid-template-columns:1fr}
  .hero-card,.service-card,.feature-card,.portfolio-body,.info-card,.contact-card,.faq-item,.cta-box,.spec-card,.team-card,.timeline-card,.about-grid > div{padding:22px}
  .header-inner{min-height:76px}
  .phone{display:none}
  .site-header {
      padding: 0px;
  }
}


/* Animations */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease, transform .8s ease;will-change:opacity,transform}
.reveal.in-view{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-42px);transition:opacity .9s ease, transform .9s ease;will-change:opacity,transform}
.reveal-left.in-view{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(42px);transition:opacity .9s ease, transform .9s ease;will-change:opacity,transform}
.reveal-right.in-view{opacity:1;transform:none}
.stagger > *{transition-delay:0s}
.stagger.in-view > *:nth-child(1){transition-delay:.05s}
.stagger.in-view > *:nth-child(2){transition-delay:.14s}
.stagger.in-view > *:nth-child(3){transition-delay:.23s}
.stagger.in-view > *:nth-child(4){transition-delay:.32s}
.stagger.in-view > *:nth-child(5){transition-delay:.41s}
.stagger.in-view > *:nth-child(6){transition-delay:.5s}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(248,250,252,.82);transition:box-shadow .3s ease, background .3s ease}
.site-header.scrolled{box-shadow:0 10px 35px rgba(15,23,32,.08);background:rgba(255,255,255,.9)}
.hero-card,.visual-card,.service-card,.feature-card,.portfolio-card,.timeline-card,.contact-card,.spec-card,.team-card,.value-card,.faq-item,.cta-box,.stat-box,.metric{transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.service-card:hover,.feature-card:hover,.portfolio-card:hover,.timeline-card:hover,.contact-card:hover,.spec-card:hover,.team-card:hover,.value-card:hover,.faq-item:hover,.metric:hover,.stat-box:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(15,23,32,.12);border-color:rgba(19,32,43,.12)}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:auto;top:0;bottom:0;left:-120%;width:70%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transition:left .6s ease}
.btn:hover::after{left:150%}

/* Works slider */
.works-slider{position:relative;padding:0 72px}
.slider-shell{overflow:hidden;border-radius:28px}
.slider-track{display:flex;transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}
.slide{min-width:100%;display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:rgba(255,255,255,.8);border:1px solid rgba(19,32,43,.08);box-shadow:var(--shadow);overflow:hidden}
.slide-media{min-height:420px;max-height:420px;position:relative;background:linear-gradient(135deg,#d9e3eb 0%,#f8fbfd 40%,#c5d3df 100%)}
.slide-content{padding:42px;display:flex;flex-direction:column;justify-content:center}
.slide-content h3{font-size:34px;letter-spacing:-.04em;margin:12px 0}
.slide-content p{font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 20px}
.work-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none}
.work-meta li{padding:10px 14px;border-radius:999px;background:var(--surface-2);font-size:14px;font-weight:700;color:#455564}
.slider-nav{position:absolute;color:#000;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%;background:#fff;box-shadow:var(--shadow);font-size:26px;display:grid;place-items:center;cursor:pointer;transition:transform .25s ease, box-shadow .25s ease;display:flex;}
.slider-nav:hover{transform:translateY(-50%) scale(1.05);color:#fff;box-shadow:0 18px 44px rgba(15,23,32,.15)}
.slider-nav:focus{outline:none;}
.slider-prev{left:0}.slider-next{right:0}
.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:24px}
.slider-dot{outline:none;padding:0px;width:16px;height:16px;max-width:12px;max-height:12px;border-radius:50%;border:none;background:rgba(20,29,40,.18);cursor:pointer;transition:transform .25s ease, background .25s ease}
.slider-dot:focus{outline:none;}
.slide-media {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}
.slider-dot.active{background:#172430;transform:scale(1.15)}
.slide-1 .slide-media{background:linear-gradient(135deg,#d7e0e7 0%,#f7fafc 42%,#c9d6e2 100%)}
.slide-2 .slide-media{background:linear-gradient(135deg,#d4dde6 0%,#f8fbfd 40%,#c4d1dd 100%)}
.slide-3 .slide-media{background:linear-gradient(135deg,#dbe4eb 0%,#f9fbfd 44%,#c7d4df 100%)}
.slide-4 .slide-media{background:linear-gradient(135deg,#d6e0e8 0%,#f7fafc 42%,#c2cfdb 100%)}
.slide-1 .slide-media::before{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.03)),linear-gradient(90deg,rgba(34,45,55,.52) 0 2%, transparent 2% 27%, rgba(34,45,55,.38) 27% 28%, transparent 28% 58%, rgba(34,45,55,.38) 58% 59%, transparent 59% 100%),linear-gradient(180deg,rgba(166,182,198,.3),rgba(255,255,255,.08))}
.slide-2 .slide-media::before{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.04)),linear-gradient(90deg,rgba(25,35,45,.55) 0 1.5%, transparent 1.5% 33%, rgba(25,35,45,.4) 33% 34%, transparent 34% 67%, rgba(25,35,45,.4) 67% 68%, transparent 68% 100%),linear-gradient(180deg,rgba(170,188,204,.35),rgba(255,255,255,.08))}
.slide-3 .slide-media::before{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.04)),linear-gradient(90deg,rgba(25,35,45,.56) 0 2%, transparent 2% 46%, rgba(25,35,45,.4) 46% 47%, transparent 47% 100%),linear-gradient(180deg,rgba(170,188,204,.35),rgba(255,255,255,.08))}
.slide-4 .slide-media::before{background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.04)),linear-gradient(90deg,rgba(25,35,45,.55) 0 2%, transparent 2% 24%, rgba(25,35,45,.4) 24% 25%, transparent 25% 49%, rgba(25,35,45,.4) 49% 50%, transparent 50% 74%, rgba(25,35,45,.4) 74% 75%, transparent 75% 100%),linear-gradient(180deg,rgba(170,188,204,.35),rgba(255,255,255,.08))}
@media (max-width: 1100px){
  .works-slider{padding:0 58px}
  .slide{grid-template-columns:1fr}
  .slide-media{min-height:300px}
}
@media (max-width: 720px){
  .works-slider{padding:0 20px}
  .slide-content{padding:24px}
  .slide-content h3{font-size:28px}
  .slider-nav{display:none}
}

/* New Style */
/* ===== GLASSPACE HERO V2 ===== */

.gs-hero-v2 {
  position: relative;
  padding: 36px 0 60px;
  background:
    radial-gradient(circle at 18% 30%, rgba(255, 236, 204, 0.55), transparent 28%),
    radial-gradient(circle at 75% 18%, rgba(255, 224, 167, 0.22), transparent 20%),
    linear-gradient(180deg, #f7f8fb 0%, #eef3f8 100%);
  overflow: hidden;
	padding-top: 0px;
	margin-top: -20px;
}

.gs-hero-v2 * {
  box-sizing: border-box;
}

.gs-hero-v2__container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.gs-hero-v2__inner {
  position: relative;
  min-height: 900px;
  min-height: inherit;
  border-radius: 36px;
  overflow: hidden;
  background: #f8fafc;
  box-shadow:
    0 20px 60px rgba(21, 33, 56, 0.07),
    0 2px 10px rgba(21, 33, 56, 0.04);
}

/* BG */

.gs-hero-v2__bg {
  position: absolute;
  inset: 0;
}

.gs-hero-v2__image {
  width: 100%;
/*   height: 100%; */
  object-fit: cover;
  object-position: center right;
  display: block;
}

.gs-hero-v2__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(248, 250, 252, 0.98) 0%,
      rgba(248, 250, 252, 0.92) 22%,
      rgba(248, 250, 252, 0.72) 36%,
      rgba(248, 250, 252, 0.28) 52%,
      rgba(0, 0, 0, 0.06) 100%);
  pointer-events: none;
}

.gs-hero-v2__blur {
  position: absolute;
  left: 34%;
  bottom: -80px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: rgba(255, 243, 223, 0.65);
  filter: blur(60px);
  pointer-events: none;
}

/* CONTENT */

.gs-hero-v2__content {
  position: relative;
  z-index: 2;
/*   width: 52%; */
  padding: 32px 36px 32px 36px;
}
.gs-hero-v2__floating_wrapper_about {
	margin-top: 34px;
}
.gs-hero-v2__topbrand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 58px;
}

.gs-hero-v2__brandicon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, #415274 0%, #25395f 100%);
  box-shadow:
    inset 0 2px 8px rgba(255,255,255,0.18),
    0 8px 20px rgba(36, 55, 92, 0.18);
  position: relative;
}

.gs-hero-v2__brandicon::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 12px;
  border: 2px solid rgba(255,255,255,0.32);
}

.header-actions .gs-hero-v2__btn {
	font-size: 14px;
}

.gs-hero-v2__brandtext strong {
  display: block;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 800;
  color: #22324d;
}

.gs-hero-v2__brandtext span {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #7b8aa2;
  font-weight: 600;
}

.gs-hero-v2__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(47, 72, 111, 0.12);
  border-radius: 999px;
  background: rgba(255,255,255,0.48);
  backdrop-filter: blur(10px);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #677a99;
}

.gs-hero-v2__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8ea2c8;
}

.gs-hero-v2__line {
  display: block;
  width: 52px;
  height: 3px;
  margin: 22px 0 18px;
  border-radius: 2px;
  background: #384150;
}

.gs-hero-v2__title {
  margin: 0;
  font-size: 62px;
  font-size: 32px;
  line-height: 0.94;
  letter-spacing: -0.045em;
  font-weight: 900;
  color: #172a44;
  max-width: 760px;
}

.gs-hero-v2__text {
  max-width: 720px;
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: #6f7f98;
  font-weight: 500;
}

.gs-hero-v2__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  max-width: 720px;
  margin-top: 24px;
  margin-top: 12px;
}

.gs-hero-v2__tag {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(245, 247, 252, 0.88);
  border: 1px solid rgba(78, 101, 143, 0.06);
  color: #72839e;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(26, 44, 74, 0.04);
}

.gs-hero-v2__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
}

.gs-hero-v2__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 32px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 800;
  transition: all .25s ease;
  color: #fff!important;
}

.gs-hero-v2__btn--secondary {
  color: #2b61d5!important;
  background: rgba(255,255,255,0.72);
  border: 2px solid rgba(64, 112, 230, 0.34);
}

.gs-hero-v2__btn--primary {
  color: #fff;
  background: linear-gradient(90deg, #009ff7 0%, #1d59df 100%);
  box-shadow: 0 18px 35px rgba(29, 89, 223, 0.22);
}

.gs-hero-v2__btn--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(29, 89, 223, 0.30);
}


.gs-hero-v2__btn--secondary:hover {
  background: rgba(255,255,255,0.94);
  transform: translateY(-2px);
}

.gs-hero-v2__stats {
  display: flex;
  gap: 16px;
  margin-top: 34px;
  max-width: 100%;
  justify-content: space-between;
}
.gs-hero-v2__stats-wrapper {
	display: flex;
	gap: 16px;
	max-width: 760px;
}

.gs-hero-v2__stat {
  flex: 1 1 0;
  min-height: 150px;
  padding: 28px 22px;
  border-radius: 26px;
  background: rgba(255,255,255,0.68);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(85, 103, 138, 0.08);
  box-shadow:
    0 12px 26px rgba(38, 53, 82, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.45);
}

.gs-hero-v2__stat strong {
  display: block;
  font-size: 52px;
  line-height: 1;
  color: #1e2e49;
  font-weight: 900;
}

.gs-hero-v2__stat span {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #7787a1;
  font-weight: 700;
}

/* FLOATING CARDS */

.gs-hero-v2__floating {
/*   position: absolute; */
  bottom: 26px;
  z-index: 3;
  width: 290px;
  min-height: 170px;
  padding: 24px 24px 22px;
  border-radius: 28px;
  overflow: hidden;
  color: #fff;
  backdrop-filter: blur(18px);
  background:
    linear-gradient(135deg, rgba(31, 34, 43, 0.76) 0%, rgba(35, 74, 126, 0.62) 100%);
  box-shadow: 0 18px 40px rgba(19, 28, 44, 0.24);
}

.gs-hero-v2__floating_wrapper {
	display: flex; 
	gap: 16px;
}

.gs-hero-v2__floating::before {
  content: "";
  position: absolute;
  right: 18px;
  top: 18px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.08) 70%);
  filter: blur(4px);
  opacity: 0.85;
}

.gs-hero-v2__floating--left {
  left: 58%;
}

.gs-hero-v2__floating--right {
  left: calc(58% + 320px);
}

.gs-hero-v2__floating-title {
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(255,255,255,0.96);
  margin-bottom: 16px;
}

.gs-hero-v2__floating-text {
  position: relative;
  z-index: 2;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 500;
  color: #fff;
}

/* New Why US */
.gs-why {
  position: relative;
  padding: 110px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 30%, rgba(0, 153, 255, 0.10), transparent 26%),
    radial-gradient(circle at 78% 78%, rgba(0, 194, 255, 0.10), transparent 24%),
    linear-gradient(90deg, #07131f 0%, #0b1c2e 45%, #0d2236 100%);
}

.gs-why::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.25;
  pointer-events: none;
}

.gs-why * {
  box-sizing: border-box;
}

.gs-why__container {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.gs-why__head {
  max-width: 760px;
  margin-bottom: 48px;
}

.gs-why__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(10px);
  color: rgba(255,255,255,0.80);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gs-why__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7ab6ff;
  box-shadow: 0 0 0 6px rgba(122, 182, 255, 0.10);
}

.gs-why__line {
  display: block;
  width: 56px;
  height: 3px;
  margin: 22px 0 20px;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(255,255,255,0.85), rgba(255,255,255,0.18));
}

.gs-why__title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 900;
}

.gs-why__text {
  margin: 22px 0 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 20px;
  line-height: 1.65;
  max-width: 720px;
}

/* GRID */

.gs-why__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* CARD */

.gs-why-card {
  position: relative;
  min-height: 320px;
  padding: 30px 28px;
  border-radius: 28px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08));
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255,255,255,0.12);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.gs-why-card::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -20px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(77, 169, 255, 0.18) 0%, rgba(77, 169, 255, 0) 72%);
  pointer-events: none;
}

.gs-why-card:hover {
  transform: translateY(-6px);
  border-color: rgba(122, 182, 255, 0.22);
  box-shadow:
    0 28px 54px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(122, 182, 255, 0.06) inset;
}

.gs-why-card__icon {
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-bottom: 24px;
  color: #8fc2ff;
  background: linear-gradient(180deg, rgba(143,194,255,0.12), rgba(143,194,255,0.05));
  border: 1px solid rgba(143,194,255,0.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.gs-why-card__icon svg {
  width: 28px;
  height: 28px;
}

.gs-why-card__title {
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.gs-why-card__desc {
  margin: 0;
  color: rgba(232, 239, 248, 0.78);
  font-size: 18px;
  line-height: 1.7;
}

.main-nav .sub-menu {
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
  position: absolute;
  flex-direction: column;
  background: rgba(248, 250, 252, .92);
}

.main-nav li {
  position: relative;
}

.main-nav li:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%);
	padding: 10px;
}
.section-portfolio {
	padding: 30px 0px;
}
/* контейнер */
.single-custom__main {
  margin: 80px auto;
  padding: 0 20px;
}

/* заголовок */
.single-custom__title {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 500;
}

/* дата */
.single-custom__meta {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 30px;
}

/* картинка */
.single-custom__image img {
  width: 100%;
  border-radius: 16px;
  margin: 30px 0;
}

/* текст */
.single-custom__content {
  font-size: 16px;
  line-height: 1.7;
  color: #2b2f33;
}

.single-custom__content p {
  margin-bottom: 18px;
}

/* заголовки внутри */
.single-custom__content h2 {
  font-size: 28px;
  margin-top: 40px;
}

.single-custom__content h3 {
  font-size: 22px;
  margin-top: 30px;
}

/* навигация */
.single-custom__nav {
  margin-top: 60px;
}

.single-custom__nav .nav-links {
	display: flex;
	gap: 20px;
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	margin-left: 0px;
}

.single-custom__nav a {
  flex: 1;
  padding: 20px;
  background: #f5f7fa;
  border-radius: 14px;
  text-decoration: none;
  color: #111;
  transition: .3s;
}

.single-custom__nav a:hover {
  background: #e8edf3;
}

/* комментарии */
.single-custom__comments {
  margin-top: 60px;
}
/*  */
/* контейнер */
.single-custom__main {
  margin: 80px auto;
  padding: 0 20px;
}

/* заголовок */
.single-custom__title {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 15px;
  font-weight: 500;
}

/* дата */
.single-custom__meta {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 30px;
}

/* картинка */
.single-custom__image img {
  width: 100%;
  border-radius: 16px;
  margin: 30px 0;
}

/* текст */
.single-custom__content {
  font-size: 16px;
  line-height: 1.7;
  color: #2b2f33;
}

.single-custom__content p {
  margin-bottom: 18px;
}

/* заголовки внутри */
.single-custom__content h2 {
  font-size: 28px;
  margin-top: 40px;
}

.single-custom__content h3 {
  font-size: 22px;
  margin-top: 30px;
}

/* навигация */
.single-custom__nav {
  margin-top: 60px;
}

.single-custom__nav .nav-links {
  display: flex;
  gap: 20px;
}

.single-custom__nav a {
  flex: 1;
  padding: 20px;
  background: #f5f7fa;
  border-radius: 14px;
  text-decoration: none;
  color: #111;
  transition: .3s;
}

.single-custom__nav a:hover {
  background: #e8edf3;
}

/* контейнер */
.single-custom__nav {
  margin-top: 80px;
}

/* обёртка WP */
.single-custom__nav .nav-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* карточки */
.single-custom__nav .nav-previous a,
.single-custom__nav .nav-next a {
  display: block;
  padding: 20px 24px;
  background: #f5f7fa;
  border-radius: 16px;
  text-decoration: none;
  color: #111;
  height: 100%;
  transition: all 0.25s ease;
  position: relative;
}

/* hover */
.single-custom__nav a:hover {
  background: #e9eef5;
  transform: translateY(-2px);
}

/* подпись (Next / Prev) */
.single-custom__nav .meta-nav {
  font-size: 12px;
  color: #6b7280;
  display: block;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* заголовок поста */
.single-custom__nav .post-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

/* стрелки */
.single-custom__nav .nav-previous a::before {
  content: "←";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  opacity: 0.6;
}

.single-custom__nav .nav-next a::after {
  content: "→";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  opacity: 0.6;
}

/* чтобы текст не наезжал на стрелки */
.single-custom__nav .nav-previous a {
  padding-left: 40px;
}

.single-custom__nav .nav-next a {
  padding-right: 40px;
}

/* адаптив */
@media (max-width: 768px) {
  .single-custom__nav .nav-links {
    grid-template-columns: 1fr;
  }
}

/* комментарии */
.single-custom__comments {
  margin-top: 60px;
}
/* ADAPTIVE */
@media (max-width: 1500px) {
	.gs-hero-v2__btn {
		line-height: 1.1;
		text-align: center;
	}
	.gs-hero-v2__floating {
		position: relative;
	}
	.gs-hero-v2__floating--left {
		left: 0px;
		top: 0px;
		bottom: 0px;
	}
	.gs-hero-v2__floating--right {
		right: 0px;
		left: 0px;
		top: 0px;
		bottom: 0px;
	}
	.gs-hero-v2__floating_wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		margin-bottom: 50px;
		padding: 28px 24px 24px;
	}
	.gs-hero-v2__content {
		padding-bottom: 50px;
	}
	.phone {
		font-size: 18px;
	}
	.header-actions .gs-hero-v2__btn {
		padding: 0px 16px;
		font-size: 16px;
	}
}


@media (max-width: 1360px) {
	.gs-hero-v2__title {
		font-size: 64px;
	}

	.gs-hero-v2__content {
		width: 56%;
	}

	.gs-hero-v2__floating--left {
		left: 54%;
	}

	.gs-hero-v2__floating--right {
		left: calc(54% + 300px);
	}
	.gs-hero-v2__floating--left {
		left: 0px;
	}
	.gs-hero-v2__floating--right {
		left: 0px;
	}
}

@media (max-width: 1199px) {
  .gs-hero-v2__inner {
    min-height: auto;
    padding-bottom: 30px;
  }

  .gs-hero-v2__content {
    width: 100%;
    padding: 28px 24px 24px;
  }

  .gs-hero-v2__bg,
  .gs-hero-v2__overlay,
  .gs-hero-v2__blur {
    position: absolute;
    inset: 0;
  }

  .gs-hero-v2__title {
    font-size: 54px;
  }

	.gs-hero-v2__stats {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

  .gs-hero-v2__stat {
    min-width: calc(33.333% - 11px);
  }

	.gs-hero-v2__floating {
		position: relative;
		left: auto !important;
		bottom: auto;
		width: calc(50% - 10px);
		margin-top: 16px;
		margin-left: 0px;
		display: inline-block;
		vertical-align: top;
		margin-left: 0px;
	}
	.gs-why {
		padding: 90px 0;
	}

	.gs-why__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.main-nav .sub-menu {
		background: rgba(248, 250, 252, .92);
		z-index: 9;
	}
}

@media (max-width: 767px) {
  .gs-hero-v2 {
    padding: 20px 0 34px;
  }

  .gs-hero-v2__container {
    padding: 0 12px;
  }

  .gs-hero-v2__inner {
    border-radius: 26px;
  }

  .gs-hero-v2__content {
    padding: 20px 16px 20px;
  }

  .gs-hero-v2__topbrand {
    margin-bottom: 28px;
  }

  .gs-hero-v2__brandicon {
    width: 48px;
    height: 48px;
  }

  .gs-hero-v2__title {
    font-size: 42px;
    line-height: 0.98;
  }

  .gs-hero-v2__text {
    font-size: 16px;
  }

  .gs-hero-v2__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .gs-hero-v2__btn {
    width: 100%;
  }

	.gs-hero-v2__stats {
		flex-direction: column;
		gap: 0px;
	}

  .gs-hero-v2__stat {
    min-width: 100%;
	min-width: inherit;
    min-height: auto;
  }

  .gs-hero-v2__floating {
    width: calc(100% - 32px);
  }

  .gs-hero-v2__floating-text {
    font-size: 17px;
  }

  .gs-hero-v2__image {
    object-position: 68% center;
  }

  .gs-hero-v2__overlay {
    background:
      linear-gradient(180deg,
        rgba(248, 250, 252, 0.90) 0%,
        rgba(248, 250, 252, 0.68) 38%,
        rgba(248, 250, 252, 0.30) 62%,
        rgba(0, 0, 0, 0.12) 100%);
  }
	.gs-hero-v2__stats-wrapper {
		flex-wrap: wrap;
		flex-direction: row;
		flex-wrap: inherit;
	}
	.gs-hero-v2__floating_wrapper {
		flex-direction: column;
		width: 100%;
	}
	.gs-hero-v2__floating {
		width: 100%;
		min-height: inherit;
	}
	  .gs-why {
    padding: 70px 0;
  }

  .gs-why__container {
    padding: 0 12px;
  }
	.gs-hero-v2__floating::before {
		content: none;
	}
	.gs-hero-v2__floating_wrapper {
		gap: 10px;
		padding-top: 10px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.gs-hero-v2__floating {
		margin-top: 0px;
	}

  .gs-why__head {
    margin-bottom: 30px;
  }

  .gs-why__title {
    font-size: 40px;
    line-height: 1.02;
  }

  .gs-why__text {
    font-size: 16px;
    line-height: 1.6;
  }

  .gs-why__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .gs-why-card {
    min-height: auto;
    padding: 24px 20px;
    border-radius: 22px;
  }

  .gs-why-card__title {
    font-size: 20px;
  }

  .gs-why-card__desc {
    font-size: 16px;
    line-height: 1.6;
  }
	.gs-hero-v2__bg {
		position: relative;
	}
	.gs-hero-v2__blur {
		position: relative;
		width: 100%;
		height: inherit;
	}
	.gs-hero-v2__badge {
		position: absolute;
        top: 30px;
        left: 30px;
	}
	.gs-hero-v2__content {
		position: static;	
	}
	.gs-hero-v2__title:before {
		content: none!important;
	}
	.gs-hero-v2__overlay {
		background: linear-gradient(180deg,
		  rgba(0, 0, 0, 0.12) 0%,
		  rgba(248, 250, 252, 0.15) 70%,
		  rgba(248, 250, 252, 0.45) 85%,
		  rgba(248, 250, 252, 0.85) 100%
		);
	}
}

@media (max-width: 575px){
	.header-actions .gs-hero-v2__btn {
        padding: 10px;
        font-size: 12px;
        height: auto;
	}
	.gs-hero-v2__stat strong {
		font-size: 34px;
	}
	.gs-hero-v2__stat {
		padding: 20px 20px;
	}
	.gs-hero-v2__floating_wrapper {
		flex-direction: column;
	}
	.gs-hero-v2__floating_wrapper {
		padding: 0px;
		margin-bottom: 0px;
	}
	.gs-hero-v2__title {
		font-size: 24px;
	}
	.gs-hero-v2__text {
		margin: 12px 0 0;
	}
	.reveal {
		opacity: 1;
	}
	.btn-secondary {
		width: 100%;
	}
	.feature-card h3 {
		font-size: 22px;
	}
	.timeline-card {
		padding: 15px;
	}
	.timeline-card .step {
        left: 0px;
        top: 15px;
        position: relative;
	}
	.timeline-card h3 {
		margin-top: 30px;
	}
	.gs-hero-v2__badge {
		top: 10px;
		left: 10px;
	}
	.gs-hero-v2__actions {
		margin-top: 15px;
	}
	.gs-hero-v2__actions .gs-hero-v2__btn {
		height: inherit;
		padding: 15px 32px;
	}
	.gs-hero-v2__stats {
		gap: 10px;
		margin-top: 10px;
	}
	.gs-hero-v2__inner {
		padding-bottom: 0px;
	}
	.single-custom__main {
		padding: 0px;
		margin: 40px 0px;
	}
}
@media (max-width: 480px){
	.gs-hero-v2__badge {
		left: 0px;
	}
	.header-inner {
        flex-direction: column;
        gap: 0px;
    }
	.header-actions {
		width: 100%;
		justify-content: space-between;
		margin-top: 10px;
	}
	.header-actions .gs-hero-v2__btn {
		width: fit-content;
	}
}
@media (max-width: 390px){
	.gs-hero-v2__badge {
		position: relative;
		top: 0px;
		margin-bottom: 10px;
	}
	.gs-hero-v2__badge-dot {
		display: none;
	}
}
@media (max-width: 375px){
	.header-inner {
		flex-direction: column;
		gap: 0px;
	}
	.main-nav ul {
		top: 130px;
	}
	.gs-hero-v2__title {
		font-size: 28px;
	}
	.cta-box {
		padding: 15px;
	}
	.portfolio-body {
		padding: 15px;
		font-size: 18px;
	}
	.hero-card {
		padding: 15px;
	}
	.service-card {
		padding: 15px;
	}
	.service-card p {
		font-size: 18px;
	}
	.spec-card {
		padding: 15px;
	}
	.spec-card p {
		font-size: 18px;
	}
}