body {
   margin: 0;
   font-family: 'Segoe UI', sans-serif;
   color: #fff;
 }

 .navbar {
   z-index: 10;
   background: #192742;
   backdrop-filter: blur(4px);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
 }

 .navbar.sticky-blue {
   background: #192742 !important;
   /* Change to your preferred blue */
   transition: background 0.3s;
 }

 /* .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
      color: #d4aa2e;
    } */

 /* .hero-section {
      position: relative;
      background: url('image/background/banner.jpeg') no-repeat center center/cover;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    } */


 .hero-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .hero-content {
   position: relative;
   z-index: 2;
   width: 100%;
 }



 .hero-title {
   font-size: 3rem;
   font-weight: 800;
 }

 .hero-subtitle {
   font-size: 1.2rem;
   margin-bottom: 20px;
 }

 .btn-yellow {
   background-color: #d4aa2e;
   border: none;
   color: #fff;
   font-weight: bold;
   transition: 0.5s;
 }

 .btn-yellow:hover {
   background-color: #112D4E;
 }

 .play-icon {
   background: #fff;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #111;
   margin-left: 20px;
 }

 .info-card {
   background: #fff;
   color: #111;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 }

 .custom-card {
   position: relative;
   background-color: #fff;
   max-width: 400px;
   height: 400px;
   border: 10px solid #fff;
   border-radius: 20px;
   overflow: hidden;
 }

 .custom-card-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* display: block; */
   border-radius: 10px;
 }

 .custom-card-body {
   position: absolute;
   bottom: 0;
   left: 0;
   background: #fff;
   padding: 20px;
   border-radius: 0 20px 0 0;
   max-width: 60%;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
 }

 .custom-card-body h5 {
   font-weight: 700;
   color: #112D4E;
   font-size: 18px;
 }

 .custom-card-body p {
   color: #555;
   font-size: 14px;
   margin-bottom: 16px;
 }

 .custom-card-body .btn {
   background-color: #112D4E;
   color: white;
   font-weight: 600;
   font-size: 14px;
   padding: 10px 20px;
   border-radius: 50px;
   border: none;
 }

 .custom-card-body .btn i {
   font-size: 14px;
 }

 .get-quote-btn {
   background: #fff;
   color: #111;
   font-weight: 600;
   border-radius: 30px;
   padding: 10px 25px;
   transition: 0.5s;
 }

 .get-quote-btn:hover {
   background: #c79f32;
   color: #fff;
 }

 .about-section {
   padding: 80px 0;
   color: #111;
   background: #fff;
 }

 .about-section h2 {
   font-weight: 800;
   color: #1a1a2c;
 }

 .about-section p {
   color: #444;
   font-size: 1.05rem;
 }

 .highlight-box {
   background-color: #caa331;
   color: #fff;
   border-radius: 10px;
   padding: 25px;
   margin-top: 20px;
   font-size: 1rem;
 }

 .highlight-box p {
   color: #fff;
 }

 .highlight-box h5 {
   font-weight: 700;
   margin-bottom: 10px;
 }

 .rounded-img {
   border-radius: 20px;
   overflow: hidden;
 }

 .about-btn {
   background-color: #caa331;
   color: white;
   font-weight: 600;
   padding: 10px 25px;
   border-radius: 50px;
   text-decoration: none;
 }

 .about-btn i {
   margin-left: 5px;
 }

 .call-box i {
   font-size: 30px;
   color: #1a1a2c;
   margin-right: 10px;
 }

 .call-box strong {
   display: block;
   font-weight: 700;
 }

 .service-card {
   height: 400px;
   position: relative;
   border-radius: 20px;
 }

 .service-card img {
   height: 100%;
   object-fit: cover;
   transition: transform 0.4s ease;
 }

 .service-card:hover img {
   transform: scale(1.05);
 }

 .service-overlay {
   background: linear-gradient(to top, rgb(6 19 61), transparent 100%);
   position: absolute;
   bottom: 0;
   width: 100%;
   color: white;
 }

 .icon-circle {
   width: 40px;
   height: 40px;
   background-color: #caa331;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 1rem;
   margin-top: 10px;
 }

 .choose-card {
   border: 1px solid #e0b739;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .choose-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
 }

 .choose-card h6,
 .choose-card h5,
 .choose-card p,
 .choose-card small {
   color: #192742 !important;
 }

 .choose-image img {
   height: 100%;
   object-fit: cover;
   transition: transform 0.4s ease;
 }

 .choose-image:hover img {
   transform: scale(1.05);
 }

 .icon-box i {
   background-color: #f6f6f6;
   padding: 15px;
   border-radius: 50%;
 }

 .quote-section h2 {
   font-weight: 700;
   font-size: 40px;
 }

 .quote-section .btn {
   background-color: #c79f32;
   color: #fff;
   font-weight: 600;
   padding: 12px 30px;
   border-radius: 50px;
   border: none;
 }

 .quote-form {
   background: #fff;
   border-radius: 12px;
   padding: 40px;
   box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
 }

 .quote-form .form-control {
   border-radius: 30px;
   padding: 12px 20px;
   font-size: 15px;
   border: 1px solid #ddd;
   margin-bottom: 20px;
 }

 .quote-form textarea.form-control {
   height: 120px;
   resize: none;
 }

 .quote-form .submit-btn {
   width: 100%;
   background-color: #c79f32;
   color: #fff;
   font-weight: 600;
   border-radius: 30px;
   padding: 14px;
   border: none;
 }

 /* Meet the Team Section */
 .team-card {
   position: relative;
   overflow: hidden;
   border-radius: 15px;
   transition: transform 0.3s ease;
 }

 .team-card:hover {
   transform: scale(1.03);
 }

 .team-card img {
   width: 100%;
   height: auto;
   display: block;
   border-radius: 15px;
 }

 .team-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(25, 39, 66, 0.8);
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: opacity 0.3s ease;
   color: #fff;
   text-align: center;
   padding: 20px;
 }

 .team-card:hover .team-overlay {
   opacity: 1;
 }

 .team-overlay h5 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 5px;
 }

 .team-overlay span {
   font-size: 14px;
   margin-bottom: 15px;
   display: block;
 }

 .team-social a {
   margin: 0 6px;
   background: #3b5998;
   color: #fff;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   font-size: 16px;
   transition: background 0.3s;
   text-decoration: none;
 }

 .team-social a:nth-child(2) {
   background: #000;
   /* Twitter (X) */
 }

 .team-social a:nth-child(3) {
   background: #0077b5;
   transition: 0.5s;
   /* LinkedIn */
 }

 .team-social a:hover {
   background: #c79f32;
 }

 .section-intro {
   max-width: 600px;
 }

 .section-intro h6 {
   color: #c79f32;
   font-weight: 700;
   text-transform: uppercase;
   font-size: 14px;
   margin-bottom: 10px;
 }

 .section-intro h2 {
   font-weight: 800;
   color: #192742;
   margin-bottom: 15px;
 }

 .section-intro p {
   color: #444;
   margin-bottom: 25px;
 }

 .btn-gold {
   background-color: #c79f32;
   color: #fff;
   font-weight: 600;
   text-transform: uppercase;
   border: none;
   padding: 10px 25px;
   border-radius: 25px;
   transition: 0.5s;
 }

 .btn-gold:hover {
   background-color: #112D4E;
 }

 .btn-gold i {
   margin-left: 5px;
 }


 .testimonial-section {
   display: flex;
   flex-wrap: wrap;
   background-color: #0f1b35;
   color: white;
 }

 .testimonial-left {
   background-color: #0f1b35;
   color: white;
   padding: 60px 40px;
   flex: 1 1 50%;
   position: relative;
   overflow: hidden;
 }

 .testimonial-left::before {
   content: '';
   position: absolute;
   top: -20%;
   left: -20%;
   width: 200%;
   height: 200%;
   background: radial-gradient(circle, rgba(255, 255, 255, 0.04) 0%, transparent 70%);
   z-index: 0;
 }

 .testimonial-left>* {
   position: relative;
   z-index: 1;
 }

 .testimonial-btn {
   background-color: #d4a62b;
   color: white;
   font-weight: bold;
   border-radius: 50px;
   padding: 12px 30px;
   margin: 20px 0;
   text-decoration: none;
   display: inline-block;
   transition: 0.5s;
 }

 .testimonial-btn:hover {
   background-color: #ffffff;
   color: #d4a62b;

 }

 .testimonial-card {
   background-color: white;
   color: #0f1b35;
   border-radius: 15px;
   padding: 30px;
   margin-top: 20px;
 }

 .testimonial-card img {
   width: 60px;
   height: 60px;
   border-radius: 50%;
 }

 .testimonial-stars i {
   color: #f8c12c;
 }

 .testimonial-card blockquote {
   font-size: 16px;
   margin: 20px 0;
 }

 .testimonial-card .quote {
   font-size: 40px;
   color: #d4a62b;
 }

 .testimonial-arrows i {
   color: #d4a62b;
   font-size: 24px;
   margin-right: 15px;
   cursor: pointer;
 }

 .testimonial-section .carousel-control-prev,
 .testimonial-section .carousel-control-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 2;
   width: 48px;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: transparent;
   border: none;
   padding: 0;
 }

 .testimonial-section .carousel-control-prev {
   left: 0;
 }

 .testimonial-section .carousel-control-next {
   right: 0;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #d7a313;
   /* Gold color */
   border-radius: 50%;
   /* Optional: add a subtle box-shadow for better visibility */
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
   width: 25px;
   height: 25px;
 }


 .faq-section {
   padding: 60px 0;
   background-color: #f4f4f4;
 }

 .faq-title {
   font-weight: 700;
   font-size: 2.5rem;
   color: #1c2230;
 }

 .faq-subtitle {
   color: #5f6368;
   font-size: 1.1rem;
 }

 .accordion-button {
   background-color: white;
   border-radius: 50px !important;
   font-weight: 600;
   color: #1c2230;
   box-shadow: none;
 }

 .accordion-button:not(.collapsed) {
   background-color: #1c2230;
   color: #fff;
 }

 .accordion-item {
   margin-bottom: 15px;
   border: none;
   border-radius: 50px;
 }

 .accordion-body {
   color: #444;
   padding-left: 30px;
 }

 .image-grid img {
   width: 100%;
   height: 100%;
   border-radius: 12px;
   margin-bottom: 20px;
 }

 .image-grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 15px;
 }

 @media(min-width: 768px) {
   .image-grid {
     grid-template-columns: 1fr 1fr;
   }

   .image-grid img:first-child {
     grid-row: span 2;
   }
 }

 footer {
   background-color: #151f3e;
   color: #ffffff;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
 }

 footer h5 {
   font-weight: 700;
   margin-bottom: 20px;
 }

 footer a {
   color: #ffffff;
   text-decoration: none;
   transition: 0.5s;
 }

 footer a:hover {
   text-decoration: underline;
 }

 .footer-logo {
   font-size: 28px;
   font-weight: 700;
 }

 .footer-logo span {
   color: #d7a313;
 }

 .newsletter-input {
   border-radius: 50px;
   padding: 10px 20px;
   width: 100%;
   border: none;
   outline: none;
 }

 .newsletter-box {
   background-color: #fff;
   border-radius: 50px;
   padding: 5px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }

 .newsletter-btn {
   background-color: #d7a313;
   border: none;
   color: white;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .social-icons a {
   color: #fff;
   font-size: 22px;
   margin-right: 10px;
 }

 .social-icons a:hover {
   color: #d7a313;
 }

 .footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.2);
   padding-top: 15px;
   /* margin-top: 30px; */
   font-size: 14px;
 }

 .text-muted-footer {
   color: #ddd;
 }

 .footer-icon {
   color: #d7a313;
   margin-right: 10px;
 }

 @media (max-width: 767px) {
   .newsletter-box {
     flex-direction: column;
     align-items: stretch;
   }

   .newsletter-btn {
     margin-top: 10px;
   }
 }

 .inner-banner {
   position: relative;
   height: 200px;
   margin-top: 100px;
   display: flex;
   align-items: center;
   color: white;
 }

 .inner-banner::before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to right,
       rgba(14, 34, 64, 0.95) 0%,
       rgba(14, 34, 64, 0.7) 60%,
       rgba(14, 34, 64, 0) 100%);
   /* dark blue overlay fading right */
   z-index: 1;
 }

 .inner-banner .container {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   height: 100%;
   display: flex;
   align-items: center;
 }

 .breadcrumb-wrapper a {
   color: white;
   text-decoration: none;
   transition: 0.5s;
 }

 .breadcrumb-wrapper a:hover {
   color: #c79f32;
 }

 .breadcrumb-wrapper .breadcrumb {
   background: transparent;
   padding: 0;
   margin-left: 100px;
   margin-bottom: 5px;
   font-size: 14px;
 }

 .breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item::before {
   content: '|';
   color: white;
   margin: 0 5px;
 }

 .breadcrumb-wrapper h2 {
   margin-left: 100px;
   font-weight: bold;
   font-size: 36px;
   margin-top: 5px;
 }

 @media (max-width: 768px) {
   .inner-banner::before {
     width: 100%;
   }

   .breadcrumb-wrapper h2 {
     font-size: 28px;
   }
 }

 /* -----Contact Page----- */

 .contact-us {
   max-width: 1200px;
   margin: 60px auto;
   background-color: #192240;
   border-radius: 25px;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
 }

 .contact-us-left {
   flex: 1 1 50%;
   padding: 50px 40px;
   color: white;
 }

 .contact-us-left h6 {
   color: #d2a537;
   font-weight: 600;
   font-size: 16px;
   display: flex;
   align-items: center;
   gap: 10px;
 }

 .contact-us-left h2 {
   font-weight: 800;
   font-size: 40px;
   margin: 20px 0 10px;
 }

 .contact-us-left p {
   font-size: 15px;
   margin-bottom: 30px;
   line-height: 1.7;
   color: #d1d1d1;
 }

 .contact-us-left input,
 .contact-us-left textarea {
   width: 100%;
   border: none;
   border-radius: 50px;
   padding: 14px 24px;
   margin-bottom: 20px;
   font-size: 14px;
   font-weight: 600;
   color: #192240;
 }

 .contact-us-left textarea {
   border-radius: 20px;
   height: 150px;
   resize: none;
 }

 .contact-us-left .form-button {
   width: 100%;
   padding: 14px;
   background-color: #d2a537;
   border: none;
   border-radius: 50px;
   font-weight: 700;
   color: #192240;
   font-size: 16px;
   transition: 0.5s;
 }

 .contact-us-left .form-button:hover {
   background-color: #fff;
 }

 .contact-us-right {
   flex: 1 1 50%;
 }

 .contact-us-right img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 @media (max-width: 768px) {
   .contact-us {
     flex-direction: column;
   }

   .contact-us-left,
   .contact-us-right {
     flex: 1 1 100%;
   }
 }

 .contact-info {
   max-width: 1200px;
   margin: 60px auto;
 }

 .contact-info-box {
   border: 1px solid #d1a631;
   border-radius: 10px;
   text-align: center;
   padding: 30px 20px;
   transition: all 0.3s ease;
   background-color: #fff;
 }

 .contact-info-box .icon {
   width: 60px;
   height: 60px;
   background-color: #c89d2d;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 15px;
   color: #fff;
   font-size: 24px;
 }

 .contact-info-box h5 {
   font-weight: 700;
   color: #1e2846;
   margin-bottom: 5px;
 }

 .contact-info-box p {
   margin: 0;
   color: #444;
 }

 /* -----about inner----- */

 .about-section-inner {
   padding: 80px 0;
   font-family: 'Segoe UI', sans-serif;
 }

 .about-section-inner h6 {
   color: #b8902b;
   font-weight: 600;
   font-size: 16px;
   display: flex;
   align-items: center;
   gap: 5px;
 }

 .about-section-inner h2 {
   font-weight: 700;
   color: #1e2846;
   font-size: 32px;
   margin: 10px 0 20px;
 }

 .about-section-inner h5 {
   font-weight: 700;
   color: #1e2846;
   margin-top: 30px;
   font-size: 25px;
 }

 .about-section-inner p {
   color: #555;
   font-size: 15px;
   line-height: 1.7;
 }

 .about-highlight-inner {
   background-color: #c89d2d;
   border-radius: 8px;
   padding: 20px;
   margin-top: 30px;
   color: #fff;
 }

 .about-highlight-inner h6 {
   font-weight: 700;
   font-size: 20px;
   color: #fff;
 }

 .about-highlight-inner p {
   font-size: 14px;
   margin: 0;
   color: #fff;
 }

 .call-info {
   display: flex;
   align-items: center;
   gap: 10px;
   color: #1e2846;
   font-size: 15px;
   font-weight: 500;
 }

 .call-info i {
   font-size: 20px;
   color: #c89d2d;
 }

 .about-img {
   width: 100%;
   height: 495px;
   object-fit: cover;
   border-radius: 12px;
 }


 .inner-service {
   padding: 80px 0;
   background-color: #f8f9fa;
 }

 .inner-service h6 {
   color: #b8902b;
   font-weight: 600;
   font-size: 16px;
   display: flex;
   align-items: center;
   gap: 8px;
   text-transform: uppercase;
 }

 .inner-service h2 {
   color: #1e2846;
   font-size: 36px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .inner-service p {
   font-size: 15px;
   color: #555;
   line-height: 1.7;
 }

 .highlight-box-service {
   background-color: #1C2541;
   padding: 20px;
   border-radius: 10px;
   color: white;
   margin-top: 30px;
 }

 .highlight-box-service h5 {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .highlight-box-service ul {
   list-style: none;
   padding-left: 0;
 }

 .highlight-box-service ul li {
   margin-bottom: 8px;
   display: flex;
   align-items: center;
 }

 .highlight-box-service ul li i {
   color: #fff;
   margin-right: 10px;
 }

 .service-form {
   background-color: #fff;
   padding: 30px;
   border-radius: 10px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }

 .service-form .form-control {
   border-radius: 30px;
   border: 1px solid #ccc;
   font-size: 14px;

   padding: 12px 20px;
   margin-bottom: 20px;
 }

 .service-form .btn-primary {
   background-color: #c89d2d;
   border: none;
   padding: 10px 25px;
   border-radius: 30px;
   font-weight: 600;
 }

 @media (max-width: 768px) {
   .inner-service h2 {
     font-size: 28px;
   }
 }

 .back-to-top {
   position: fixed;
   bottom: 30px;
   right: 30px;
   z-index: 9999;
   background: #FFD700;
   color: #192742;
   border: none;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   font-size: 24px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   display: none;
   cursor: pointer;
   transition: background 0.5s;
 }

 .back-to-top:hover {
   background: #192742;
   color: #FFD700;
 }