/* #### Generated By: http://font.download #### */

 @font-face {
   font-family: 'Helvetica';
   font-style: normal;
   font-weight: normal;
   src: local('Helvetica'), url('../font/Helvetica.woff') format('woff');
 }





 @font-face {
   font-family: 'Helvetica-bold';
   font-style: normal;
   font-weight: normal;
   src: local('Helvetica'), url('../font/Helvetica-Bold.woff') format('woff');
 }



 @font-face {
   font-family: 'Helvetica Light';
   font-style: normal;
   font-weight: normal;
   src: local('Helvetica Light'), url('../font/helvetica-light-587ebe5a59211.woff') format('woff');
 }

 body {
   font-family: 'Helvetica';
 }

 .topbar {
   background-color: #1641c5;
   /* blue shade */
   color: #fff;
   font-size: 14px;
   padding: 8px 0;
 }

 .topbar a {
   color: #fff;
   text-decoration: none;
   margin-left: 15px;
 }

 .navbar-nav .nav-link {
   font-weight: 500;
   margin: 0 8px;
 }

 .btn-quote {
   background-color: #1641c5;
   color: #fff;
   border-radius: 30px;
   padding: 8px 20px;
   font-weight: 600;
 }

 .btn-quote:hover {
   background-color: #0f2f91;
   color: #fff;
 }






 .carousel-item {
   height: 90vh;
   min-height: 500px;
   background-size: cover;
   background-position: center;
   position: relative;
 }

 .carousel-item::before {
   /* content: ""; */
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   /* dark overlay */
 }

 .carousel-caption {
   bottom: 40%;
   z-index: 2;
   text-align: center !important;
 }

 .carousel-caption h1 {
   font-size: 3rem;
   font-weight: 700;
   text-shadow: 5px 5px 0px rgb(0 0 0);
 }

 .carousel-caption p {
   font-size: 1.2rem;
   margin-bottom: 20px;
 }

 .btn-custom {
   background-color: #1641c5;
   color: #fff;
   font-weight: 600;
   padding: 10px 25px;
   border-radius: 30px;
   text-decoration: none;
   margin-top: 20px;
   display: inline-block;
 }

 .btn-custom:hover {
   background-color: #d89a00;
   color: #fff;
 }

 /* Arrows styling */
 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #1641c5;
   border-radius: 50%;
   padding: 20px;
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   background-color: #1641c5;
   border-radius: 50%;
   padding: 30px;
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: 60% 100%;
 }


 /* about us code  */
 .experience-badge {
   background: #1641c5;
   color: #fff;
   font-weight: 600;
   padding: 30px 20px;
   border-radius: 12px;
   text-align: center;
   width: 180px;
   position: absolute;
   top: 50px;
   left: 10px;
   z-index: 2;
 }

 .main-img {
   border-radius: 12px;
   width: 80%;
   position: relative;
   left: 10%;
 }

 .small-img {
   position: absolute;
   bottom: 60px;
   right: 20px;
   width: 200px;
   border-radius: 12px;
   border: 6px solid #fff;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 }

 .feature-list i {
   color: #1641c5;
   margin-right: 10px;
 }

 .call-box {
   background: #f7f9fc;
   border-radius: 12px;
   padding: 15px;
   display: flex;
   align-items: center;
   margin-top: 20px;
 }

 .call-box i {
   font-size: 28px;
   background: #1641c5;
   color: #fff;
   padding: 15px;
   border-radius: 12px;
   margin-right: 15px;
 }

 .call-box h5 {
   margin: 0;
   font-weight: 600;
 }

 .bg-content {
   font-size: 110px;
   position: absolute;
   font-weight: 900;
   letter-spacing: 0;
   left: -90px;
   z-index: -1;
   top: -5px;
   font-family: var(--font-primary);
   min-width: max-content;
   color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(22 65 197 / 10%);
   line-height: 1;
   z-index: 9;
   left: 0;
 }

 .bg-content::after {
   position: absolute;
   content: "";
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.8855917367) 0%, rgba(255, 255, 255, 0.6082808123) 35%, rgba(255, 255, 255, 0) 100%);
   background: transparent;
 }

 .relative {
   position: relative;
 }










 .progress-section-left h4 {
   letter-spacing: 2px;
   font-weight: normal;
   margin-bottom: 10px;
 }

 .progress-section-left h1 {
   font-size: 32px;
   margin-bottom: 20px;
 }

 .progress-section-left p {
   font-size: 16px;
   line-height: 1.6;
 }

 .progress-section-button {
   background-color: #0b4fe3;
   color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 6px;
   font-weight: bold;
   font-size: 14px;
  
   font-weight: normal;    font-family: Helvetica;
 }

 .progress-section-contact-btn {
   background-color: #0b4fe3;
   color: #fff;
   border: none;
   padding: 12px 24px;
   border-radius: 10px;
   font-weight: bold;
 }

 .progress-section-play-icon {
   width: 50px;
   height: 50px;
   border: 2px solid #000;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   cursor: pointer;
 }

 .progress-section-image {
   border-radius: 10px;
   max-width: 100%;
   height: auto;
 }

 .progress-section-buttons-wrapper .btn {
   white-space: nowrap;     font-family: Helvetica;
 }

 img.progress-section-image.small.img-fluid {
   position: absolute;
   top: 50%;
   left: 80px;
   transform: translateY(-50%);
   max-width: 301px;
   z-index: 10;
 }

 .progress-section-right {
   position: relative;
   justify-content: end;
 }

 .progress-section-image {
   border-radius: 10px;
   max-width: 100%;
   height: auto;
   width: 70%;
   right: 50px;
 }

 section.process-bars {
   position: relative;
 }

 .carousel-indicators [data-bs-target] {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #007bff;
 }

 .carousel-indicators .active {
   background-color: #0056b3;
 }


 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: -2rem;
   margin-left: 15%;
 }
























 .progress-section-counter-wrapper {
   /* background-color: #0d1b3f; */
   padding: 60px 0;
   color: #fff;
   text-align: center;
 }

 .progress-section-counter-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 20px;
 }

 .progress-section-counter-icon {
   background-color: #fff;
   color: #000;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 32px;
   margin-bottom: 15px;
 }

 .progress-section-count {
   font-size: 36px;
   font-weight: bold;
 }

 .progress-section-label {
   text-transform: uppercase;
   font-size: 14px;
   margin-top: 5px;
   letter-spacing: 1px;
 }




 /* testimonials */

 .testimonials .carousel-item {
   text-align: center;
 }

 .testimonials .testimonial-image {
   width: 220px;
   height: 280px;
   border-radius: 50%;
   object-fit: cover;
   margin-bottom: 15px;
   border-radius: 10px !important;
 }

 .testimonials .carousel-control-prev,
 .testimonials .carousel-control-next {
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 50%;
 }

 .testimonials .carousel-control-prev,
 .testimonials .carousel-control-next {
   background-color: transparent;
   border-radius: 50%;
   opacity: 99;
   top: -210px !important;
 }

 .review {
   border: 1px solid #ccc;
   border-radius: 20px;
   padding: 10px;
   display: flex;
   min-height: 260px;
   justify-content: space-between;
   align-items: center;
   gap: 15px;
 }

 .testimonials {
   PADDING: 50px 0px;
   position: relative;
   background: #fff;
 }

 .testimonials .bg-content {
   font-size: 110px;
   position: absolute;
   font-weight: 900;
   letter-spacing: 0;
   left: -90px;
   z-index: -1;
   top: -5px;
   font-family: var(--font-primary);
   min-width: max-content;
   color: transparent;
   -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: rgb(22 65 197 / 10%);
   line-height: 1;
   z-index: 9;
   left: 0;
   width: 100%;
   text-align: center;
 }

 section.process-bars .bg-content {
   top: -80px;
 }

 /* button.carousel-control-prev {
    left: -150px !important;
}

button.carousel-control-next {
    right: -150px !important;
} */

 .stars {
   color: #fcb900;
 }

 section.make-appoitment {
   padding: 50px 0px 0px;
 }






 header {
   position: sticky;
   top: 0;
   z-index: 1020;
   background: #fff;
 }


 .home {
   position: relative;


 }

 /* Common Wave Style */
 .home .wave {
   position: absolute;
   bottom: -0.5rem;
   left: 0;
   height: 11rem;
   width: 100%;
   background: url("../images/wave.png");
   background-size: 100rem 11rem;
   background-repeat: repeat-x;
   animation: waves 8s linear infinite;
 }

 /* Different Speeds & Opacity */
 .home .wave2 {
   animation-direction: reverse;
   animation-duration: 6s;
   opacity: 0.3;
 }

 .home .wave3 {
   animation-duration: 4s;
   opacity: 0.5;
 }

 /* Keyframes for Animation */
 @keyframes waves {
   0% {
     background-position-x: 0;
   }

   100% {
     background-position-x: 100rem;
   }
 }


 :root {
   --primary: #1547b8;
   --muted: #6b7280;
   --dark-bg: #0f1720;
   --card: #ffffff;
 }




 .hero-card {
   background: var(--card);
   border-radius: 12px;
   box-shadow: 0 6px 20px rgba(20, 20, 40, 0.06);
   padding: 30px;
 }


 .form-control:focus {
   box-shadow: none;
   border-color: var(--primary);
 }


 .btn-primary {
   background: var(--primary);
   border: 0;
   padding: 10px 20px;
   border-radius: 10px;
 }


 .contact-panel {
   background: var(--card);
   border-radius: 12px;
   padding: 28px;
   box-shadow: 0 6px 20px rgba(20, 20, 40, 0.04);
 }


 .map-card {
   border-radius: 12px;
   overflow: hidden;
   box-shadow: 0 6px 20px rgba(20, 20, 40, 0.04);
   height: 100%;
 }


 .footer-dark {
   background: linear-gradient(180deg, #0b1317, #0f1720);
   color: #cbd5e1;
   padding: 80px 0 30px;
   position: relative;
   /* top: -350px; */

 }


 .footer-card {
   background: rgba(255, 255, 255, 0.03);
   border-radius: 10px;
   padding: 22px;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
   background: linear-gradient(rgb(14, 20, 34) -4.66%, rgb(33, 38, 49) 100%);
   border-radius: 15px;
   padding: 10px;
   margin: -40px 30px 0px 0px;
 }

 section.map {
   z-index: 9;
   position: relative;
 }

 .small-muted {
   color: var(--muted);
   font-size: 20px;
 }

 input.form-control {
   width: 100%;
   height: 55px;
   background: rgb(246, 246, 246);
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
   border-image: initial;
 }

 .sw-serviceholder img {
   width: 100%;
 }

 .sw-servicetitle h3 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 5px;
   text-decoration: none;
   list-style-type: none;
   margin-top: 20px;
   color: #333;
 }

 .service-box a {
   text-decoration: none;
 }

 textarea.form-control {
   width: 100%;

   background: rgb(246, 246, 246);
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
   border-image: initial;
 }

 /* responsive tweaks */
 @media (max-width: 767px) {
   .hero-card {
     padding: 18px
   }
 }

 .fw-semibold {
   font-size: 16px;
   font-weight: 400 !important;
 }

 .contact-panel .me-3 {
   padding: 10px;
   background: #d8d6d6;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 footer:before {
   content: '';
   background: #0c1419;
   width: 100%;
   height: 230px;
   position: absolute;
   top: -220px;
 }

 .footer-card ul li,
 .footer-card p {
   font-size: 16px;
   color: #fff;
   line-height: 34px;
 }

 .footer-card ul li a {
   font-size: 16px;
   color: #fff;
   line-height: 34px;
   text-decoration: none;
 }

 .footer-card h5 {
   color: #ffc107;
 }


 .testimonials .carousel-item {
   height: auto;
   min-height: auto;
 }

 .mainheading {
   font-size: 32px;
   font-weight: 600 !important;
   color: #333;
 }

 .progress-section-buttons-wrapper .btn:hover {
   background: #d89a00;
 }

 .service-box {
   background: #fff;
   border-radius: 15px;
   padding: 15px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease-in-out;
   height: 100%;
   text-align: left;
 }

 .service-box:hover {
   transform: translateY(-8px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 .service-box .icon {
   font-size: 40px;
   color: #007bff;
   margin-bottom: 20px;
 }

 .service-box h4 {
   font-size: 20px;
   font-weight: 600;
   margin-bottom: 15px;    color: #333;
 }

 .service-box p {
   font-size: 15px;
   color: #555;
 }

 .service-box ul li {
   margin-bottom: 8px;
   font-size: 14px;
   color: #333;
   display: flex;
   align-items: center;
 }

 .service-box ul li i {
   margin-right: 8px;
 }

 .sarvices {
   position: relative;
   background: #fff;
   padding: 50px 0px;
 }

 body {
   background: #f6f8fb;
   color: #000000;
   font-family: 'Helvetica';
   font-weight: 300;
 }

 .icon img {
   width: 100%;
 }

 .text-center.mt-4.small-muted.copyright {
   font-size: 15px;
   color: #fff;
 }

 .clientSlider {
   width: 100%;
   padding: 5px 0;
 }



 section.clienttestimoial {
   position: relative;
   text-align: center;
   padding: 50px 3px;
 }

 section.clienttestimoial span.bg-content.aos-init.aos-animate {
   text-align: center;
   width: 100%;
 }

 .makecall a {
   font-weight: 500;
 }

 .makecall a {
   font-weight: 500;
   /* display: block; */
   padding-left: 6px;
   /* border-left: 1px solid #ffffff; */
   margin-right: 0px;
 }

 @keyframes heartbeat {
   0% {
     transform: scale(1);
   }

   25% {
     transform: scale(1.2);
   }

   40% {
     transform: scale(1);
   }

   60% {
     transform: scale(1.2);
   }

   100% {
     transform: scale(1);
   }
 }

 .heartbeat {
   animation: heartbeat 1.5s infinite;
   transform-origin: center;
 }

 i.fa.fa-long-arrow-right {
   color: #fca701;
 }


 /* Breadcrumb Section */
 .breadcrumb-section {
   position: relative;
   background: url('../images/beard.jpg') center/cover no-repeat;
   height: 240px;
   display: flex;
   align-items: center;
   color: #fff;
 }

 .breadcrumb-section .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   /* Dark overlay */
 }

 .breadcrumb-section .container {
   position: relative;
   z-index: 2;
   text-align: center;
   width: 100%;
 }

 .breadcrumb-section .page-title {
   font-size: 36px;
   margin-bottom: 10px;
 }

 .breadcrumb {
   justify-content: center;
   background: transparent;
   padding: 0;
   margin: 0;
 }

 .breadcrumb .breadcrumb-item a {
   color: #fff;
   text-decoration: none;
 }

 .breadcrumb .breadcrumb-item.active {
   color: #ddd;
 }

 /* Responsive */
 @media (max-width: 768px) {
   .breadcrumb-section {
     height: 200px;
   }

   .breadcrumb-section .page-title {
     font-size: 28px;
   }
 }

 .navbar .nav-link {
   text-decoration: none;
   position: relative;
   z-index: 1;
   transition: color 0.3s;
   padding: 8px 15px;
   font-weight: 500;
   color: #000;
 }

 .navbar .nav-link::after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0;
   height: 0;
   background-color: #fda600;
   transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;
   z-index: -1;
   border-radius: 5px;
 }

 .navbar .nav-link:hover {
   color: #fff;
   /* Text white when hover */
 }

 .navbar .nav-link:hover::after {
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
 }

 h5.send-resume {
   margin-top: 30px;
 }

 .btn-custom:hover {
   background-color: #fca600;
   color: #fff;
 }

 .btn-quote:hover,
 .button.btn.btn-primary:hover {
   background-color: #fca600 !important;
   color: #fff;
 }

 .btn:hover {
   background-color: #fca600 !important;
   color: #fff;
 }

 .accordion-button:not(.collapsed) {
   color: #ffffff;
   background-color: #1641c5;
   box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
   outline: none;
 }

 a.nav-link {
   color: #333;
 }

 span.bg-content {
   font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
   font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial !important;
 }

 .progress-section-left.col-lg-6.aos-init.aos-animate p {
   font-size: 15px;
   font-weight: 300;
   color: #555;
 }

 div#testimonialCarousel p {
   font-size: 15px;
   font-weight: 300;
   color: #555;
 }

 .about-us.aos-init.aos-animate p {
   font-size: 15px;
   color: #555;
   font-weight: 300;
 }

 .about-us p.mb-0 {
   color: #fff !important;
 }


 .clientSlider .swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   /* light background for logo visibility */
   border-radius: 10px;
   padding: 20px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   margin: 10px;
   height: 100px;
   /* fix slide height for consistency */
 }

 .clientSlider .swiper-slide:hover {
   transform: scale(1.05);
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
 }

 .clientSlider .swiper-slide img {
   max-width: 130px;
   /* fixed width for all logos */
   max-height: 60px;
   /* maintain height proportion */
   object-fit: contain;
   /* filter: grayscale(100%); */
   transition: filter 0.3s ease, transform 0.3s ease;
 }

 .clientSlider .swiper-slide img:hover {
   /* filter: grayscale(0%); */
   /* transform: scale(1.1); */
 }

 section.map {
   display: block;
 }

 footer:before {
   content: none;
   background: #0c1419;
   width: 100%;
   height: 230px;
   position: absolute;
   top: -220px;
 }

 .row.g-4.align-items-center {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   /* ensures equal height columns */
 }

 /* Ensure both columns expand equally in height */
 .row.g-4.align-items-center>[class*="col-lg-"] {
   display: flex;
   flex-direction: column;
 }

 /* Optional – make inner card or content box fill full height */
 .hero-card,
 .is-sticky {
   background: #fff;
   border-radius: 10px;
   padding: 30px;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
   flex-grow: 1;
   /* ensures equal height */
   min-height: 510px;
 }

 .is-sticky {
   min-height: 550px;
 }

 .is-sticky h4 {
   font-weight: 500;
 }

 .text-primary {
   color: #1f48b8 !important;
   margin-top: 10px;
 }

 p.text-dark i {
   padding-right: 10px;
   font-size: 20px;
 }

 p.text-dark {
   margin-bottom: 0px;
 }

 .accordion-body i {
   margin: 0;
   margin-right: 10px;
 }

 .cnt {
   text-align: center;
 }

 .cnt span {
   width: 100%;
 }

 .subheading {
   font-size: 28px;
 }

 li.breadcrumb-item.active {
   color: #ffa600 !important;
 }

 .navbar-nav .nav-link.active .navbar .nav-link::after {


   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 0;
   height: 0;
   background-color: #fda600;
   transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;
   z-index: -1;
   border-radius: 5px;
 }

 a.nav-link.active {
   background: #fea501;
   border-radius: 5px;
   color: #fff !important;
 }

 section.make-appoitment.aos-init.aos-animate {
   padding: 50px 0px;
 }.col-lg-12.extrawords h3 {
    font-size: 18px;
    font-weight: 600 !important;
    color: #333;
}.col-lg-12.extrawords p {
    margin: 0;
    line-height: 24px;
    font-size: 15px;
    color: #333;
}
.col-lg-12.extrawords .mainheading {
   font-size: 18px;
    font-weight: 500;
    font-size: 21px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;color: #333;
}
section.extraword {
    background: #1641c50f;
    padding: 50px 0px;
}section.extraword h4 {
    font-size: 18px;
    font-weight: 500;color: #333;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}.col-lg-12.extrawords ul li {
    font-size: 15px;
}

a.btn.btn-primary.btn-sm.mt-2 {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 12px;
}

 .btn-GetQuote {
   background-color: #1641c5;
   color: #fff;
   font-weight: 600;
   padding: 10px 25px;
   border-radius: 30px;
   text-decoration: none;
   display: inline-block;
 }