.main_wrapper{
  margin-top: 100px;
}
.carousel-wrapper {
  --width: 150px; /* Adjust as needed */
  --num-items: 7; /* Update this to match the doubled array length */
  --ani-offset: calc(var(--width) * var(--num-items) * -1);
  --ani-speed: 10s;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel-wrapper::before,
.carousel-wrapper::after {
  content: "";
  position: absolute;
  height: 100%;
  z-index: 1;
  top: 0;
}

.carousel-wrapper::before {
  left: 0;
  width: 4rem;
  /* background-image: linear-gradient(to right, var(--bg-clr) 0%, transparent 50%); */
  background: linear-gradient(to right, rgba(255, 255, 255) 0%, transparent 50%);
  
  
}

.carousel-wrapper::after {
  right: 0;
  width: 4rem;
  /* background-image: linear-gradient(to left, var(--bg-clr) 0%, transparent 50%); */
  background: linear-gradient(to left, rgba(255, 255, 255) 0%, transparent 50%);
}

.carousel {
  display: flex;
  align-items: center;
  animation: slide var(--ani-speed) linear infinite;
}

.item {
  flex: 1 0 var(--width);
  text-align: center;
  padding: 2rem;
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintain aspect ratio */
}

@keyframes slide {
  100% {
    transform: translateX(var(--ani-offset));
  }
}

.title{
font-family: Nunito;
font-size: 16.37px;
font-weight: 400;
line-height: 28.32px;
text-align: center;
color: #667085;
align-items: center;
}
@media (max-width: 768px) {
  .main_wrapper{
    margin-top: 4rem;
  }
}
.TotalProjectSection_main_section__g4MUs{background-image:url(/_next/static/media/total_project.1800578a.jpg);background-size:cover;background-repeat:no-repeat;padding:120px 0px;width:100%;height:100%;position:relative;overflow-x:hidden}.TotalProjectSection_main_section__g4MUs .TotalProjectSection_main_row__sc__6{text-align:center;display:flex;margin:40px 0px;padding:3rem 0}.TotalProjectSection_main_section__g4MUs ul{display:flex;justify-content:center}@media(max-width: 576px){.TotalProjectSection_main_section__g4MUs ul{flex-direction:column;height:100%;margin-bottom:-3rem}}@media(max-width: 576px){.TotalProjectSection_main_section__g4MUs ul li span{font-size:20px}.TotalProjectSection_main_section__g4MUs ul li .TotalProjectSection_counting_number__r_lES{font-size:40px}.TotalProjectSection_main_section__g4MUs ul li .TotalProjectSection_plus__JjKGG{font-size:24px}}.TotalProjectSection_main_section__g4MUs ul li img{width:76px;height:76px}@media(max-width: 768px){.TotalProjectSection_main_section__g4MUs ul li img{width:4rem;height:4rem}}.TotalProjectSection_main_section__g4MUs ul li span{font-size:70px;font-weight:600;text-align:left;color:#000}.TotalProjectSection_main_section__g4MUs ul li p{font-size:20px;font-weight:500;text-align:left;color:#9c9494}@media(max-width: 768px){.TotalProjectSection_main_section__g4MUs ul li p{text-align:center}}
.line::before {
    position: absolute;
    content: '';
    left: 0;
    z-index: 999999999;
    width: 14rem;
    height: 3px;
    background: linear-gradient(to right, #F0EFF5, transparent);
}

.line::after {
    position: absolute;
    content: '';
    right: 0;
    z-index: 999999999;
    width: 14rem;
    height: 3px;
    background: linear-gradient(to left, #F0EFF5, transparent);
}
.half_circle {
    width: 90rem;
    height: 90rem;
    border: 3px dashed rgba(218, 218, 218, 0.300);
    border-radius: 90rem;
    /* border-bottom: none; */
    margin: 20px;
    position: absolute;
    bottom: -120%;
    left: 2%;
    transform: translate(-50%, -150%);
    z-index: 10;
    animation: rotate1 160s linear infinite; 
}

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

.half_circle_1 {
    width: 60rem;
    height: 60rem;
    border: 3px dashed rgba(218, 218, 218, 0.600);
    border-radius: 60rem;
    margin: 20px;
    position: absolute;
    bottom: -80%;
    left: 18.5%;
    transform: translate(-50%, -150%);
    z-index: 10;
    animation: rotate1 100s linear infinite;
}

.half_circle_2 {
    width: 30rem;
    height: 30rem;
    border: 3px dashed rgba(218, 218, 218, 0.802);
    border-radius: 30rem;
    margin: 20px;
    position: absolute;
    bottom: -40%;
    left: 34%;
    transform: translate(-50%, -150%);
    z-index: 10;
    animation: rotate1 35s linear infinite;
}
.parent_circles{
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 49%;
    transform: translate(-50%, -1.5rem);
    overflow-y: hidden;
    overflow-x: hidden;
}

@media (max-width: 768px) {
    .half_circle{
        left: -15%;
        top: 10%;
        height: 60rem;
        width: 60rem;
        transform: translate(0%, -50%);
    }
    .projection_icon{
        height: 0.5rem;
    }
    .icon_side{
        margin-right: 3rem;
    }
    .half_circle_1{
        left: 2%;
        height: 45rem;
        top: 28%;
        width: 45rem;
        transform: translate(0, -50%);
    }
    .half_circle_2{
        left: 17%;
        height: 30rem;
        width: 30rem;
        top: 50%;
        transform: translate(0, -50%);
    }
}
@media (max-width: 576px) {
    .half_circle {
            left: -77%;
            top: 10%;
            height: 60rem;
            width: 60rem;
            transform: translate(0%, -50%);
        }
    .icon_side{
        margin-right: 0;
    }
        .half_circle_1 {
            left: -45%;
            height: 45rem;
            top: 30%;
            width: 45rem;
            transform: translate(0, -50%);
        }
    
        .half_circle_2 {
            left: -17%;
            height: 30rem;
            width: 30rem;
            top: 50%;
            transform: translate(0, -50%);
        }
}

@media (min-width: 2000px) {
    .half_circle {
        display: none;
    }
    .half_circle_1{
        display: none;
    }
    .half_circle_2{
        display: none;
    }
}