<style>
.flotinglink a {
    color: #000!important;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-family: 'Poppins',sans-serif;
}
 .flotinglink {
    position: fixed;
    bottom: 4px;
    text-align: right;
    right: 46px;
    width: auto;
    z-index: 999;
    padding: 7px 1% 9px 1%;
    background: #febf01;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.modal2 {
  padding-top: 12%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
   position: fixed;
  display:none;
  z-index: 99999;
}

/* Modal Content */
.modal-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  width: 80%;
      border-bottom: 4px solid #ffc000;
    border-radius: 0px;
}

/* The Close Button */
.close2 {
    color: #ffc000 !important;
    float: right;
    font-size: 40px;
    font-weight: 100;
    left: -2%;
    top: 10px;
    position: relative;
    opacity: inherit !important;
    font-family: 'Open Sans';
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



.popupbx {
    padding: 4% 4% 0%;
}

.popupbx h3 {
    border-bottom: 2px solid #efefec;
    font-family: 'Poppins',sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 2%;
    padding-top: 0%;
}

.popupbx2 p {
    text-align: justify;
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    padding-top: 12px;
    color: #000;
    width: 99%;
    margin: 0 auto;
    font-weight: 400;
}

 @media (max-width: 767px) {
   .flotinglink {
    right: 0px;
    padding: 7px 4% 9px 4%; 
}

.popupbx {
    padding: 7% 4% 0%;
}

.popupbx h3 {
    padding-bottom: 5%;
}
   
.close1 {
    left: -5%;
    top: 4px;
}   
.close2 {
    left: -5%;
    top: 4px;
}
.close3 {
    left: -5%;
    top: 4px;
}  




</style>