/**
 * What We Install Section
 *
 * Generated by Dreamz Page Builder on 2026-08-12.
 */

.what-we-install-section {
	background-color: var(--gray);
}
.what-we-install-section .row{
	align-items: stretch;
}
.what-we-install-section .col{
	width: 50%;
	display: flex;
}
.what-we-install-section .content-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px;
    border-radius: 30px;
    background: var(--white);
}
.what-we-install-section .content-box img {
    width: auto;
    object-fit: contain;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    right: 0;
    margin: 0 auto;
}
.what-we-install-section .img-wrapper {
    padding-top: 80%;
    margin-bottom: 27px;
	height: 430px;
}
.what-we-install-section .content-box h3{
	margin-bottom: 13px;
}
.what-we-install-section .btn-wrapper{
	margin-top: auto;
	padding-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}
.what-we-install-section .btn-wrapper span{
	font-weight: 600;
}
.what-we-install-section .content-box:has(.btn-wrapper) p {
    max-width: 408px;
}
@media only screen and (max-width: 991px) {
	.what-we-install-section .img-wrapper {
		height: 330px;
	}
}
@media only screen and (max-width: 767px) {
	.what-we-install-section .col{
		width: 100%;
	}
	.what-we-install-section .content-box {
		padding: 25px;
	}
	.what-we-install-section .img-wrapper {
        height: auto;
    }
	.what-we-install-section .content-box img{
		height: 100%;
	}
}