
.alsman-imgtext-show-section{padding:50px 0 70px;background:#fff;}

.alsman-imgtext-show-section .alsman-imgtext-show-row {
  display: flex;
  gap: 2%;
  justify-content: center;
  flex-wrap: wrap;
}
.alsman-imgtext-show-section .alsman-imgtext-show-card {
  position: relative;
  aspect-ratio:1.36 / 1;
  width: 100%;
  max-width: 49%;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.alsman-imgtext-show-section .alsman-imgtext-show-card-reverse {
  flex-direction: row-reverse;
}
.alsman-imgtext-show-section .alsman-imgtext-show-img {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.alsman-imgtext-show-section .alsman-imgtext-show-img::after {
  content: '';
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.38) 60%, rgba(0,0,0,0.82) 100%);
  z-index: 1;
}
.alsman-imgtext-show-section .alsman-imgtext-show-mask {
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.35);
  z-index: 2;
}
.alsman-imgtext-show-section .alsman-imgtext-show-content {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 3;
  color: #fff;
  padding: 32px;
}
.alsman-imgtext-show-section .alsman-imgtext-show-subtitle {
  color: var(--btn-hover);
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.alsman-imgtext-show-section .alsman-imgtext-show-title {
  font-size:clamp(18px, 1.88vw, 36px);
  font-weight:700;
  margin-bottom: 18px;
  color: #fff;
  line-height: 1.1;
}
.alsman-imgtext-show-section .alsman-imgtext-show-desc {
  font-size: 18px;
  color: #fff;
  margin-bottom:30px;
  line-height:1.8;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alsman-imgtext-show-section .alsman-imgtext-show-btn {
  display: inline-block;
  background: var(--color-primary);
  color: #fff;
  font-size: 1.08rem;
  font-weight: 500;
  padding: 14px 48px;
  border-radius: var(--button-radius);
  text-decoration: none;
  transition: background 0.2s;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
}
.alsman-imgtext-show-section .alsman-imgtext-show-btn:hover {
  background: var(--btn-hover);
  color: #fff;
}


@media (max-width: 1280px) {

  .alsman-imgtext-show-section .alsman-imgtext-show-desc {
    font-size: 16px;
    margin-bottom: 18px;
  }
.alsman-imgtext-show-section .alsman-imgtext-show-content{padding:25px;}  
.alsman-imgtext-show-section .alsman-imgtext-show-btn{font-size:16px;padding:12px 40px;}  
  
}

@media (max-width: 992px) {
  .alsman-imgtext-show-section .alsman-imgtext-show-row {
    flex-direction: column;
    gap: 24px;
  }
  .alsman-imgtext-show-section .alsman-imgtext-show-card {max-width:100%;}

  .alsman-imgtext-show-section .alsman-imgtext-show-desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
} 


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

.alsman-imgtext-show-section{padding:10px 0 30px;}
.alsman-imgtext-show-section .alsman-imgtext-show-desc{font-size:15px;line-height:1.5;}
.alsman-imgtext-show-section .alsman-imgtext-show-btn{font-size:15px;padding:10px 30px;}  

.alsman-imgtext-show-section .alsman-imgtext-show-content{padding:20px;}

}

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

}

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

}

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

.alsman-imgtext-show-section .alsman-imgtext-show-row{gap:15px;}

.alsman-imgtext-show-section .alsman-imgtext-show-content{padding:15px;}

.alsman-imgtext-show-section .alsman-imgtext-show-subtitle{font-size:14px;margin-bottom:10px;}
.alsman-imgtext-show-section .alsman-imgtext-show-title{margin-bottom:10px;}

.alsman-imgtext-show-section .alsman-imgtext-show-desc{font-size:14px;margin-bottom:15px;}
.alsman-imgtext-show-section .alsman-imgtext-show-btn{font-size:14px;padding:8px 25px;}

}




