/* ============================================
   Runvestasi 2026 Brand Guideline Override
   Primary Palette: #362f83 · #323293 · #3951a3 · #3b94b6 · #6ec4b8 · #a9fbed
   Secondary dark:  #2b254d
   Heading: Fugaz One – All Caps, -0.04em letter-spacing
   Body:    BCA Sans (Regular / SemiBold / Bold)
   ============================================ */

/* ---- BCA Sans @font-face ---- */
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-LIGHT.TTF") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-LIGHTITALIC.TTF") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-REGULAR.TTF") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-ITALIC.TTF") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-SEMIBOLD.TTF") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-SEMIBOLDITALIC.TTF") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-BOLD.TTF") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-BOLDITALIC.TTF") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-EXTRABOLD.TTF") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BCA Sans";
  src: url("../images/font/BCASANS-EXTRABOLDITALIC.TTF") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

/* ---- Body font: BCA Sans SemiBold ---- */
body {
  font-family: "BCA Sans", sans-serif;
  font-weight: 600;
}

/* Paragraf & body copy – BCA Sans SemiBold */
p, li, td, th, label, input, textarea, select,
.desc, .item-sub, .card-desc, .footer-desc,
.accordion-body, .post-desc, .color-g,
.cst-about-text p, .cst-cta-content-text,
.dgm-footer-widget p {
  font-family: "BCA Sans", sans-serif;
  font-weight: 600;
}

/* Semua heading pakai Fugaz One – All Caps, -10 kerning */
h1, h2, h3, h4, h5, h6,
.cst-section-title,
.section-head .title,
.sec-head .title,
.item-title1, .item-title2,
.cta-title,
.dgm-footer-widget-title {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

/* Nav links & buttons pakai Fugaz One – All Caps, -10 kerning */
.tp-header-menu nav ul li a,
.nav-link, a.nav-link,
.header-btn,
.custom-btn, .custom-btn2,
.rv-daftar-btn,
.cst-btn,
.tp-btn-white-border,
#rv-tab .nav-link {
  font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

/* ---- CSS Variables ---- */
:root {
  /* Primary Palette */
  --rv-dark:      #362f83;
  --rv-dark2:     #323293;
  --rv-blue:      #3951a3;
  --rv-sky:       #3b94b6;
  --rv-turquoise: #3b94b6;
  --rv-light:     #a9fbed;

  /* Secondary Palette */
  --rv-navy:      #2b254d;
  --rv-navy2:     #293d8a;
  --rv-violet:    #4f51a3;
  --rv-lavender:  #7e71b4;
  --rv-lilac:     #bcadd5;
  --rv-mint:      #c4dccd;
  --rv-sky2:      #476cb4;
  --rv-azure:     #50a2d5;
  --rv-green:     #7dc248;
  --rv-lime:      #b8d433;

  /* Gradient – Primary KV */
  --rv-grad-main:     linear-gradient(135deg, #362f83 0%, #3951a3 50%, #6ec4b8 100%);
  --rv-grad-cta:      linear-gradient(135deg, #3b94b6 0%, #3951a3 55%, #362f83 100%);
  --rv-grad-freeform: radial-gradient(ellipse at 85% 15%, #a9fbed 0%, #6ec4b8 25%, #3b94b6 45%, #3951a3 70%, #362f83 100%);
  --rv-grad-radial:   radial-gradient(circle at 30% 70%, #362f83 0%, #3951a3 40%, #3b94b6 70%, #6ec4b8 100%);

  /* Section tints */
  --rv-bg-light:  rgba(196, 220, 205, 0.18);   /* mint tint */
  --rv-bg-lilac:  rgba(188, 173, 213, 0.15);   /* lavender tint */
}

/* ============================================
   TYPOGRAPHY – All Caps + -10 kerning
   ============================================ */
h1, h2, h3, h4, h5, h6,
.section-head .title,
.sec-head .title,
.item-title1, .item-title2,
.cta-title,
.header-btn,
.custom-btn, .custom-btn2,
.nav-link,
.faq-sec .question-area .accordion .accordion-item .accordion-header .accordion-button {
  text-transform: uppercase;
  letter-spacing: -0.04em;
}

/* Body / desc text stays readable – no all-caps */
.desc, .item-sub, .card-desc, .footer-desc,
.accordion-body, .blog-feature-desc, .post-desc {
  letter-spacing: 0;
  text-transform: none;
}

/* ============================================
   BUTTONS
   ============================================ */
.custom-btn {
  border-color: var(--rv-turquoise);
  color: var(--rv-turquoise);
}

.custom-btn:hover {
  background-image: var(--rv-grad-main);
  border-color: transparent;
  color: #fff;
}

.custom-btn2 {
  background: var(--rv-grad-cta);
  color: #fff;
}

.custom-btn2:hover {
  background-image: var(--rv-grad-main);
  color: #fff;
}

/* ============================================
   NAVBAR + HERO BANNER
   ============================================ */

/* Logo */
.navbar-brand img {
  max-width: 140px !important;
  height: auto;
}

/* Navbar – transparent overlay, teks putih */
.header-area .header-nav {
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header-area .header-nav .header-nav-menu {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.header-area .nav-item a,
.header-area .nav-item .nav-link,
.header-area .mode-and-button .mode .light-mode {
  color: #fff !important;
}

.header-area .nav-item a:hover,
.header-area .nav-item .nav-link:hover {
  color: var(--rv-turquoise) !important;
}

/* Hero banner – gap kecil sesuai tinggi navbar baru */
.hero-wrapper {
  padding-top: 70px;
}

@media screen and (max-width: 991px) {
  .hero-wrapper {
    padding-top: 62px;
  }
}

@media screen and (max-width: 575px) {
  .hero-wrapper {
    padding-top: 58px;
  }
  .navbar-brand img {
    max-width: 110px !important;
  }
}

/* ============================================
   SECTION HEAD LABELS & TITLES
   ============================================ */
.section-head .label,
.sec-head .label {
  background: rgba(59, 148, 182, 0.15);
  color: var(--rv-turquoise);
}

/* ============================================
   ACCENT COLORS – replace generic blue/purple
   ============================================ */

/* Icons & small accents */
.info-sec .information-area .mail .icon i,
.info-sec .information-area .location .icon i,
.info-sec .information-area .number .icon i,
.blog-feature-sec .blog-feature-wrap .blog-feature-content .blog-post-tag a i,
.blog-feature-sec .blog-feature-wrap .blog-feature-content .blog-comment a i,
.blog-post-area .blog-post-area-wrap .blog-post-item .item-content .post-tag a i,
.blog-post-area .blog-post-area-wrap .blog-post-item .item-content .post-meta .comment i,
.blog-post-area .blog-post-area-wrap .blog-post-item .item-content .post-meta .read-btn i,
.pricing-cart-wrap .card .card-body .card-lable i,
.pricing-cart-wrap .card .card-body ul li a i {
  color: var(--rv-turquoise);
}

/* Hover text & link colors */
.blog-feature-sec .blog-feature-wrap .blog-feature-content .blog-feature-title:hover,
.blog-sec .section-head .blog-btn:hover,
.blog-post-area .blog-post-area-wrap .blog-post-item .item-content .post-title a:hover,
.schedule-sec .schedule-content-wrap .schedule-nav-tab .schedule-nav-item:hover button {
  color: var(--rv-turquoise);
}

/* Card labels (blog) */
.blog-sec .blog-cards-wrap .card .card-body .label,
.section-head .label {
  background: rgba(59, 148, 182, 0.12);
  color: var(--rv-turquoise);
}

/* Blog "read more" button */
.blog-sec .blog-cards-wrap .card .card-body .blog-btn {
  color: var(--rv-turquoise);
}

/* Schedule item category name */
.schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-description .name {
  color: var(--rv-turquoise);
}

/* Schedule tab link */
.schedule-sec .schedule-content-wrap .schedule-tab-content .schedule-item .card-title-area .title-desc a {
  color: var(--rv-turquoise);
}

/* ============================================
   GRADIENTS – replace generic ones
   ============================================ */

/* Counter / info countdown numbers */
.info-sec .info-countdown .counter-box li strong {
  background: var(--rv-grad-radial);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Pricing price number */
.pricing-cart-wrap .card .card-body .price-pacage {
  background: var(--rv-grad-radial);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Video section stats */
.video-sec .video-content-wrap .management span {
  background: var(--rv-grad-radial);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* FAQ border gradient */
.faq-sec .question-area .accordion .accordion-item {
  border-image-source: var(--rv-grad-radial);
}

/* Slick dot active */
.review-sec .slick-dots li.slick-active {
  background: var(--rv-grad-radial);
}

/* Contact form button */
.contact-sec .contact-wrap .contact-form .contact-btn {
  background: var(--rv-grad-cta);
}

.contact-sec .contact-wrap .contact-form .contact-btn:hover {
  background: #fff;
  color: var(--rv-turquoise);
  border-color: var(--rv-turquoise);
}

/* ============================================
   HOVER & INTERACTIVE – remove purple/violet
   ============================================ */
.social li a:hover {
  background: var(--rv-grad-cta);
}

.review-sec .review-cards-wrap .carousel-nav button:hover {
  background: var(--rv-grad-cta);
  border-color: transparent;
}

.item-video a,
.video-sec .video-wrap .video-play .video-btn1 i,
.hero-sec .item-content2 .conference-video a {
  color: var(--rv-turquoise);
}

/* Pop-up play icon */
.popup-play {
  background: var(--rv-turquoise);
}

/* Gallery view badge */
.gallery-sec .image-gallery-wrap .image-gallery-item .view,
.blog-sec .blog-cards-wrap .card .card-thumb span {
  background: var(--rv-dark);
}

/* ============================================
   DARK VERSION – brand colours
   ============================================ */
.dark-version {
  background: var(--rv-navy);
}

.dark-version .info-countdown {
  background: var(--rv-dark);
}

.dark-version .faq-sec .question-area .accordion .accordion-item .accordion-header,
.dark-version .faq-sec .question-area .accordion .accordion-item .accordion-header .accordion-button {
  background: var(--rv-navy) !important;
}

.dark-version .about-sec .schedule-content-wrap,
.dark-version .schedule-sec .schedule-content-wrap,
.dark-version .contact-sec .contact-wrap {
  background: var(--rv-dark);
}

.dark-version .about-sec .card,
.dark-version .schedule-sec .card,
.dark-version .pricing-sec .card,
.dark-version .gallery-sec .card,
.dark-version .contact-sec .card {
  background: rgba(54, 47, 131, 0.5);
  border-color: rgba(59, 148, 182, 0.3);
}

.dark-version .section-head .label,
.dark-version .sec-head .label {
  background: rgba(59, 148, 182, 0.15);
  color: var(--rv-turquoise);
}

.dark-version .section-head .blog-btn {
  border-color: var(--rv-turquoise);
  color: var(--rv-turquoise);
}

.dark-version .about-sec .schedule-content-wrap .schedule-btn,
.dark-version .schedule-sec .schedule-content-wrap .schedule-btn {
  border-color: var(--rv-turquoise) !important;
  color: var(--rv-turquoise) !important;
}

.dark-version .blog-sec .blog-cards-wrap .card .card-body .label {
  background: rgba(59, 148, 182, 0.15);
  color: var(--rv-turquoise);
}

.dark-version .blog-sec .blog-cards-wrap .card .card-body .blog-btn {
  color: var(--rv-turquoise);
}

.dark-version .faq-sec .faq-btn {
  border-color: var(--rv-turquoise) !important;
  color: var(--rv-turquoise) !important;
}

.dark-version .information-area .mail .icon img,
.dark-version .information-area .location .icon img,
.dark-version .information-area .number .icon img {
  filter: invert(0.75) sepia(51) hue-rotate(166deg) saturate(1.5);
}

/* ============================================
   BRAND SECTION
   ============================================ */
.brand-sec .brand-items-wrap .brand-item {
  color: var(--rv-dark);
}

.dark-version .brand-sec .brand-items-wrap .brand-item {
  color: var(--rv-turquoise);
}