:root {
  --si-highlight-bg: #6465f14d;
}

@media (max-width: 767.98px) {
  .ws-header-1 .ws-title.text-gradient-primary {
    background: none;
    -webkit-background-clip: border-box;
    -webkit-text-fill-color: initial;
  }
}
@media (min-width: 768px) {
  .vh-md-100 {
    height: 100vh !important;
  }
}
@media (max-width: 767.98px) {
  .show-work {
    overflow: hidden;
    height: 300px; /* Adjust based on desired visible area */
    width: 100%;
    max-width: 500px;
    display: block;
    margin: 32px auto 8px;
  }
  .show-work-wrapper {
    will-change: transform;
    display: block;
  }
  .loaded {
    -webkit-animation: sw-slide linear 40s infinite;
    animation: sw-slide linear 40s infinite;
    -webkit-backface-visibility: hidden;
  }
}
@keyframes sw-slide {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -50%);
  }
}
@media (min-width: 768px) {
  .modal-open .project-container .card-img > img {
    object-position: top left;
    transition: none;
    visibility: hidden;
  }
  .modal-open .project-container .h4, .modal-open .project-container .card-portfolio-meta, .modal-open .project-container .card-img div {
    visibility: hidden;
  }
}

.project-container .project-ratio {
  aspect-ratio: 394/315;
  width: 100%;
}

.project-container .card-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  display: block;
  opacity: 1;
}
@media (min-width: 768px) {
  .project-container .card-img > img {
    will-change: object-position;
    transition: object-position 2s ease-out;
  }
}

@media (min-width: 768px) {
  .project-container:hover .card-img > img {
    transition: object-position 0s ease-out;
    object-position: bottom left; /* Move the image down on hover */
    transform: scale(1);
  }
}
@media (min-width: 768px) {
  .project-container:hover .card-img > img.tds-3 {
    transition-duration: 3s;
  }
  .project-container:hover .card-img > img.tds-4 {
    transition-duration: 4s;
  }
  .project-container:hover .card-img > img.tds-5 {
    transition-duration: 5s;
  }
  .project-container:hover .card-img > img.tds-6 {
    transition-duration: 6s;
  }
  .project-container:hover .card-img > img.tds-7 {
    transition-duration: 7s;
  }
  .project-container:hover .card-img > img.tds-8 {
    transition-duration: 8s;
  }
  .project-container:hover .card-img > img.tds-9 {
    transition-duration: 9s;
  }
  .project-container:hover .card-img > img.tds-10 {
    transition-duration: 10s;
  }
  .project-container:hover .card-img > img.tds-11 {
    transition-duration: 11s;
  }
  .project-container:hover .card-img > img.tds-12 {
    transition-duration: 12s;
  }
  .project-container:hover .card-img > img.tds-13 {
    transition-duration: 13s;
  }
  .project-container:hover .card-img > img.tds-14 {
    transition-duration: 14s;
  }
  .project-container:hover .card-img > img.tds-15 {
    transition-duration: 15s;
  }
  .project-container:hover .card-img > img.tds-16 {
    transition-duration: 16s;
  }
  .project-container:hover .card-img > img.tds-17 {
    transition-duration: 17s;
  }
  .project-container:hover .card-img > img.tds-18 {
    transition-duration: 18s;
  }
  .project-container:hover .card-img > img.tds-19 {
    transition-duration: 19s;
  }
  .project-container:hover .card-img > img.tds-20 {
    transition-duration: 20s;
  }
}

.project-container .modal .modal-body {
  margin-right: -30px;
}
.project-container .modal .modal-body .wrap .inner {
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 768px) {
  .project-container .modal .modal-body .wrap .inner {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .project-container .modal .modal-body .wrap .inner {
    padding: 40px;
  }
}
@media (min-width: 1600px) {
  .project-container .modal .modal-body .wrap .inner {
    padding: 60px;
  }
}
.project-container .modal .modal-body .wrap .inner img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px) {
  .jarallax.disable-jarallax-mobile .jarallax-img {
    transform: none !important;
  }
}
.case-studies .sizer-jarallax {
  height: 350px;
}
@media (min-width: 1200px) {
  .case-studies .sizer-jarallax {
    height: 500px;
  }
}
@media (min-width: 1400px) {
  .case-studies .sizer-jarallax {
    height: 70vh;
  }
}

@media (max-width: 768px) {
  .cf-turnstile-wrapper {
    transform: scale(0.86);
    transform-origin: 0;
  }
}

/*# sourceMappingURL=style.css.map */