/* tabSwiper is for the main image that is active
   thumbnailSwiper is for the thumbnail image
   tab-swiper is for both the image and is limited to this section only, just to differentiate between swipers
    */

.swiper-slide {
  /* text-align: center; */
  font-size: 18px;
  /* background: #444; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper {
  width: 100%;
  /* height: 400px; */
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.mySwiper2 {
  height: 400px;
  width: 100%;
  margin-bottom: 10px;
}

.mySwiper {
  height: 100px;
  box-sizing: border-box;
  padding: 10px 0;
  /* overflow-x: scroll !important;
      scrollbar-width: thin; */
}

.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  /* opacity: 0.4; */
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  border-radius: 10px;
  /* object-position: top center; */
}

.mySwiper2 .swiper-slide img,
.swiper1 .swiper-slide img,
.swiper2 .swiper-slide img,
.swiper3 .swiper-slide img,
.swiper4 .swiper-slide img,
.swiper5 .swiper-slide img,
.swiper6 .swiper-slide img,
.swiper7 .swiper-slide img,
.swiper8 .swiper-slide img {
  object-position: top center;
  object-fit: cover;

}

.client_logo_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
}
.client_logo_item2{
  width: 160px;
  padding-top: 1rem;
  border-radius: 10px;
  background-color: #b2cacb33;
  backdrop-filter: blur(100px);
}
@media (max-width:599px) {
  .client_logo_item2{
    width:100px;
  }
}

.client_logo_carousel .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
}

/* teckmarquee */
.teck-marquee {
  height: 350px;
}

.teck_marquee_logo_item {
  height: 65px;
  width: 65px;
  padding: 7px;
  border: 1px solid lightgrey;
  border-radius: 10px;
}

.teck-marquee .swiper-slide {
  display: flex !important;
}

/* swiper industry */
.industriesSwiperDiv {
  background-color: white;
  border-radius: 20px;
  text-align: center;
}

.industriesSwiperDiv i {
  font-size: 30px;
  margin-bottom: 10px;
}

/* home industry tab */
.industryHomeTab {
  background-color: #ececec;
  width: fit-content;
  border-radius: 50px;
  border: none !important;
  margin: 0 auto;
  padding: 7px;
  column-gap: 10px;
  font-size: 16px;
}

.industryHomeTab .nav-link {
  color: var(--black-color);
}

.industryHomeTab .nav-link.active {
  font-weight: 700;
  background-color: white;
  border-radius: 20px;
}

.home_workingTab .nav-link {
  border: none !important;
}

.industriesSwiper {
  text-align: center;
}

.homeIndustryTabTitle {
  font-size: clamp(1.429rem, 1.102rem + 1.429vi, 2.571rem);
  line-height: clamp(1.714rem, 1.388rem + 1.429vi, 2.857rem);
}

.industriesSwiper .nav-link {
  width: 100%;
  color: black !important;
  background-color: white;
  padding: 15px 10px;
  border-radius: 20px;
}

.industriesSwiper .nav-link.active {
  color: white !important;
  background-color: var(--main-color);
  padding: 15px 10px;
}

.industriesSwiper i {
  font-size: 26px;
  color: black !important;
  margin-bottom: 10px;
}

.industriesSwiper .nav-link.active i {
  color: white !important;
}

.industriesSwiper .swiper-button-next::after,
.industriesSwiper .swiper-button-prev::after {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #fff;
  background-color: black;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width:768px) {
  .industryHomeTab{
    border-radius: 10px;
  }
  .industryHomeTab .nav-item{
    width: 100%;
  }
  .industryHomeTab .nav-link{
    width: 100% !important;
    border-radius: 10px !important;
  }
}
/* Optional: use Font Awesome */
.industriesSwiper .swiper-button-next::after {
  content: "\f105";
  /* fa-chevron-right */
  font-family: "Font Awesome 5 Pro";
}

.industriesSwiper .swiper-button-prev::after {
  content: "\f104";
  /* fa-chevron-left */
  font-family: "Font Awesome 5 Pro";
}

/* about page swiper */
.about-swiper-img {
  max-height: 430px;
  object-fit: cover;
  border-radius: clamp(1.429rem, 0.816rem + 2.679vi, 3.571rem);
}
.aboutSwiper {
  border-radius: 50px;
  overflow: hidden;
}
.aboutSwiper .swiper-wrapper{
  height: 400px;
}
.aboutSwiper .swiper-slide img {
  object-position: top center;
  border-radius: 50px;
}
@media(max-width:499px){
  .aboutSwiper .swiper-wrapper{
    height: 150px;
  }
  .aboutSwiper .swiper-slide img {
    border-radius: 20px;  }
}

.portfolio_images .swiper-wrapper{
  max-height: 400px;
}
.portfolio_images_wrapper img{
    /* width: auto;
    margin: 0 auto;
    height: 400px;
    object-fit: cover; */
}
.category-tab{
  position: relative;
  padding: 0 40px; 
}

.category-tab .swiper-button-prev{
  left: 0;
}

.category-tab .swiper-button-next{
  right: 0;
}

.portfolioSwiper .swiper-slide{
  font-size: 14px;
  width: auto;
}

/* .portfolioSwiper .swiper-button-next:after,
.portfolioSwiper .swiper-button-prev:after{

} */

.portfolio_listing_section .swiper-button-next,.swiper-button-prev {
    top: 28% !important;
    border-radius: 50%;
    transform: translateY(50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: var(--main-color);
}
.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--white-color) !important;
}

.festivalSwiper .swiper-slide{
  width: auto !important;
}