.elementor-4340 .elementor-element.elementor-element-4be163e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}@media(max-width:767px){.elementor-bc-flex-widget .elementor-4340 .elementor-element.elementor-element-00d6917.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4340 .elementor-element.elementor-element-00d6917.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}}/* Start custom CSS for section, class: .elementor-element-4be163e */.msgbox{
  opacity: 0;
transform: translateY(-10%);
  transition: 2s ease;
}
.msgbox:hover{
     transform: translateY(-100%);
      opacity: 1;
}
.offerbox:hover~.msgbox{
        
 transform: translateY(-100%);
 
 opacity: 1;
}


@media only screen and (max-width: 430px) {
    .msgbox{
         zoom:50%;
         opacity:1;
    }
 .msgbox p {
 
    font-size: 15px !important;
    font-weight: 400;
    line-height: 46px !important;
    letter-spacing: 2px !important;
    word-spacing: 2px !important;
 }
 
  .msgbox H3 {
 font-weight: 700;
    font-size: 30px !important;
 
    line-height: 45px !important;
    letter-spacing: 2px !important;
    word-spacing: 2px !important;
 }
   .msgbox H4 {
 
    font-size: 25px !important;
 font-weight: 500;
    line-height: 56px !important;
    letter-spacing: 2px !important;
    word-spacing: 2px !important;
 }
 
 
}/* End custom CSS */