/* Exact Sharp promo_compare inline CSS from functions.php; scoped only to pages with shortcode. */
.promo_compare .col-md-12 {
	margin: 10px 0px 15px 0px;	
}

.promo_compare .col-md-6.promo_compare_p1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 25px;
    background-color: #1489b2;
    border-right: 3px #3bb6fc solid;
    border-radius: 25px 0px 0px 25px;
	
}
.promo_compare .col-md-6.promo_compare_p1 p {
	color: #FFF;
    font-weight: bold;
    font-size: 20px;
	line-height: 1.5;	
}
.promo_compare .col-md-6.promo_compare_p1 a {
	text-decoration: underline;
	color: #FFF;
    font-size: 18px;
	letter-spacing: 2px;	
}
.promo_compare .col-md-6.promo_compare_p2 {
    padding-right: 0px;
    padding-left: 0px;
	overflow: hidden;
    border-radius: 0px 25px 25px 0px;
}
.promo_compare .col-md-6.promo_compare_p2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s, filter 2s ease-in-out, border-radius 0.3s;
    min-height: 128px;
}

@media all and (max-width: 991px) {
	.promo_compare .col-md-6.promo_compare_p1 {
		border-radius: 25px 25px 0px 0px;	
		text-align: center;
		padding: 15px 25px;		
		max-height: 145px;
		background-color: #1489b2;
		border-bottom: 3px #3bb6fc solid;		
		border-right: none;
	}	
	.promo_compare .col-md-8.promo_compare_p1 p {
		font-size: 14px;
		line-height: 1.2;		
	}
	.promo_compare .col-md-6.promo_compare_p2 {
		border-radius: 0px 0px 25px 25px;		
	}
    .promo_compare .col-md-6.promo_compare_p2 {
        margin-bottom: 25px;
    }
}
.promo_compare .col-md-6.promo_compare_p2 img:hover {
    filter: blur(2px);
    transform: scale(1.25);
}

@media all and (min-width: 992px) and (max-width: 1200px){
	.promo_compare .col-md-6.promo_compare_p1 {
		padding: 15px 25px;
		height: 165px;		
	}
	.promo_compare .col-md-6.promo_compare_p1 p {
		font-size: 18px;
	}
}