.promoright-div {
    float: right;
    width: 50%;
    text-align: center;    
    height:100%;
}
.promoImg {
    padding: 20px 0;
}
.promoleft-div {
    float: right;
    width: 50%;
    text-align: center;    
    height:100%;
}
.promo-reverse .promoright-div {
    float: left !important;
    margin-top: 20px;
}

.promo-reverse .promoleft-div {
    float: right !important;
    margin-top: 20px;
}
.promoDivCenter {    
    padding:10%;
}
.cc-element h3 {
    padding: 1em 0;
}
h3.promoH3 {
   
    font-size: 2.6rem;
    padding: 0 0;
    direction:rtl;
    text-align:right;
}
.total {
    height: 310px;
    background-color: #f0fafa;
    margin-bottom: 25px;
    margin-top: 25px;
    height: 340px;
}
.promoLead {
    color: #666666;
    width: 100%;
    text-align: right;
    line-height: 1.5;
    padding-bottom: 25px !important;
    font-size: 1.2em !important;
    
}
.promoLeadLeft {
    color: #666666;
    width: 100%;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 25px !important;
    font-size: 1.2em !important;
}
.button--green-rounded {
    padding: 11px 31px !important;
    border-radius: 21.5px;
    background-color: #008385 !important;
    color: #fff;
    border-style: none;
    text-transform: none;
    margin-top: 15px;
}
.button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.17rem;
    line-height: 1.2;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}