body {
     background-color: #0e141a;
     font-family: 'Poppins', sans-serif;
 }

 .navbar {
     background-color: #1c252b;
     border-radius: 50px;
     padding: 10px 40px;
     margin: 30px auto;
     max-width: 90%;
 }

 .navbar-brand {
     font-size: 1.4rem;
     font-weight: 600;
     color: #ffffff;
     letter-spacing: 1px;
 }

 .nav-link {
     color: #cccccc !important;
     font-weight: 400;
     margin: 0 10px;
     transition: color 0.3s ease;
 }

 .nav-link:hover,
 .nav-link.active {
     color: #d4a017 !important;
     /* golden hover color */
 }

 .btn-get-started {
     background-color: #d4a017;
     color: #fff;
     border: none;
     border-radius: 50px;
     padding: 8px 20px;
     font-weight: 500;
     transition: 0.3s ease;
 }

 .btn-get-started:hover {
     background-color: #b58910;
 }

 .carousel-item img {
     height: 500px;
     /* slider height */
     object-fit: cover
 }

 .carousel-item img {
     height: 500px;
     object-fit: cover;
     transition: transform 1.5s ease, opacity 1.5s ease;
 }

 /* Animation effect */
 .carousel-item.active img {
     transform: scale(1.05);
     opacity: 1;
 }

 .carousel-item-next img,
 .carousel-item-prev img {
     transform: scale(1);
     opacity: 0.8;
 }

 /* Optional shadow style for beauty */
 .carousel-item img {
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
 }

 .point-number {
     background-color: #0d6efd;
     color: #fff;
     border-radius: 50%;
     display: inline-block;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 32px;
     font-weight: bold;
     margin-right: 10px;
 }

 .point {
     margin-bottom: 30px;
 }

 .service-box {
     background-color: #fff;
     border: 1px solid #e5e5e5;
     border-radius: 6px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
 }

 .service-list {
     border-right: 1px solid #eee;
 }

 .service-item {
     cursor: pointer;
     padding: 15px 20px;
     display: flex;
     align-items: center;
     font-weight: 500;
     color: #555;
     border-bottom: 1px solid #f0f0f0;
     transition: all 0.3s ease;
 }

 .service-item i {
     font-size: 18px;
     color: #0d6efd;
     margin-right: 10px;
 }

 .service-item.active,
 .service-item:hover {
     background-color: #f8faff;
     color: #0d6efd;
     font-weight: 600;
 }

 .service-content {
     padding: 25px;
 }

 .office-box {
     background: #fff;
     border: 1px solid #e5e5e5;
     border-top: 3px solid #007bff;
     border-radius: 6px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     padding: 20px;
     margin-bottom: 30px;
 }

 .office-title {
     color: #007bff;
     font-weight: 600;
     font-size: 1.3rem;
     margin-bottom: 15px;
 }

 .office-info i {
     color: #007bff;
     margin-right: 8px;
 }

 iframe {
     border-radius: 5px;
     width: 100%;
     height: 300px;
     border: 0;
 }