/* ===================================
   Trust Finance - Custom Enhancements
   =================================== */

/* Header Enhancements */
.header_area {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 999;
}

.header_area .main_menu {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
}

.header_area .main_menu .navbar {
 padding: 0 20px;
 min-height: 88px;
 background: #fff;
 border-bottom: 1px solid rgba(13, 35, 58, 0.08);
 box-shadow: 0 8px 24px rgba(13, 35, 58, 0.08);
}

.header_area .navbar-brand {
 padding: 14px 0;
}

.header_area .navbar-brand img {
 max-height: 56px;
 width: auto;
}

.header_area .menu_nav {
 width: auto;
}

.header_area .navbar-collapse {
 align-items: center;
}

.header_area .navbar .nav .nav-item {
 margin-right: 30px;
}

.header_area .navbar .nav .nav-item .nav-link {
 line-height: 88px;
 color: #18344f;
 font-size: 16px;
 font-weight: 500;
 letter-spacing: 0.01em;
}

.header_area .navbar .nav .nav-item .nav-link:after {
 bottom: 24px;
 height: 3px;
 border-radius: 999px;
 background: linear-gradient(90deg, #0078b4, #00afec, #7dd8ff);
}

.header_area .navbar .nav .nav-item:hover > .nav-link,
.header_area .navbar .nav .nav-item.active > .nav-link,
.header_area .navbar .nav .nav-item.active_ > .nav-link {
 color: #0078b4;
}

.header_area .navbar .nav .nav-item.submenu ul {
 border-radius: 18px;
 border: 1px solid rgba(9, 52, 90, 0.08);
 box-shadow: 0 24px 50px rgba(9, 35, 58, 0.16);
 padding: 12px 0;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item {
 margin-right: 0;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
 line-height: 1.45;
 min-width: 220px;
 padding: 12px 22px;
 color: #294a67;
 font-size: 14px;
 font-weight: 600;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item.active > .nav-link,
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover > .nav-link {
 color: #0078b4;
 background: linear-gradient(
  90deg,
  rgba(0, 175, 236, 0.1),
  rgba(125, 216, 255, 0.04)
 );
}

/* 3rd level dropdown (e.g. Our Services > Investment > Home Loan) */
.header_area .navbar .nav .nav-item.submenu ul .nav-item ul {
 background: #fff;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item ul .nav-item .nav-link {
 background: transparent;
 color: #294a67;
}

.header_area .navbar .nav .nav-item.submenu ul .nav-item ul .nav-item.active > .nav-link,
.header_area .navbar .nav .nav-item.submenu ul .nav-item ul .nav-item:hover > .nav-link {
 color: #0078b4;
 background: linear-gradient(
  90deg,
  rgba(0, 175, 236, 0.1),
  rgba(125, 216, 255, 0.04)
 );
}

.header_area + section,
.header_area + .row,
.header_area + div {
 margin-top: 88px;
}

@media (min-width: 992px) {
 .header_area .navbar-expand-lg .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
 }

 .header_area .menu_nav {
  flex: 1 1 auto;
  justify-content: center;
 }

 .header_area .navbar .nav .nav-item {
  margin-right: 24px;
 }

 .header_area .navbar .nav .nav-item .nav-link {
  font-size: 16px;
 }
}

@media (min-width: 992px) and (max-width: 1399px) {
 .header_area .main_menu .navbar {
  padding: 0 14px;
 }

 .header_area .navbar .nav .nav-item {
  margin-right: 18px;
 }

 .header_area .navbar .nav .nav-item .nav-link {
  font-size: 13px;
 }
}

/* Footer Enhancements */
.footer-social {
 display: flex;
 gap: 10px;
 margin-top: 15px;
}

.footer-social a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.1);
 color: #fff;
 transition: all 0.3s ease;
}

.footer-social a:hover {
 background: #ff6b35;
 transform: translateY(-3px);
}

.newsletter-form .input-group {
 border-radius: 5px;
 overflow: hidden;
}

.newsletter-form .form-control {
 border: none;
 padding: 12px 15px;
}

.newsletter-form .btn {
 border: none;
 padding: 12px 20px;
 transition: all 0.3s ease;
}

.newsletter-form .btn:hover {
 background: #e55a2d !important;
}

.footer-links-section {
 border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.important-links .badge {
 font-size: 12px;
 font-weight: normal;
 padding: 8px 15px;
 margin: 5px;
 transition: all 0.3s ease;
}

.important-links .badge:hover {
 background: #ff6b35 !important;
 transform: translateY(-2px);
}

/* Statistics Section */
.statistics_area {
 position: relative;
 overflow: hidden;
}

.statistics_area::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');
 opacity: 0.1;
}

.statistics_area .container {
 position: relative;
 z-index: 1;
}

.stat-item {
 padding: 20px;
 transition: all 0.3s ease;
}

.stat-item:hover {
 transform: translateY(-10px);
}

.stat-item h3 {
 font-size: 48px;
 font-weight: 700;
 margin: 15px 0;
 color: #fff;
}

.stat-item p {
 font-size: 16px;
 color: rgba(255, 255, 255, 0.9);
}

.stat-item i {
 opacity: 0.8;
 transition: all 0.3s ease;
}

.stat-item:hover i {
 opacity: 1;
 transform: scale(1.1);
}

/* Testimonials Section */
.testimonials_area .card {
 border: none;
 border-radius: 10px;
 transition: all 0.3s ease;
}

.testimonials_area .card:hover {
 transform: translateY(-10px);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

.testimonials_area .card-body {
 padding: 30px;
}

.testimonials_area .card-text {
 font-style: italic;
 color: #555;
 line-height: 1.8;
}

/* Quick Apply Section */
.quick_apply_area .feature-box {
 margin-bottom: 20px;
}

.quick_apply_area .feature-box h6 {
 margin-bottom: 5px;
 font-weight: 600;
 color: #333;
}

.quick_apply_area .feature-box p {
 color: #777;
 font-size: 14px;
}

.quick_apply_area .card {
 border: none;
 border-radius: 15px;
}

.quick_apply_area .form-control {
 border: 1px solid #e0e0e0;
 border-radius: 5px;
 padding: 12px 15px;
 transition: all 0.3s ease;
}

.quick_apply_area .form-control:focus {
 border-color: #ff6b35;
 box-shadow: 0 0 0 0.2rem rgba(255, 107, 53, 0.1);
}

.quick_apply_area select.form-control {
 cursor: pointer;
}

/* Enhanced Project Know Area */
.project_know_area {
 position: relative;
 overflow: hidden;
}

.project_know_area::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');
 opacity: 0.1;
}

.white_btn {
 background: #fff;
 color: #667eea !important;
 padding: 15px 40px;
 border-radius: 30px;
 font-weight: 600;
 transition: all 0.3s ease;
 display: inline-block;
 border: 2px solid #fff;
}

.white_btn:hover {
 background: transparent;
 color: #fff !important;
 transform: translateY(-3px);
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* General Enhancements */
.shadow-sm {
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

.shadow {
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Smooth Animations */
@keyframes fadeInUp {
 from {
  opacity: 0;
  transform: translateY(30px);
 }
 to {
  opacity: 1;
  transform: translateY(0);
 }
}

.fade-in-up {
 animation: fadeInUp 0.6s ease-out;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
 .header_area {
  position: fixed;
 }

 .header_area .main_menu {
  position: fixed;
 }

 .header_area .main_menu .navbar {
  min-height: 76px;
  padding: 0 16px;
  border-radius: 0;
 }

 .header_area .navbar-brand img {
  max-height: 48px;
 }

 .header_area .navbar-collapse {
  max-height: calc(100vh - 170px);
  margin-top: 14px;
  padding: 14px 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 22px 40px rgba(10, 31, 52, 0.12);
 }

 .header_area .navbar .nav .nav-item .nav-link {
  line-height: 1.5;
  padding: 12px 0;
 }

 .header_area .navbar .nav .nav-item .nav-link:after {
  display: none;
 }

 .header_area .navbar .nav .nav-item.submenu ul {
  margin-top: 4px;
  border-radius: 14px;
  box-shadow: none;
  border: 1px solid rgba(0, 120, 180, 0.08);
 }

 .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
  min-width: 0;
  padding: 10px 16px;
 }

 .header_area + section,
 .header_area + .row,
 .header_area + div {
  margin-top: 76px;
 }

 .stat-item {
  margin-bottom: 30px;
 }

 .quick_apply_area .col-lg-6:first-child {
  text-align: center;
 }
}

@media (max-width: 767px) {
 .header_area .main_menu .navbar {
  padding: 0 14px;
  border-radius: 0;
 }

 .statistics_area h2 {
  font-size: 28px;
 }

 .stat-item h3 {
  font-size: 36px;
 }

 .testimonials_area .card {
  margin-bottom: 20px;
 }
}

.header_area.navbar_fixed .main_menu {
 top: 0;
 transform: none;
 -webkit-transform: none;
 transition: none;
 -webkit-transition: none;
}

.header_area.navbar_fixed .main_menu .navbar {
 background: #fff;
 box-shadow: 0 8px 24px rgba(13, 35, 58, 0.08);
}

@media (min-width: 992px) {
 .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
  line-height: 88px;
 }
}

@media (max-width: 991px) {
 .header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
  line-height: 1.5;
 }
}

/* Hover Effects for Cards */
.card.h-100 {
 transition: all 0.3s ease;
}

.card.h-100:hover {
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Button Enhancements */
.main_btn,
.banner_btn {
 transition: all 0.3s ease;
 position: relative;
 overflow: hidden;
}

.main_btn:hover,
.banner_btn:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.main_btn::before,
.banner_btn::before {
 content: '';
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0;
 height: 0;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.1);
 transform: translate(-50%, -50%);
 transition:
  width 0.6s,
  height 0.6s;
}

.main_btn:hover::before,
.banner_btn:hover::before {
 width: 300px;
 height: 300px;
}

/* Loading Animation for Counter */
.counter {
 display: inline-block;
 font-weight: 700;
}

/* Enhanced Quick Links List */
.quick_links_list {
 list-style: none;
 padding: 0;
}

.quick_links_list li {
 transition: all 0.3s ease;
}

.quick_links_list li a {
 color: rgba(255, 255, 255, 0.7);
 transition: all 0.3s ease;
 display: block;
 padding: 5px 0;
}

.quick_links_list li a:hover {
 color: #ff6b35;
 padding-left: 10px;
}

.quick_links_list li a::before {
 content: '→ ';
 opacity: 0;
 margin-right: 5px;
 transition: all 0.3s ease;
}

.quick_links_list li a:hover::before {
 opacity: 1;
}

/* Improved Form Labels */
.form-group label {
 font-weight: 600;
 color: #333;
 margin-bottom: 8px;
}

/* Back to Top Button (Optional Enhancement) */
.back-to-top {
 position: fixed;
 bottom: 30px;
 right: 30px;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 background: #ff6b35;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 20px;
 cursor: pointer;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease;
 z-index: 999;
}

.back-to-top.show {
 opacity: 1;
 visibility: visible;
}

.back-to-top:hover {
 background: #e55a2d;
 transform: translateY(-5px);
}

/* Breadcrumb Enhancement */
.page_link a {
 color: rgba(255, 255, 255, 0.8);
 transition: all 0.3s ease;
}

.page_link a:hover {
 color: #ff6b35;
}