.Afterbefore_section .image_viewer.text{
  text-align: center;
  margin: 24px 0px 0px 0px;
}
.Afterbefore_section .lead{
  text-align: center;
  line-height: 0.2;

}
.Afterbefore_section img{
max-width:unset;
}
.Afterbefore_section .outer_div{
  padding-right:30px;
  padding-left:30px;
  width:100%;
  margin-top: 35px;
}
.Afterbefore_section .background_colr{
  display: inline-block;
   width: 100%;
}

.Afterbefore_section .before_after_specs{
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  padding-bottom: 15px;
  text-align: center;
  margin: 0;
  word-break: unset;
  z-index: 1;
  width: 100%;
}
.Afterbefore_section .lead{
  padding: 25px 0px 5rem;
  margin: 0;
}
.Afterbefore_section .after_heading{
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  padding-bottom: 10px;
  text-align: center;
  margin: 0;
  word-break: unset;
  top: 12%;
  position: absolute;
  left: 77%;
  z-index: 11111111111;
}
.Afterbefore_section .before_heading{
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 1px;
  padding-bottom: 10px;
  text-align: center;
  margin: 0;
  word-break: unset;
  top: 12%;
  position: absolute;
  left: 5%;
  z-index: 11111;
}
#variant-radios-template--19317122433322__main label{
  text-decoration: unset !important;
  border-color:unset !important;
}
.Afterbefore_section .inner_block.column_width_1{
  width: 100%;
  float: left;
  margin-right: 1%;
  
}
.Afterbefore_section .inner_block.column_width_2{
 width: 49%;
  float: left;
  margin-right: 1%;
 
}
.Afterbefore_section .inner_block.column_width_3{
  width: 32.333%;
  float: left;
  margin-right: 1%;
}
.beforeAfter {
  width: 100%;
  float: left;
  opacity:0;
  visibility:hidden;
}
.aod_activebefore{
opacity:1!important;
 visibility:visible!important;
}
.before-after-container {
  display: inline-block;
  width: 100%;
}
.Afterbefore_section {
	margin-top:15px;
	margin-bottom:15px;
}

.btn_after_before{
  background-color: #000;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
      .after_beforetext{
  text-decoration: none;
  color: #fff;
  padding: 15px 32px;
}
.button_view_all{
  display: block;
  width: 100%;
  text-align: center;
}

.before_text{
  position: absolute;
  top: 25px;
  left: 10px;
  padding: 0px;
  margin: 4px 2px;
  cursor: pointer;
  /* font-size: 18px; */
  font-weight: 400;
  letter-spacing: 1px;
    text-shadow: 1px 1px #000;
   
}
  .after_text {
  position: absolute;
  top: 25px;
  right: 10px;
  font-size: 18px;
  z-index: 999;
  padding: 0px;
  margin: 4px 34px;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 1px;
  text-shadow: 1px 1px #000;
  width: 200px !important;
  display: inline-block;
  text-align: right;
  /* word-break: break-word; */
}

    
 @media (min-width: 320px) and (max-width:970px){
    .after_text{
     font-size: 11px !important;
      margin: 4px 7px !important;
       text-shadow: unset !important;
      font-weight: 600 !important;
   }
   .before_text{
      font-size: 11px !important;
     text-shadow: unset !important;
     font-weight: 600 !important;
   }
   .inner_block{
      width: unset !important;
     }
   
 }


@media (min-width: 320px) and (max-width:768px){
  .Afterbefore_section .inner_block.column_width_3{
   width: 100% !important;
  
}
 .Afterbefore_section .inner_block.column_width_2{
   width: 100% !important;
  
}
 .Afterbefore_section .inner_block.column_width_1{
   width: 100% !important;
  
}
.Afterbefore_section .before_after_specs{
  padding-top: 25px;
}
  .Afterbefore_section .outer_div{
  margin-top: 0px !important;
}
.before-after-container{
  padding-left: 15px;
  padding-right: 15px;
}

}