.logo__img-primary {
  width: 250px;
  height: auto;
}

@media (max-width: 768px) {
  .logo__img-primary {
    width: 125px;
  }
}

.figure-post__media>a img {
  object-fit: contain;
}

[data-arts-parallax] img {
  object-fit: contain;
}

.slider__zoom-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* Prevent overflow */
}

.figure-service__wrapper-bg {
  width: 100%;
  height: 100%;
}

.slider__bg {
  width: 100%;
  height: 100%;
  background-size: contain;
  /* Ensure the full image is visible */
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Prevent tiling */
}

.section_h-800 {
  height: 800px;
  /* Ensure the section has a fixed height */
  overflow: hidden;
  /* Prevent overflow */
}

.section-image__wrapper {
  width: 100%;
  height: 100%;
    display: flex;
  align-items: center;
  justify-content: center;
}

.lazy {
  width: 100%;

}

.lazy img {
  width: 100%;

  object-fit: cover;
  /* Ensure the full image is visible */
  object-position: center;
  /* Center the image */
}

.slider__bg {
  background-size: cover !important;   /* ensures full coverage */
  background-position: center center !important; /* center the image */
  background-repeat: no-repeat !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.slider__images-slide-inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-slide.overflow {
  width: 100%;
  height: 100%;
}
.section-fullheight,
.section-fullheight__inner,
.slider-fullscreen-projects,
.slider-fullscreen-projects__images {
  height: 100vh;   /* full screen height */
  width: 100%;     /* full width */
}
/* Center slider content vertically and horizontally */
.slider-fullscreen-projects__content .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center;     /* horizontal center */
  text-align: center;
  min-height: 100vh;       /* ensure full height */
}

/* Optional: tweak headings for readability */
.slider__heading,
.slider__subheading {

  margin: 0.5rem 0;
}
.object-contain {
  object-fit: contain;
}


/* Keep slide content in a centered column */
.slider-fullscreen-projects__content .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 20px;      /* safe padding on left/right */
  box-sizing: border-box;
}

/* Limit text width so it doesn't overflow */
.slider-fullscreen-projects__content .swiper-slide > a {
  max-width: 800px;     /* adjust for desktop */
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}

/* Headings and subtitles responsive */
.slider__heading {
  font-size: clamp(24px, 5vw, 48px); /* scales with screen */
  line-height: 1.2;
}

.slider__subheading,
.change-text-hover {
  font-size: clamp(14px, 2.5vw, 20px);
  line-height: 1.4;
}
/* Subtitle styling inside the slider */
.slider-fullscreen-projects__content .change-text-hover__normal {
  display: block;              /* make it block-level so it stacks nicely */
  max-width: 700px;            /* keeps it from stretching too wide */
  width: 100%;                 /* responsive to screen size */
  margin: 0 auto;              /* keep it centered */
  white-space: normal;         /* allow wrapping */
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1.5;            /* better readability */
  font-size: clamp(14px, 2vw, 22px); /* responsive subtitle size */
}


.sorai-circle-section {
  padding: 40px 0;
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.section-title {
  text-align: center;
  font-size: 2.5em;
  color: #333;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.col-md-4 {
  flex: 0 0 30%;
  max-width: 30%;
  padding: 0 15px;
  box-sizing: border-box;
}

.circle-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.circle-content h2 {
  font-size: 1.5em;
  color: #0066cc;
  margin-bottom: 15px;
}

.circle-content p {
  font-size: 1em;
  color: #666;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}


.section-collaborators {
    padding: 40px 0;
    background-color: #f5f5f5;
}

.section-grid {
    text-align: center;
}

.row-gutters {
    margin-right: -15px;
    margin-left: -15px;
}

.col-gutters {
    padding-right: 15px;
    padding-left: 15px;
}

.section-grid__item {
    margin-bottom: 20px;
}

.figure-collaborator {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.figure-collaborator__avatar {
    overflow: hidden;
    border-radius: 8px;
    padding-bottom: 30%;
}

.collaborator-small-image {
    width: 100%;
    max-width: 200px; 
    height: auto;
    margin: 0 auto;
}

.collaborator-small-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.figure-collaborator__headline {
    height: 1px;
    background-color: #e0e0e0;
    margin: 10px 0;
}

.figure-collaborator__footer {
    padding: 10px 0;
}

.figure-collaborator__name {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin: 0;
}

@media (max-width: 768px) {
    .section-grid[data-grid-columns-tablet="2"] .col-gutters {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mob-pt{
      padding-top: 45px;
    }
}

@media (max-width: 576px) {
    .section-grid[data-grid-columns-mobile="1"] .col-gutters {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

#colab{

  .pd{

  }
.figure-collaborator__avatar{
  padding-bottom: 0% !important;
}

 img {
    max-width: 100%;
    height: 300px;
    width: 300px;
    object-fit: contain;
}
}

 .figure-member {
    position: relative;
    overflow: hidden;
  }
  .figure-member__avatar {
    position: relative;
  }
  .figure-member__description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 14px;
    overflow-y: auto;
  }
  .figure-member__avatar:hover .figure-member__description {
    opacity: 1;
  }
  .figure-member__description p {
    margin: 0;
  }