.img-rnd{
    border-radius: 25px;
    display: block;
}

.text-div h1{
    font-size: 72px;
    font-family: "Syne", sans-serif;
    font-weight: 700;
}

.about-section .row p{
    font-family: "Syne", sans-serif;
}

.carousel-container {
  position: relative;
}

.scrolling-wrapper {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 1rem;
}

.scrolling-wrapper::-webkit-scrollbar {
  display: none;
}

.card-scroll {
  flex: 0 0 calc((100% - 3 * 1rem) / 3.5); 
  border-radius: 1rem;
  overflow: hidden;
}

.card-scroll img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
}


@media (max-width: 991.98px) {
  .scrolling-wrapper {
    max-width: 100%; 
    padding: 0.5rem;
  }

  .card-scroll {
    flex: 0 0 calc((100% - 2 * 1rem) / 2.2); 
  }
}

@media (max-width: 575.98px) {
  .card-scroll {
    flex: 0 0 75%; 
  }
}

/* 
.card-scroll img {
  aspect-ratio: 3 / 2; 
} */

.scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  z-index: 10;
  cursor: pointer;
  border-radius: 50%;
}

.scroll-left {
  left: 10px;
}

.scroll-right {
  right: 10px;
}

.scroll-btn:focus {
  outline: none;
}

.service-card{
  background: #242424;
  padding: 5vw;
  
}

.service-card i{
  padding-bottom: 2rem;
  font-size: 3em;
  color: white;
  padding: 0;
  margin: 0;
  margin-bottom: 4rem;
}

.review-container{
  background: #242424;
  padding: 5rem 5rem 0 5rem;
}

.review-container img{
  max-width: auto;
  max-height: 500px;
  object-fit: cover;
}

.cases-section *{
  font-family: "Wix Madefor Text", sans-serif !important;
}

.carousel-item img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    object-position: 80% 30%;
}

.form-container{
  padding-top:120px; 
  padding-bottom: 50px;
  background: #242424;
}

.form-header{
  margin-bottom: 6.5rem;
}

.form-container form{
  width: 80%;
  margin-top: 4rem;
}

.form-container input, .form-container textarea{
  background-color: inherit;
  border: 0;
  border-bottom: 1px solid white;
  border-radius: 0;
}

.form-control:focus{
  background-color: inherit !important;
  outline: 0;
  box-shadow: unset !important;
}

.form-container label{
  font-size: .9em;
}

#name-error, #email-error, #phone-error, #sbj-error, #msg-error{
  font-size: .8em;
  color: red;
}

@media screen and (max-width: 992px) {
  
}

.box{
  box-sizing: border-box;
  background-clip:padding-box;
}

.box-left{
  border-right: 10px solid transparent;
}

.box-right{
  border-left: 10px solid transparent;
}

@media screen and (max-width: 992px){
  .box-left, .box-right{
    border: 0;
  }
  
  #photo-cases{
    max-height: 500px;
  }
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: 50% !important;
    }
}

@media screen and (max-width: 576px){
  .review-container{
    padding: 1rem;
  }
  #main-title{
    font-size: 2.5em !important;
  }
}

@media screen and (max-width: 400px){
  .review-container{
    padding: 1rem;
  }
  #main-title{
    font-size: 2em !important;
  }
}