@include("alliedService.include.header")
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.css"/> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.4/cropper.min.css"> 
<style type="text/css">
img {
  display: block;
  max-width: 100%;
}
.cover-crop-img>.cropper-container>.cropper-crop-box {
    max-height: 100px !important;
    width: 80% !important;
} 
.preview {
  overflow: hidden;
  width: 160px; 
  height: 160px;
  margin: 10px;
  border: 1px solid red;
}
.modal-dialog {
    background: #fff;
    padding: unset;
    width: 54%;
} 
/*cropie*/
.page { 
  max-width: 768px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 100%;
}
.box {
  /*padding: 0.5em;
  margin:0.5em;*/
  width: 100%;
  margin-bottom: 25px;
}
.box-2 {
  padding: 0.5em;
  width: calc(100%/2 - 1em);
}
.options label,
.options input{
  width:4em;
  padding:0.5em 1em;
}
.hide {
  display: none;
} 
/*/cropie*/
</style>
        <!-- Start of Main -->
        <main class="main">
            <!-- Start of Page Header -->
            <div class="page-header">
                <div class="container">
                    <h1 class="page-title mb-0">My Account</h1>
                </div>
            </div>
            <!-- End of Page Header -->
            <!-- Start of Breadcrumb -->
            <nav class="breadcrumb-nav">
                <div class="container">
                    <ul class="breadcrumb">
                        <li><a href="#">Home</a></li>
                        <li>My account</li>
                    </ul>
                </div>
            </nav>
            <!-- End of Breadcrumb -->

            <!-- Start of PageContent -->
            <div class="page-content pt-2">
                <div class="container">
                    <div class="tab tab-vertical row gutter-lg">
                                          <ul class="nav nav-tabs mb-6" role="tablist">
                            @include("alliedService.include.sidebar")
                        </ul> 
                                          <div class="tab-content mb-6">