:root {
--accent: #db8124 !important;
--primary: #354b54 !important;
--secondary: #67797e !important;
--primary-font: Inter, sans-serif;
--secondary-font: Inter, sans-serif;
}

body{font-family: var(--primary-font);}
.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
}
.cs_team.cs_style_3 .cs_team_member_designation {
    border-color: hsla(0, 0%, 100%, .3);
    color: #167370;
}
.cs_site_header.cs_style_1 .cs_main_header_in, .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 70px;
}
@media (max-width: 1550px) {
    .cs_fs_120 {
        font-size: 70px;
    }
}
.cs_hero.cs_style_5 {
    background: linear-gradient(45deg, #c6f3fd, transparent);
    min-height: 100vh;
  
    position: relative;
}
@media (max-width: 1550px) {
    .cs_fs_120 {
        font-size: 70px;
    }
}
.cs_hero_review_right{max-width: 50%;}

.cs_site_branding {
    display: inline-block;
    max-width: 120px;
}

.cs_nav_list>li>a {font-size:15px;}

.hero{
  position: relative;
  overflow: hidden;
}

.hero__content{
  position: relative;
  z-index: 2;
}
.cs_fs_120 {
    font-size: 70px; }


    .cs_nav .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        position: relative;
        font-size: 15px;
    
}
.reabbg{    background: linear-gradient(180deg, #ffffff, #ccecf3, #e0eff9ee) !important; }

.cs_card.cs_style_2 {
    padding: 45px;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    background: rgb(255 255 255 / 35%);}
    
  .reabfeat{    background: linear-gradient(45deg, #eff1f3, transparent);
    padding: 30px;
    border-radius: 20px;}
.cs_site_header.cs_style_1.cs_sticky_active, .cs_site_header.cs_style_2.cs_sticky_active {
    background-color: rgb(5 34 45 / 72%);  
    box-shadow: none;
    backdrop-filter: blur(15px);
}

.cs_testimonial_text {font-size:20px;}

.cs_footer_main{    background: linear-gradient(358deg, #09646c, #072225);}

.cs_bottom_footer_wrap{    background: #004b51;}

.cs_team.cs_style_3 .cs_team_info {
    align-items: flex-end;
    background: linear-gradient(183deg, rgb(255 255 255 / 0%), #ffffff);
    bottom: 0;
    display: flex;
    height: 31%;
    left: 0;
    padding: 30px;
    position: absolute;
    transition: all .4s ease-in-out;
    width: 100%;
}

.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
    font-size: 20px;
    
}


.cs_team_member_thumb {
    width: 100%;

}

.cs_team.cs_style_3 .cs_team_member_name {
    color: #155e85;
    font-size: 20px;
    font-weight: 500;
}

.cs_team.cs_style_3 .cs_team_member_designation {
    border-color: transparent;
    color: #0e404f;
    padding: 0;
}

.cs_team.cs_style_3 .cs_team_info {
    align-items: flex-end;
    background: linear-gradient(183deg, rgb(255 255 255 / 37%), #ffffff);
    bottom: 0;
    display: flex;
    height: 31%;
    left: 0;
    padding: 20px;
    position: absolute;
    transition: all .4s ease-in-out;
    width: 100%;
    opacity: 0;
    backdrop-filter: blur(7px);
    border-radius: 30px;
}

.cs_card.cs_style_5:first-child {
    background: linear-gradient(2deg, #0d4f58, #134d46);
}
.cs_card.cs_style_5 {border-radius:20px;}

@media (max-width: 950px) { 
.cs_fs_60 {
font-size:37px;
}
.cs_section_heading.cs_style_1 {padding: 50px 30px !important;
}
.cs_fs_120 {
    font-size: 40px;
}
}
.cs_card.cs_style_5:nth-child(2) {
    background: linear-gradient(45deg, #25667c, #25a58e);
}

.cs_counter_1_wrap .cs_counter.cs_style_1:not(:nth-child(4n+0)):before {
        background-color: #e2e6e6;}
        
        .main-block_seo {
    text-align: left;
    overflow: hidden;
    position: relative;
    margin: 0 0 40px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    text-align: justify;
    font-size: 20px;
    line-height: 32px;
    max-height: 675px;
    overflow: hidden;
    transition: max-height 0.9s;
    -webkit-transition: max-height 0.9s;
    -moz-transition: max-height 0.9s;
    -o-transition: max-height 0.9s;
    -ms-transition: max-height 0.9s;
}


.cs_shining{background: linear-gradient(45deg, #eef1f3d1, #ffffff, #edf7f5eb);
    padding: 35px 50px 30px 50px;
    border-radius: 20px;}
    
    .cs_card.cs_style_1 .cs_card_img img, .cs_card.cs_style_4 .cs_card_img img {
    width: 100%;
    max-width: 100px;
}

.cs_text_widget img {
    margin-top: 5px;
    max-width: 150px;
}
.seo-text{max-width: 900px;
    margin: 0 auto;}
.seo-text__content {
  max-height: 180px; /* сколько видно в свернутом виде */
  overflow: hidden;
  position: relative;
  transition: max-height 0.4s ease;
}

.seo-text__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}

.seo-text__content.open {
  max-height: 3000px; /* с запасом */
}

.seo-text__content.open::after {
  display: none;
}

.seo-text__toggle {
  margin-top: 12px;
  background: none;
  border: none;
  color: #2563eb;
  cursor: pointer;
  font-weight: 500;
}
.cons{font-size: 16px;
    /* border: solid 2px; */
    border-radius: 30px;
    padding: 14px 30px;
    background: linear-gradient(200deg, #57c4ad, #09565d);
    color: #fff;
    /* box-shadow: 0 8px 20px rgba(9, 86, 93, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15); */
    font-weight: 400;}
    
    
    .cs_hero.cs_style_4 {
    height: 80vh;
    max-height: 702px;
    min-height: 500px;
    padding: 165px 0 100px;
}
.cs_hero.cs_style_4 .cs_hero_subtitle {
    display: inline-block;
    margin-bottom: 26px;
    padding: 0 22px;
    position: relative;
    color: #fff;
    max-width: 900px;
}

.cs_hero.cs_style_2 {
    min-height: 62vh;
}


.cs_hero.cs_style_8 {
    display: flex;
    min-height: 50vh;
    padding-top: 1px;
    position: relative;
}


.cs_hero.cs_style_9 {
    height: 70vh;
}
.swiper-slide.swiper-slide-active .cs_hero.cs_style_2 .cs_hero_title {

    font-weight: 700 !important;
}

.darkbg{background: linear-gradient(2deg, #06222d, #000000) !important;}
.cs_case_study.cs_style_1 .cs_case_study_info { opacity:100 ;}
.cs_site_branding {
    display: inline-block;
    max-width: 195px;
}

.darkgr{background: linear-gradient(45deg, #0a172a, #2c3c53, #0f1f37) !important;}



.cs_btn.cs_style_1 {

    padding: 10px 30px;
    transition: all .4s ease;
 
}

.cs_btn.cs_style_1.cs_type_2 span {
    color: #fff;
}

 /* --- Glassmorphism style (similar vibe to screenshot) --- */
  .gl-advantages{
    background:
      radial-gradient(900px 500px at 20% 20%, rgba(255,255,255,.08), transparent 60%),
      radial-gradient(700px 500px at 80% 10%, rgba(255,255,255,.06), transparent 60%),
      radial-gradient(600px 500px at 70% 80%, rgba(255,255,255,.05), transparent 60%),
      linear-gradient(135deg, #0b1420, #1b1a2e);
  }
  .gl-title{
    color:#fff;
    font-weight:800;
    letter-spacing:-0.02em;
    font-size: clamp(26px, 3vw, 40px);
    margin:0;
  }
  .gl-subtitle{
    color: rgba(255,255,255,.75);
    font-size: 15px;
    max-width: 720px;
  }

  .gl-card{
    border-radius: 22px;
    padding: 22px 22px 20px;
    color:#fff;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
    height: 100%;
    min-height: 170px;
    position: relative;
    overflow: hidden;
  }
  .gl-card::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: radial-gradient(500px 220px at 20% 0%, rgba(255,255,255,.16), transparent 60%);
    pointer-events:none;
  }
  .gl-card:hover{
    transform: translateY(-2px);
    background: rgba(255,255,255,.13);
    border-color: rgba(255,255,255,.25);
  }

  .gl-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:8px;
    position:relative;
  }
  .gl-card__title{
    margin:0;
    font-weight:400;
    letter-spacing:-0.01em;
    font-size: 22px;
    line-height: 1.1;
    color:#fff;
  }
  .gl-card__arrow{
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display:grid;
    place-items:center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.92);
    font-size: 20px;
    flex: 0 0 auto;
  }
  .gl-card__text{
    margin:0 0 14px 0;
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.35;
    position:relative;
  }
  .gl-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    position:relative;
  }
  .gl-tag{
    display:inline-flex;
    align-items:center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    color: rgba(255,255,255,.85);
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.12);
  }

  @media (max-width: 575.98px){
    .gl-card{ padding: 18px; border-radius: 18px; }
    .gl-card__title{ font-size: 20px; }
    .gl-card__arrow{ width: 36px; height: 36px; border-radius: 12px; }
  }
  
  .cs_planing_wrap .cs_planing_title {
    margin-bottom: 30px;
    font-weight: 600;
}


.cs_iconbox.cs_style_6 .cs_iconbox_title {
    margin-bottom: 15px;
    font-size: 20px;
}

.cs_scroll_slide {

    background: linear-gradient(305deg, #1c0a0a, #eee, #fff, #9ca8b9b8);
}
.cs_planing_thumb img {
    position: relative;
    width: 100%;
    z-index: 2;
    border-bottom-left-radius: 36%;
    border-top-right-radius: 30%;
    border-top-left-radius: 5%;
    border-bottom-right-radius: 5%;

}

.cs_section_heading.cs_style_1 .cs_section_subtitle, .cs_section_heading.cs_style_2 .cs_section_subtitle, .cs_section_heading.cs_style_3 .cs_section_subtitle {
 
    max-width: 59%;
    display: block;
}

.cs_planing_thumb:after{
content: "";

}

  :root{
    --glass-bg: rgba(10, 25, 40, .62);
    --glass-brd: rgba(255,255,255,.14);
    --accent: #ffb020;
  }
  .svc-section{
    position: relative;
    border-radius: 26px;
    overflow: hidden;
    min-height: 420px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 28px 70px rgba(0,0,0,.38);
  }
  .svc-section:before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(1200px 520px at 20% 20%, rgba(255,255,255,.12), transparent 55%),
      linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.12) 100%);
  }
  .svc-glass{
    position: relative;
    background: var(--glass-bg);
    border: 1px solid var(--glass-brd);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 22px;
    padding: 26px;
  }
  .svc-tag{
    display:inline-flex;
    gap:8px;
    align-items:center;
    font-size:.85rem;
    color: rgba(255,255,255,.88);
    padding:8px 12px;
    border-radius:999px;
    background: rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
  }
  .svc-dot{ width:8px; height:8px; border-radius:99px; background: var(--accent); display:inline-block; }
  .svc-title{ color:#fff; font-weight: 900; letter-spacing:.2px; }
  .svc-text{ color: rgba(255,255,255,.80); line-height:1.45; }
  .svc-points{ margin:0; padding-left: 1.1rem; color: rgba(255,255,255,.82); }
  .svc-points li{ margin: .35rem 0; }
  .svc-cta{
    display:flex; flex-wrap:wrap; gap:12px; align-items:center;
  }
  .btn-glow{
    border-radius: 999px;
    padding: 10px 16px;
    border:1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    color:#fff;
  }
  .btn-glow:hover{ background: rgba(255,176,32,.14); border-color: rgba(255,176,32,.32); color:#fff; }
  .btn-solid{
    border-radius: 999px;
    padding: 10px 16px;
    background: rgba(255,176,32,.16);
    border:1px solid rgba(255,176,32,.34);
    color:#ffd59a;
    font-weight: 700;
  }
  .btn-solid:hover{ background: rgba(255,176,32,.22); color:#fff; }
  .svc-kpis{
    display:flex; gap:10px; flex-wrap:wrap;
    margin-top: 14px;
  }
  .kpi{
    padding:8px 12px;
    border-radius: 14px;
    background: rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.85);
    font-size:.88rem;
  }
  
  .lightgr{    background: radial-gradient(900px 520px at 18% 15%, rgba(255, 255, 255, .08), transparent 60%), radial-gradient(720px 520px at 82% 10%, rgba(255, 255, 255, .06), transparent 60%), radial-gradient(640px 520px at 70% 86%, rgba(255, 255, 255, .05), transparent 60%), linear-gradient(135deg, #0b1420, #1b1a2e);}
  
  
  /* SECTION */
.geo-flow{
  position:relative;
  padding:80px 0;
  background-image:url('https://images.unsplash.com/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=2400&q=70');
  background-size:cover;
  background-position:center;
  color:#fff;
}
.geo-flow::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.65),
    rgba(0,0,0,.55),
    rgba(0,0,0,.75)
  );
}

/* HEADER */
.geo-flow-header{
  position:relative;
  text-align:center;
  max-width:900px;
  margin:0 auto 48px;
}
.geo-flow-header h2{
  font-weight:900;
  margin-bottom:12px;
}
.geo-flow-header p{
  color:var(--text-soft);
  font-size:1.05rem;
}

/* ROW */
.geo-row{
  position:relative;
  margin-bottom:18px;
  padding:22px 26px;
  background:var(--glass);
  backdrop-filter:blur(10px);
  border:1px solid var(--border);
  border-radius:18px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}

/* LEFT */
.geo-from{
  font-size:1.4rem;
  font-weight:900;
  min-width:160px;
}
.geo-arrow{
  color:var(--accent);
  margin:0 8px;
}

/* CENTER */
.geo-info{
  flex:1;
}
.geo-info p{
  margin:4px 0 0;
  color:var(--text-soft);
  max-width:520px;
}

/* TAGS */
.geo-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:6px;
}
.geo-tag{
  padding:6px 10px;
  font-size:.78rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}

/* ACTIONS */
.geo-actions{
  display:flex;
  gap:10px;
}
.geo-btn{
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  background:rgba(255,255,255,.08);
}
.geo-btn.primary{
  background:rgba(255,176,32,.16);
  border-color:rgba(255,176,32,.34);
  color:#ffd59a;
}
.geo-btn:hover{color:#fff}

/* MOBILE */
@media(max-width:768px){
  .geo-row{flex-direction:column; align-items:flex-start}
  .geo-actions{width:100%}
}

.service_bg{background: linear-gradient(45deg, #0a232ba8, transparent);
    padding: 40px 30px;
    backdrop-filter: blur(11px);
    border-radius: 10px;}