#preview {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

#preview .main-img {
    width: 150px;
    background: #f5f6f7;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
}

#preview .main-img .imgg {
    width: 100%;
    height: 140px;
    object-fit: contain;
    margin-bottom: 10px;
}

#preview .main-img .button {
    width: 100%;
    position: relative;
    display: block;
}

.all-img{
	width: 100%;
    margin-bottom: 15px;
    text-align: right;
}
#preview .main-img p {
    line-break: anywhere;
}


#imagePreview {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
}
#imagePreview .preview-resizeImg {
    width: 110px;
    background: #f5f6f7;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
}

#imagePreview .preview-resizeImg img {
    width: 100%;
    height: 110px;
    object-fit: contain;
    margin-bottom: 10px;
}




 .loader-div {
      display: none;
      position: fixed;
      margin: 0px;
      padding: 0px;
      right: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 30001;
      opacity: 0.8;
      }
      .loader-img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      }
      .drop-zone {
      width: 100%;
      max-width: 500px;
      padding: 50px 24px;
      border: 2px dashed #ccc;
      border-radius: 10px;
      text-align: center;
      margin: 20px auto;
      color: #888;
      cursor: pointer;
      }
      .drop-zone.dragover {
      background-color: #f0efff;
      border-color: #493cfc;
      color: #493cfc;
      }
      .drop-zone input[type=file]{
      width: 200px;
      display: inline-block;
      }

      a:focus, a:hover {
         text-decoration: none !important; 
      }

      .mb-0 {
          margin-bottom: 0 !important;
      }
      .mt-0 {
          margin-top: 0 !important;
      }

      .pb-0 {
          padding-bottom: 0 !important;
      }
      .pt-0 {
          padding-top: 0 !important;
      }
      .bg-1 {
          background: #f0fcff;
      }

      .text-black {
          color: #000 !important;
      }
      .padding {
          padding: 60px 0;
      }

      .logo1 {
          width: 260px;
      }
      .header-top {
          padding: 15px 21px 15px 0;
          background: #ffffff;
          border-bottom: 1px solid rgb(0 0 0 / 10%);
      }
      .header-top .toggle {
          display: none !important;
      }

      .toggle-icon {
          font-size: 22px;
          border: 0;
          margin-top: 6px;
          display: inline-block;
      }
      .toggle-icon .txt {
          font-size: 16px;
          font-weight: 600;
          margin-right: 4px;
          display: inline-block;
      }
      #sidebar .toggle {
          display: none;
      }
      #menu ul a.active {
        color: #1c8ca6;
        text-decoration: none;
        font-weight: 600;
      }
      .dropdown-menu li a.active {
        color: #1c8ca6;
      }

      .navbar.navbar1 .navbar-collapse {
          padding: 0;
      }

      .navbar.navbar1 .nav.navbar-nav {
          float: none !important;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-toggle {
          border: 0;
          padding: 14px 12px;
          color: #000;
          background: transparent;
      }

      .navbar.navbar1 {
          margin-bottom: 0;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-toggle:hover,
      .navbar.navbar1 .nav.navbar-nav .dropdown-toggle.active {
          color: #1c8ca6;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-menu {
          box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
          border-color: rgb(0 0 0 / 5%);
          border-radius: 10px;
          padding: 10px 0;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-menu li a {
          border: 0;
          padding: 7px 16px;
          background: transparent;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-menu li a:hover {
          color: #1c8ca6;
      }

      .navbar.navbar1 .nav.navbar-nav .dropdown-menu li {
          padding: 0;
      }

      #sidebar .inner {
          position: static !important;
      }

      .footer-section {
          background: #111;
          padding: 30px 15px;
      }

      .footer-copy {
          text-align: center;
          color: #fff;
          padding-top: 30px;
          margin-top: 30px;
          border-top: 1px solid rgb(255 255 255 / 10%);
      }

      ul.list1 {
          list-style: none;
          padding: 0;
          margin: 0;
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: end;
          margin-top: 12px;
      }

      ul.list1 a {
          border: 0;
          color: #fff;
          padding: 2px 4px;
      }
      .tool-box .tbox {
          display: flex;
          align-items: center;
          box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
          border-radius: 20px;
          padding: 50px 24px;
          border: solid 1px rgb(0 0 0 / 5%);
          margin-bottom: 24px;
      }

      .tool-box .tbox .img1 {
          width: 80px;
          margin: auto;
      }

      .tool-box .tbox .in {
          width: 50%;
      }

      .tool-box .tbox .arrow {
          margin: 0 15px;
          font-size: 20px;
          color: #bcbcbc;
      }


      @media(max-width: 1199px) {
        .navbar.navbar1 .nav.navbar-nav .dropdown-toggle {
            padding: 14px 10px;
        } 
      }

      @media(max-width: 991px) {
        ul.list1 {
            justify-content: center;
        }

        .footer-section .logo1 {
            margin: auto;
            margin-bottom: 15px;
        }
      }

      @media(max-width: 767px) {
        .padding {
            padding: 50px 0;
        }
      }

      @media(max-width: 575px) {
        .toggle-icon .txt {
            display: none;
        }
      }

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

.panel-1 .panel.panel-default {
    border-color: rgb(0 0 0 / 8%);
    box-shadow: 0 2px 10px rgb(0 0 0 / 6%);
    margin-bottom: 16px;
    border-radius: 16px;
    overflow: hidden;
}

.panel-1 .panel.panel-default .panel-heading {padding: 0;background: transparent;}

.panel-1 .panel.panel-default .panel-heading .accordion-toggle {
    padding: 22px 20px;
    display: block;
    background: #1c8ca6;
    color: #fff !important;
    font-weight: 600;
}

.panel-1 .panel.panel-default .panel-heading .accordion-toggle.collapsed {
    background: #fff;
    color: #000 !important;
}

.panel-1 .panel.panel-default .panel-heading .accordion-toggle::after {
    color: #fff;
}

.panel-1 .panel.panel-default .panel-heading .accordion-toggle.collapsed::after {
    color: rgb(0 0 0 / 40%);
}

.panel-1 .panel-body {
    padding: 22px 20px;
}