.feature-promo-breaker {
    &.component {
        color:#000;
        padding: 0;
    }

    &.wide{
    .feature-promo-breaker__container{
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
        position: relative;
    }
    .feature-promo-breaker__gradient {
        background-image: linear-gradient(90deg, #A2CF42 0%, #008EDD 100%);
 	 	position: absolute;
  		height: 100%;
 		width: 100%;
        left:-6px;
        top:7px;
        z-index: 1;
        border-radius:8px;
    }
    .feature-promo-breaker__wrapper{
        position:relative;
        display: flex;
	    background-color: #E6F4FB;
     	z-index:2;
        border-radius: 8px;
    }
    .feature-promo-breaker__content--left{
        padding:16px 16px 24px 16px;

	}
    .feature-promo-breaker_title{
        text-align: left;
        padding:0;
    }
    img{
       border-radius: 8px 8px 0px 136.5px;
    }
      .feature-promo-breaker__image-container{
        border-radius: 8px;
    }

}
&.section
        {
         .feature-promo-breaker__container{
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
             background-image: linear-gradient(90deg, #FFF 0%, #E6F4FB 100%);
        position: relative;
        }

		.feature-promo-breaker__horizontal-bar{
        height: 3px;
        background-image: linear-gradient(-90deg, #A4CE4E 37%, #0090DA 96%);

    }
		.feature-promo-breaker__content-inner{
           padding-left:8px;
            padding-right:24px;

    }


        .feature-promo-breaker_title{
        padding-top: 16px;
    }
         .feature-promo-breaker__content--right{

            padding-right:0;

        }

       .feature-promo-breaker__button{
        padding-top: 16px;

        }


}
 &.simple-icon{
        .feature-promo-breaker__main-wrapper{
            padding:0;
        }

         .feature-promo-breaker__container{
         	display: flex;
			box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
            padding-bottom: 16px;
            background-color:#E6F4FB;
        }
        .feature-promo-breaker__horizontal-bar{
            margin-left:24px;
			 margin-right:24px;
            width: 100%;
            height: 3px;
        	background-image: linear-gradient(-90deg, #A4CE4E 37%, #0090DA 96%);
            margin-bottom:16px;


        }
        .feature-promo-breaker__wrapper{
            display:flex;
        }
        .feature-promo-breaker__image-container{

            width:100px;
            height:100px;


        }
        img{
            border-radius:0;
        }
        .feature-promo-breaker__image-wrapper{
		            padding-left: 8px;

        }



    }
&.product{
        .feature-promo-breaker__container{
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);

        position: relative;

    }
         .feature-promo-breaker__wrapper{
       position:relative;
        display: flex;
		background-color: #E6F4FB;
     	z-index:2;

        border-radius: 8px;

        }
	.feature-promo-breaker__horizontal-bar{
        height: 3px;
        background-image: linear-gradient(-90deg, #A4CE4E 37%, #0090DA 96%);
		margin-bottom: 16px;
         margin-top:16px;
    }
        
	.feature-promo-breaker_subtitle{

        margin-top: 16px;
    }

        .feature-promo-breaker__button{

        margin-top: 16px;
    }

    }
&.inline{
         .feature-promo-breaker__container{
         	display: flex;
			box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
            background-color:#E6F4FB;
            position: relative;

        }
         .feature-promo-breaker__gradient {

  		background-image: linear-gradient(90deg, #A2CF42 0%, #008EDD 100%);
 	 	position: absolute;
  		height: 100%;
 		width: 100%;
        left:-6px;
        top:7px;

  		z-index: -1;
        border-radius: 8px;




    }
    .feature-promo-breaker__wrapper{
       position:relative;
        display: flex;
	background-color: #E6F4FB;
     	z-index:2;

        border-radius: 8px;



    }
   .feature-promo-breaker__content--left{


        padding-top:16px;
           padding-bottom:24px;

	}

    .feature-promo-breaker_title{
        text-align: left;
        padding:0;
    }

 img{
       border-radius: 8px 8px 0px 136.5px;


    }
      .feature-promo-breaker__image-container{
        border-radius: 8px;
    }



    }
@media screen and (max-width: 767px){
        .wide{

        .feature-promo-breaker__container{
         display: flex;

        flex-direction: column-reverse; 
         border-radius: 8px;


    }
        .feature-promo-breaker__wrapper{
           display: flex;

        flex-direction: column-reverse; 


        }
        .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;



        }


        .feature-promo-breaker_subtitle{

        margin-top: 15px;
    }
         img
        {
            height:auto;




        }
        .feature-promo-breaker__button {
            margin-top: 15px;
        }
        }
.section{
            .feature-promo-breaker__container{
        display: flex;
        flex-direction: column-reverse;
        border-radius: 8px;


    }
       .feature-promo-breaker__content-inner{
           padding-left:0;
            padding-right:0;

    }

	.feature-promo-breaker_subtitle{

        margin-top: 16px;
    }
        img
        {
            height:auto;

       border-radius: 8px 8px 0px 136.5px;




        }
         .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;
                padding-bottom:16px;

        }
        .feature-promo-breaker__wrapper{
             display: flex;
        flex-direction: column-reverse; 



        }
            .feature-promo-breaker__content--left{

                padding-bottom:24px;

        }
         .feature-promo-breaker__button{
        padding-top: 16px;

        }


        }
.simple-icon{
       .feature-promo-breaker__container{
			flex-direction: column;
        }
	.feature-promo-breaker__horizontal-bar{
	width:auto;
}
            .feature-promo-breaker__wrapper{
			flex-direction: column;
                padding-left:8px;
                padding-right:8px;
        }

          .feature-promo-breaker__image-wrapper{
                margin-bottom:24px;

            }
	

 		.feature-promo-breaker__button{
            margin-top:16px;

        }

        .feature-promo-breaker_title{
        text-align: left;



    }
	.feature-promo-breaker__button-container{
 	display: block;
}

		.feature-promo-breaker__button-inner{
               
    padding-left: 8px;
    padding-right: 8px;
}



	}
 .product{
        .feature-promo-breaker__container{
        flex-direction: column-reverse;
        border-radius: 8px;


    }
         .feature-promo-breaker__wrapper{
        flex-direction: column-reverse; 



        }
             img
        {
            height:auto;
			 border-radius: 8px 8px 0px 136.5px;
        }
             .feature-promo-breaker__content--right{

                padding-left:0;
               padding-right:0;


        }
 
.feature-promo-breaker__content--left{

        padding-left:16px;
        padding-right:16px;
	padding-bottom:24px;
            }



        }
.inline{
                .feature-promo-breaker__container{
         display: flex;

        flex-direction: column-reverse; 
         border-radius: 8px;


    }
        .feature-promo-breaker__wrapper{
           display: flex;

        flex-direction: column-reverse; 


        }
        .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;



        }


        .feature-promo-breaker_subtitle{

        margin-top: 15px;
    }
         img
        {
            height:auto;




        }
        .feature-promo-breaker__button {
            margin-top: 15px;
        }
        }

        }

@media screen and (min-width: 768px) {
        .wide{
     .feature-promo-breaker__container{
        display: flex;
        flex-direction: column-reverse;
        border-radius: 8px;


    }

	.feature-promo-breaker_subtitle{

        margin-top: 15px;
    }
        img
        {
            height:auto;


        }
         .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;

        }
        .feature-promo-breaker__wrapper{
             display: flex;

        flex-direction: column-reverse; 



        }
       .feature-promo-breaker__button {
            margin-top: 15px;
        }
        }
.section{
     .feature-promo-breaker__container{
        display: flex;
        flex-direction: column-reverse;
        border-radius: 8px;


    }
       .feature-promo-breaker__content-inner{
           padding-left:0;
            padding-right:0;

    }

	.feature-promo-breaker_subtitle{

        margin-top: 16px;
    }
        img
        {
            height:auto;

       border-radius: 8px 8px 0px 136.5px;




        }
         .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;
                padding-bottom:16px;

        }
        .feature-promo-breaker__wrapper{
             display: flex;
        flex-direction: column-reverse; 



        }
            .feature-promo-breaker__content--left{

                padding-bottom:24px;

        }

        }
 .simple-icon{
        .feature-promo-breaker__container{
			flex-direction: column;
        }
	.feature-promo-breaker__horizontal-bar{
	width:auto;
}
            .feature-promo-breaker__wrapper{
			flex-direction: column;
                padding-left:8px;
                padding-right:8px;
        }

          .feature-promo-breaker__image-wrapper{
                margin-bottom:24px;

            }
	

 		.feature-promo-breaker__button{
            margin-top:24px;

        }

        .feature-promo-breaker_title{
        text-align: left;



    }
	.feature-promo-breaker__button-container{
 	display: flex;
    	justify-content: flex-start;
	align-items:center;
}

		.feature-promo-breaker__button-inner{
               
    padding-left: 8px;
    padding-right: 8px;
}



        }
.product{
        .feature-promo-breaker__container{
        flex-direction: column-reverse;
        border-radius: 8px;


    }
         .feature-promo-breaker__wrapper{
        flex-direction: column-reverse; 



        }
             img
        {
            height:auto;
			 border-radius: 8px 8px 0px 136.5px;
        }
             .feature-promo-breaker__content--right{

                padding-left:0;
               padding-right:0;


        }
	 .feature-promo-breaker__content--left{

        padding-left:16px;
        padding-right:16px;
          padding-bottom:24px;
            
            }

}
.inline{
      .feature-promo-breaker__container{
        display: flex;
        flex-direction: column-reverse;
        border-radius: 8px;
         position:relative;


    }

	.feature-promo-breaker_subtitle{

        margin-top: 15px;
    }
        img
        {
            height:auto;


        }
         .feature-promo-breaker__content--right{
            padding-left:0;
            padding-right:0;

        }
        .feature-promo-breaker__wrapper{
             display: flex;

        flex-direction: column-reverse; 



        }
       .feature-promo-breaker__button {
            margin-top: 15px;
        }
        }



    }
@media screen and (min-width: 1024px){
 .wide{


        .feature-promo-breaker__container{
         display: flex;
          flex-direction:row;
		border-radius: 8px;



    }
        .feature-promo-breaker__wrapper{
             display: flex;
			flex-direction:row;



        }
       .feature-promo-breaker__content--left{

        padding-top: 24px;

       padding-right: 0;




    }

     .feature-promo-breaker_subtitle{

            margin-top:16px;
    }


        .feature-promo-breaker__image-container{

            height:100%;
            width:auto;
        }
        img
        {
            width:100%;
            height:auto;

            border-radius: 0px 8px 8px 136.5px;
        }

        .feature-promo-breaker__content--right {

     padding-left: 32px;
      padding-bottom: 0;
	  padding-right: 0;



    }
      .feature-promo-breaker__button{
            margin-top: 16px;
        }
            }
.section{
            .feature-promo-breaker__container{
         display: flex;
          flex-direction:row;
	border-radius: 8px;



    }
        .feature-promo-breaker__wrapper{
             display: flex;
	flex-direction:row;



        }
        .feature-promo-breaker__content-inner{
           padding-left:8px;
            padding-right:28px;

    }


         .feature-promo-breaker__content--left{

        padding-top: 16px;
       padding-bottom: 16px;
	padding-left:16px;

    }
     .feature-promo-breaker__content--right {

      padding-bottom: 0;
	 padding-right: 0;


    }
    
    .feature-promo-breaker__image-container{
         height:100%;
  	padding-left:24px;
        }
        img
        {
            width:100%;
            height:auto;
            border-radius: 0px 8px 8px 136.5px;

        }

    }
.simple-icon{
           .feature-promo-breaker__container{
			flex-direction: row;
        }
	.feature-promo-breaker__horizontal-bar{
	width:100%;
}
 .feature-promo-breaker__wrapper{
    flex-direction: row;
    padding-right:0 ;

        }

        .feature-promo-breaker__image-wrapper{
                margin-bottom: 0;
                padding-left:0
        }

        .feature-promo-breaker_title{
        text-align: left;
        padding-left: 24px;
	padding-right:0px;

    }



.feature-promo-breaker__button-inner{

    padding-left: 0;
    padding-right: 8px;
}
.feature-promo-breaker__button-container{
margin-top:0;
display: flex;
    justify-content: flex-end;
align-items:center;


}
.feature-promo-breaker__button{
margin-top:0;
}

}


        

 .product{

		.feature-promo-breaker__container{
         display: flex;
          flex-direction:row;
		border-radius: 8px;



    }
        .feature-promo-breaker__wrapper{
             display: flex;
			flex-direction:row;



        }
             .feature-promo-breaker__image-container{

            height:100%;
            width:300px;
        }
        img
        {
            width:100%;
            height:auto;

            border-radius: 0px 8px 8px 136.5px;
        }

	.feature-promo-breaker__content--left{
                min-width:320px;
                max-width:560px;
		padding-bottom:16px;
            }

	.feature-promo-breaker__content-inner{
           padding-left:8px;
            padding-right:8px;

    }




        

          .feature-promo-breaker__content--right{

        padding-left:0;
        padding-right:0;
            }

}
.inline{
             .feature-promo-breaker__container{
         display: flex;
          flex-direction:row;
		border-radius: 8px;



    }
        .feature-promo-breaker__wrapper{
             display: flex;
			flex-direction:row;



        }
       .feature-promo-breaker__content--left{

        padding-top: 24px;

       padding-right: 0;




    }

     .feature-promo-breaker__content-inner{
           padding-left:8px;
        }

        .feature-promo-breaker__image-container{

            height:100%;
            width:auto;
        }
        img
        {
            width:100%;
            height:auto;

            border-radius: 0px 8px 8px 136.5px;
        }

        .feature-promo-breaker__content--right {

     padding-left: 24px;
      padding-bottom: 0;
	  padding-right: 0;



    }
      .feature-promo-breaker__button{
            margin-top: 16px;
        }

            }
        }
    }