.image-text-block{margin: 0 calc(var(--col) + var(--gap)) 6rem;}
.image-text-block-inner{display: grid;grid-template-columns: 1fr 1fr;box-shadow: 10px 10px 79px rgba(0,0,0,0.05);}


.image-text-block .img-holder{}
.image-text-block.align-image-right .img-holder{order: 2;}
.image-text-block .img-holder picture{height: 100%;}
.image-text-block .img-holder img{width: 100%;height: 100%;object-fit: cover;}

.image-text-block .details{display: grid;align-items: center;}
.image-text-block.align-image-right .details{order: 1;}
.image-text-block .details .details-inner{padding: 4rem;}
.image-text-block .details .tagline{font-family: var(--altff);font-size: 1rem;margin-bottom: 2rem;text-transform: uppercase;}
.image-text-block .details .title{font-size: 2.5rem;line-height: 1;font-weight: 600;margin: 0 0 1rem;}
.image-text-block .details .description{font-family: var(--altff);font-size: 1.3125rem;margin-bottom: 3rem;}
.image-text-block .details .btn-holder{}


@media (max-width: 1200px) {
    
}

@media (max-width: 992px) {
    .image-text-block{margin: 0 calc(((var(--col) / 3) * 2)) 6rem;}
    .image-text-block-inner{grid-template-columns: 1fr;}
    .image-text-block.align-image-right .img-holder{order: 1;}
    .image-text-block.align-image-right .details{order: 2;}
}



.image-grid-block{margin: 0 calc(var(--col) + var(--gap)) 6rem;}
.image-grid-block-inner{}

.title-wrapper{margin-bottom: 2rem;}
.title-wrapper .title{font-size: 2.5rem;line-height: 1;font-weight: 600;margin: 0 0 1rem;}

.image-grid-block .image-container{display: grid;grid-template-columns: repeat(5,1fr);gap:var(--gap)}
.image-grid-block .image-container .img-holder{border: solid 1px #ddd;}
.image-grid-block .image-container .img-holder a,
.image-grid-block .image-container .img-holder span{display: block;line-height: 0;overflow: hidden;}
.image-grid-block .image-container .img-holder img{width: 100%;transition: all 0.4s ease 0s;}
.image-grid-block .image-container .img-holder a:hover img{transform: scale(1.05);}

@media (max-width: 1200px) {
    .image-grid-block .image-container{grid-template-columns: repeat(4,1fr);}    
}

@media (max-width: 992px) {
    .image-grid-block{margin: 0 calc(((var(--col) / 3) * 2)) 6rem;}
    .image-grid-block .image-container{grid-template-columns: repeat(3,1fr);}    
}

@media (max-width: 768px) {
    .image-grid-block .image-container{grid-template-columns: repeat(2,1fr);gap: 2rem;}    
}