.row__stairscat{gap:20px; padding-top:10px}
.stairscat__col{width:calc((100% - 60px) / 4)}
.stairscat__popup-content{}
.stairscat__popup-content img{max-width:360px; height:auto; float:right; margin:0 0 30px 30px}
.stairscat__image-wrapper {position: relative;display: block;overflow: hidden}
.stairscat__btn {position: absolute;top: 50%;transition: all 0.2s linear 0s; font-weight:500;left: 50%;transform: translate(-50%, -50%);opacity: 0;padding:10px 40px;font-size:16px}
.stairscat__block:hover .stairscat__btn {opacity: 1}
.stairscat__block:hover{text-decoration:none; box-shadow: 0px 5px 10px rgba(115, 115, 115, 0.3);}
.stairscat__block{transition:all 0.3s linear 0s;background: #EFF2F8;border-radius: 6px;overflow:hidden;display: flex;flex-direction: column;height: 100%;} 
.stairscat__image-wrapper{display: block;position:relative;}
.stairscat__btn{}
.stairscat__title{font-weight: 700;font-size: 16px;line-height: 22px;color: #1B1A1F;text-align: center;padding: 15px 0;display: flex;align-items: center;justify-content: center;height: 70px;}
.stairscat__popup {max-width:800px !important; padding:30px !important}
.stairscat__popup p{margin:0}
.stairscat__popup .h3{margin-top:0}
.stairscat__image-wrapper img{max-width:100%; height:auto}
.stairscat__block:hover .stairscat__title{text-decoration:none}

.stairscat__popup form{
    background: #FFFFFF;
    box-shadow: 0px 3px 16px rgba(119, 116, 118, 0.12);
    border-radius: 3px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
}

.stairscat__popup .form{background: #FFFFFF;box-shadow: 0px 3px 16px rgba(119, 116, 118, 0.12);border-radius: 3px;padding: 10px;margin: 30px 0 0;}

.stairscat__popup-form-title{
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.stairscat__popup .wrapper__forms-block  input{
    width: calc(100% - 300px);
	margin:0
}
.stairscat__popup .wrapper__forms-block button.btn-yellow {
    width: 285px;
	margin:0
}

.stairscat__popup .form-agreement-text{
   width:100%
}

@media(max-width:1229px){
	.stairscat__col{width:calc((100% - 40px) / 3)}
}
@media(max-width:767px){
	.stairscat__col{width:calc((100% - 20px) / 2)}
}
@media(max-width:700px){
	.stairscat__popup-content{font-size:14px; line-height:1.6}
.stairscat__popup-content img{max-width:100%; width:100%; float:none; margin:0 0 20px}
.stairscat__popup .wrapper__forms-block  input{
    width: calc(100% - 200px);
	margin:0
}
.stairscat__popup .wrapper__forms-block button.btn-yellow {
    width: 185px;
	margin:0
}

}
@media(max-width:575px){
	.row__stairscat{gap:15px}
	.stairscat__col{width:100%}
	.stairscat__popup{padding:20px !important}
	.stairscat__popup form{gap:10px; padding:20px}
	.stairscat__popup-form-title{font-size:16px}
	.stairscat__popup .wrapper__forms-block  input, .stairscat__popup .wrapper__forms-block button.btn-yellow{width:100%}
}
