@keyframes scroll-left-1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-left-2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-250%);
    }
}



.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #36454F; 
}



/* Default (inactive) carousel indicator color */
.carousel-indicators button {
    background-color: #007bff; /* Change this to your desired color (blue, for example) */
}

/* Active carousel indicator color */
.carousel-indicators .active {
    background-color: #000080; /* Change this to a different color for the active indicator */
}


    
    @media (max-width: 576px) {
    
    #tabs2 {
        display: flex;
        justify-content: space-between; 
        flex-wrap: nowrap; 
    }

    
    #tabs2 .nav-item {
        flex: 1; 
        text-align: center; 
    }
    }


    
#achievementsTab2 {
    padding-left: 5px; 
    padding-right: 5px;
    
  }


#vendorregistrationTab-russia {
    padding: 10px 0px;
}


#vendorregistrationTab2-english {
    padding: 10px 5px;
}
  
#founder1Tab2-russia {
    padding: 10px 5px;
    min-width: 80px;
    text-align: center;
}




/* Media query for small devices */
@media (max-width: 575.98px) {
    /* Adjust padding for each image individually */
    
    /* First image */
    .image-1 {
      padding-bottom: 10%; /* Adjust padding for the first image */
    }
  
    /* Second image */
    .image-2 {
      padding-bottom: 30%; /* Adjust padding for the second image */
    }
  
    /* Third image */
    .image-3 {
      padding-bottom: 25%; /* Adjust padding for the third image */
    }

    /* First hindi image */
    .image-1hindi {
        padding-bottom: 14%; /* Adjust padding for the third image */
      }
     
    /* Second hindi image */
    .image-2hindi {
        padding-bottom: 28%; /* Adjust padding for the third image */
      }
    
    /* Third hindi image */
    .image-3hindi {
        padding-bottom: 20%; /* Adjust padding for the third image */
      } 
      
    /* First russia image */
    .image-1russia {
        padding-bottom: 10%; /* Adjust padding for the third image */
      }
     
    /* Second russia image */
    .image-2russia {
        padding-bottom: 30%; /* Adjust padding for the third image */
      }
    
    /* Third russia image */
    .image-3russia {
        padding-bottom: 25%; /* Adjust padding for the third image */
      }  
  
    /* Optionally, adjust image size or margins if needed */
    .carousel-item img {
      width: 100%;  /* Make sure the image is responsive */
      height: auto;
    }
  
    /* Optionally adjust caption styling for small devices */
    .carousel-caption.small-caption {
      display: block !important;
      position: absolute;
      bottom: 20px;  /* Add more space from the bottom */
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      width: 90%;
      font-size: 14px;
      padding: 5px;
      border-radius: 5px;  /* Optional: rounded corners */
    }


  }