body {
           font-family: 'Manrope';
           padding-top: 80px;
           padding-bottom: 120px;
       }

       .navbar-brand {
           font-weight: bold;
       }

       .hero-section {
           background: #f8f9fa;
           /* Màu nền xám nhạt */
           padding: 5rem 0;
       }

       .card {
           border-radius: 0.75rem;
           box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       }

       .card.fixed-height {
           height: 130px;
           overflow: hidden;
       }

       .footer {
           /* background: #343a40; */
           background: #34618eff;
           /* Màu nền đen */
           color: white;
           padding: 2rem 0;
       }

       .bg-dark {
           /* background-color: #486989 !important; */
           background-color: #34618eff !important;
       }

       .btn-primary {
           background-color: #34618eff !important;
           border-color: #224a72ff !important;
       }

       .btn-custom {
           padding: .075rem .35rem !important;
       }

       hr {
           margin-top: 0rem;
           margin-bottom: 0.4rem;
       }