:root {
  --accent:          #C8922A;
  --accent-hover:    #A8761E;
  --accent-mid:      #E8B85A;
  --accent-light:    #F5EDD6;
  --dark:            #0F1923;
  --dark-2:          #1A2A38;
  --neutral-900:     #1C2230;
  --neutral-800:     #2D3748;
  --neutral-600:     #4A5568;
  --neutral-500:     #6B7F96;
  --neutral-400:     #8B9BAA;
  --neutral-300:     #B0BEC8;
  --neutral-200:     #DDE4EC;
  --neutral-100:     #EEF2F6;
  --neutral-50:      #F7F9FB;
  --radius-sm:       3px;
  --radius-md:       6px;
  --radius-lg:       10px;
  --shadow-sm:       0 1px 3px rgba(15,25,35,.08);
  --shadow-md:       0 4px 16px rgba(15,25,35,.12);
  --shadow-lg:       0 8px 32px rgba(15,25,35,.16);
  --transition:      all .25s cubic-bezier(.215,.61,.355,1);
}

body { background-color: var(--neutral-50); }
a { transition: var(--transition); }
a:hover { color: var(--accent); }
.highlight { color: var(--accent) !important; }

header {
  background: var(--dark) !important;
  height: auto !important;
  min-height: 80px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.logo a {
  margin-top: 0 !important;
  display: flex !important;
  align-items: center;
  height: 80px;
}
.logo img { max-height: 44px; width: auto; }

#site-navigation .menu > ul > li > a,
#site-navigation .menu > li > a {
  color: rgba(255,255,255,.72) !important;
  padding: 28px 15px !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
}

#site-navigation .menu > ul > li > a:hover,
#site-navigation .menu > li > a:hover {
  color: var(--accent-mid) !important;
}

#site-navigation .menu > li > a.bttn {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
  border-radius: var(--radius-sm) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}
#site-navigation .menu > li > a.bttn:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

#site-navigation .sub-menu,
#site-navigation .children {
  background-color: var(--dark) !important;
  border-top: 2px solid var(--accent) !important;
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  box-shadow: var(--shadow-lg) !important;
}
#site-navigation .sub-menu li a,
#site-navigation .children li a {
  color: rgba(255,255,255,.6) !important;
  border-color: rgba(255,255,255,.05) !important;
  font-size: 11px !important;
  letter-spacing: .06em !important;
  transition: var(--transition);
}
#site-navigation .sub-menu li a:hover,
#site-navigation .children li a:hover {
  color: var(--accent-mid) !important;
  padding-left: 6px !important;
}

#open-left { color: rgba(255,255,255,.8) !important; margin-top: 22px; }

.snap-drawer-left { background-color: var(--dark) !important; }
.mobile-menu > ul li.menu-item > a {
  color: rgba(255,255,255,.65) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}
.mobile-menu > ul li.menu-item > a:hover { color: var(--accent) !important; }
.mobile-menu > ul li.menu-item.menu-item-has-children > .sub-menu-toggle {
  color: rgba(255,255,255,.4) !important;
  border-color: rgba(255,255,255,.1) !important;
}

.big-title {
  background: linear-gradient(135deg, var(--dark) 0%, var(--dark-2) 100%) !important;
  padding: 80px 0 !important;
  border-bottom: none !important;
}
.big-title h1 { color: #fff !important; font-size: 36px !important; letter-spacing: .08em !important; }
.big-title .bread_crumb li,
.big-title .bread_crumb li a { color: rgba(255,255,255,.5) !important; }

.bttn {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  border-radius: var(--radius-sm) !important;
  font-size: 11px !important;
  letter-spacing: .1em !important;
  transition: var(--transition) !important;
}
.bttn:hover {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
.bttn.skin-fill-blue {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}
.bttn.skin-fill-blue:hover {
  background: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}
.bttn.skin-white {
  color: #fff !important;
  border-color: rgba(255,255,255,.5) !important;
  background: transparent !important;
}
.bttn.skin-white:hover {
  background: #fff !important;
  color: var(--accent) !important;
  border-color: #fff !important;
}
.bttn.skin-fill-black {
  background: var(--dark) !important;
  border-color: var(--dark) !important;
  color: #fff !important;
}
.bttn.skin-fill-black:hover {
  background: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}

.tp-caption.Polygon-button-02, .Polygon-button-02 {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}
.tp-caption.Polygon-button-02:hover, .Polygon-button-02:hover {
  background-color: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}
.tp-caption.Polygon-button-01:hover, .Polygon-button-01:hover {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.stats-band { background: var(--accent); }
.stats-band .stat-item {
  text-align: center;
  padding: 22px 10px;
  border-right: 1px solid rgba(255,255,255,.2);
}
.stats-band .stat-item:last-child { border-right: none; }
.stats-band .stat-num {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: .02em;
}
.stats-band .stat-lbl {
  display: block;
  font-size: 9px;
  color: rgba(255,255,255,.8);
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-top: 5px;
}

.feature-card {
  padding: 30px 20px 24px;
  border: 0.5px solid var(--neutral-200);
  border-top: 3px solid var(--accent);
  border-radius: var(--radius-lg);
  background: #fff;
  transition: var(--transition);
  margin-bottom: 20px;
}
.feature-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.feature-card .font50 { margin-bottom: 16px; display: block; }
.feature-card h4.custom-head { font-size: 12px !important; margin: 12px 0 8px !important; }
.feature-card p { font-size: 13px; color: var(--neutral-400); margin: 0; }

.icon-box-3col .icon-box-modern:first-child {
  background: var(--dark) url(../images/d1.jpg) center/cover !important;
}
.icon-box-3col .icon-box-modern:nth-child(2) {
  background: var(--dark-2) url(../images/d2.jpg) center/cover !important;
}
.icon-box-3col .icon-box-modern:last-child {
  background: var(--accent-hover) url(../images/d3.jpg) center/cover !important;
}
.icon-box-modern:hover { background-color: var(--accent) !important; }
.icon-box-3col .icon-box-modern h1,
.text-order { color: rgba(255,255,255,.1) !important; }

.icon-box-accent-line {
  width: 36px;
  height: 3px;
  background: var(--accent);
  border-radius: 2px;
  margin-bottom: 24px;
}

.home-business-dual .xs-reset-padding { background-color: var(--dark-2) !important; }

.badge-accent {
  background: var(--accent);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  display: inline-block;
}

.cta-blue {
  background: var(--accent) !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.cta-blue h3 { color: #fff !important; }
.cta-box {
  background: var(--dark-2) url(../images/dbi.jpg) center/cover !important;
}

.post-table-sub-content > .dates,
.recent-posts__item .recent-posts-desc .dates {
  background-color: var(--accent) !important;
}
.post-table-content .blog-entry-title a:hover,
.post-table-sub-content .blog-entry-title a:hover,
.postcontent-type02 article.post .postcontent-gird-content .blog-entry-title a:hover {
  color: var(--accent) !important;
}
.post-quote { background-color: var(--dark-2) !important; }

.sidebar .widget-title { color: var(--dark) !important; }
.sidebar .widget .menu li a {
  background-color: var(--neutral-50) !important;
  color: var(--neutral-800) !important;
}
.sidebar .widget .menu li:hover a,
.sidebar .widget .menu li.current-menu-item a {
  background-color: var(--accent) !important;
  color: #fff !important;
}
.sidebar .widget .tagcloud a:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
}

textarea:focus, input:focus { border-color: var(--accent) !important; outline: none !important; }
.contact-form button {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  border-radius: var(--radius-sm) !important;
}
.contact-form button:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

.folio-overlay { background-color: rgba(200,146,42,.88) !important; }
.folio-main-filter li a.active,
.folio-main-filter li a:hover { color: var(--accent) !important; }
.related-projects .project-thumb:after { background-color: var(--accent) !important; }

.progress-item .progress-value-bar { background-color: var(--accent) !important; }
.progress-item .progress-value-bar .label_units { background-color: var(--dark) !important; }
.progress-item .progress-value-bar .label_units:after { border-top-color: var(--dark) !important; }

.counter-item h3 { color: var(--accent) !important; }

.accordion .panel-default .panel-heading a:hover,
.accordion .panel-default.actives .panel-heading a { color: var(--accent) !important; }

.paginatio2 span:hover, .paginatio2 a:hover,
.paginatio2 span.current {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.mini-cart .mini-cart__button .mini-cart-icon:after { background-color: var(--accent) !important; }
.mini-cart .widget_shopping_cart_content,
.search-box input[type=search] { border-color: var(--accent) !important; }

footer {
  background-color: var(--dark) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
}
.footer-widget h5 { color: var(--accent-mid) !important; }

.footer-contact p {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--neutral-400);
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 14px;
}
.footer-contact p span {
  color: var(--accent);
  font-size: 18px;
  flex-shrink: 0;
  top: 1px;
  position: relative;
}
.footer-contact p a { color: var(--neutral-400); }
.footer-contact p a:hover { color: var(--accent); }

footer .menu-social-small li { margin: 0 16px 0 0; }
footer .menu-social-small li a { font-size: 18px !important; color: var(--neutral-500) !important; }
footer .menu-social-small li a:hover { color: var(--accent) !important; }

.fnews li::before { display: none; }
.fnews li {
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.fnews li:first-child { border-top: 1px solid rgba(255,255,255,.06) !important; }
.fnews li a { color: var(--neutral-400) !important; font-size: 13px; }
.fnews li a:hover { color: var(--accent) !important; }

body footer a:hover { color: var(--accent) !important; }

.copyright { background-color: rgba(0,0,0,.3) !important; }
.copyright .left,
.copyright .right { color: rgba(255,255,255,.35) !important; }
.menu-social-small li a { color: rgba(255,255,255,.4) !important; }
.menu-social-small li a:hover { color: var(--accent) !important; }

.scrollup {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  border-radius: var(--radius-sm) !important;
}
.scrollup:hover {
  background: var(--accent) !important;
  color: #fff !important;
}

.vc_icon_element span,
.vc_icon_element-icon { color: var(--accent) !important; }

.row-cards {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  float: none !important;
  margin: 0 !important;
}
.row-cards::before,
.row-cards::after { display: none !important; }
.row-cards > [class*="col-"] {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.row-cards > [class*="col-"] > div {
  flex: 1 !important;
  margin-bottom: 0 !important;
}

.row-cards-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  float: none !important;
  margin: 0 !important;
}
.row-cards-3::before,
.row-cards-3::after { display: none !important; }
.row-cards-3 > [class*="col-"] {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.row-cards-3 > [class*="col-"] > div {
  flex: 1 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 991px) {
  .big-title h1 { font-size: 26px !important; }
  .cta-blue h3 { font-size: 17px !important; }
  .stats-band .stat-num { font-size: 20px; }
  .row-cards { grid-template-columns: repeat(2, 1fr) !important; }
  .row-cards-3 { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 767px) {
  .big-title h1 { font-size: 22px !important; }
  .stats-band .stat-lbl { font-size: 8px; letter-spacing: .06em; }
  .feature-card { margin-bottom: 16px; }
  .row-cards { grid-template-columns: 1fr !important; }
  .row-cards-3 { grid-template-columns: 1fr !important; }
}