.active-link {
  border-radius: 4px;
  border-bottom: 5px solid  #ef4444; /* Red underline */
}
.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden; /* Make sure overflow is hidden */
  transition: opacity is ease-in-out;
}

.swiper-wrapper {
  display: flex; /* Ensure slides are flexed horizontally */
  transition: opacity is ease-in-out;
}
.swiper-slide {
  opacity:0%;
  
  transition: opacity 1s ease-in-out;
}
.swiper-slide-active {
  flex: 1 0 100%; /* Each slide takes full width */
  height: 100%; /* Ensure each slide fills the container */
  opacity: 1;
}
.spacing-5pc {
  padding-left: 2%;
  padding-right: 5%;
}
/* .nav { */
  /* width: 1650px; */
/* } */
/* .carousel { */
  /* width: 1560; */
/* } */
/* #navbar {
  width: inherit;
} */
.describe {
text-align: left;
}

/* .why-work-with-us-section { */
/* background-color: #f7fafc; */
/* } */

.numbered-item {
display: flex;
align-items: left;
position: relative;
}

.circle {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 90px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.circleone {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 180px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.careercircleone {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 180px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.circletwo {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 195px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.careercircletwo {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 220px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.circlethree {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 200px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.careercirclethree {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 220px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}
.circlefour {
background-color: #f87171; /* Circle color */
color: #ffffff;
width: 200px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
/* font-size: 1.25rem; */
margin-right: 2rem;
}

.line {
width: 2px;
/* background-color: red; */
height: 70%;
position: absolute;
left: 18px;
top: 40px;
bottom: 3px;
z-index: 1;
}

.numbered-item:last-child .line {
display: none; /* Remove the line for the last item */
}
/* #services-dropdown{
margin-left: 40%;
} */
.content h4 {
margin: 0;
color: #1f2937;
}

.content p {
color: #4b5563;
}

/* Right Image with Decorative Border */
.relative img {
width: 100%;
border-radius: 8px;
}

.border-accent {
position: absolute;
border: 4px solid #ef4444;
border-radius: 8px;
width: 80%;
height: 80%;
top: 10%;
right: 10%;
z-index: -1;
}
.search {
margin-left: 1100px;
}
.searchh {
margin-left: 700px;
}



.gallery {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.gallery img {
width: 100px; /* Adjust thumbnail size */
height: auto;
cursor: pointer;
border: 2px solid #ddd;
border-radius: 5px;
transition: transform 0.2s;
}

.gallery img:hover {
transform: scale(1.05);
}


/* From Uiverse.io by Nawsome */ 
.loader {
position: relative;
width: 75px;
height: 100px;
}

.loader__bar {
position: absolute;
bottom: 0;
width: 10px;
height: 50%;
background: rgb(255, 0, 0);
transform-origin: center bottom;
box-shadow: 1px 1px 0 rgba(255, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
left: 0px;
transform: scale(1, 0.2);
-webkit-animation: barUp1 4s infinite;
animation: barUp1 4s infinite;
}

.loader__bar:nth-child(2) {
left: 15px;
transform: scale(1, 0.4);
-webkit-animation: barUp2 4s infinite;
animation: barUp2 4s infinite;
}

.loader__bar:nth-child(3) {
left: 30px;
transform: scale(1, 0.6);
-webkit-animation: barUp3 4s infinite;
animation: barUp3 4s infinite;
}

.loader__bar:nth-child(4) {
left: 45px;
transform: scale(1, 0.8);
-webkit-animation: barUp4 4s infinite;
animation: barUp4 4s infinite;
}

.loader__bar:nth-child(5) {
left: 60px;
transform: scale(1, 1);
-webkit-animation: barUp5 4s infinite;
animation: barUp5 4s infinite;
}

.loader__ball {
position: absolute;
bottom: 10px;
left: 0;
width: 10px;
height: 10px;
background: rgb(30, 64, 175);
border-radius: 50%;
-webkit-animation: ball624 4s infinite;
animation: ball624 4s infinite;
}

@keyframes ball624 {
0% {
  transform: translate(0, 0);
}

5% {
  transform: translate(8px, -14px);
}

10% {
  transform: translate(15px, -10px);
}

17% {
  transform: translate(23px, -24px);
}

20% {
  transform: translate(30px, -20px);
}

27% {
  transform: translate(38px, -34px);
}

30% {
  transform: translate(45px, -30px);
}

37% {
  transform: translate(53px, -44px);
}

40% {
  transform: translate(60px, -40px);
}

50% {
  transform: translate(60px, 0);
}

57% {
  transform: translate(53px, -14px);
}

60% {
  transform: translate(45px, -10px);
}

67% {
  transform: translate(37px, -24px);
}

70% {
  transform: translate(30px, -20px);
}

77% {
  transform: translate(22px, -34px);
}

80% {
  transform: translate(15px, -30px);
}

87% {
  transform: translate(7px, -44px);
}

90% {
  transform: translate(0, -40px);
}

100% {
  transform: translate(0, 0);
}
}

@-webkit-keyframes barUp1 {
0% {
  transform: scale(1, 0.2);
}

40% {
  transform: scale(1, 0.2);
}

50% {
  transform: scale(1, 1);
}

90% {
  transform: scale(1, 1);
}

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

@keyframes barUp1 {
0% {
  transform: scale(1, 0.2);
}

40% {
  transform: scale(1, 0.2);
}

50% {
  transform: scale(1, 1);
}

90% {
  transform: scale(1, 1);
}

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

@-webkit-keyframes barUp2 {
0% {
  transform: scale(1, 0.4);
}

40% {
  transform: scale(1, 0.4);
}

50% {
  transform: scale(1, 0.8);
}

90% {
  transform: scale(1, 0.8);
}

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

@keyframes barUp2 {
0% {
  transform: scale(1, 0.4);
}

40% {
  transform: scale(1, 0.4);
}

50% {
  transform: scale(1, 0.8);
}

90% {
  transform: scale(1, 0.8);
}

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

@-webkit-keyframes barUp3 {
0% {
  transform: scale(1, 0.6);
}

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

@keyframes barUp3 {
0% {
  transform: scale(1, 0.6);
}

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

@-webkit-keyframes barUp4 {
0% {
  transform: scale(1, 0.8);
}

40% {
  transform: scale(1, 0.8);
}

50% {
  transform: scale(1, 0.4);
}

90% {
  transform: scale(1, 0.4);
}

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

@keyframes barUp4 {
0% {
  transform: scale(1, 0.8);
}

40% {
  transform: scale(1, 0.8);
}

50% {
  transform: scale(1, 0.4);
}

90% {
  transform: scale(1, 0.4);
}

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

@-webkit-keyframes barUp5 {
0% {
  transform: scale(1, 1);
}

40% {
  transform: scale(1, 1);
}

50% {
  transform: scale(1, 0.2);
}

90% {
  transform: scale(1, 0.2);
}

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

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

40% {
  transform: scale(1, 1);
}

50% {
  transform: scale(1, 0.2);
}

90% {
  transform: scale(1, 0.2);
}

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

.carouselimg {
height: 90vh;
}
.carouselimge {
height: 70vh;
}
.showroom{
height: 50vh;
}