.inner-blk {
    display: flex;
    justify-content: center;
    padding: 5px 0;
}
.image-input [data-kt-image-input-action] {
    transform: translate(190%, -240%)!important;
}
.image-input [data-kt-image-input-action=change] {
    left: 100%!important;
    top: 40px !important;
}
.image-input [data-kt-image-input-action=cancel], .image-input [data-kt-image-input-action=remove] {
    left: -66% !important;
}
.image-input .image-input-wrapper{
    border-radius: 0 !important;
}
.image-input.image-input-outline .image-input-wrapper {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.blk-img-defult {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    margin: 0 auto;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    background-color: #ffffff;
    border-radius: 6px 6px 6px 6px;
    border: 2px dashed #2f4d6a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bg-blk {
    background: #2f4d6a;
    border: 2px dashed #fff;
}
.dimension{
    background: #009688;
    padding: 12px 0;
    color: #fff;
    display: block;
    position: relative;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    border-top: 2px dashed #2f4d6a;
  }
.bg-green {
    --bs-bg-rgb-color: var(--bs-body-bg-rgb);
    background-color: #009688 !important;
}
.filelabel {
    display: block;
    position: relative;
    float: none;
    width: 100%;
    font-weight: 600;
    text-align: center!important;
    padding-bottom: 5px;
  }
.banner-blk{
    min-height: 170px;
    display: flex;
    background-position: center;
    width: 100%;
  }

  .header-code-area {
    overflow: hidden;
}