.d-flex{
    padding-left: 68px;
   }
      .hero-section {
   background-image: url('images/main_banner.png'); 
   background-size: cover;
   background-position: center;
   height: 600px;
   background-size: 110%; 
   display: flex;
   align-items: center;
   align-items: flex-start; 
   padding-top: 100px; 
   }
   .hero-buttons a {
   margin-right: 15px; /* Adds spacing between buttons */
   }
   .hero-buttons a:last-child {
   margin-right: 0; /* Removes margin from the last button */
   }
   h1 {
   font-size: 50px;
   font-weight: bold; 
   color: #000; 
   margin-left: 70px;
   margin-top: 30px;
   
   }
   .btn {
   padding: 15px 30px; 
   font-size: 1.25rem; 
   /* margin-left: 70px; */
   border-radius: 40px;
   margin-top: 70px;
   }
   
   
   
   .hiring-section {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #f9f9f9;
   padding: 40px;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }
   .hiring-text h2 {
   font-weight: bold;
   color: #000;
   font-size: 52px;
   margin-bottom: 15px;
   }
   .hiring-text p {
   color: #333;
   font-size: 25px;
   margin-bottom: 20px;
   }
   .hiring-button .btn {
   background-color: #0d6efd; /* Blue Button */
   color: white;
   font-weight: bold;
   padding: 13px 38px;
   border-radius: 31px;
   }
   /* .hiring-button .btn:hover {
   background-color: #0b5ed7; 
   color: #fff;
   } */
   .hiring-image img {
   max-width: 100%;
   border-radius: 8px;
   }
   .hedfoot{
   line-height: 28px;
   }
   
   .custom-card {
       /* border-radius: 10px; */
       overflow: hidden;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       text-align: center;
       font-family: 'Roboto', sans-serif;
       margin-bottom: 20px;
   }
   .custom-card img {
       width: 100%;
       height: auto;
   }
   .custom-card-header {
       background-color: #2478D0; /* Blue background */
       color: white;
       padding: 10px 0;
       font-size: 1.5rem;
       font-weight: 500;
   }
   .custom-card-body {
       /* padding: 15px; */
   }
   .maani{
       padding: 45px;
   }
   
   
   .testimonials-section {
       text-align: center;
       padding: 50px 20px;
       background-color: #000;
       color: #fff;
   }
   
   .testimonials-section h2 {
       font-size: 2.5rem;
       font-weight: 700;
       margin-bottom: 30px;
   }
   
   .testimonial-container {
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
       gap: 30px;
       margin-top: 20px;
   }
   
   .testimonial-card {
       background-color: #fff;
       color: #000;
       /* border-radius: 10px; */
       padding: 48px;
       width: 100%;
       max-width: 600px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
       text-align: left;
   }
   
   .testimonial-card h3 {
       font-size: 28px;
       font-weight: 700;
       margin-bottom: 10px;
   }
   
   .testimonial-card p {
    font-size: 25px;
    font-family: "Patrick Hand", cursive !important;
    line-height: 1.6;
    margin-bottom: 15px;
   }
   
   .testimonial-stars {
       color: #FFBF00; /* Star color */
       text-align: center;
       font-size: 1.1rem;
   }
   
   .form-container-fluid {
   /* max-width: 800px; */
   /* margin: 50px auto; */
   padding: 75px;
   background-color: #1358a2; /* Keep consistent */
   }
   
   h1 {
   text-align: left;
   font-size: 2em;
   margin-bottom: 20px;
   }
   
   form {
   display: flex;
   flex-direction: column;
   }
   
   .input-row {
   display: flex;
   gap: 20px;
   margin-bottom: 15px;
   }
   
   .input-group {
   flex: 1;
   display: flex;
   flex-direction: column;
   }
   
   label {
   font-size: 1em;
   margin-bottom: 5px;
   font-weight: bold;
   color: white;
   }
   
   input, textarea {
   padding: 10px;
   border: 1px solid #ccc;
   /* border-radius: 5px; */
   font-size: 1em;
   }
   
   textarea {
   resize: none;
   }
   
   .submit-btn {
   margin-top: 15px;
   padding: 15px 20px;
   background-color: #f6c229; /* Yellow button */
   color: #000;
   font-size: 14px;
   border: none;
   cursor: pointer;
   /* border-radius: 5px; */
   width: 150px;
   }
   
   .submit-btn:hover {
   background-color: #e0a923;
   }
   
   
   
   .full-width-img {
   width: 100%; /* Image full width of the container */
   height: auto; /* Maintain aspect ratio */
   display: block; /* Remove bottom space under the image */
   }
   .contaed {
   width: 100%; /* Parent div full width */
   height: 440px; /* Set fixed height for container */
   display: flex; /* Center the image if needed */
   justify-content: center;
   align-items: center;
   overflow: hidden; /* Hide any overflow content */
   }
   
   .responsive-img {
   width: 100%; /* Make image width 100% */
   height: 100%; /* Make image height 100% of container */
   object-fit: cover; /* Prevent stretching and crop extra parts */
   display: block; /* Remove extra space under the image */
   }
   .client-logo img{
   width: 180px;
   }
   
   
   
   .client-logo {
   
   border: 2px solid #000; /* Black border */
   border-radius: 15px; /* Rounded corners */
   padding: 10px; /* Add spacing inside the box */
   display: flex; /* Center the image */
   justify-content: center;
   align-items: center;
   width: 100%; /* Full width of parent container */
   height: 129px; /* Fixed height for logo box */
   
   }
   
   .logo-img {
   max-width: 100%; /* Prevents stretching */
   max-height: 100%; /* Image adjusts within container */
   object-fit: contain; /* Maintain aspect ratio */
   border-radius: 10px; /* Rounded corners for the image itself */
   }
   
   
   
   
   
   /* Header Section */
   .header {
   background-color: #222;
   color: #fff;
   padding: 30px 0;
   
   text-align: center;
   }
   
   .header-container h1 {
   font-size: 2rem;
   font-weight: bold;
   color: #f9f9f9;
   }
   
   header .nav {
   margin-top: 10px;
   margin-left: 1100px;
   }
   
   header nav a {
   color: #aaa;
   text-decoration: none;
   margin-right: 5px;
   }
   
   header nav .active {
   color: #fff;
   }
   
   /* Main Content */
   .contact-container {
   text-align: center;
   padding: 40px 20px;
   }
   
   .sub-heading {
   color: #0073ff;
   font-weight: bold;
   margin-bottom: 10px;
   }
   
   .heading {
   font-size: 2.5rem;
   font-weight: bold;
   margin-bottom: 20px;
   }
   
   .description {
   font-size: 1rem;
   margin: 10px auto;
   max-width: 600px;
   line-height: 1.8;
   }
   
   
   /* General Reset */
   * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   }
   
   
   
   /* Container Styles */
   .card-container {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 30px;
   padding: 40px;
   }
   
   /* Card Styles */
   .card {
   /* background: #fff; */
   border: 1px solid rgb(212, 212, 212);
   border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   position: relative;
   text-align: center;
   width: 380px;
   transition: transform 0.5s ease, box-shadow 0.5s ease;
   }
   
   .card:hover {
   transform: translateY(-10px);
   box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
   }
   
   /* Icon Box */
   .icon-box {
   /* background-color: #007bff; */
   /* color: #fff; */
   padding: 20px;
   font-size: 2rem;
   transition: transform 0.5s ease, opacity 0.5s ease;
   }
   
   .card:hover .icon-box {
   transform: translateY(-100%); /* Slide icon upward */
   opacity: 0; /* Disappear */
   }
   
   /* Card Content */
   .card-content {
   padding: 20px;
   position: relative;
   }
   
   .card-content h3 {
   font-size: 1.5rem;
   margin-bottom: 10px;
   transition: .5s;
   }
   
   .card:hover .card-content h3{
   transform: translateY(-20px); /* Move content upward */
   
   }
   
   .card-content p {
   font-size: 1rem;
   color: #555;
   margin-bottom: 20px;
   transition: transform 0.5s ease;
   }
   
   .card:hover .card-content p {
   transform: translateY(-20px); /* Move content upward */
   }
   
   /* Visit Button */
   .visit-button {
   display: inline-block;
   color: #007bff;
   text-decoration: none;
   font-weight: bold;
   padding: 10px 20px;
   border-radius: 5px;
   opacity: 0; /* Initially hidden */
   transform: translateY(20px); /* Start slightly lower */
   transition: opacity 0.5s ease, transform 0.5s ease;
   }
   
   .card:hover .visit-button {
   opacity: 1; /* Appear on hover */
   transform: translateY(0); /* Move to original position */
   }
   
   /* Responsive Design */
   @media (max-width: 768px) {
   .card {
   width: calc(50% - 20px);
   }
   }
   
   @media (max-width: 480px) {
   .card {
   width: 100%;
   }
   }
   
   
   
   
   /* Section Container */
   .contact-section {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 40px 20px;
   min-height: 100vh;
   }
   
   /* Form Container */
   .form-container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background: #fff;
   border-radius: 10px;
   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
   overflow: hidden;
   max-width: 1100px;
   width: 100%;
   }
   
   /* Left Form Content */
   .form-content {
   flex: 1;
   padding: 40px;
   }
   
   .form-title {
   color: #1a73e8;
   font-size: 0.9rem;
   margin-bottom: 10px;
   letter-spacing: 1px;
   }
   
   .main-heading {
   font-size: 2rem;
   margin-bottom: 10px;
   color: #222;
   margin-left: -3px;
   }
   
   .form-content p {
   margin-bottom: 20px;
   font-size: 0.95rem;
   color: #666;
   }
   
   form input,
   form textarea {
   width: 100%;
   padding: 10px 15px;
   margin-bottom: 15px;
   font-size: 1rem;
   border: 1px solid #ddd;
   border-radius: 5px;
   outline: none;
   transition: border 0.3s;
   }
   
   form input:focus,
   form textarea:focus {
   border: 1px solid #1a73e8;
   }
   
   .submit-btn {
   background: linear-gradient(45deg, #1a73e8, #0056b3);
   color: #fff;
   border: none;
   padding: 12px 20px;
   font-size: 1rem;
   border-radius: 5px;
   cursor: pointer;
   transition: background 0.3s;
   }
   
   .submit-btn:hover {
   background: linear-gradient(45deg, #0056b3, #003e80);
   }
   
   /* Right Image Container */
   .image-container {
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #eef4ff;
   }
   
   .image-container img {
   max-width: 100%;
   height: auto;
   object-fit: cover;
   }
   
   /* Responsive Design */
   @media (max-width: 992px) {
   .form-container {
   flex-direction: column;
   }
   
   .form-content,
   .image-container {
   padding: 20px;
   text-align: center;
   }
   }
   
   @media (max-width: 768px) {
   .main-heading {
   font-size: 1.5rem;
   }
   
   form input,
   form textarea {
   font-size: 0.9rem;
   }
   
   .submit-btn {
   padding: 10px 15px;
   font-size: 0.9rem;
   }
   }
   
   
   
   .dottex{
       padding-top: 20px;
   }
   p{
       margin-bottom: 10px;
   }
   #mend{
       line-height: 30px;
       color: rgb(124, 124, 124);
       font-size: 16px;
   }
   .javhead{
       font-weight: 1000 !important;
       color: black;
       font-size: 38px !important;
       line-height: 39px;
   }
   #privacy-header {
   background-color: #2d2d2d; /* Optional background color */
   padding: 20px; /* Add padding for spacing */
   height: 200px;
   padding-top: 115px;
}

.privacy-header-container {
   display: flex;
   justify-content: space-between; /* Align items to left and right */
   align-items: center; /* Vertically align items */
}

.privacy-header-title {
   margin: 0; /* Remove default margin */
   font-size: 32px; /* Adjust font size as needed */
   color: #ffffff; /* Set your desired color */
}

.privacy-nav a, .privacy-nav-active {
   text-decoration: none; /* Remove underline from links */
   color: #ffffff; /* Set link color */
}

.privacy-nav-active {
   font-weight: bold; /* Highlight active text */
}
#widthed{
    height: 400px;
}