.pdr-bundle-image-and-icons {
    background: var(--prodog-yellow);
    padding: 0;
}

.pdr-bundle-image-and-icons-inner{
    display: flex;
    justify-content: space-between;
}

.pdr-bundle-image-and-icons-icons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 35px;
	justify-items: center;
	align-items: center;
	padding: 65px 0;
	width: 50%;
}

.pdr-bundle-image-and-icons-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 165px;
	aspect-ratio: 1 / 1;
    line-height: 0;
}

.pdr-bundle-image-and-icons-icon img {
    display: block;
	width: 100%;
	height: auto;
}

.pdr-bundle-image-and-icons-image {
    width: 50%;
}

.pdr-bundle-image-and-icons-image img {
	position: relative;
	left: -75px;
	height: 100%;
	width: auto;
	max-width: 650px;
}

@media (max-width: 1199px) {

    .pdr-bundle-image-and-icons-image img {
    	left: -175px;
    }

    .pdr-bundle-image-and-icons-icons {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		justify-items: center;
	}

}

@media (max-width: 999px) {

    .pdr-bundle-image-and-icons-image img {
    	max-width: 560px;
    }

}


@media (max-width: 840px) {

    .pdr-bundle-image-and-icons-image img {
    	max-width: 520px;
    }

}

@media (max-width: 767px) {

    .pdr-bundle-image-and-icons-image img {
    	max-width: 450px;
    }

    .pdr-bundle-image-and-icons-image img {
    	left: -200px;
    }

    .pdr-bundle-image-and-icons-icons {
    	padding: 35px 0;
    }

}

@media (max-width: 599px) {

    .pdr-bundle-image-and-icons-image {
        display: none;
    }

    .pdr-bundle-image-and-icons-icons {
		width: 100%;
	}

}
