/* MDIX Korporat Prima — template-specific fixes */

/* Hero copy sits on a light blue photo: add depth so the white text stays readable. */
#business-main-banner .tp-caption h1,
#business-main-banner .tp-caption p {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}
#business-main-banner .tp-caption p {
  color: #fff !important;
}

/* Embedded map replaces the broken Google Maps API widget. */
.contact-style-one .mdix-map {
  display: block;
  width: 100%;
  height: 460px;
  border: 0;
}
@media (max-width: 991px) {
  .contact-style-one .mdix-map {
    height: 320px;
    margin-bottom: 50px;
  }
}

/* Indonesian button labels are longer than the fixed-width pills; let them size to the text. */
.about-bizco .text a,
.case-study .text a,
.bottom-banner a.learn,
.bottom-banner a.subscribe {
  width: auto;
  padding: 0 28px;
  white-space: nowrap;
}

/* A consulting firm has no shop: hide the theme's empty cart button. */
header .right-content button.cart {
  display: none !important;
}

/* Darken the light hero photo so the transparent menu, title and subtitle are readable. */
#business-main-banner .tp-bgimg,
#business-main-banner .tp-kbimg {
  filter: brightness(0.6);
}
#business-main-banner .tp-caption p {
  font-weight: 400;
}
#business-main-banner .tp-caption a.fancy-video {
  color: #fff;
}
.theme-menu-two.transparent-menu #mega-menu-holder > ul > li > a {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
}

/* Testimonial avatars come in different pixel sizes: keep every one a 65px circle. */
.testimonial .opacity .item .name .img img {
  width: 65px;
  height: 65px;
  object-fit: cover;
}


/* ===================== Design QA 2026-10-13 ===================== */

/* Brand cyan #00c4fc only reaches 2:1 with white: use a deeper blue for text,
   buttons and borders (D-20). Bright cyan is kept on the dark sections below. */
:root { --mdix-brand: #0073a8; --mdix-brand-bright: #3fd2ff; --mdix-text: #626262; }
.p-color,.theme-menu-one .right-side a:hover,.theme-menu-one .right-side a.active,#business-main-banner .tp-caption a:hover,.company-feature .single-content-holder:hover h5 a, .about-bizco .right-content .panel-heading.active-panel:before,.service-style-one .single-service div i,.case-study .single-case i,.our-team .single-team-member:hover .title h5 a, .testimonial .opacity .theme-button:hover,.bottom-banner a:hover,footer .footer-list ul li a:hover,footer .follow-us ul li a:hover,footer .bottom-footer p a:hover, .theme-menu-two .top-header ul.float-left li a:hover,.what-we-do .content .single-block i,.why-choose-us .main-bg-content .text ul li i,.pricing-plan .single-price-table:hover strong, .pricing-plan .single-price-table.active strong,.latest-news .single-news .post:hover h4 a,.contact-style-two .opacity .wrapper .form-wrapper button i,.theme-inner-banner ul li:last-child, .theme-inner-banner ul li a:hover,.theme-inner-banner a.float-right i,.theme-inner-banner a.float-right:hover,.service-style-two .single-service:hover .text h5 a, .service-inner-page .single-service .text .read-more,.mixitUp-menu ul li.active,.mixitUp-menu ul li:hover,.latest-news-sldier.owl-theme .owl-nav [class*=owl-]:hover, .blog-sidebar .blog-list ul li a:hover,.blog-sidebar .sidebar-recent-news ul li:hover .post h6 a,.page-pagination li a:hover,.page-pagination li.active a, .blog-list .latest-news .single-news .post .read-more,.contact-us-top-content .single-address>i,.contact-us-top-content .single-address ul li a:hover,.service-details .service-middle-text .single-list i, .details-page-wrapper .details-page-sidebar .call-us a:hover,.project-details .project-info .text ul li:hover:before,.project-details .project-analysis .statstics,#business-main-banner-two .tp-caption a:hover, .project-details .project-solution .nav-tabs > li.active > a,.project-details .project-solution .nav-tabs > li.active > a:hover,.project-details .project-solution .nav-tabs > li.active > a:focus, .shop-page .main-wrapper .shop-sidebar .shop-sidebar-list ul li a:hover,.shop-page .main-wrapper .shop-sidebar .single-popular-product:hover .product h6 a,.shop-page .all-product-wrapper .single-item:hover h5 a, #mega-menu-holder>ul>li:hover>a,#mega-menu-holder>ul>li.active>a,#mega-menu-holder li:hover .sub-toggle,#mega-menu-holder li.active .sub-toggle { color: var(--mdix-brand); }
.p-bg-color,.hesperiden.tparrows:hover,.service-style-one .service-slider .center .single-service,.service-style-one .owl-theme .owl-nav [class*=owl-]:hover,.service-style-one .theme-button:hover, .case-study .text a:hover,.our-team .single-team-member ul li a:hover,.pricing-plan .single-price-table:hover a,.pricing-plan .single-price-table.active a, .contact-style-two .opacity .wrapper .form-wrapper button:hover,.theme-title a.theme-button:hover,.latest-news-sldier.owl-theme .owl-nav [class*=owl-]:hover,.blog-sidebar .sidebar-search button:hover, .blog-sidebar .sidebar-keyword ul li a:hover,.page-pagination li:last-child a:hover,.faq-content-wrapper .panel-heading.active-panel:before,.details-page-wrapper .details-page-sidebar .sidebar-list li a:hover, .details-page-wrapper .details-page-sidebar .carousel-indicators li.active,.project-details .project-analysis .statstics:hover,.project-details .project-solution .tab-pane li:before, .blog-details-page .single-news .post .share-option ul.float-left li a:hover,.blog-details-page .single-news .post .share-option ul.float-right li a:hover,.blog-details-page .comment-section .single-comment button:hover, .shop-page .main-wrapper .shop-sidebar .product-tag ul li a:hover,.shop-details .single-product-details .info a:hover,.related-product-slider.owl-theme .owl-nav [class*=owl-]:hover, #mega-menu-holder ul.dropdown li a:hover { background: var(--mdix-brand); }
.hesperiden.tparrows:hover,.about-bizco .right-content .panel-heading.active-panel:before,.service-style-one .owl-theme .owl-nav [class*=owl-]:hover,.service-style-one .theme-button:hover,.case-study .text a:hover, .our-team .single-team-member ul li a:hover,.bottom-banner a.subscribe,.bottom-banner a:hover,footer .follow-us form input:focus,.pricing-plan .single-price-table:hover a,.pricing-plan .single-price-table.active a, .contact-style-two .opacity .wrapper .form-wrapper input:focus,.theme-title a.theme-button:hover,.blog-sidebar .sidebar-keyword ul li a:hover,.page-pagination li a:hover,.page-pagination li.active a, .blog-sidebar .sidebar-search input:focus,.faq-content-wrapper .panel-heading.active-panel:before,.faq-page .faq-form-wrapper form input:focus,.faq-page .faq-form-wrapper form textarea:focus, .faq-content-wrapper form input:focus,.contact-us-page .contact-form-wrapper form input:focus,.contact-us-page .contact-form-wrapper form textarea:focus,.project-details .project-info .text ul li:hover:before, .project-details .project-analysis .statstics,.project-details .project-solution .nav-tabs > li.active > a,.project-details .project-solution .nav-tabs > li.active > a:hover, .project-details .project-solution .nav-tabs > li.active > a:focus,.shop-page .main-wrapper .shop-sidebar .product-tag ul li a:hover,.shop-details .single-product-details .info a:hover, .related-product-slider.owl-theme .owl-nav [class*=owl-]:hover,#business-main-banner-two .tp-caption a { border-color: var(--mdix-brand); }
.scroll-top { background: var(--mdix-brand); }
.testimonial .theme-title .p-color,
.service-style-one .single-service div i { color: var(--mdix-brand-bright); }
.theme-menu-two.transparent-menu #mega-menu-holder > ul > li.active > a,
.theme-menu-two.transparent-menu #mega-menu-holder > ul > li:hover > a,
.theme-menu-two.transparent-menu #mega-menu-holder li:hover .sub-toggle,
.theme-menu-two.transparent-menu #mega-menu-holder li.active .sub-toggle { color: var(--mdix-brand-bright); }
#mega-menu-holder ul.dropdown li a:hover { color: #fff; }
.testimonial .opacity .item .name .img a.dribbble { background: #0a66c2; }

/* Body text: theme grey #8f8f8f is 3.2:1 on white. */
body { color: var(--mdix-text); }
footer .footer-list ul li a,
footer .bottom-footer p,
.contact-style-one form label,
.case-study .text .theme-title h6,
.mixitUp-menu ul li,
.blog-sidebar .sidebar-keyword ul li a,
.details-page-wrapper .details-page-sidebar .sidebar-slider .name span { color: var(--mdix-text); }
footer .follow-us ul li a { color: #6f7480; }

/* Hero: dark fallback behind the slider photo + a soft shade under the transparent menu. */
#banner .rev_slider_wrapper, #business-main-banner { background-color: #16222e; }
.theme-menu-two.transparent-menu { background-image: linear-gradient(to bottom, rgba(10, 18, 28, 0.55), rgba(10, 18, 28, 0)); }
/* Reserve the slider height before Revolution initialises (CLS 0.5 → ~0). */
#banner .rev_slider_wrapper { min-height: 900px; }
@media (max-width: 751px) { #banner .rev_slider_wrapper { min-height: 700px; } }
@media (max-width: 767px) {
  #business-main-banner .tp-caption p br { display: none; }
}

/* The CEO signature belonged to the theme ("Carolyn"); it is removed in the HTML. */

/* "Why us" photo covered the offer items at 992–1319px. */
@media (min-width: 992px) and (max-width: 1319px) {
  .company-offer .main-content { width: 60%; }
  .company-offer .container > img { width: 36%; right: 0; bottom: -45px; }
}

/* ---------- Header on phones/tablets (≤991px): hamburger next to the search button ---------- */
.collapse-button { background: transparent; border: 0; }
@media (max-width: 991px) {
  .theme-menu-two .main-header .container { position: relative; }
  .theme-menu-two .menu-collapser { position: static; }
  .theme-menu-two .collapse-button {
    position: absolute; top: 2px; right: 15px; width: 44px; height: 44px; margin: 0; padding: 0;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
  }
  .theme-menu-two .collapse-button .icon-bar { width: 28px; margin: 3px 0; background: var(--mdix-brand); }
  .theme-menu-two.transparent-menu .collapse-button .icon-bar { background: #fff; }
  .theme-menu-two .right-content { margin-right: 52px; }
  .theme-menu-two #mega-menu-holder { clear: both; padding-top: 14px; }
  /* sticky bar keeps the logo and search instead of a lone hamburger */
  .theme-menu-two .main-header.fixed .logo,
  .theme-menu-two .main-header.fixed .right-content { display: block; }
  .theme-menu-two .main-header.fixed { padding-top: 10px; padding-bottom: 6px; }
}
#search-button { min-width: 44px; min-height: 44px; margin-top: 0; }
#search-button:before { top: 13px; }

/* Desktop dropdowns open for keyboard users too. */
@media (min-width: 992px) {
  #mega-menu-holder li:focus-within > ul { display: block !important; }
}

/* ---------- Touch targets ---------- */
footer .footer-list ul li a { display: inline-block; padding: 3px 0; min-height: 24px; }
footer .follow-us ul li a { display: inline-block; min-width: 44px; min-height: 44px; line-height: 44px; text-align: center; }
footer .follow-us ul li { margin-right: 0; }
.our-team .single-team-member .title ul li a { width: 44px; height: 44px; line-height: 42px; }
.our-team .single-team-member .title h5 a,
.company-feature .single-content-holder h5 a { display: inline-block; min-height: 24px; }
.theme-menu-two .top-header ul.float-left > li > a { display: inline-block; min-width: 44px; min-height: 44px; line-height: 44px; text-align: center; }

/* ---------- Content ---------- */
/* Team cards/photos and feature photos fill their column on phones. */
@media (max-width: 767px) {
  .company-feature .single-content-holder img { width: 100%; height: auto; }
  .company-feature { margin-top: 40px; }
}
.blog-details-page .comment-section .single-comment img { width: 80px; height: 80px; object-fit: cover; }

/* Contact page: keyless map embed */
.contact-us-page .mdix-map { display: block; width: 100%; height: 400px; border: 0; }
@media (max-width: 991px) { .contact-us-page .mdix-map { height: 320px; margin-bottom: 50px; } }

/* Project page: inline SVG chart replaces the CanvasJS trial chart */
.mdix-chart { margin: 0 0 45px; }
.mdix-chart svg { display: block; width: 100%; height: 260px; }
.mdix-chart figcaption { margin-top: 12px; font-size: 14px; color: var(--mdix-text); }
.mdix-key { display: inline-block; width: 14px; height: 14px; border-radius: 3px; margin: 0 6px -2px 0; }
.mdix-key-a { background: rgba(0, 115, 168, 0.5); }
.mdix-key-b { background: rgba(23, 138, 108, 0.55); margin-left: 16px; }
.details-page-wrapper .details-page-sidebar .call-us h6 a { color: inherit; }
.theme-menu-two .top-header a.float-right { padding: 0 22px; }
/* Slider layer photo kept its fixed height when the width shrank (squashed at 768–1199px). */
#business-main-banner .tp-caption img { height: auto !important; }
.company-feature .single-content-holder h5 a { padding: 2px 0; }
.testimonial .opacity .item .name span { color: #5e6066; }

/* Project grid: overlay in the darker brand blue (white text AA) */
.project-single-content .single-project .opacity { background: rgba(0, 95, 140, 0.94); }
.project-single-content .single-project .opacity .text > a { display: inline-block; min-width: 44px; min-height: 44px; line-height: 44px; }
/* Touch screens have no hover: show title + category as a caption band on the photo */
@media (max-width: 1199px), (hover: none) {
  .project-single-content .single-project .opacity {
    top: auto; opacity: 1; -webkit-transform: none; transform: none;
    background: rgba(0, 60, 90, 0.92); border-radius: 0 0 3px 3px;
  }
  .project-single-content .single-project .opacity .layer { position: static; border: 0; padding: 12px 14px 6px; }
  .project-single-content .single-project .opacity .text { top: 0; opacity: 1; -webkit-transform: none; transform: none; }
  .project-single-content .single-project .opacity h3 { margin: 0; }
  .project-single-content .single-project .opacity h3 a { font-size: 18px; display: inline-block; min-height: 24px; }
  .project-single-content .single-project .opacity .text > a { font-size: 22px; line-height: 36px; min-height: 36px; }
}
.details-page-wrapper .details-page-sidebar .call-us h6 a { display: inline-block; min-height: 24px; padding: 4px 0; }
.contact-us-top-content .single-address ul li a { display: inline-block; min-width: 44px; min-height: 44px; line-height: 44px; text-align: center; }
.blog-details-page .single-news .post .share-option ul.float-left li a { color: #5a5a5a; }
.blog-details-page .comment-section .single-comment button { color: #5a5a5a; }
.theme-menu-two .top-header a.float-right { width: auto; white-space: nowrap; }
.testimonial .opacity .theme-button { width: -webkit-fit-content; width: fit-content; padding: 0 30px; white-space: nowrap; }
.project-details .project-analysis .statstics { position: static; display: inline-block; margin-top: 30px; padding: 0 24px; width: auto; }
.single-service h5 a { display: inline-block; padding: 2px 0; min-height: 24px; }
@media (max-width: 991px) { .theme-menu-two .menu-collapser { height: 0; margin: 0; padding: 0; font-size: 0; } }
/* Two-column grids at 768–991px: uneven card heights made floats stagger. */
@media (min-width: 768px) and (max-width: 991px) {
  .company-feature .row > [class*="col-"]:nth-child(2n+1),
  .company-offer .main-content .row > [class*="col-"]:nth-child(2n+1) { clear: left; }
  .company-feature .single-content-holder img { width: 100%; height: auto; }
}
@media (max-width: 767px) {
  .company-offer .main-content .row > [class*="col-"] { clear: both; }
}