/* Keep the bundled demo header and hero layouts usable at every viewport. */
.cs_main_header_left { flex: 0 0 auto; }
/* Match the contact layout height instead of overflowing into its details. */
.cs_google_map > .wpgmza_map { width: 100% !important; height: 100% !important; }
/* Service introduction: a full-width photo and a readable, aligned summary. */
.single-services .service-details { padding-top: 170px; }
.single-services .service-details > .container > .cs_section_heading { margin-bottom: 48px; }
.single-services .service-details .cs_service_details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
}
.single-services .service-details .cs_service_details_img,
.single-services .service-details .cs_service_details_text { min-width: 0; margin: 0; }
.single-services .service-details .cs_style_img { overflow: hidden; }
.single-services .service-details .cs_style_img img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}
.single-services .service-details .cs_service_details_p > p {
  margin: 0;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.8;
  font-weight: 400;
}
.single-services .service-details .cs_service_details_p > ul:empty { display: none; }
@media (max-width: 991px) {
  .single-services .service-details { padding-top: 140px; }
  .single-services .service-details > .container > .cs_section_heading { margin-bottom: 32px; }
  .single-services .service-details .cs_service_details { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .single-services .service-details .cs_style_img img { max-height: 440px; }
}
@media (max-width: 575px) {
  .single-services .service-details { padding-top: 120px; }
  .single-services .service-details .cs_section_title { font-size: 38px; line-height: 1.15; }
}
.cs_site_branding .custom-logo,
.cs_main_header_left .logo .custom-logo { width: auto; height: auto; max-width: 170px; max-height: 42px; object-fit: contain; }
@media (min-width: 1200px) {
  .cs_nav .cs_nav_list { flex-wrap: nowrap; gap: clamp(16px, 2vw, 34px); }
  .cs_nav .cs_nav_list > li { margin-right: 0; }
  .cs_nav + .cs_toolbox { margin-left: 28px; }
}
.design-agency .cs_hero.cs_style1 .cs_hero_bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.80) 38%, rgba(255,255,255,0) 76%); }
.design-agency .cs_hero.cs_style1 .cs_hero_title { font-size: clamp(44px, 6.2vw, 100px); line-height: 1.08; }
.startup-agency .cs_hero.cs_style4 .cs_text_hero { margin-left: clamp(0px, 4vw, 60px); }
.startup-agency .cs_hero.cs_style4 .cs_title_text { font-size: clamp(44px, 7.2vw, 110px); line-height: 1.08; }
.design-studio .cs_hero.cs_style2 .cs_hero_bg::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.40); }
.marketing-agency .cs_hero.cs_style5 .cs_marketing_agency_section .cs_banner_text,
.marketing-agency .cs_hero.cs_style5 .cs_marketing_agency_section .cs_banner_text.cs_text_size { font-size: clamp(52px, 12vw, 172px); line-height: 1.05; }
.marketing-agency .cs_hero.cs_style5 .cs_text_img,
.marketing-agency .cs_hero.cs_style5 .cs_text_btn { gap: clamp(20px, 3vw, 50px); }
.marketing-agency .cs_hero.cs_style5 .cs_text_img .cs_img { width: clamp(210px, 26vw, 360px); flex-shrink: 0; }
.marketing-agency .cs_hero.cs_style5 .cs_text_img .cs_img img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
@media (max-width: 767px) {
  .marketing-agency .cs_hero.cs_style5 .cs_text_img,
  .marketing-agency .cs_hero.cs_style5 .cs_text_btn { flex-wrap: wrap; }
  .marketing-agency .cs_hero.cs_style5 .cs_text_img .cs_img { width: 100%; }
}
/* White navigation over the Design Studio photo, dark navigation when sticky. */
.page-template-page-studio .cs_site_header:not(.cs_sticky-active):not(.cs_gescout_show) .cs_nav_list { color: #fff; }
.page-template-page-studio .cs_site_header:not(.cs_sticky-active):not(.cs_gescout_show) .cs_main_header_left .custom-logo { filter: brightness(0) invert(1); }
.page-template-page-studio .cs_site_header:not(.cs_sticky-active):not(.cs_gescout_show) .cs_icon_btn { color: #fff; }

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.anim_text,.anim_heading_title,.anim_text_writting,.anim_word_writting,.anim_blog,.anim_div_ShowZoom,.anim_div_ShowLeftSide,.anim_div_ShowRightSide,.anim_div_ShowDowns,.anim_div_ShowUps{opacity:1!important;transform:none!important}}