/* Dongye minimal corporate redesign 2026 */
:root {
  --m-bg: #f7f8f8;
  --m-paper: #ffffff;
  --m-ink: #101418;
  --m-text: #4b535c;
  --m-muted: #7d858e;
  --m-line: #e3e6e8;
  --m-accent: #b48a3c;
  --m-accent-2: #1f6f63;
  --m-dark: #0d1115;
  --m-shadow: 0 26px 70px rgba(16, 20, 24, .08);
}

* {
  letter-spacing: 0 !important;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0 !important;
  background: var(--m-bg) !important;
  color: var(--m-text) !important;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  overflow-x: hidden;
}

a {
  color: var(--m-ink) !important;
}

a:hover {
  color: var(--m-accent-2) !important;
}

img {
  max-width: 100%;
}

.container {
  width: min(1240px, calc(100% - 40px)) !important;
  max-width: 1240px !important;
}

.solarsun-header-top {
  display: none !important;
}

.solarsun_nav_area {
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid rgba(16, 20, 24, .08) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

.logo img,
.mobile_menu_logo img,
.solarsun-description-area img {
  max-height: 54px !important;
  width: auto !important;
  object-fit: contain;
}

.solarsun_menu > ul {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 0 !important;
}

.solarsun_menu > ul > li > a {
  margin: 0 !important;
  padding: 31px 10px !important;
  color: var(--m-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.solarsun_menu > ul > li.current > a,
.solarsun_menu > ul > li > a:hover {
  color: var(--m-accent) !important;
}

.solarsun_menu ul .sub-menu {
  border: 1px solid var(--m-line) !important;
  border-radius: 0 !important;
  box-shadow: var(--m-shadow) !important;
  overflow: hidden;
}

.solarsun_menu ul .sub-menu li a {
  padding: 12px 18px !important;
  font-size: 13px !important;
}

a.dtbtn,
.witr_btn,
#more A,
.contact_page_button .btn,
.em-blog-content-area .witr_btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid var(--m-ink) !important;
  border-radius: 0 !important;
  background: var(--m-ink) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  padding: 14px 26px !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
}

a.dtbtn:hover,
.witr_btn:hover,
#more A:hover,
.contact_page_button .btn:hover,
.em-blog-content-area .witr_btn:hover {
  background: transparent !important;
  color: var(--m-ink) !important;
  transform: none !important;
}

.witr_swiper_area {
  background: #fff !important;
}

.witr_swiper_height {
  min-height: 720px !important;
  height: 82vh !important;
  max-height: 880px !important;
  background-position: center !important;
  background-size: cover !important;
}

.witr_swiper_height:before,
.wittr_gallery_swiper:before {
  background: linear-gradient(90deg, rgba(13, 17, 21, .74), rgba(13, 17, 21, .36) 48%, rgba(13, 17, 21, .04)) !important;
}

.witr_sw_text_area {
  width: min(1240px, calc(100% - 40px)) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.witr_swiper_content {
  max-width: 760px !important;
}

.text-left .witr_swiper_content h1,
.text-left .witr_swiper_content h2,
.text-left .witr_swiper_content h3,
.witr_swiper_content h2 {
  width: 100% !important;
  color: #fff !important;
  font-size: clamp(46px, 6vw, 92px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.witr_swiper_content p {
  width: min(620px, 100%) !important;
  color: rgba(255, 255, 255, .84) !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.6 !important;
  margin: 24px 0 34px !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, .08) !important;
  background-size: 17px 17px !important;
}

.parta {
  padding: 108px 0 !important;
  background: #fff !important;
}

.parta.bgh,
.parta.bg1,
#nyweb,
.witr-blog-side-area.blog_sidebar {
  background: var(--m-bg) !important;
}

.witr_section_title {
  margin-bottom: 46px !important;
}

.witr_section_title_inner h2 {
  color: var(--m-accent) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.witr_section_title_inner h3,
.witr_section_title_inner h1 {
  color: var(--m-ink) !important;
  font-size: clamp(32px, 3vw, 54px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

.witr_section_title_inner p {
  color: var(--m-text) !important;
  max-width: 760px;
}

.nTabx {
  margin-bottom: 34px !important;
  text-align: center !important;
}

.nTabx ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

.nTabx li {
  margin: 0 !important;
  padding: 10px 18px !important;
  border: 1px solid var(--m-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--m-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

.nTabx li.active,
.nTabx li.normal:hover {
  background: var(--m-ink) !important;
  border-color: var(--m-ink) !important;
  color: #fff !important;
}

#pro ul,
#fuwu ul,
#case ul {
  display: grid !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--m-line);
  list-style: none !important;
}

#pro ul,
#fuwu ul {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#case ul {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#pro UL LI,
#fuwu UL LI,
#case UL LI,
.busi_singleBlog,
.who,
.card.card-2,
.solarsun-single-blog,
.single_blog_grid,
.blog-left-side .widget,
.contact_content_inner,
.apartment_area {
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: background .2s ease, transform .2s ease !important;
}

#pro UL LI:hover,
#fuwu UL LI:hover,
#case UL LI:hover,
.busi_singleBlog:hover,
.who:hover,
.solarsun-single-blog:hover {
  transform: none !important;
  background: #fbfbfa !important;
  box-shadow: none !important;
}

#pro UL LI dd,
#case UL LI dd {
  padding-bottom: 74% !important;
  background: #e7eaec !important;
}

#pro ul li img,
#case ul li img,
.witr_sb_thumb img,
.recent-post-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.88) contrast(1.02);
}

#pro UL LI:hover img,
#case UL LI:hover img {
  transform: scale(1.035) !important;
}

#pro UL LI .nr,
#fuwu UL LI .nr {
  min-height: 170px !important;
  padding: 28px !important;
  background: transparent !important;
}

#pro UL LI .nr:before,
#pro UL LI .nr:after,
#fuwu UL LI .nr:before,
#fuwu UL LI .nr:after,
#case UL LI:before,
#case UL LI:after,
.witr_blog_border,
.witr_sb_thumb:before {
  display: none !important;
}

#pro UL LI h4,
#fuwu UL LI h4,
#case UL LI h4,
.busi_singleBlog h2 a,
.solarsun-blog-meta.post_blog h2 a {
  color: var(--m-ink) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: normal !important;
}

#pro UL LI h3,
#fuwu UL LI h3 {
  color: var(--m-text) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 0 !important;
}

#fuwu UL LI dd i {
  color: var(--m-accent) !important;
  font-size: 42px !important;
  line-height: 1 !important;
}

#case UL LI {
  padding: 0 !important;
}

#case UL LI h4 {
  padding: 18px 20px 22px !important;
  margin: 0 !important;
  text-align: center !important;
}

.who {
  min-height: 172px !important;
  padding: 30px 26px 28px 94px !important;
  border-top: 1px solid var(--m-line) !important;
}

.who i {
  left: 26px !important;
  top: 30px !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid var(--m-line) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--m-accent) !important;
  line-height: 48px !important;
}

.who:hover i {
  background: var(--m-ink) !important;
  border-color: var(--m-ink) !important;
  color: #fff !important;
}

.who h3 {
  color: var(--m-ink) !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.who p {
  height: auto !important;
  color: var(--m-text) !important;
  line-height: 1.6 !important;
  -webkit-line-clamp: 3 !important;
}

.ab_left_content {
  padding: 0 30px 0 0 !important;
}

.ab_img_inner img,
.single_image img,
.faq_img_inner img {
  width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: cover !important;
}

.em_single_service_text {
  border: 1px solid var(--m-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 22px !important;
}

.em-service-icon i {
  color: var(--m-accent) !important;
  font-size: 30px !important;
}

.em-service-title h3 {
  color: var(--m-ink) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
}

.em-service-desc p {
  color: var(--m-text) !important;
}

.solar_counter_area {
  padding: 110px 0 !important;
  background-attachment: scroll !important;
}

.solar_counter_area::before {
  background: rgba(13, 17, 21, .86) !important;
}

.solar_counter_area .witr_section_title_inner h2,
.solar_counter_area .witr_counter_icon i {
  color: var(--m-accent) !important;
}

.solar_counter_area .witr_section_title_inner h3,
.solar_counter_area .witr_section_title_inner p,
.solar_counter_area .em-service-title h3,
.solar_counter_area .em-service-desc p,
.witr_counter_number_inn h3,
.witr_counter_number_inn span,
.witr_counter_number_inn h4 {
  color: #fff !important;
}

.solar_counter_area .em_single_service_text,
.witr_counter_single {
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .05) !important;
}

.witr_blog_area11 .slick-list {
  margin: 0 -1px !important;
}

.witr_blog_area11 .slick-slide {
  padding: 0 1px !important;
}

.witr_sb_thumb {
  height: 260px !important;
  overflow: hidden !important;
}

.all_blog_color {
  background: #fff !important;
}

.witr_blog_con,
.em-blog-content-area {
  padding: 28px !important;
}

.witr_blog_con p,
.blog-content p {
  color: var(--m-text) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.witr_blog_con span,
.solarsun-blog-meta-left span,
.solarsun-blog-meta-left a {
  color: var(--m-muted) !important;
  font-size: 13px !important;
}

.faq_content_inner {
  padding-left: 30px !important;
}

.card.card-2 {
  margin-bottom: 10px !important;
  border: 1px solid var(--m-line) !important;
}

.witr_ac_style {
  display: block !important;
  color: var(--m-ink) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  padding: 18px 22px !important;
}

.ac_s_padding {
  padding: 0 22px 20px !important;
}

#nbanner {
  height: 360px !important;
  background-size: cover !important;
  background-position: center !important;
}

#nbanner:after {
  background: linear-gradient(90deg, rgba(13, 17, 21, .78), rgba(13, 17, 21, .28)) !important;
}

#nbanner .nrc h4 {
  color: #fff !important;
  font-size: clamp(36px, 4vw, 60px) !important;
  font-weight: 800 !important;
}

#nbanner .nrc p,
#nbanner .nrc p A {
  color: rgba(255, 255, 255, .82) !important;
}

#nyweb,
.witr-blog-side-area.blog_sidebar {
  padding: 82px 0 !important;
}

#lmbt {
  color: var(--m-ink) !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  text-align: left !important;
  margin-bottom: 22px !important;
}

#lmdf {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 34px !important;
}

#lmdf A {
  border: 1px solid var(--m-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--m-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
}

#lmdf A.sec,
#lmdf A:hover {
  background: var(--m-ink) !important;
  border-color: var(--m-ink) !important;
  color: #fff !important;
}

.blog-left-side .widget {
  margin-bottom: 18px !important;
  padding: 26px !important;
  border: 1px solid var(--m-line) !important;
}

.blog-left-side .widget h2,
.widget-title {
  color: var(--m-ink) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
}

.blog-left-side .widget ul {
  margin: 0 !important;
  padding: 0 !important;
}

.blog-left-side .widget ul li {
  border-bottom: 1px solid var(--m-line) !important;
  padding: 12px 0 !important;
}

.single_blog_grid {
  padding: 38px !important;
  border: 1px solid var(--m-line) !important;
}

.solarsun-single-blog-title h2 {
  color: var(--m-ink) !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  margin-bottom: 18px !important;
}

#nr {
  color: var(--m-text) !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

#nr img,
.map_inner iframe {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.apartment_area,
.contact_content_inner {
  padding: 34px !important;
  border: 1px solid var(--m-line) !important;
}

.twr_form_box input,
.twr_form_box textarea,
#search .input,
.defaultsearch .input {
  width: 100% !important;
  border: 1px solid var(--m-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--m-ink) !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
}

.twr_form_box textarea {
  min-height: 160px !important;
}

.witrfm_area,
.footer-middle {
  background: var(--m-dark) !important;
}

.footer-middle {
  padding: 76px 0 54px !important;
}

.footer-middle .widget h2,
.footer-middle .widget-title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

.footer-middle .widget ul li,
.footer-middle .widget ul li a,
.footer-middle .solarsun-description-area p,
.footer-widget.address p,
.footer-middle .solarsun-description-area .social-icons a {
  color: rgba(255, 255, 255, .70) !important;
}

.footer-sociala-icon i {
  color: var(--m-accent) !important;
}

.gallery-item {
  width: 33.333% !important;
  padding: 4px !important;
}

.gallery-icon img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.footer-bottom {
  background: #07090c !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  padding: 18px 0 !important;
}

.copy-right-text,
.copy-right-text a,
.footer-menu ul li a {
  color: rgba(255, 255, 255, .58) !important;
  font-size: 14px !important;
}

.whatsapp-float {
  right: 24px !important;
  bottom: 92px !important;
  border: 1px solid var(--m-line);
  box-shadow: var(--m-shadow);
  z-index: 999;
}

#webso {
  background: rgba(13, 17, 21, .94) !important;
}

#search dd {
  color: #fff !important;
  font-size: clamp(26px, 4vw, 56px) !important;
  font-weight: 800 !important;
}

#search .buttom,
.defaultsearch .icons {
  background: var(--m-ink) !important;
  color: #fff !important;
}

.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.wp-pagenavi a,
.wp-pagenavi span,
.wp-pagenavi .current {
  min-width: 38px;
  border: 1px solid var(--m-line);
  border-radius: 0;
  background: #fff;
  color: var(--m-ink);
  line-height: 38px;
  text-align: center;
  padding: 0 12px;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
  background: var(--m-ink);
  border-color: var(--m-ink);
  color: #fff !important;
}

@media (max-width: 1199px) {
  .witr_swiper_height {
    min-height: 620px !important;
    height: 72vh !important;
  }

  #pro ul,
  #fuwu ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #case ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 990px) {
  .em40_header_area_main {
    display: none !important;
  }

  .mobile_logo_area {
    display: block !important;
    background: #fff !important;
    border-bottom: 1px solid var(--m-line) !important;
    box-shadow: 0 10px 30px rgba(16, 20, 24, .08) !important;
  }

  .mobile_menu_content .solarsun_menu > ul {
    display: block !important;
  }

  .mobile_menu_content .solarsun_menu > ul > li > a {
    display: block !important;
    padding: 13px 18px !important;
  }

  .parta,
  .solar_counter_area,
  #nyweb,
  .witr-blog-side-area.blog_sidebar {
    padding: 66px 0 !important;
  }

  .faq_content_inner,
  .ab_left_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .container {
    width: min(100% - 24px, 1240px) !important;
  }

  body {
    font-size: 15px !important;
    padding-bottom: 62px;
  }

  .witr_swiper_height {
    min-height: 540px !important;
    height: 64vh !important;
  }

  .text-left .witr_swiper_content h1,
  .text-left .witr_swiper_content h2,
  .text-left .witr_swiper_content h3,
  .witr_swiper_content h2 {
    font-size: clamp(36px, 12vw, 54px) !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }

  .parta,
  .solar_counter_area,
  #nyweb,
  .witr-blog-side-area.blog_sidebar {
    padding: 50px 0 !important;
  }

  #pro ul,
  #fuwu ul,
  #case ul {
    grid-template-columns: 1fr !important;
    gap: 1px !important;
  }

  .who {
    padding: 24px 20px 22px 82px !important;
  }

  .who i {
    left: 20px !important;
    top: 24px !important;
  }

  .single_blog_grid,
  .em-blog-content-area,
  .apartment_area,
  .contact_content_inner,
  .blog-left-side .widget {
    padding: 24px !important;
  }

  .footer-middle {
    padding: 52px 0 36px !important;
  }
}

/* 20260603 content-first fixes */
.home-content-first .home-hero .witr_sw_text_area {
  display: none !important;
}
.home-content-first .home-hero .witr_swiper_height {
  height: 560px !important;
  min-height: 560px !important;
  max-height: 560px !important;
  background-position: center center !important;
}
.home-content-first .home-hero .witr_swiper_height:before {
  background: rgba(0, 0, 0, .06) !important;
}
.home-content-first .solarsun_nav_area {
  height: 138px !important;
  display: flex !important;
  align-items: center !important;
}
.home-content-first .solarsun_nav_area .container,
.home-content-first .solarsun_nav_area .row.logo-left {
  width: min(1240px, calc(100% - 40px)) !important;
}
.home-content-first .solarsun_nav_area .row.logo-left {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  align-items: center !important;
  margin: 0 auto !important;
}
.home-content-first .solarsun_nav_area .col-md-3,
.home-content-first .solarsun_nav_area .col-md-9 {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.home-content-first .logo {
  display: flex !important;
  align-items: center !important;
}
.home-content-first .logo a {
  display: block !important;
}
.home-content-first .logo img {
  max-width: 230px !important;
  max-height: 72px !important;
  object-fit: contain !important;
}
.home-content-first .tx_mmenu_together {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 24px !important;
  min-width: 0 !important;
}
.home-content-first .solarsun_menu {
  min-width: 0 !important;
}
.home-content-first .solarsun_menu > ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
}
.home-content-first .solarsun_menu > ul > li {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
.home-content-first .solarsun_menu > ul > li > a {
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.home-content-first .donate-btn-header {
  flex: 0 0 auto !important;
}
.home-content-first a.dtbtn {
  width: auto !important;
  min-width: 132px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 22px !important;
  white-space: nowrap !important;
}
.home-content-first .home-product-grid,
.home-content-first .home-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  background: transparent !important;
}
.home-content-first .home-product-card,
.home-content-first .home-case-card,
.home-content-first .home-news-item {
  border: 1px solid #e3e6e8 !important;
}
.home-content-first .home-product-card figure,
.home-content-first .home-case-card figure {
  aspect-ratio: 4 / 3 !important;
}
.home-content-first .home-product-card div {
  min-height: 124px !important;
}
.home-content-first .home-contact.home-section {
  background: #101418 !important;
}
.home-content-first .home-contact .home-kicker,
.home-content-first .home-contact-info h2,
.home-content-first .home-contact-info p,
.home-content-first .home-contact-info a,
.home-content-first .home-contact-info span {
  color: #fff !important;
}
.home-content-first .home-contact-info strong {
  color: rgba(255, 255, 255, .68) !important;
}
.home-content-first .home-contact-form {
  background: #fff !important;
}
@media (max-width: 1280px) {
  .home-content-first .solarsun_nav_area .row.logo-left {
    grid-template-columns: 210px minmax(0, 1fr) !important;
  }
  .home-content-first .logo img {
    max-width: 190px !important;
  }
  .home-content-first .solarsun_menu > ul {
    gap: 12px !important;
  }
  .home-content-first .solarsun_menu > ul > li > a {
    font-size: 13px !important;
  }
  .home-content-first .tx_mmenu_together {
    gap: 16px !important;
  }
}
@media (max-width: 990px) {
  .home-content-first .home-hero .witr_swiper_height {
    height: 430px !important;
    min-height: 430px !important;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .home-content-first .home-hero .witr_swiper_height {
    height: 320px !important;
    min-height: 320px !important;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* 20260603 AR Transformers inspired industrial style */
:root {
  --ar-navy: #071f3d;
  --ar-blue: #0068b7;
  --ar-sky: #e9f3fb;
  --ar-ink: #102033;
  --ar-text: #4c5b6b;
  --ar-line: #d9e3ea;
  --ar-soft: #f4f8fb;
}
.home-content-first {
  background: #fff !important;
  color: var(--ar-text) !important;
}
.home-content-first .solarsun_nav_area {
  height: 104px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--ar-line) !important;
  box-shadow: 0 8px 30px rgba(7, 31, 61, .06) !important;
}
.home-content-first .solarsun_nav_area .row.logo-left {
  grid-template-columns: 280px minmax(0, 1fr) !important;
}
.home-content-first .logo img {
  max-width: 245px !important;
  max-height: 64px !important;
}
.home-content-first .solarsun_menu > ul {
  gap: 26px !important;
}
.home-content-first .solarsun_menu > ul > li > a {
  color: var(--ar-ink) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}
.home-content-first .solarsun_menu > ul > li.current > a,
.home-content-first .solarsun_menu > ul > li > a:hover {
  color: var(--ar-blue) !important;
}
.home-content-first .solarsun_menu ul .sub-menu {
  border: 0 !important;
  border-top: 3px solid var(--ar-blue) !important;
  box-shadow: 0 20px 50px rgba(7, 31, 61, .16) !important;
}
.home-content-first .donate-btn-header a.dtbtn,
.home-content-first a.dtbtn {
  min-width: 148px !important;
  height: 54px !important;
  background: var(--ar-blue) !important;
  border-color: var(--ar-blue) !important;
  color: #fff !important;
}
.home-content-first .donate-btn-header a.dtbtn:hover,
.home-content-first a.dtbtn:hover {
  background: var(--ar-navy) !important;
  border-color: var(--ar-navy) !important;
  color: #fff !important;
}
.home-content-first .home-hero .witr_sw_text_area {
  display: block !important;
  width: min(1240px, calc(100% - 48px)) !important;
}
.home-content-first .home-hero .witr_swiper_height {
  height: 650px !important;
  min-height: 650px !important;
  max-height: 650px !important;
  background-position: center center !important;
}
.home-content-first .home-hero .witr_swiper_height:before {
  background: linear-gradient(90deg, rgba(7, 31, 61, .88) 0%, rgba(7, 31, 61, .60) 42%, rgba(7, 31, 61, .08) 100%) !important;
}
.home-content-first .home-hero .witr_swiper_content {
  max-width: 720px !important;
}
.home-content-first .home-hero .home-kicker {
  color: #7fc8ff !important;
  font-size: 14px !important;
  letter-spacing: .08em !important;
}
.home-content-first .home-hero .witr_swiper_content h2 {
  color: #fff !important;
  font-size: clamp(42px, 5vw, 76px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
}
.home-content-first .home-hero .witr_swiper_content p {
  color: rgba(255, 255, 255, .88) !important;
  font-size: 20px !important;
  line-height: 1.65 !important;
}
.home-content-first .home-hero .witr_btn {
  background: var(--ar-blue) !important;
  border-color: var(--ar-blue) !important;
  color: #fff !important;
}
.home-content-first .home-section {
  padding: 88px 0 !important;
  background: #fff !important;
}
.home-content-first .home-section:nth-of-type(odd) {
  background: var(--ar-soft) !important;
}
.home-content-first .home-kicker {
  color: var(--ar-blue) !important;
}
.home-content-first .home-head h2,
.home-content-first .home-copy h2,
.home-content-first .home-contact-info h2 {
  color: var(--ar-ink) !important;
}
.home-content-first .home-head h2:after,
.home-content-first .home-copy h2:after,
.home-content-first .home-contact-info h2:after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  margin-top: 18px;
  background: var(--ar-blue);
}
.home-content-first .home-head p,
.home-content-first .home-copy p {
  color: var(--ar-text) !important;
}
.home-content-first .home-media img {
  border: 8px solid #fff;
  box-shadow: 0 22px 60px rgba(7, 31, 61, .12);
}
.home-content-first .home-note {
  border-top-color: var(--ar-line) !important;
}
.home-content-first .home-note strong {
  color: var(--ar-blue) !important;
}
.home-content-first .home-link,
.home-content-first .home-more a,
.home-content-first .home-contact-form button {
  background: var(--ar-blue) !important;
  border-color: var(--ar-blue) !important;
  color: #fff !important;
}
.home-content-first .home-link:hover,
.home-content-first .home-more a:hover,
.home-content-first .home-contact-form button:hover {
  background: var(--ar-navy) !important;
  border-color: var(--ar-navy) !important;
  color: #fff !important;
}
.home-content-first .home-category-row {
  gap: 0 !important;
  border: 1px solid var(--ar-line);
  background: #fff;
  padding: 0 !important;
}
.home-content-first .home-category-row a {
  border: 0 !important;
  border-right: 1px solid var(--ar-line) !important;
  color: var(--ar-ink) !important;
  padding: 14px 18px !important;
}
.home-content-first .home-category-row a.is-active,
.home-content-first .home-category-row a:hover {
  background: var(--ar-blue) !important;
  color: #fff !important;
}
.home-content-first .home-product-grid,
.home-content-first .home-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  background: transparent !important;
}
.home-content-first .home-product-card,
.home-content-first .home-case-card,
.home-content-first .home-news-item {
  border: 1px solid var(--ar-line) !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(7, 31, 61, .06) !important;
}
.home-content-first .home-product-card figure,
.home-content-first .home-case-card figure {
  aspect-ratio: 1.35 / 1 !important;
}
.home-content-first .home-product-card div {
  min-height: 132px !important;
}
.home-content-first .home-product-card h3,
.home-content-first .home-case-card h3,
.home-content-first .home-news-item h3 {
  color: var(--ar-ink) !important;
}
.home-content-first .home-product-card:hover h3,
.home-content-first .home-case-card:hover h3,
.home-content-first .home-news-item:hover h3 {
  color: var(--ar-blue) !important;
}
.home-content-first .home-news-list {
  gap: 22px !important;
  background: transparent !important;
}
.home-content-first .home-contact.home-section {
  background: var(--ar-navy) !important;
}
.home-content-first .home-contact-info h2,
.home-content-first .home-contact-info p,
.home-content-first .home-contact-info a,
.home-content-first .home-contact-info span {
  color: #fff !important;
}
.home-content-first .home-contact-info h2:after {
  background: #7fc8ff !important;
}
.home-content-first .home-contact-info strong {
  color: rgba(255, 255, 255, .68) !important;
}
.home-content-first .home-contact-form {
  background: #fff !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .20);
}
.home-content-first .footer-middle,
.home-content-first .witrfm_area {
  background: #06172b !important;
}
.home-content-first .footer-bottom {
  background: #031020 !important;
}
@media (max-width: 1280px) {
  .home-content-first .solarsun_nav_area .row.logo-left {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }
  .home-content-first .solarsun_menu > ul {
    gap: 15px !important;
  }
  .home-content-first .solarsun_menu > ul > li > a {
    font-size: 13px !important;
  }
}
@media (max-width: 990px) {
  .home-content-first .home-hero .witr_swiper_height {
    height: 500px !important;
    min-height: 500px !important;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid,
  .home-content-first .home-news-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .home-content-first .home-hero .witr_swiper_height {
    height: 420px !important;
    min-height: 420px !important;
  }
  .home-content-first .home-hero .witr_swiper_content h2 {
    font-size: 34px !important;
  }
  .home-content-first .home-hero .witr_swiper_content p {
    font-size: 16px !important;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid,
  .home-content-first .home-news-list {
    grid-template-columns: 1fr !important;
  }
}

/* Content-first homepage */
.home-content-first .home-section {
  padding: 96px 0 !important;
  background: #fff !important;
}
.home-content-first .home-section:nth-of-type(odd) {
  background: #f7f8f8 !important;
}
.home-content-first .home-kicker {
  display: inline-block;
  color: #b48a3c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.home-content-first .home-head {
  max-width: 760px;
  margin-bottom: 36px;
}
.home-content-first .home-head h2,
.home-content-first .home-copy h2,
.home-content-first .home-contact-info h2 {
  color: #101418 !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  margin: 0 0 18px !important;
  text-transform: none !important;
}
.home-content-first .home-head p,
.home-content-first .home-copy p,
.home-content-first .home-contact-info p {
  color: #4b535c !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  margin: 0;
}
.home-content-first .home-split,
.home-content-first .home-contact-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 56px;
  align-items: center;
}
.home-content-first .home-media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.home-content-first .home-note {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 18px;
  border-top: 1px solid #e3e6e8;
  padding: 18px 0;
}
.home-content-first .home-note strong {
  color: #101418;
  font-size: 14px;
  text-transform: uppercase;
}
.home-content-first .home-note span {
  color: #4b535c;
}
.home-content-first .home-link,
.home-content-first .home-more a,
.home-content-first .home-contact-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid #101418 !important;
  background: #101418 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 14px 26px !important;
  text-transform: uppercase;
}
.home-content-first .home-link:hover,
.home-content-first .home-more a:hover,
.home-content-first .home-contact-form button:hover {
  background: transparent !important;
  color: #101418 !important;
}
.home-content-first .home-category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
}
.home-content-first .home-category-row a {
  border: 1px solid #e3e6e8;
  background: #fff;
  color: #101418 !important;
  font-size: 14px;
  font-weight: 700;
  padding: 9px 14px;
}
.home-content-first .home-category-row a.is-active,
.home-content-first .home-category-row a:hover {
  background: #101418;
  border-color: #101418;
  color: #fff !important;
}
.home-content-first .home-product-grid,
.home-content-first .home-case-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #e3e6e8;
}
.home-content-first .home-news-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: #e3e6e8;
}
.home-content-first .home-product-card,
.home-content-first .home-case-card,
.home-content-first .home-news-item {
  background: #fff;
}
.home-content-first .home-product-card a,
.home-content-first .home-case-card a,
.home-content-first .home-news-item a {
  display: block;
  height: 100%;
}
.home-content-first .home-product-card figure,
.home-content-first .home-case-card figure,
.home-content-first .home-news-item figure {
  margin: 0;
  overflow: hidden;
  background: #e7eaec;
}
.home-content-first .home-product-card figure,
.home-content-first .home-case-card figure {
  aspect-ratio: 4 / 3;
}
.home-content-first .home-news-item figure {
  aspect-ratio: 16 / 9;
}
.home-content-first .home-product-card img,
.home-content-first .home-case-card img,
.home-content-first .home-news-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}
.home-content-first .home-product-card:hover img,
.home-content-first .home-case-card:hover img,
.home-content-first .home-news-item:hover img {
  transform: scale(1.035);
}
.home-content-first .home-product-card div,
.home-content-first .home-news-item div {
  padding: 24px;
}
.home-content-first .home-product-card h3,
.home-content-first .home-case-card h3,
.home-content-first .home-news-item h3 {
  color: #101418 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
  text-transform: none !important;
}
.home-content-first .home-case-card h3 {
  padding: 20px 22px 24px;
  text-align: center;
}
.home-content-first .home-product-card p,
.home-content-first .home-news-item p {
  color: #4b535c !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0;
}
.home-content-first .home-news-item span {
  display: block;
  color: #7d858e;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.home-content-first .home-more {
  margin-top: 34px;
  text-align: center;
}
.home-content-first .home-contact {
  background: #101418 !important;
}
.home-content-first .home-contact-panel {
  align-items: start;
}
.home-content-first .home-contact-info h2,
.home-content-first .home-contact-info p {
  color: #fff !important;
}
.home-content-first .home-contact-info ul {
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
}
.home-content-first .home-contact-info li {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  border-top: 1px solid rgba(255, 255, 255, .16);
  padding: 16px 0;
}
.home-content-first .home-contact-info strong {
  color: rgba(255, 255, 255, .62);
  font-size: 13px;
  text-transform: uppercase;
}
.home-content-first .home-contact-info a,
.home-content-first .home-contact-info span {
  color: #fff !important;
}
.home-content-first .home-contact-form {
  background: #fff;
  padding: 34px;
}
.home-content-first .home-contact-form .twr_form_box {
  margin-bottom: 14px;
}
.home-content-first .home-contact-form input,
.home-content-first .home-contact-form textarea {
  width: 100% !important;
  border: 1px solid #e3e6e8 !important;
  background: #fff !important;
  color: #101418 !important;
  min-height: 48px;
  padding: 13px 15px !important;
}
.home-content-first .home-contact-form textarea {
  min-height: 136px;
}
.home-content-first .home-code {
  display: flex;
  align-items: center;
  gap: 12px;
}
.home-content-first .home-code input {
  flex: 1;
}
.home-content-first .home-code img {
  height: 42px;
  width: auto;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 990px) {
  .home-content-first .home-split,
  .home-content-first .home-contact-panel {
    grid-template-columns: 1fr;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid,
  .home-content-first .home-news-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .home-content-first .home-section {
    padding: 54px 0 !important;
  }
  .home-content-first .home-product-grid,
  .home-content-first .home-case-grid,
  .home-content-first .home-news-list {
    grid-template-columns: 1fr;
  }
  .home-content-first .home-contact-info li,
  .home-content-first .home-note {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .home-content-first .home-contact-form {
    padding: 22px;
  }
}