* {
    font-family: 'Poppins', sans-serif;
  }
  body {
    overflow-x: hidden; /* Prevent horizontal scrolling */
}
  .container.main-conatiner{
    max-width: 1420px;
  }

.navbar {
  background: linear-gradient(135deg, #0062a6, #00aaff); 
  position:sticky;
  width:100%;
  z-index: 1000000;
  top:0;
}

.nav-item {
    padding: 0 35px;
}

.navbar-nav .nav-item .nav-link {
    color: #fff;
    position: relative; 
    transition: 0.3s;
    font-weight: 400;
}

.navbar-nav .nav-item .nav-link::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transition: 0.3s;
}

.navbar-nav .nav-item .nav-link:hover::before {
    width: 100%; 
}

button:focus {
  outline: 1px dotted;
  outline:1px solid white !important;
}

.card-img-top {
    width: 50%;
}

/* Button Styles */
.btn-custom {
    background-color: #007bff; /* Button background color */
    color: #fff; /* Text color */
    padding: 10px 20px; /* Padding */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s, box-shadow 0.3s; /* Transition for hover effects */
}

.btn-custom:hover {
    background-color: #0062a6; /* Darker shade on hover */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow on hover */
}
.title-section {
  background: linear-gradient(135deg, #0062a6, #00aaff); /* Gradient from #0062a6 to #00aaff */
  color: white; /* Text color */
  padding: 50px 0; /* Vertical padding */
}

/* Other styles... */
.effect,
marquee{
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
padding: 14px 80px 18px 36px;
cursor:progress;
}

.effect:hover{
   transform: scale(1.02);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  background: linear-gradient(135deg, #0062a6, #00aaff); 
  color: white;
  padding: 15px 20px; /* Increased padding */
  border-radius: 8px; /* Slightly larger border radius */
  text-align: center;
  display: none; /* Hidden by default */
  font-size: 16px; /* Increased font size */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added shadow for depth */
  transition: background-color 0.3s, transform 0.3s; /* Smooth transition */
}

.back-to-top:hover {
  background: linear-gradient(135deg, #0062a6, #00aaff); 
  transform: translateY(-2px); /* Slight lift effect on hover */
  color: white;
  text-decoration: none;

}

#about,#products,#Careers,#Contact
{
    padding-top: 60px;
}

.career-section {
    padding: 50px 0;
}
.career-image {
    max-width: 100%;
    height: auto;
}

/* Optional: Add an arrow icon */
.back-to-top::before {
  content: '↑'; /* Unicode character for upward arrow */
  margin-right: 5px; /* Space between icon and text */
  font-size: 18px; /* Size of the icon */
}

.site-footer {
    background-color: #000; /* Dark black background */
    color: white; /* White text color */
    padding: 40px 20px; /* Padding for the footer */
    text-align: left;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Allows sections to wrap on smaller screens */
}

.footer-section {
    flex: 1; /* Each section takes equal space */
    margin: 10px; /* Margin between sections */
}

.footer-section h2 {
    margin-bottom: 15px; /* Space below the heading */
    color: #00aaff; /* Light blue color for headings */
}

.footer-section p {
    margin-bottom: 10px; /* Space below paragraphs */
}

.footer-section ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}

.footer-section ul li {
    margin-bottom: 10px; /* Space between links */
}

.footer-section ul li a {
    color: white; /* Link color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s; /* Smooth transition for hover effect */
}

.footer-section ul li a:hover {
    color: #00aaff; /* Change link color on hover */
    text-decoration: underline; /* Underline on hover */
}

.footer-bottom {
    text-align: center; /* Center the copyright text */
    margin-top: 20px; /* Space above the copyright text */
    font-size: 14px; /* Smaller font size for copyright */
}.site-footer {
    background-color: #000; /* Dark black background */
    color: white; /* White text color */
    padding: 40px 20px; /* Padding for the footer */
    text-align: left;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* Allows sections to wrap on smaller screens */
}

.footer-section {
    flex: 1; /* Each section takes equal space */
    margin: 10px; /* Margin between sections */
}

.footer-section h2 {
    margin-bottom: 15px; /* Space below the heading */
    color: #00aaff; /* Light blue color for headings */
}

.footer-section p {
    margin-bottom: 10px; /* Space below paragraphs */
}

.footer-section ul {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}

.footer-section ul li {
    margin-bottom: 10px; /* Space between links */
}

.footer-section ul li a {
    color: white; /* Link color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s; /* Smooth transition for hover effect */
}

.footer-section ul li a:hover {
    color: #00aaff; /* Change link color on hover */
    text-decoration: underline; /* Underline on hover */
}

.footer-bottom {
    text-align: center; /* Center the copyright text */
    margin-top: 20px; /* Space above the copyright text */
    font-size: 14px; /* Smaller font size for copyright */
}


/* Responsive adjustments */
@media (max-width: 768px) {
  .back-to-top {
      padding: 10px 15px; /* Smaller padding on smaller screens */
      font-size: 14px; /* Smaller font size */
      bottom: 15px; /* Adjust position */
      right: 15px; /* Adjust position */
  }
}

@media (max-width: 576px) {
  .back-to-top {
      padding: 8px 12px; /* Even smaller padding on extra small screens */
      font-size: 12px; /* Smaller font size */
      bottom: 10px; /* Adjust position */
      right: 10px; /* Adjust position */
  }
}