// offers 1
.offer_carousel{
	@extend .section_padding;
	background-image: url("../img/offers/offers_1.png");
	@include bg_property;
	position: relative;
	z-index: 1;
	&:after {
	    position: absolute;
	    content: '';
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.7);
	    z-index: -1;
	}
}
.single_offer {
    float: left;
    position: relative;
    @include gradient_bg_12(right);
    overflow: hidden;
    padding: 30px;
    margin: 0 15px;
    border-radius: 20px;
    .sticker {
	    display: inline-block;
	    position: absolute;
	    color: #ff2e2e;
	    background: #000;
	    padding: 50px 60px 10px;
	    @include firasans(700);
	    text-transform: uppercase;
	    font-size: 16px;
	    right: -64px;
	    transform: rotate(45deg);
	    top: -27px;
	    
	}
	.sticker.special{ background: blue; color: $green; }

}
.single_offer .left_side {
    float: left;
    width: 50%;
    color: #fff;
    h3 {
	    font-size: 28px;
	}

	h4 {
	    margin-top: 15px;
	    font-size: 18px;
	}
	ul.offer_list {
	    margin-top: 20px;
		li {
		    font-size: 16px;
		    line-height: 1.9;
		    i{ color: #fff; font-weight: 900; margin-right: 5px;}
		}
	}
}

.single_offer .right_side {
    text-align: center;
    float: left;
	width: 50%;
	color: #fff;
	@include firasans(500);
	img{
	    height: 150px;
    	max-width: 200%;
	}
    .price {
	    font-size: 18px;
	    margin-top: 20px;
	    span {
		    display: block;
		    font-size: 24px;
		    font-weight: 700;
		}
	}
	.boxed_btn{
		@extend .gradient_btn_main;
	    margin-top: 20px;
	    padding: 10px 20px;
	    border-radius: 50px;
	    border: 2px solid #fff;
	    background: #fff;
	    color: $dark;
	    font-size: 16px;
	    @include firasans(700);
	    cursor:pointer;
		&:after{
			@include gradient_bg_12(top);
			border-radius: 50px
		}

	}
}


@media #{$small_mobile}{
	.single_offer .right_side{ width: 100%; 
		img{ display: none; }
		text-align: left;
	}
	.single_offer .left_side {
		width: 100%; 
	    h3 {   font-size: 24px;	}

		h4 {
		    margin-top: 10px;
		    font-size: 16px;
		}
		ul.offer_list {
		    margin-top: 15px;
			li {
			    font-size: 14px;
			    line-height: 1.9;
			}
		}
	}
	
}
@media #{$large_mobile}{
	.single_offer .left_side {
	    h3 {   font-size: 28px;	}
		h4 {
		    margin-top: 15px;
		    font-size: 18px;
		}

	}	
}