<style type="text/css">
* {
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
  padding: 0;
  min-width: 100%;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  mso-line-height-rule: exactly;
}
.wrapper table {
  border-spacing: 0;
  color: #333333;
  font-family: Arial, sans-serif;
}
.wrapper {
  width: 100%;
  table-layout: fixed;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
.webkit {
  max-width: 600px;
}
.outer {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}
.inner {
  padding: 10px;
}
p {
  margin: 0;
  padding-bottom: 10px;
}
.h1 {
  font-size: 21px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 5px;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.h2 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.one-column .contents {
  text-align: left;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.one-column p {
  font-size: 14px;
  margin-bottom: 10px;
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.table-border{  
  font-size: 14px;
  border-radius: 10px;   
}
.table-border tbody tr:nth-of-type(even){
  background-color: #eeeeee;
}
.table-border tbody tr{
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;  
}
.table-border tr td, .table-border tr th {
  padding:5px 15px; 
  border-bottom:1px solid #ddd;
}

@media only screen and (max-device-width: 480px) {
table[class=hide], img[class=hide], td[class=hide] {
  display: none !important;
}
.contents1 {  width: 100%;
}
.contents1 {  width: 100%;
}
</style>


<center class="wrapper" style="width:100%; min-height:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#ececec;">
  <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#ececec;" bgcolor="#ececec;">
    <tr>
      <td width="100%"><div class="webkit" style="max-width:700px;margin:20px auto; box-shadow: 0px 4px 20px #d6d6d6; border-radius: 15px;"> 
          
       
          
          <!-- ======= start main body ======= -->
          <table class="outer" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;margin:0 auto;width:100%;max-width:700px;">
            <tr>
              <td style="padding-top:0px;padding-bottom:0;padding-right:0;padding-left:0;"><!-- ======= start header ======= -->
                
                <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0">
                    <tr>
                        <td height="10" bgcolor="#79daff" class="contents" style="width:20%; border-top-left-radius:10px;"></td>
                        <td height="10" bgcolor="#10bdff" class="contents" style="width:20%;"></td>
                        <td height="10" bgcolor="#0099d4" class="contents" style="width:20%;"></td>
                        <td height="10" bgcolor="#0075a2" class="contents" style="width:20%;"></td>
                        <td height="10" bgcolor="#01597b" class="contents" style="width:20%; border-top-right-radius:10px"></td>
                    </tr>
                </table>
                
                <!-- ======= end header ======= --> 
                
                <!-- ======= start hero image ======= --><!-- ======= end hero image ======= --> 
                
                <!-- ======= start hero article ======= -->
                
                <table class="one-column" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0" bgcolor="#FFFFFF">
                  <tr>
                    <td align="left" style="padding:20px 40px 0px 40px;line-height: 1.5em;"><h1 style="color:#5b5f65; padding-bottom: 15px; line-height: 1.5em; border-bottom: 1px solid #dddddd; font-size:26px; text-align:center; font-weight: normal; font-family: Verdana, Geneva, sans-serif"><span style="text-transform: uppercase;">{!!strtoupper($reg_type)!!}</span> Registration</h1>
                    </td>
                  </tr>
                  <tr>
                  <td align="left" style="padding:0px 40px 40px 40px;line-height: 1.5em;">
                       <p style="color:#5b5f65; line-height: 1.5em; margin-top: 20px; font-size:20px; text-align:left; font-family: Verdana, Geneva, sans-serif">{!!$journal_title!!}</p>
                  
                        <center>
                          <table class="table-border" border="0" cellpadding="10" cellspacing="0" width="100%" style="border-spacing:0" bgcolor="#ffffff">                            
                              <tr>
                                <td bgcolor="#0099d4" colspan="2" align="left" style="border-top-left-radius: 10px; border-top-right-radius: 10px; color: #ffffff; padding-top: 10px; padding-bottom: 10px;"><strong>Registration Details</strong></td>
                              </tr>
                            <tbody>                     
                                                        
                              <tr>
                                <td height="35" width="200">Registration Type :</td>
                                <td>{!!strtoupper($reg_type)!!}</td>
                              </tr>
                              <tr>
                                <td height="35">Name :</td>
                                <td>{!!$first_name!!} {!!$last_name!!}</td>
                              </tr>
                              <tr>
                                <td height="35">Email :</td>
                                <td>{!!$email!!}</td>
                              </tr>
                              <tr>
                                <td height="35">Country :</td>
                                <td>{!!$country!!}</td>
                              </tr>
                              <tr>
                                <td height="35">Field of expertise :</td>
                                <td>{!!$expertise!!}</td>
                              </tr>
                              <tr>
                                <td height="35">{!!$expertise!!}</td>
                                <td>{!!$comments!!}</td>
                              </tr>
                              <tr>
                                  <td height="1" bgcolor="#0099d4" colspan="2" align="left" style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;"></td>
                                </tr>
                            </tbody>
                          </table>
                        </center>


                      
                      <!-- END BUTTON --></td>
                  </tr>
                </table>
                
                <!-- ======= end hero article ======= -->  
                
                <!-- ======= start footer ======= -->
                
               <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><table width="100%" cellpadding="0" cellspacing="0" border="0"  bgcolor="#01597b">
      <tr>
        <td align="center" bgcolor="#01597b" class="one-column" style="padding-top:20px;padding-bottom:0;padding-right:10px;padding-left:10px;"><font style="font-size:13px; text-decoration:none; color:#ffffff; font-family: Verdana, Geneva, sans-serif; text-align:center">Head office, Bentham Science Publishers, Executive Suite Y - 2, Building Y Saif Zone, Sharjah, U.A.E
</font></td>
      </tr>
      </table></td>
  </tr>
  <tr>
    <td><table width="100%" cellpadding="0" cellspacing="0" border="0"> 
      <tr>
        <td height="15" bgcolor="#01597b" class="contents" style="width:100%; border-bottom-left-radius:10px; border-bottom-right-radius:10px"></td>
      </tr>
    </table></td>
  </tr>
</table>

               <!-- ======= end footer ======= --></td>
            </tr>
          </table>
        </div></td>
    </tr>
  </table>
</center>