/* template-color */

/* 模板主题色变量：修改下面的变量值即可全局换色 */
:root{
  /* 主题色 */
  --theme-color: #28AA4A;          /* 主色（绿） */
  --theme-color-light: #3fd171;    /* 高亮色（绿） */
  --theme-color-dark: #1f7a3d;      /* 深绿 */
  --theme-color-2: #ec5d16;        /* 辅助色（橙） */
  --theme-color-3: #3786ff;        /* 高亮色（蓝） */
  --theme-color-gradient: linear-gradient(135deg, #3fd171, #1f7a3d);

  /* 基础色 */
  --white: #ffffff;                /* 白色 */
  --black: #111111;                /* 黑色 */

  /* 文字颜色 */
  --text-color: #272727;           /* 主文字 */
  --text-color-2: #1f1f1f;         /* 深色文字 */
  --text-color-3: #202020;
  --text-color-4: #222222;
  --text-color-5: #282828;
  --text-color-6: #323232;
  --text-color-7: #333333;         /* 次级文字 */
  --text-color-8: #3b3b3b;
  --text-color-9: #757575;         /* 次要文字 */
  --text-color-10: #7e7e7e;
  --text-color-11: #a7a7a7;        /* 浅色文字 */
  --text-color-12: #bfbfbf;

  /* 背景颜色 */
  --bg-color: #f6f6f6;             /* 浅灰背景 */
  --bg-color-2: #e6e6e6;           /* 浅背景/边框 */
  --bg-color-3: #f3f5fe;           /* 淡蓝背景 */
  --bg-color-4: #f7f7f7;
  --bg-color-5: #f4f4f4;
  --bg-color-6: #edebeb;
  --bg-color-7: #e7e8e7;
  --border-color: #ccc;            /* 边框 */

  /* 半透明颜色 */
  --white-10: rgba(255,255,255,0.1);
  --white-20: rgba(255,255,255,0.2);
  --white-30: rgba(255,255,255,0.3);
  --white-70: rgba(255,255,255,0.7);
  --white-80: rgba(255,255,255,0.8);
  --black-05: rgba(0,0,0,0.05);
  --black-06: rgba(0,0,0,0.06);
  --black-08: rgba(0,0,0,0.08);
  --black-10: rgba(0,0,0,0.1);
  --black-20: rgba(0,0,0,0.2);
  --black-80: rgba(0,0,0,0.8);
  --text-dark-50: rgba(39,39,39,0.5);
  --text-dark-80: rgba(39,39,39,0.8);
  --text-deep-80: rgba(31,31,31,0.8);
  --blue-15: rgba(72,73,121,0.15);
  --gray-05: rgb(117 117 117 / 5%);

  --ey-ink: #16221b;        /* 墨绿黑：导航吸顶 / 深色区块 */
  --ey-ink-2: #1d2b23;      /* 次级墨绿黑 */
  --ey-orange: #ec5d16;     /* 保留原辅助橙 */
  --ey-mist: #f3f5f1;       /* 米灰：交替区块底色 */
  --ey-line: rgba(22, 34, 27, .09);
  --ey-line-w: rgba(255, 255, 255, .12);
}

.scroll-top{
  background: var(--theme-color);
}

.mobile-menu .menu-backdrop{
  background: var(--theme-color);
}

.header-top .info-list li a:hover{
  color: var(--theme-color);
}

.header-top .info-list li i{
  color: var(--theme-color);
}

.header-top .social-links li a:hover{
  color: var(--theme-color);
}

.main-header .language-box .language-list{
  border-top: 2px solid var(--theme-color);
}

.main-header .language-box .language-list li a:hover{
  color: var(--theme-color);
}

.theme-btn-one{
  background: var(--theme-color-2);
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
  color: var(--theme-color);
}

.main-menu .navigation > li > ul > li > a:hover{
  color: var(--theme-color);
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  color: var(--theme-color);
}

.main-header .search-box-btn:hover{
  color: var(--theme-color);
}

.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover{
  background: var(--theme-color);
}

.main-header .sticky-header .theme-btn-one:hover{
  color: var(--theme-color) !important;
}

.feature-block-one .inner-box .icon-box{
  color: var(--theme-color);
}

.feature-block-one .inner-box:before{
  background: var(--theme-color);
}

.quote-box .inner-box{
  border: 2px solid var(--theme-color);
}

.quote-box .inner-box .icon-box{
  background: var(--theme-color);
}

.image_block_1 .image-box .image-1:before{
  background: var(--theme-color);
}

.image_block_1 .image-box .image-content{
  background: var(--theme-color);
}

.sec-title p{
  color: var(--theme-color);
}

.content_block_1 .content-box .inner-box .single-item h5 span{
  color: var(--theme-color);
}

.content_block_1 .content-box .inner-box .single-item h5:before{
  background: var(--theme-color);
}

.content_block_1 .content-box .lower-box .author-box .author-thumb{
  border: 2px solid var(--theme-color);
}

.content_block_1 .content-box .lower-box .experienct-box{
  border: 2px solid var(--theme-color);
}

.service-block-one .inner-box:hover .image-box .category{
  background: var(--theme-color);
}

.service-block-one .inner-box .image-box i{
  color: var(--theme-color);
}

.service-block-one .inner-box .lower-content h3 a:hover{
  color: var(--theme-color);
}

.service-block-one .inner-box .lower-content .link a:hover{
  color: var(--theme-color);
}

.content_block_3 .content-box .tabs-content .inner-box .text .list li:before{
  color: var(--theme-color);
}

.funfact-section .inner-container{
  border-top: 10px solid var(--theme-color);
}

.counter-block-one .inner-box .icon-box{
  color: var(--theme-color);
}

.project-block-one .inner-box .image-box:before{
  background: var(--theme-color);
}

.nav-style-one .owl-prev:hover,
.nav-style-one .owl-next:hover{
  background: var(--theme-color);
}

.process-block-one .inner-box:hover .icon-box{
  color: var(--theme-color);
}

.bg-color-2{
  background: var(--theme-color);
}

.cta-section .inner-box .theme-btn-one:hover{
  color: var(--theme-color) !important;
}

.progress-box .bar-inner{
  background: var(--theme-color);
}

.content_block_4 .content-box .counter-inner .inner-box .icon-box{
  color: var(--theme-color);
}

.progress-box .count-text:before{
  background: var(--theme-color);
}

.progress-box .count-text:after{
  background: var(--theme-color);
}

.sticky-header{
  border-bottom: 2px solid var(--theme-color);
}

.testimonial-block-one .inner-box{
  border-top: 10px solid var(--theme-color);
}

.testimonial-block-one .inner-box .icon-box{
  background: var(--theme-color);
}

.news-block-one .inner-box .image-box{
  background: var(--theme-color);
}

.news-block-one .inner-box .image-box .post-date{
  background: var(--theme-color);
}

.news-block-one .inner-box .lower-content .post-info li a:hover{
  color: var(--theme-color);
}

.news-block-one .inner-box .lower-content .post-info li i{
  color: var(--theme-color);
}

.news-block-one .inner-box .lower-content h3 a:hover{
  color: var(--theme-color);
}

.footer-top .footer-info .single-item .inner .icon-box{
  color: var(--theme-color);
}

.footer-top .footer-info .single-item:nth-child(2) .inner{
  background: var(--theme-color);
}

.footer-top .widget-section .logo-widget form .form-group button{
  color: var(--theme-color);
}

.footer-top .widget-section .logo-widget form .form-group input:focus{
  border-color: var(--theme-color) !important;
}

.footer-top .widget-section .logo-widget .social-links li a:hover{
  color: var(--theme-color);
}

.footer-top .widget-section .links-widget .links-list li a:hover{
  color: var(--theme-color);
}

.footer-top .widget-section .links-widget .links-list li a:before{
  background: var(--theme-color);
}

.footer-top .widget-section .post-widget .post .post-thumb{
  background: var(--theme-color);
}

.footer-top .widget-section .post-widget .post h6 a:hover{
  color: var(--theme-color);
}

.footer-top .widget-section .post-widget .post .post-date{
  color: var(--theme-color);
}

.footer-bottom .copyright p a:hover{
  color: var(--theme-color);
}

.footer-bottom .footer-nav li a:hover{
  color: var(--theme-color);
}

.main-header.style-two .header-top .header-nav li a:hover{
  color: var(--theme-color);
}

.main-header .header-upper .upper-info li .icon-box{
  color: var(--theme-color);
}

.main-header .header-upper .upper-info li h6 a:hover{
  color: var(--theme-color);
}

.main-header.style-two .header-lower .search-box-btn:hover{
  color: var(--theme-color);
}

.content_block_5 .content-box .icon-box{
  color: var(--theme-color);
}

.content_block_6 .content-box .progress-inner .box .icon-box{
  color: var(--theme-color);
}

.content_block_7 .content-box .video-btn a{
  background: var(--theme-color);
}

.content_block_8 .content-box .inner-box .single-item .icon-box{
  color: var(--theme-color);
}

.team-block-one .inner-box .lower-content h4 a:hover{
  color: var(--theme-color);
}

.team-block-one .inner-box .image-box .content-box .social-links li a:hover{
  color: var(--theme-color);
}

.image_block_2 .image-box .icon-box span{
  background: var(--theme-color);
}

.testimonial-style-two .inner-container:before{
  background: var(--theme-color);
}

.feature-style-two .inner-container{
  border-top: 10px solid var(--theme-color);
}

.feature-style-two .single-item .inner-box .icon-box{
  background: var(--theme-color);
}

.feature-style-two .single-item .inner-box .icon-box:before{
  background: var(--theme-color);
}

.sticky-header .main-menu .navigation > li.current > a, 
.sticky-header .main-menu .navigation > li:hover > a{
  color: var(--theme-color);
}

.page-title .content-box .bread-crumb li a:hover{
  color: var(--theme-color);
}

.project-details-content .info-box .single-info-box:before{
  background: var(--theme-color);
}

.project-details-content .two-column .list-item li:before{
  color: var(--theme-color);
}

.error-section .inner-box h1{
  color: var(--theme-color);
}

.service-sidebar .category-widget .category-list li a.current i,
.service-sidebar .category-widget .category-list li a:hover i{
  background: var(--theme-color);
}

.service-sidebar .support-box{
  background: var(--theme-color);
}

.service-details-content .image-box .category{
  background: var(--theme-color);
}

.service-details-content .image-box i{
  color: var(--theme-color);
}

.service-details-content .text h4{
  color: var(--theme-color);
}

.service-details-content .two-column .list-item li:before{
  color: var(--theme-color);
}

.accordion-box .block.active-block{
  background: var(--theme-color);
  border-color: var(--theme-color);
}

.accordion-box .block .acc-btn .icon-outer{
  color: var(--theme-color);
}

.pagination li a:hover,
.pagination li a.current{
  background: var(--theme-color);
}

.news-block-one .inner-box .lower-content h2 a:hover{
  color: var(--theme-color);
}

.blog-sidebar .sidebar-search{
  background: var(--theme-color);
}

.blog-sidebar .sidebar-post .post .post-thumb{
  background: var(--theme-color);
}

.blog-sidebar .sidebar-post .post .post-date{
  color: var(--theme-color);
}

.blog-sidebar .sidebar-post .post h6 a:hover{
  color: var(--theme-color);
}

.blog-sidebar .category-widget .category-list li a:hover:before{
  background: var(--theme-color);
}

.blog-sidebar .tags-widget .tags-list li a:hover{
  background: var(--theme-color);
}

.blog-details-content .post-share-option .post-tags li a:hover{
  background: var(--theme-color);
}

.blog-details-content .post-share-option .social-links li a:hover{
  color: var(--theme-color);
}

.blog-details-content .comment-box .comment .comment-info .post-date i{
  color: var(--theme-color);
}

.blog-details-content .comment-box .comment .reply-btn{
  background: var(--theme-color);
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus{
  border-color: var(--theme-color) !important;
}

.contact-info-section .single-info-box .inner-box .icon-box{
  background: var(--theme-color);
}

.contact-info-section .single-info-box .inner-box p a:hover{
  color: var(--theme-color);
}

.contact-section .title-inner .social-links li a:hover{
  color: var(--theme-color);
}