/*===================== 
	Premery bg color 
=====================*/

::selection {
 background: #EF9721 ;
}
::-moz-selection {
 background: #EF9721 ;
}
::-webkit-selection {
  background: #EF9721 ;
}

/* Primary background color*/
.left .wt-small-separator div.sep-leaf-right::before, .left .wt-small-separator div.sep-leaf-left::before, .center .wt-small-separator div.sep-leaf-right::before, .center .wt-small-separator div.sep-leaf-left::before,
.footer-dark .social-icons li a, .pricingtable-highlight, .icon-font-block, .service-side-btn a.btn-block:hover, .project-img-effect-1, .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-prev:active, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-next:active, .owl-carousel .owl-nav button.owl-next:focus, .header-style-2 .top-bar .wt-topbar-info li:first-child::before, .header-style-2 .header-nav-request a, .all_services ul li a:hover, .all_services ul li a.active, .service-border-box:hover::before, .site-bg-primary, .wt-tabs.bg-tabs .nav-tabs > li > a,.site-list-style-two li::after,.search-bx button,.site-list-style-one li::after,.since-year strong, .date-style-2 .wt-post-meta ul li.post-category span,.blog-post blockquote,.your-order-list ul li:last-child,.header-style-1 .header-nav .nav > li:hover > a,.header-style-1 .top-bar .wt-topbar-info li:first-child::before,.header-style-1 .header-nav-request a,.services-section-content-right,.testimonial-1-content-outer::after,.play-now .icon,.header-style-3 .top-bar .wt-topbar-info li:first-child::before,.header-style-3 .header-nav-request a,.h-category,.animate_line:hover::after, .animate_line:hover::before,.hover-effect-content .mfp-link:hover,.header-style-4 .header-nav-request a, .date-style-3 .wt-post-meta ul li.post-category span, .site-list-style-one-new li::after, .about-max-two::after, .card1::before, .project-box-style1 .project-view .project-view-btn i, .latest-blog-3.large-date .post-date,.description-list li i,.sr-btn-filter-wrap li.btn-active.sr-btn-circle,.post-style-12 .wt-post-info::before,#search-two .close,.service-icon-box-three:hover,.half-wide-bg,.header-style-11.bg-half-block-bar .header-middle::after,.wt-team-2 .team-social-icon li a,.ls-circle,.project-new-2 .project-new-content2 span,.project-new-2 .project-view .project-view-btn i {
	background-color:#EF9721 ;
}
.site-button{background-color:#EF9721 !important}

/*-----Secondry background colo-----*/
.site-button-secondry, .acc-bg-gray .acod-head .indicator, .project-img-effect-1 a.mfp-link, .header-style-2 .header-search, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .all_services, .site-bg-secondry, .wt-tabs.bg-tabs .nav-tabs > li > a.active, .overlay-icon a,.header-style-3 .header-search,.footer-dark.footer-style2 .footer-top,.contact-info-section,.header-style-4 .header-search{
    background-color:#191919;
}

/* Buttons hover bg color*/
.site-button:hover, .site-button:focus, .site-button:active, .nl-search-btn:hover{
	background-color:#C97C10;
}


/*===================== 
	Primary text color 
=====================*/
/* Premery text color*/
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .header-nav .nav > li:hover > a, .header-nav .nav > li .sub-menu li a:hover, .header-nav .nav > li .sub-menu li:hover > a, header-nav .nav > li .mega-menu > li ul a:hover, .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a, .header-nav .nav li.has-child.nav-active > a, ol.comment-list li.comment .reply a, .masonry-filter > li.active a, .masonry-filter > li a:hover, .masonry-filter > li a:active, .masonry-filter > li a:focus, .nav-dark.header-nav .nav > li .sub-menu li a:hover, .site-button-link::after, .our-team-two ul li a:hover, .site-text-primary, .footer-dark .footer-bottom .copyrights-nav li a, .footer-dark .footer-bottom .copyrights-nav li::after, .footer-dark .footer-top h1, .footer-dark .footer-top h2, .footer-dark .footer-top h3, .footer-dark .footer-top h4, .footer-dark .footer-top h5, .footer-dark .footer-top h6, .footer-dark .footer-top h1 a, .footer-dark .footer-top h2 a, .footer-dark .footer-top h3 a, .footer-dark .footer-top h4 a, .footer-dark .footer-top h5 a, .footer-dark .footer-top h6 a, .footer-dark .widget_address li i,
.site-footer .widget_services ul li a:hover, .wt-team-1 .team-social-center ul li a:hover, .footer-dark .footer-top a:active, .footer-dark .footer-top a:focus, .footer-dark .footer-top a:hover, .header-style-2 .header-nav .nav > li > a:hover, blockquote .fa-quote-left, .testimonial-2 .testimonial-text .fa-quote-left, .wt-breadcrumb li:last-child, .video3-section-blockquote .fa-quote-left,.wt-product-box .price ins,.widget .wt-post-meta li,.widget_archives ul li a:hover,.widget_services ul li a:hover,.widget_tag_cloud a:hover, .since-year2 strong,.project-2-block .wt-title a:hover,.project-stamp .project-stamp-list li a i, .date-style-2 .wt-post-meta ul li.post-date, .date-style-2 .wt-post-meta ul li.post-comment, .date-style-2 .wt-post-readmore a,.video-section-blockquote2 .fa-quote-left,.testimonial-1 .testimonial-text .fa-quote-left,.footer-dark.footer-style2 .footer-bottom .copyrights-nav li a:hover,.header-style-3 .header-nav .nav > li > a:hover,.wt-team-1 .team-name a:hover,.header-style-4 .header-nav .nav > li > a:hover,.box-style1 .wt-icon-number span, .date-style-3 .wt-post-meta ul li.post-author, .date-style-3 .wt-post-meta ul li.post-date, .date-style-3 .wt-post-meta ul li.post-comment,.date-style-3 .wt-post-readmore a,.testimonial-4 .testimonial-text .fa-quote-left, .project-new-content span, .btn-filter-wrap li.btn-active, .wt-team-10 .team-name a:hover, .project-box-style1 .project-content .project-title-large a:hover, .latest-blog-3 .wt-post-readmore a,.wt-team-arc2 .team-social-icon li a:hover,.testimonial-5 .quote-left::before,.service-box-style12 .service-title-large a:hover,.testimonial-12-content .testimonial-12 .testimonial-info .testimonial-position,.testimonial-12-content .testimonial-12 .testimonial-text i,#search-two .search-btn i,.header-style-11 .header-nav .nav > li .sub-menu li:hover > a,.header-style-11 .header-nav .nav > li:hover > a,.header-style-11 .header-nav .nav li.has-child.nav-active > a,.service-box-style2 .service-title-large a:hover,.wt-team-2 .team-detail p,.wt-team-2 .team-detail a:hover,.testimonial-11-content .testimonial-11 .testimonial-text i,.testimonial-11-content .testimonial-11 .testimonial-info .testimonial-position{
	color:#EF9721 ;
}

.header-style-1 .header-nav .nav li:hover.has-child.nav-active > a{color:#fff;}
.header-style-1 .header-nav .nav li:hover.has-child .submenu-toogle{color:#fff;}
/*-----border color-----*/
.wt-team-1 .team-social-center, .header-style-2 #search-toggle-block, .testimonial-2 .testimonial-text, .video-section-blockquote, .service-box-title, .video3-section-blockquote,.colarge-2,.colarge-1::before, .colarge-1::after,.project-2-block .wt-title,.project-stamp .project-stamp-list,.project-1-inner-pic::after,.line-filter .filter-content,.video-section-blockquote2,.rev-title-left-border,.header-style-3 #search-toggle-block,.box-style1-title, .colarge-1-new::before,.slider-block-3, .about-two .about-year .about-year-info span, .icon-circle-box .icon-circle::before,.icon-circle-box .icon-circle::after,.client-logo2-media::before,.client-logo2-media::after{
	border-color:#EF9721;
}

.about-three .about-year .about-year-info {
    background-color:rgba(239, 151, 33, 0.92);
}

/*===================== 
	play btn
 =====================*/


.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after {
    -webkit-box-shadow: 0 0 0 0 rgb(239, 151, 33);
    -moz-box-shadow: 0 0 0 0 rgb(239, 151, 33);
    -ms-box-shadow: 0 0 0 0 rgb(239, 151, 33);
    -o-box-shadow: 0 0 0 0 rgb(239, 151, 33);
    box-shadow: 0 0 0 0 rgb(239, 151, 33);
}

.whatWedo-media-inner{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#EF9721+0,191919+100 */
background: rgb(239,151,33); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(239,151,33,1) 0%, rgba(25,25,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(239,151,33,1) 0%,rgba(25,25,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(239,151,33,1) 0%,rgba(25,25,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EF9721', endColorstr='#191919',GradientType=1 ); /* IE6-9 */
}

.whatWedo-media-content::after{
	border-top-color:#191919;
}

.footer-dark.footer-style2 .footer-bottom {
	background-color:#111;
	border-top: 1px solid #111;
}

/*REVOLUTION SLIDER ARROW BUTTON*/
#welcome_wrapper .metis.tparrows{background-color:#EF9721 ;}

.box-style1:after{
 background: rgb(239,151,33);
background: linear-gradient(0deg, rgba(239,151,33,1) 0%, rgba(25,25,25,1) 100%); 	
}

.long-arrow-next-prev.owl-carousel .owl-nav button.owl-prev:hover,
.long-arrow-next-prev.owl-carousel .owl-nav button.owl-prev:active,
.long-arrow-next-prev.owl-carousel .owl-nav button.owl-prev:focus,
.long-arrow-next-prev.owl-carousel .owl-nav button.owl-next:hover,
.long-arrow-next-prev.owl-carousel .owl-nav button.owl-next:active,
.long-arrow-next-prev.owl-carousel .owl-nav button.owl-next:focus{
	color:#EF9721;
}

/* ==========================================================================
   YAKIN BERKAT SEJAHTERA — penyesuaian "hitam + kuning sesuai logo"
   Logo: kuning/oranye #EF9721 + teks hitam #1A1A1A.
   Kontras terverifikasi: hitam di atas #EF9721 = 7.56:1 (WCAG AA lolos).
   ========================================================================== */

/* Tombol utama: kuning logo + TEKS HITAM (bukan putih — putih di #EF9721 hanya 2.30:1) */
.site-button,
.site-button:active, .site-button:focus, .site-button:visited,
.active > .site-button {
  background-color: #EF9721 !important;
  color: #1A1A1A !important;
  font-weight: 700;
}
.site-button:hover {
  background-color: #1A1A1A !important;   /* hover jadi hitam */
  color: #EF9721 !important;              /* teks kuning di hitam = 7.56:1 */
}
/* Ikon di dalam tombol ikut hitam */
.site-button i, .site-button span, .site-button svg { color: inherit !important; }

/* Tombol sekunder: hitam + teks kuning */
.site-button-secondry {
  background-color: #1A1A1A !important;
  color: #EF9721 !important;
}
.site-button-secondry:hover {
  background-color: #EF9721 !important;
  color: #1A1A1A !important;
}

/* Aksen kuning di latar GELAP aman (#EF9721 di #1A1A1A = 7.56:1).
   Aksen kuning di latar TERANG: pakai versi gelap agar lolos AA. */
.site-text-primary.on-light, .light-bg .site-text-primary { color: #A05F09 !important; }

/* Nomor urut kartu layanan (01-06) ada di latar putih -> pakai kuning gelap */
.service-box-1-new .wt-icon-number, .box-style1 .wt-icon-number span { color: #A05F09 !important; }

/* Garis/aksen kecil kuning tetap kontras di latar gelap */
.header-nav-request a, .header-style-3 .header-nav-request a { color: #1A1A1A !important; }

/* ==========================================================================
   OVERRIDE 5 WARNA MERAH yang HARDCODE di style.css (tidak ikut skin)
   Diidentifikasi via pencarian: css/style.css baris 13164, 18052, 18106, 18282, 18482
   ========================================================================== */
.clr-red { background-color: #EF9721 !important; }

/* Link "Read More" blog — di latar TERANG, jadi pakai kuning gelap (5.08:1) */
.latest-blog-3 .wt-post-readmore a { color: #A05F09 !important; }
.latest-blog-3 .wt-post-readmore a:hover { color: #1A1A1A !important; }

/* Border dekoratif lingkaran ikon */
.icon-circle-box .icon-circle { border-color: #EF9721 !important; }

/* Hover judul proyek pada kartu putih */
.projects-two-info.bg-white:hover .wt-tilte a:hover { color: #A05F09 !important; }

/* Hover ikon sosial tim */
.wt-team-arc2 .team-social-icon li a:hover { color: #A05F09 !important; }

/* Angka statistik: 2023 adalah TAHUN, tidak cocok dianimasikan sebagai counter
   (counterup menghitung 0 -> 2023 sehingga sempat terbaca angka aneh). */
.counter-outer .counter { pointer-events: none; }

/* H1 tersembunyi (SEO & aksesibilitas) — template Industro tidak punya <h1>.
   Ditaruh di LUAR slider supaya tidak terkloning oleh Revolution Slider. */
.sr-only {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ==========================================================================
   SECTION ABOUT — perbaikan sesuai permintaan user:
   gambar kanan dibuat POTRAIT + 2 kartu seimbang (narasi diringkas)
   ========================================================================== */
.about-max-two-media img,
.about-max-two .about-max-two-media img {
  width: 100%;
  aspect-ratio: 3 / 4;          /* potrait */
  object-fit: cover;
  object-position: center;
  display: block;
}
/* kartu ikon: tinggi sama & narasi tidak melimpah */
.about-section-two .ab-two-icon-section .wt-icon-box-wraper {
  display: flex; flex-direction: column;
  min-height: 210px;
  padding: 26px 22px !important;
}
.about-section-two .ab-two-icon-section .icon-content { margin-top: auto; }
.about-section-two .ab-two-icon-section .icon-content p {
  font-size: 14.5px; line-height: 1.65; margin: 0;
}
.about-section-two .ab-two-icon-section .wt-tilte {
  font-size: 18px; margin-bottom: 10px; line-height: 1.3;
}
/* di tablet/mobile kartu bertumpuk: tinggi otomatis */
@media (max-width: 767px) {
  .about-section-two .ab-two-icon-section .wt-icon-box-wraper { min-height: 0; }
  .about-max-two-media img { aspect-ratio: 4 / 3; }   /* potrait -> lebih lebar di HP */
}

/* ==========================================================================
   SECTION GALERI (Galeri Pengadaan) — overlay transparan di atas gambar
   Permintaan user: kartu galeri kurang rapi -> diberi background transparan
   di atas gambarnya agar judul putih terbaca & tampilan lebih seragam.
   ========================================================================== */
/* setiap kartu galeri: jadikan wadah relatif + overlay gradient */
.project-gallery-style1 .project-box-style1 {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
}
.project-gallery-style1 .project-box-style1 .project-media,
.project-gallery-style1 .project-box-style1 .project-media img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}
/* OVERLAY TRANSPARAN: bawah gelap -> atas bening */
.project-gallery-style1 .project-box-style1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(10, 10, 10, 0.88) 0%,
    rgba(10, 10, 10, 0.62) 38%,
    rgba(10, 10, 10, 0.22) 68%,
    rgba(10, 10, 10, 0) 100%);
  opacity: 0.85;
  transition: opacity .35s ease;
  pointer-events: none;
  z-index: 1;
}
.project-gallery-style1 .project-box-style1:hover::after { opacity: 1; }

/* judul & label di atas overlay */
.project-gallery-style1 .project-box-style1 .project-content {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 22px 20px;
  z-index: 2;
}
.project-gallery-style1 .project-box-style1 .project-title-large a,
.project-gallery-style1 .project-box-style1 .project-title a,
.project-gallery-style1 .project-box-style1 .project-content h3,
.project-gallery-style1 .project-box-style1 .project-content h3 a,
.project-gallery-style1 .project-box-style1 .project-title-large {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
  margin: 0;
}
.project-gallery-style1 .project-box-style1 .project-content span,
.project-gallery-style1 .project-box-style1 .project-title span {
  color: #EF9721 !important;      /* kategori kuning di atas overlay gelap */
  text-shadow: 0 1px 6px rgba(0, 0, 0, .7);
}

/* tombol "Selengkapnya"/vent glass tetap di atas overlay */
.project-gallery-style1 .project-box-style1 .project-view,
.project-gallery-style1 .project-box-style1 .project-view-btn { z-index: 3; }

/* judul section & tombol: pastikan terbaca di latar hitam berpola */
.project-gallery-style1-wrapper .section-head h2,
.project-gallery-style1-wrapper .wt-small-separator { position: relative; z-index: 2; }

/* overlay tipis pada latar section berpola peta agar tidak terlalu ramai */
.project-gallery-style1-wrapper::before {
  content: "";
  position: absolute; inset: 0;
  background: rgba(8, 8, 8, .55);
  pointer-events: none;
}
.project-gallery-style1-wrapper { position: relative; }
.project-gallery-style1-wrapper > * { position: relative; z-index: 1; }

@media (max-width: 767px) {
  .project-gallery-style1 .project-box-style1 .project-media,
  .project-gallery-style1 .project-box-style1 .project-media img { height: 240px; }
}