body {
 font-family: "Roboto", sans-serif;
}

body::-webkit-scrollbar {
 width: 0;
 background: inherit;
}

body::-webkit-scrollbar-track {
 background-color: #e3e3e3;
 margin: 5px 0;
 /* border-radius: 10px; */
}

body::-webkit-scrollbar-thumb {
 background-color: #eab308;
 /* border-radius: 10px; */
}

body::-webkit-scrollbar-button {
 background-color: rgb(124, 123, 123);
 width: 20px;
 height: 20px;
}

#countryCodeAndPhoneNumberWapper {
 display: block;
}

@media (min-width: 330px) {
 #countryCodeAndPhoneNumberWapper {
  display: flex;
 }
}

#countryCode {
 border: 2px solid rgb(206, 206, 206);
 border-radius: 10px;
 width: 90px;
 height: 60px;
 padding: 0 10px;
 margin: 0 10px 10px 0;
}

@media (max-width: 330px) {
 #countryCode {
  margin-bottom: 10px;
  width: 100%;
 }
}

@media (min-width: 500px) {
 #countryCode {
  width: 150px;
 }
}

.navbar-brand {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 color: #1d4ed8;
}

@keyframes modalRise {
 0% {
  transform: translateY(100%); /* Start from bottom */
  opacity: 0;
 }
 100% {
  transform: translateY(0); /* End at original position */
  opacity: 1;
 }
}

/* Apply the modalRise animation to the modal when it's shown */
.modal-enter {
 animation: modalRise 0.5s ease-out forwards;
}

.section-title {
 font-family: "Poppins", sans-serif;
 font-weight: 600;
 color: #1d4ed8;
}

/* Animation for auto-scrolling the cards from right to left */
@keyframes scrollCards {
 from {
  transform: translateX(0);
 }
 to {
  transform: translateX(calc(-100% - 1rem));
 }
}

/* Infinite Scroll Container Styles */
.scroll-container {
 display: flex;
 overflow: hidden;
 gap: 1.5rem;
 padding: 2rem 0;
 width: 100%;
 position: relative;
}

.card {
 flex: 0 0 auto;
 min-width: 300px;
 max-width: 350px;
}

@media (max-width: 768px) {
 .card {
  min-width: 250px;
  max-width: 280px;
 }
}

/* Hide scrollbar */
.scroll-container::-webkit-scrollbar {
 display: none;
}

.scroll-container {
 -ms-overflow-style: none;
 scrollbar-width: none;
}

/* Smooth card transitions */
.card {
 transition: transform 0.3s ease;
}

.scroll-container:hover .card {
 transform: scale(1.02);
}

.works-card img {
 transition: transform 0.3s ease-in-out;
}

.works-card-link {
 color: #1d4ed8;
}

.works-card-link:hover {
 color: #eab308;
}

input[type="number"] {
 -webkit-appearance: none;
 /* For Chrome, Safari, and newer Edge */
 -moz-appearance: textfield;
 /* For Firefox */
 appearance: none;
 /* For other browsers */
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 /* For Chrome, Safari, and newer Edge */
 margin: 0;
 /* Optional: To remove space from the spin button */
}

input[type="number"]::-moz-spin-button {
 display: none;
 /* For Firefox */
}

textarea::-webkit-scrollbar {
 width: 0; /* Width of the scrollbar */
 appearance: none;
}

.footer-link:hover {
 color: #60a5fa;
}

/* Search page css */

@keyframes spin {
 0% {
  transform: rotate(0deg);
 }
 100% {
  transform: rotate(360deg);
 }
}

.spinner {
 width: 3rem;
 height: 3rem;
 border: 6px solid rgba(0, 0, 0, 0.1);
 border-top: 6px solid #1d4ed8; /* Blue color for the spinning part */
 border-radius: 50%;
 animation: spin 1s linear infinite; /* Infinite rotation animation */
}