/* =============================
   Page Banner
============================= */

.banner_section {
   background: linear-gradient(135deg, #0d2540 0%, #1a3a5c 50%, #1e4976 100%);
   padding: 52px 40px 48px;
   position: relative;
   overflow: hidden;
}

.banner_section::before {
   content: '';
   position: absolute;
   inset: 0;
   background-image:
      radial-gradient(circle at 80% 50%, rgba(245, 166, 35, 0.08) 0%, transparent 55%),
      radial-gradient(circle at 20% 80%, rgba(30, 73, 118, 0.4) 0%, transparent 10%);
   pointer-events: none;
}

.banner_section::after {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 4px;
   background: linear-gradient(180deg, #f5a623, #e8901a);
}

.banner_section .title {
   color: #fff;
}

.banner_section .breadcrumb__link {
   color: rgba(255, 255, 255, 0.65);
}

.banner_section .breadcrumb__separator {
   color: rgba(255, 255, 255, 0.35);
}

.banner_section .breadcrumb__current {
   color: #f5a623;
}

h1.title {
   color: #1e2a78;
}

.breadcrumb {
   display: flex;
   gap: 7px;
}

.breadcrumb,
.breadcrumb a {
   color: #fff;
   margin: 0;
}

.breadcrumb a:hover {
   color: #ffc000;
}

section.about-section,
section.contact-detail-section {
   padding-top: 60px;
}

a.custom-btn {
   background: #ffc000;
   color: #fff;
   font-weight: 400;
   font-size: 18px;
   padding: 12px 20px;
   border-radius: 6px;
   border: none;
   width: 100%;
   transition: 0.4s;
}

a.custom-btn:hover {
   background: #000;
}

.btn_class {
   display: inline-flex;
}