.slide-container{
height: auto;
background-color:#EBB65F;
/* background-image: linear-gradient(#fbfafa,#c5c5c1); */
position: relative;
}

.react-slideshow-container {
    padding-top: 50px;
    padding-bottom:0px;
}

.switchtext {
    width: 90%;
    padding-left: 0em !important;
    padding-bottom: 2em;
}


.slider-paragraph {
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    margin-bottom:0px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    list-style-type: square;
}

.nav.false {
    display: none !important;
}



.react-slideshow-container + div.indicators > .each-slideshow-indicator {
    width: 10px;
    height: 10px;
    p-top: 82px;
    border-radius: 50%;
    background: #e3e2e2;
    cursor: pointer;

}

.react-slideshow-container + div.indicators {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    margin-top:0px !important;
}

.react-slideshow-container .nav {
    height: 30px;
    background: rgba(255, 255, 255, 0.6);
    width: 30px;
    z-index: 10;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    display: none !important;
}

.image-container {
    text-align: right;
    padding-top: 0px;
    padding-right:4em;
}

.slide1st {
    display: block;
    margin-right: auto;
    width: 90%;
    background-color: #fff;
    color: #000;
    padding: 15px 30px 20px 45px;
    border-radius: 5px;
    margin-top: 12px;
    height:auto;


  }


  .slide1st2 {
      /* display: block;
      margin-left: auto;
      margin-right: auto; */
      background-color: #fff;
      color: #000;
      padding: 15px 30px 20px 45px;
      border-radius: 5px;
      margin-top: 1em;
      width: 90%;
      height:auto;

    }


    .slide1st3 {
      /* display: block;
      margin-left: auto;
      margin-right: auto; */
        background-color: #fff;
        color: #000;
        padding: 15px 30px 20px 45px;
        border-radius: 5px;
        margin-top: 1em;
        width: 90%;
        height: auto;


      }

      .btn.btn-default.knowmore {
          border: 1px solid #FDC002;
          color:#000;
          background-color:#FDC002;
          font-weight:bold;
          padding: 5px 10px 5px 10px;

      }


      .btn.btn-default.knowmore:hover {
          border: 1px solid #F9CE48;
          color:#000;
          background-color:#F9CE48;
          font-weight:bold;
          padding: 5px 10px 5px 10px;

      }


      .btn.btn-default.knowmore2 {
          border: 1px solid #FDC002;
          color:#000;
          background-color:#FDC002;
          font-weight:bold;
          padding: 5px 10px 5px 10px;

      }


      .btn.btn-default.knowmore2:hover {
          border: 1px solid #F9CE48;
          color:#000;
          background-color:#F9CE48;
          font-weight:bold;
          padding: 5px 10px 5px 10px;

      }


    p.knowmore1 {
        border: 1px solid #000;
        color: #fff;
        background-color: #000;
        font-weight: 400;
        padding: 5px 10px 5px 10px;
        margin-left: 0px;
        border-radius: 0px;
        width:6.7em;
        margin-bottom: 0rem;

      }

      .btn.btn-default.knowmore1:hover {
        border: 1px solid #423f3f;
        color: #fff;
        background-color: #423f3f;
        font-weight: 400;
        padding: 5px 10px 5px 10px;
        border-radius: 0px;

      }


      .firststslider {
        text-align:left;
        padding-top: 0px;
        padding-left:4em;

      }

      h2.slider-text {
        font-size: 2em;
        color: #fff;
        text-align: left;
        padding-top: 0px;
        margin-right:auto;
        display: block;
        margin-left: auto;
        padding-left:2em;

      }

      h2.slider-text2 {
        font-size: 2em;
        color: #fff;
        text-align: center;
        padding-top:20px;
        margin-right:auto;
        display: block;
        margin-left: auto;
        padding-left:2em;
        width:80%;
      }

    h2.slider-text3 {
    font-size: 2em;
    color: #fff;
    text-align: left;
    padding-bottom: 5px;
    padding-left:2em;
    width:90%;
}


      .well {
          color: #000;
          font-weight:600;
      }









@media (max-width: 767px) {
  

  .slide-container{
  height: auto;
  background-color:#EBB65F;
  /* background-image: linear-gradient(#fbfafa,#c5c5c1); */
  position: relative;
  }


  .slide1st {
    display: block;
    margin-left: auto;
    margin-right: auto;

    background-color: #fff;
    color: #000;
    padding: 15px;
    border-radius: 5px;

}

.slide1st2 {
    display: block;
    margin-left: auto;
    margin-right: auto;

    background-color: #fff;
    color: #000;
    padding: 15px;
    border-radius: 5px;

}

.slide1st3 {
    display: block;
    margin-left: auto;
    margin-right: auto;

    background-color: #fff;
    color: #000;
    padding: 15px;
    border-radius: 5px;

}

}



/* sales */

.errorMsg.dtsacc {
    text-align: left;
}

.activation {
    background-color: #000;
    padding: 15px 50px 15px 50px;
    color: #fff;
    height: 425px;
    margin-top: 20px;
}

label.form-control.dtsactivation.dtslabel {
    background-color: #fff;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: flex;
    align-items: center;
    justify-content: left;
    height: 35px;

}

button.btn.btn-warning.eligiblity {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

label.labelactivation {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fbf8f8;
    font-size: 12px;
}

label.labelradio {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fbf8f8;
    font-size: 13px;
    padding-right: 20px;
    padding-left: 5px;
}

input.form-control.dtsactivation {
    display: block;
    width: 100%;
    height: 35px;
    padding: 0px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fdfdfd;
    background-image: none;
    border: 1px solid #ffffff;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.btn.btn-warning.eligiblity {
    color: #212529;
    background-color: #ffc107;
    border-color: none;
    width: 80%;
    height: 32px;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 8px;
}

.header1 {
    font-size: 15px;
    text-align: center;
    color: #ffc107;
    padding-top: 20px;
    padding-bottom: 10px;
}

section#content-wrapper {
    margin-top: 16px;
    margin-bottom: 40px;
}

.col-md-12.fullsize {
    padding-left: 0px;
    padding-right: 0px;
}


.col-md-12.dtssize {
    padding-left: 20px;
    padding-right: 20px;
}

.col-md-12.fullsize1 {
    padding-left: 0px;
    padding-right: 10px;
}

.activation2 {
  background-color: #7F7F7F;
  padding: 15px 50px 15px 50px;
  color: #fff;
  height: 600px;
  margin-top: 20px;

}

input.btn.btn-warning.eligiblity1 {
    color: #212529;
    background-color: #ffc107;
    border-color: none;
    width: 100%;
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    padding-top: 3px;

}
input.btn.btn-warning.eligiblity2 {
    color: #212529;
    background-color: #ffc107;
    width: 50%;
    height: 24px;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 11px;
    padding-top: 3px;
    border-radius: 8px;


}
.header2 {
    font-size: 13px;
    text-align: center;
    color: #ffc107;
    margin-bottom: 0px;
    padding-top: 10px;
}


.activation3 {
    background-color: #EBB65F;
    color: #fff;
    height: 425px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

label.userpin {
    color: #000;
    font-weight: 600;
    font-size: 12px;
}

.btn.btn-warning.pin2 {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    height: 32px;
    padding-top: 5px;

}
.circlegreen {
    height: 50px;
    width: 50px;
    background-color: #43b008;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
  }

.circle {
  height: 50px;
  width: 50px;
  background-color: #ffc107;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}



p.paragraph {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }


.activation4 {
    background-color: #595959;
    color: #fff;
    height: 350px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.progressbar {
  counter-reset: step;
}
.progressbar li {
  list-style: none;
  display: inline-block;
  width: 25%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.progressbar li.request:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #000;
  color:#fff;
}

.progressbar li.eligib:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #7F7F7F;
  color:#fff;
}

.progressbar li.sub:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #EBB65F;
  color:#000;
}

.progressbar li.status:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #595959;
  color:#fff;
}



.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 15px;
  left: -60%;
  z-index : -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: green;
}
.progressbar li.active:before {
  border-color: green;
}
.progressbar li.active + li:after {
  background-color: green;
}

ul.progressbar {
    padding-left: 0px;
    margin-bottom: 0px;
}


.progressbar li.request:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd;

    border-radius: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    background-color: #fff;
}

.activation5 {
    background-color: #EBB65F;
    color: #fff;
    height: 425px;
    padding: 15px 50px 15px 50px;
    margin-top: 20px;

}

textarea#comment {
    background-color: #fff;
}

label.dcplabel {
    font-size: 12px;
    font-weight: 600;
    padding-top: 10px;
}

select#sel1 {
    background-color: #fff;
}

label.userpin2 {
    color: #000;
    font-weight: 600;
    font-size: 12px;
    padding-top: 20px;
}


.btn.btn-warning.pin3 {
    color: #fff;
    background-color: #000;
    border-color: #000;
    width: 80%;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    border-radius: 8px;
}

.waiting{
  text-align:center;
}

.progressstep {
    padding: 10px 65px 40px 65px;

    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    margin-top: 36px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
}


form.active3 {
    width: 65%;
}

._3uApM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0px !important;
  padding-left: 37px;
  padding-right: 37px;
}

._hsN1w {
    background-color: #397cf6;
    border: 1px solid #397cf6;
    color: white;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

._3CDiP {
    border: 1px solid #d1d9eb;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

form.DCPactive3 {
    padding-top: 10px;
}


/*...sales */


/*...sales report  */




.section {
    height: 458px;
}

.col-lg-6.salessize {
    padding-right: 0px;
}

.p-2.bd-highlight.activemtd2 {
    margin-top: 17px;
}

.p-2.bd-highlight.activemtd3 {
    margin-top: 17px;
}

.d-flex.flex-row.mb-3.partial {
    padding-top: 74px;
}

.partialacti {
    padding-top: 14px;
    padding-right: 10px;
}

.container.salesprop {
    padding-left: 5%;
    padding-right: 4%;
}

.p-2.bd-highlight.activemtd1 {
    width: 35%;
}

.p-2.bd-highlight.activemtd2 {
    width: 32.2%;
}

.p-2.bd-highlight.activemtd3 {
    width: 32.2%;
}


.mtdactivation {
    padding-right: 10px;
}

.p-2.bd-highlight.partactivation1 {
    padding-top: 34px !important;
}

.delamount {
    padding-top: 28px;
}

.todayone {
    padding-top: 30px;
}

.ytddback {

  background-color: #e1e1df;
  padding-bottom: 45px;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;

}

/*...sales report  */




.progressbar-wrapper {
      background: #fff;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 5px;
}

.progressbar li {
      list-style-type: none;
      width: 25%;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
}


.progressbar li:before {
    width: 50px;
    height: 50px;
    content: "";
    line-height: 50px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;

}
.progressbar li:after {
     width: 100%;
     height: 2px;
     content: '';
     position: absolute;
     background-color: #7d7d7d;
     top: 30px;
     left: -60%;
     z-index: 0;
}
.progressbar li:first-child:after {
     content: none;
}


.progressbar li.active {
    color: #000;
    font-weight: bold;
}
.progressbar li.active:before {
  color:#fff;
  border-color: #d29f05;
  background: #ffc107;
 }
.progressbar li.active + li:after {
    background-color: #ffc107;
}


.progressbar {
    counter-reset: step;
}
.progressbar li:before {
    content: counter(step);
    counter-increment: step;
}












@media only screen and (width: 414px) {

.progressstep {
    padding: 10px 0px 40px 0px;
    margin-left: 0px;
    margin-right: 0px;

  }

  .activation {
    padding: 15px 30px 15px 30px;
  }

  .activation2 {
    padding: 15px 30px 15px 30px;
  }

  form.active3 {
    width: 80%;
}

}


@media only screen and (max-width: 1199px) {

  .progressstep {
    padding: 10px 0px 40px 0px;
  }

  .activation {
    padding: 15px 20px 15px 20px;
  }

  .activation2 {
    padding: 15px 20px 15px 20px;
  }

  form.active3 {
      width: 80%;
  }


}

/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}

/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* footer.footer-section.footerpartner {
    position: absolute;
    bottom: 0;
    width: 100%;

} */

button.btn.btn-success.artharemoval {
  font-weight: 600;
}

input:disabled+.slider {
  background-color: #000;
  /* Change this to your desired color */
}

.tableview.portfoliodownload {
  height: 185px;
}

.hisreq {
  padding-left: 5em;
}

.spendstransaction {
  padding-left: 5em;
  padding-right: 2em;
}

.debitspends {
  padding-right: 5em;
  padding-left: 2em;
}

.p-2.makerp2.checkeremail {
  width: 20% !important;
}

input.daypickers {
  border: 1px solid #fff;
}

p.proptext.offertext {
  margin-bottom: 0px;
}

.daypicker {
  border: 1px solid #000;
  padding-left: 2px;
}

i.fa.fa-calendar.calendericon {
  padding: 5px 5px 5px 5px;
}

input.portinput {
  border: none;
  font-size: 13px;
}

button.portinput {
  border: none;
  text-align: left;
  color: #355bb8;
  outline: none;
}

.debitcardlist {
  padding-top: 20px;
  margin-bottom: 10px;
}

a.btn.btn-outline-danger.duocutlogin.nav-link {
  background-color: #f5c005;
}


.remapbackground {
  padding: 30px 65px 30px 65px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 12px rgb(0 0 0 / 10%);
  margin-top: 36px;
  margin-bottom: 20px;
  margin-left: 15px;
  margin-right: 15px;
}

.circlebar {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
}

.signchecker {
  margin-top: 15px;
}

ol.breadcrumb {
  background-color: #423f3f;
  border-radius: 0px;
}

span.colorbred {
  color: #fff;
}

input.btn.btn-warning.pin.crms {
  margin-top: 15px;
}

label.makeruser.virtual {
  text-align: left;
}


.statevhart {
  margin-right: 6px;
}

.dropdown-divider {
  height: 0;
  margin: 0.0rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

textarea.form-control.makertext {
  font-size: 12px;

}

.dropdown-menu.show {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

a.dashuse.dropdown-item {
  font-size: 13px;
}

.d-flex.flex-row.mb-3.firstact {
  margin-bottom: 0.1rem !important;
}


@-moz-document url-prefix() {

  .bankcode.tproceed {
    padding-top: 8px;
  }
}

span.fa.fa-angle-double-right {
  font-size: 19px;
  padding-top: 1px;
  padding-left: 5px;
  color: #fff;
  padding-right: 5px;
}

li.breadcrumb-item.breadapproved.active {
  color: #FDC002;
}

li.breadcrumb-item.active {
  color: #FDC002;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.45rem 0.8rem;
  margin-bottom: 0rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem;
  padding-left: 37px;
}

.d-flex.flex-row.mb-3.partial {
  padding-top: 71px;
}

h6.todayreport.delreport {
  text-align: left;
}

.delamount {
  padding-top: 41px;
}

p.activecode.yellowbox {
  height: 70px;
}

p.activecode2.issuedcard {
  height: 70px;
}

p.activecode3.fulact.salact {
  height: 70px;
}

/* Remap */

label.form-control.makertext.newcheck {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 35px;
  word-break: break-all;
  line-height: 13px;
  font-size: 12px;
  padding: 2px;
}

li.breadcrumb-item.breadcrumbstyle {
  padding-left: 22px;
}



textarea.form-control.makertext {
  height: 35px;
  resize: none;
  overflow: hidden;
  padding-right: 2px;
  padding-left: 4px;
  text-align: center;
}

select.form-control.makertext.selectmak {
  height: 35px !important;
  padding-left: 0px !important;
  text-transform: capitalize;
  font-size: 12px;
  text-align-last: center;
}

select.form-control.makertext.newcheck {
  height: 35px !important;
  padding-left: 2px !important;
  text-transform: lowercase;
  padding-right: 2px !important;
}

.container.debitchecker {
  padding-top: 20px;
}

p.download.analysisdownload {
  padding-left: 2px;
  font-size: 16px;
  margin-bottom: 0px;
}

p.download.analysisreports {
  padding-left: 0px;
  font-size: 16px;
  margin-bottom: 0px;
}

p.download {
  padding-left: 7px;
  font-size: 16px;
  margin-bottom: 0px;
}

.progressstep {
  margin-bottom: 50px;
}

.tog {
  background-color: transparent;
  border: none;
}

.container.reamp {
  padding-left: 25%;
  padding-right: 25%;
  padding-top: 5%;
  padding-bottom: 13%;

}

.fileuploadpin {
  color: green;
  font-weight: 600;
  padding-top:5px;

}
p.errorpin.errorcrms
 {
    margin-bottom: 0px;
}

.errorreport {
  color: red;
  font-weight: 600;
  text-align: center;
  padding-top: 3px;
}

.downloadsuccess {
  color: green;
  font-weight: 600;
  text-align: center;
  padding-top: 15px;

}

.errorpin {
  color: red;
  font-weight: 600;
}

.col-lg-8.transactionstate {
  padding-top: 20px;
}

h5.headtext {
  text-align: center;
  background-color: #000;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;
  margin-bottom: 20px;
}

.remap-submit {
  color: #000;
  background-color: #FDC002;
  border: none;
  border-radius: 8px;
  text-align: center;
  padding: 5px 30px 5px 30px;
  font-size: 14px;
  font-weight: 600;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  display: block;
}


.remap-submit2 {
  color: #000;
  background-color: #FDC002;
  border: none;
  border-radius: 8px;
  text-align: center;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  font-weight: 600;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.followingcards {
  padding-top: 20px;
}

.submitremap {
  text-align: center;

}

.p-2.remapflex {
  width: 100%;
}

p.remapdebit {
  padding-top: 20px;
}

/* end remap */


/* Product */
/* pre-approved customer */

form.report.activat {
  padding-left: 24px;
  padding-top: 0px;


}

p.download.actdownload {
  padding-left: 2px;
  font-size: 16px;
  margin-bottom: 0px;
}

form.report.repotlabel {
  padding-left: 0px;
}

.form-group.reportpin.salesrep {
  width: 35%;
}


.bg-light {
  background-image: linear-gradient(#fbfafa, #c5c5c1);
  padding: 0.5rem 2rem;
}


input[type=file] {
  display: block !important;
  right: 1px;
  top: 1px;
  height: 34px;
  opacity: 0;
  width: 100%;
  background: none;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}

form.upload {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}


p.form-para {
  font-size: 15px;
  color: black;
  font-weight: 600;
}


caption.text {


  font-size: 15px;
  color: black;
  font-weight: 600;
}


table.table.table-bordered.table-hover.footable {
  font-size: 12px;
  color: black;
  font-weight: 600;
}

.col-md-6.center-block {
  text-align: center;
}

.uploadfile {

  padding-top: 60px;
}


.download {
  font-size: 12px;
  font-weight: 600;
  color: #0378d5;
}

.form-control.uploadform {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c1bebe;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col-md-7.reduce {
  padding-right: 55px;
}

.btn.btn-warning.uploadfile {
  color: #000;
  background-color: #FDC002;
  border-color: #FDC002;
  border-radius: 8px;
  text-align: center;
  padding: 5px 30px 5px 30px;
  font-size: 14px;
  font-weight: 600;
}

.table td.protab {
  padding: 0.8rem !important;
}

.table-bordered>thead>tr>th.tableheader {
  font-size: 12px;
  font-family: Arial Narrow;
  font-weight: 600;
  background-color: #515151;
  color: #fff;
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #797676;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #797676;
}

p.examptext {
  font-size: 12px;
}

.btn.btn-warning.pin {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}

/*end pre-approved customer*/
/*end product*/




/* Dashboard */

a.sublink.nav-link {
  background-color: #BFBFBF;
  color: #000 !important;
  border-radius: 8px;
  margin-left: 15px;
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
  font-size: 12px !important;
}

.navbar-light .navbar-nav .nav-link.sublink.active {
  color: #fff !important;
  font-weight: bold;
  background-color: #423f3f;
  border-radius: 8px;
}

.navbar-light .navbar-nav .nav-link.sublink:hover {
  color: #fff !important;
  font-weight: bold;
  background-color: #423f3f;
  border-radius: 8px;
}


.subhead {
  padding-left: 66px;
  padding-right: 66px;
}


form.report {
  padding-top: 5px;
  padding-right: 40px;
  margin-bottom: 20px;
  padding-left: 25px;
}

form.report.formdates {
  padding-top: 8px;
}

.col-md-6.dtsreduce {
  padding-left: 25px;
  padding-right: 0px;
}

.col-md-6.dcpreduce {
  padding-right: 0px;
}

.downloadreport {
  padding-left: 25px;
}

.downloadreport.appdownload {
  margin-top: -35px;
}



label.ytd {
  padding-right: 6px;
  padding-left: 30px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
}

.productback {

  background-color: #C5F0FF;
  padding-bottom: 4px;
  padding-top: 1px;
}

.productback2 {

  background-color: #E9F2E2;
  padding-bottom: 4px;
  padding-top: 1px;
}

h6.prodts {
  text-align: center;
  background-color: #000;
  color: #FDC002;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.d-flex.flex-row.mb-3.productdts {
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 7px !important;
  border: 1px solid gray;
}


.p-2.bd-highlight {
  padding: .2rem !important;
  width: 33.33%;
  padding-top: 0rem !important;
}

h6.bankcode {
  font-size: 12px;
  padding-top: 9px;
  color: #000;
  text-align: center;
  font-weight: bold;
}


@-moz-document url-prefix() {

  h6.bankcode {
    padding-top: 8px;
  }
}



h6.bankcode1 {
  font-size: 12px;
  padding-top: 23px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

p.salesformate {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

h6.bankcode2 {
  font-size: 12px;
  padding-top: 23px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

p.code {
  font-size: 12px;
  text-align: center;
  background-color: #FDC002;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
}

p.code1 {
  font-size: 12px;
  text-align: center;
  background-color: #92D050;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
}

p.code2 {
  font-size: 12px;
  text-align: center;
  background-color: #FF0000;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
}

p.code3 {
  font-size: 12px;
  text-align: center;
  background-color: #00B0F0;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
}

.col-lg-3.counts {
  padding-left: 0px;
  padding-right: 0px;
}

p.trends {
  margin-bottom: 0px;
  text-align: center;
  color: #b94949;
  font-size: 14px;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 8px;
}

.chartsbackground {
  background-color: #dff5fd;
}

.chartsbackground2 {
  background-color: #E9F2E2;
}


.col-lg-3.transaction {
  padding-left: 0px;
  padding-right: 30px;
}

/* end Dashboard */


/* ApprovedTransaction */
p.note {
  font-size: 11px;
  font-weight: 600;
  padding-top: 69px;
  color: red;
}


label.ytdreport {
  padding-right: 6px;

  font-size: 14px;
  color: #000;
  font-weight: 600;
}

label.ytdreport2 {
  padding-right: 6px;
  padding-left: 15px;
  font-size: 14px;
  color: #000;
  font-weight: 600;
}

.form-group.approvepin {
  width: 20%;
  margin-top: 10px;
  margin-bottom: 60px;
}

label.uploadlabel {
  font-size: 13px;
  font-weight: 600;
}

p.declinedtrends {
  margin-bottom: 0px;
  text-align: center;
  color: #b94949;
  font-size: 14px;
  font-weight: 600;
  padding-top: 60px;
  padding-bottom: 8px;
}

.probbank {
  padding-top: 9px !important;
}

.p-2.bd-highlight.problem {
  padding: .2rem !important;
  width: 50%;
}

p.declinedtrends2 {
  margin-bottom: 0px;
  text-align: center;
  color: #b94949;
  font-size: 14px;
  font-weight: 600;
  padding-top: 115px;
  padding-bottom: 8px;
}

/* end ApprovedTransaction */

/* crm */
p.statementtrends {
  margin-bottom: 0px;
  text-align: center;
  color: #b94949;
  font-size: 14px;
  font-weight: 600;
  padding-top: 65px;
  padding-bottom: 8px;
}

.downreports {
  padding-top: 17px;
}

a.port {
  color: #007bff;
  font-weight: 600;
  font-size: 13px;
}

.form-group.userpins {
  padding-top: 10px;
}

.table-responsive.pos {
  padding-left: 107px;
  padding-right: 50px;
  padding-top: 20px;
}

.row.sampleformate {
  padding-top: 25px;
}

p.formate {
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

.col-md-1.formsample {
  padding-right: 0px;
}

.form-group.upfile {
  margin-top: 10px;
}

.form-group.userpins2 {
  padding-top: 30px;
}

p.correct {
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 30px;
}

/* end crm */


/* Activation Report */

.actreport {
  background-color: #E1E1DF;
  padding-bottom: 22px;
  padding-top: 1px;
}

h6.todayreport {
  text-align: center;
  color: #b94949;
  font-size: 13px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: 600;
}

.p-2.bd-highlight.totalreport {
  width: 100%;
  padding: 1.2rem !important;
  padding-top: 0rem !important;

}

h6.reporttoday {
  font-size: 12px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.p-2.bd-highlight.totalreport1 {
  width: 100%;
  padding: 1.2rem !important;
  padding-top: 0rem !important;
}

p.activecode {
  font-size: 20px;
  text-align: center;
  background-color: #FDC002;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
}

p.activecode2 {
  font-size: 20px;
  text-align: center;
  background-color: #7F7F7F;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0px;
}

p.activecode3 {
  font-size: 20px;
  text-align: center;
  background-color: #000;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0px;
}

h6.partial {
  font-size: 12px;
  padding-top: 5px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.partialacti.tvolum {
  padding-top: 13px;
  padding-right: 0px;
}

.mtdactivation.tvolum {
  padding-top: 13px;
}

.partialacti {
  padding-top: 26px;
  padding-right: 10px;
}


h6.partial2 {
  font-size: 12px;
  padding-top: 5px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.mtdback {
  background-color: #e1e1df;
  padding-bottom: 4px;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.form-group.reportpin {
  width: 20%;
  margin-top: 10px;
  margin-bottom: 77px;
}

p.startdate {
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 600;
}


.sign.userdownpin {
  padding-top: 15px;

}


.upcrms {
  padding-top: 40px;
}

/* end Activation Report */

/* Transaction history */

.container.transactionhistory {
  padding-bottom: 150px;
}

label.historycode {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;

  font-size: 13px;
}

h6.requestreport {

  color: #b94949;
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 13px;
  margin-bottom: 0px;
  font-weight: 600;
}

.btn.btn-warning.transactionpin {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
}

.form-group.useralbel {
  padding-top: 45px;
}

button.lastday {
  font-size: 13px;
  text-align: center;
  background-color: #FDC002;
  border-color: #FDC002;
  border: none;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
}

h6.spends {
  background-color: #BFBFBF;
  text-align: center;
  height: 50px;
  margin-top: 40px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
}

.p-2.bd-highlight.activemtd1.act1 {
  padding-left: 0px !important;
}

.p-2.bd-highlight.activemtd1.act2 {
  padding-right: 0px !important;
}


.p-2.bd-highlight.debittransaction.act1 {
  width: 20%;
  padding-left: 0px !important;
}

.p-2.bd-highlight.debittransaction {
  width: 20%;
}

.p-2.bd-highlight.debittransaction1 {
  width: 40%;
}


.p-2.bd-highlight.debittransaction.act2 {
  width: 20%;
  padding-right: 0px !important;
}

.d-flex.flex-row.mb-3.transparent {
  margin-bottom: 0px !important;
}

li.labeltransaction.historydis {
  justify-content: left;
  padding-left: 8px;
  padding-right: 8px;
}

p.lastday1 {
  font-size: 13px;
  text-align: center;
  background-color: #BFBFBF;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
  margin-bottom: 0px;
}

li.labeltransaction {
  list-style: none;
  border: 1px solid gray;
  height: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-weight: 600;
}

ul.datetext {
  padding-left: 0px;
}

.p-2.bd-highlight.labelsize {
  width: 20%;
  padding: 0px !important;
}

.p-2.bd-highlight.labelsize1 {
  width: 40%;
  padding: 0px !important;
}


.d-flex.flex-row.mb-3.historytrans {
  margin-bottom: 0px !important;
}


img.responsive-image__image {
  /* width: 100%; */
  height: auto;
  padding-bottom: 10px;
}

p.activeformate {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

.p-2.bd-highlight.partactivation {
  width: 16.66%;
}

.p-2.bd-highlight.partactivation1 {
  width: 16.66%;
}

h6.partialdel {
  font-size: 12px;
  padding-top: 5px;
  color: #000;
  text-align: center;
  font-weight: bold;
}

.downloadreport.appreports {
  margin-top: 15px;
  margin-bottom: 10px;
  padding-left: 0px;
}


p.decformate {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: red;
  font-weight: bold;
}

.form-group.problempin {
  width: 45%;
  margin-top: 10px;
}

form.report.tranreport {
  padding-top: 12px;
  padding-right: 40px;
  margin-bottom: 25px;
  padding-left: 0px;
}

.form-group.tranreportpin {
  width: 30%;
}

.appsales {
  padding-left: 25px;
}




@media (min-width:320px) {
  .p-2.makerp2.checkeremail {
    width: 14% !important;
  }

  h6.duochangea.hard.viewsoft {
    width: 64%;
  }

  .hisreq {
    padding-left: 1em;
  }

  .spendstransaction {
    padding-left: 1em;
    padding-right: 1em;
  }

  button.lastday {
    font-size: 11px;
  }

  p.lastday1 {
    font-size: 12px;
  }

  .debitspends {
    padding-right: 1em;
    padding-left: 1em;
  }


  .p-2.request1 {
    width: 6% !important;
    padding: .08rem !important;
  }

  .p-2.request2 {
    width: 14% !important;
    padding: .08rem !important;
  }

  .p-2.request3 {
    width: 12% !important;
    padding: .08rem !important;
  }

  .remap-submit {
    width: 40%;
  }

  .container.reamp {
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 5%;
    padding-bottom: 13%;
  }

  label.makeruser.virtual {
    text-align: left;
    width: 100%;
    font-size: 0.9em !important;
  }

  .remapbackground {
    padding: 30px 10px 30px 10px;
  }

  .remap-submit2 {
    width: 90%;
  }

  .row.pre {
    padding-left: 1rem;
    padding-right: 1rem;
  }


  .bg-light {
    background-image: linear-gradient(#fbfafa, #c5c5c1);
    padding: 0.5rem 1rem;
  }

  .navbar-light .navbar-nav .nav-link.userlink.active {
    color: #FDC002;
    font-weight: bold;
    background-color: transparent !important;
    border-radius: 0px !important;
    padding-top: 20px;
    padding-bottom: 20px;


  }



  ul.navbarnav,
  li.navbarlink,
  li.navbarlink2 {
    list-style: none;
    color: #fff;
    padding-left: 0px !important;
    margin-bottom: 0px;
    display: block !important;
  }


  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.3rem !important;
    padding-left: 0.3rem !important;
    border-bottom: 1px solid #a8a3a3;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-outline-danger {
    width: 78px;
    color: #000 !important;
    background-color: #fff;
    background-image: none;
    border-color: #fff;
    border-radius: 20px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }


  .btn.btn-outline-warning.nav-link {
    width: 78px;
    border-bottom: none;
    padding-top: 6px;
    padding-bottom: 6px;

  }



  button.btn.btn-success.artharemoval {
    font-size: 0.5em;
    padding-left: 3px;
    padding-right: 3px;
  }

  .btn.btn-success.removal {
    padding: 3px 5px;
  }

  p.declinedtrends2 {
    padding-top: 25px;
  }

  p.declinedtrends {
    padding-top: 25px;
  }

  form.report.formdates {
    padding-top: 2em;
  }

  h6.bankcode1.duotrans {
    font-size: 0.7em;
  }

  h6.bankcode2.duotrans {
    font-size: 0.7em;
  }

  .bg-dark {
    background-color: #000 !important;
    padding: 0.8rem 0.5rem;
  }

  .consumer-height {
    height: auto;
    padding-bottom: 50px;
  }

  .about {
    padding-left: 0.5em !important;
    padding-right: 0.5em;
  }

  .partner-height1 {
    height: auto;
    padding-bottom: 50px;
  }

  .slider-paragraph {
    padding-left: 10px;
  }

  h6.partial.delpa {
    padding-top: 3.3em;
  }

  .activation2 {
    height: 50em;
  }

  .col-md-12.dtssize {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  .progressbar li {
    font-size: 0.7em;
  }




  .gridbutton2 {
    padding-bottom: 20px;
    width: 80% !important;
  }

  .approval-button {
    font-size: 11px !important;
  }

  .noteditable-button2 {
    font-size: 11px !important;
  }

  label.makeruser.checkuse {
    width: 45%;
  }

  label.makeruser.checkuse2 {
    width: 40%;
  }

  label.makeruser.checkemail {
    width: 88%;
  }


  label.makeruser.checkact {
    padding-top: 1.2em;
  }

  label.form-control.formpprofilefield {
    font-size: 0.5em;
  }

  label.form-control.formpprofilefield {
    font-size: 0.5em;
    line-height: 6px;
    word-break: break-all;
  }

  input:checked+.checkerslider:before {
    transform: translateX(17px) !important;
  }

  .form-group.aligncenter.inputgrayfield {
    padding-left: 0px !important;
  }

  label.makeruser.issumak {
    width: 40%;
  }

  label.makeruser.issueact {
    padding-top: 1.3em;
  }

  label.makeruser.issuerem {
    padding-top: 1em;
  }

  .form-group.pinfile2 {
    width: 80% !important;
  }

  label.makeruser.issuemail {
    width: 100%;
  }

  .p-2.makerp1 {
    width: 6% !important;
  }

  .p-2.makerp2 {
    width: 14% !important;
  }

  .p-2.makerp3 {
    width: 12% !important;
  }

  textarea.form-control.formproduct.margn.emaildesk {
    resize: none !important;
  }

  textarea.form-control {
    overflow: hidden !important;
  }

  label.makeruser {
    width: 56%;
    font-size: 0.4em !important;
    display: block;
    margin-left: auto;
    margin-right: auto;

  }

  label.makeruser.arthaemail {
    width: 100%;
  }

  label.makeruser.arthano {
    width: 100%;
  }

  select.form-control.formselectblue {
    padding-right: 0px;
    font-size: 0.5em;
  }

  .col-md-12.reducepaddingfirst {
    padding-left: 0.2em;
    padding-right: 0.2em;
  }

  .form-control.formproduct {
    font-size: 0.5em !important;
  }

  .serialch {
    font-size: 0.5em !important;
  }

  .p-2.artha1 {
    width: 4% !important;
  }

  .p-2.artha2 {
    width: 12% !important;
  }


  .p-2.artha3 {
    width: 12% !important;
  }

  .switch {
    width: 38px !important;
    height: 18px !important;
  }

  input:checked+.slider:after {
    left: 16px !important;
  }

  .slider:after {
    font-size: 0.5em !important;
  }

  .btn.btn-success.removal {
    font-size: 0.5em !important;
  }

  .form-group.togglemanagemak {
    height: 35px;
    margin-bottom: 3px;
    padding-top: 2px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  label.makeruser.arthaact {
    padding-top: 1.2em;
  }

  .form-group.togglemanagemak2 {
    height: 35px;

    padding-top: 0px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  textarea.form-control.formproduct.margn.emaildesk {
    padding-top: 3px;
  }

  input:checked+.slider:before {
    transform: translateX(20px) !important;
  }


  .switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 8px !important;
    width: 8px !important;
    left: 4px !important;
    bottom: 5px !important;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 60%;
    font-size: 8px;
    font-family: Verdana, sans-serif;
  }

  .on {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 40%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
  }
}

@media (min-width:320px) {

  .btn.btn-warning.transactionpin {
    font-size: 12px;
  }

  .tableview.portfoliodownload {
    height: 225px;
  }

  h6.spends.debitact {
    margin-top: 0px;
  }

  .form-group.useralbel {
    padding-top: 20px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  img.responsiveimage {
    width: 100%;
  }

  h6.partial2.toact {
    padding-top: 1.8em;

  }

  h6.duochangea.usagecust {
    width: 67%;
  }

  .col-md-3.portduo {
    padding-left: 2em;
    padding-right: 2em;
  }

  p.activecode {
    font-size: 0.6em;
  }

  p.activecode2 {
    font-size: 0.6em;
  }

  p.activecode3 {
    font-size: 0.6em;
  }

  .d-flex.flex-row.mb-3.partial {
    padding-top: 1em;
  }

  h6.partial {
    font-size: 0.6em;
  }

  h6.partial2 {
    font-size: 0.6em;
  }

  .col-lg-6.salessize {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  .mtdback {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  h6.partial2 {
    width: 42%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.78em;
  }

  h6.partial {
    width: 65%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.partial.partact {
    padding-top: 1em;
  }

  h6.partial2.partact.totalwidth {
    padding-top: 1em;
    width: 65%;
  }

  .d-flex.flex-row.mb-3.firstact {
    padding-left: 0.1em;
    padding-right: 0.1em;
  }

  h6.partial.salact {
    padding-top: 0.5em;
  }

  .partialacti {
    padding-top: 2.5em;
  }

  .mtdactivation {
    padding-right: 0.1em;
  }

  h6.partial {
    padding-top: 1.8em;
  }

  .delamount {
    padding-top: 2.3em;
  }

  h6.partial2.actpart {
    font-size: 0.8em;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }

  h6.partial.partcideres {
    font-size: 0.8em;
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }

  h6.partial.actpart {
    font-size: 0.8em;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }

  .form-group.reportpin.actpin {
    width: 80%;
  }

  .form-group.userpins {
    width: 80%;
  }

  .form-group.userpins2 {
    width: 80%;
    padding-top: 0em;
  }

  label.ytd {
    padding-left: 1.6em;
  }

  form.report.tranreport {
    padding-right: 0em;
  }

  .form-group.tranreportpin {
    width: 80%;
  }


  h6.bankcode.tproceed {
    font-size: 0.7em;
    padding-top: 1.22em;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }



  .form-group.problempin {
    width: 80%;

  }

  h6.bankcode.freecharge2 {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .form-group.approvepin {
    width: 80%;
  }

  .downloadreport {
    padding-left: 0em;
  }

  form.report {
    padding-right: 0em;
    padding-left: 0em !important;
  }

  .col-md-6.col-lg-6.dtsreduce {
    padding-left: 1em;
    padding-right: 1em;
  }

  .col-md-6.col-lg-6.dcpreduce {
    margin-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .col-lg-3.transaction {
    padding-left: 1em;
    padding-right: 1em;
  }

  h6.duochangea {
    padding-top: 1.6em;
    width: 84%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangeout {
    padding-top: 0.4em;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangea.hard {
    width: 64%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.6em;
  }

  .portt1 {
    padding-right: 1em;
    padding-left: 1em;
  }


  p.chartcode {
    font-size: 0.7em !important;

  }

  p.chartcode1 {
    font-size: 0.7em !important;
  }

  p.chartcode2 {
    font-size: 0.7em !important;

  }

  p.chartcode3 {
    font-size: 0.7em !important;

  }

  p.chartsubcode {
    font-size: 0.7em !important;
  }

  p.chartsubcode1 {
    font-size: 0.7em !important;
  }

  p.chartsubcode2 {
    font-size: 0.7em !important;
  }

  p.chartsubcode3 {
    font-size: 0.7em !important;
  }

  .nmndel {
    font-size: 0.7em !important;
    padding-top: 85px !important;
  }

  .col-md-5.portcolm {
    padding-right: 15px;
  }

  h6.duochange1.dpd {
    width: 74%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.6em;
  }

  .d-flex.flex-row.mb-3.viewduo {

    margin-right: 0.8em;

  }

  .d-flex.flex-row.mb-3.viewduochart {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }

  .col-md-7.portcolb {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .col-md-9.portduo1 {
    padding-left: 4% !important;
    padding-right: 4% !important;
  }
}


@media (min-width:480px) {

  .form-group.useralbel {
    width: 60%;
  }

  h6.duochangea.hard.viewsoft {
    width: 46%;
  }

  .chartpie4 {
    margin-top: 8px;
  }

  button.lastday {
    font-size: 13px;
  }

  .remapbackground {
    padding: 30px 25px 30px 25px;
  }

  .remap-submit2 {
    width: 60%;
  }

  .remap-submit {
    width: 25%;
  }


  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 20px !important;
    margin-left: 20px;
  }

  button.btn.btn-success.artharemoval {
    font-size: 0.6em;
  }

  label.makeruser.checkact {
    padding-top: 1.51em;
  }

  h6.bankcode1.duotrans {
    font-size: 0.8em;
  }

  .form-group.tranreportpin {
    width: 55%;
  }

  h6.bankcode.repaymentbank {
    font-size: 0.8em;
    padding-top: 0.9em;
  }

  h6.bankcode2.duotrans {
    font-size: 0.8em;
  }

  .form-group.pinfile2 {
    width: 50% !important;
  }

  .gridbutton2 {
    width: 50% !important;
  }

  h6.bankcode.tproceed {
    font-size: 0.8em;
    padding-top: 0.9em;
  }

  h6.bankcode1 {
    font-size: 0.8em;
  }

  h6.bankcode2 {
    font-size: 0.8em;

  }



  label.makeruser {
    width: 57%;
    font-size: 0.6em !important;
  }


  .activation2 {
    height: 45em;
  }


  .progressbar li {
    font-size: 0.9em;
  }




  p.activecode3 {
    font-size: 1em;
  }

  p.activecode2 {
    font-size: 1em;
  }

  p.activecode {
    font-size: 1em;
  }

  .partialacti {
    padding-top: 1.68em;
  }

  h6.partial2.toact {
    padding-top: 0.5em;
  }

  h6.partial.delpa {
    padding-top: 0.9em;
  }


  h6.partial.partact {
    padding-top: 2.2em;
    width: 100%;
  }

  h6.partial2.partact.totalwidth {
    padding-top: 2.2em;
    width: 100%;
  }


  h6.partial.salact {
    padding-top: 0.5em !important;
  }


  h6.partial2 {
    width: 50%;
    padding-top: 0.5em;
  }

  h6.partial {
    width: 80%;
    padding-top: 0.5em;
  }


  .d-flex.flex-row.mb-3.firstact {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }




  h6.partial2.actpart {
    font-size: 0.8em;
    width: 70%;

  }

  h6.partial.partcideres {
    font-size: 0.8em;
    width: 84%;

  }

  h6.partial.actpart {
    font-size: 0.8em;
    width: 70%;

  }





  .form-group.reportpin.actpin {
    width: 50%;
  }


  .form-group.userpins {
    width: 50%;
  }

  .form-group.userpins2 {
    width: 50%;
    padding-top: 0em;
  }

  h6.bankcode.tproceed {
    width: 66%;
  }

  h6.bankcode.freecharge2 {
    padding-top: 2.1em;
    font-size: 0.8em;
  }

  .form-group.problempin {
    width: 70%;

  }

  .form-group.approvepin {
    width: 60%;
  }

  .col-md-6.col-lg-6.dcpreduce {
    margin-top: 1em;
    padding-left: 1em;
  }

  h6.bankcode.probank {
    width: 58%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    font-size: 0.8em;
  }


  .col-lg-3.transaction {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nmndel {
    font-size: 0.7em !important;
    padding-top: 76px !important;
  }

  h6.duochangea.inactive {
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangea.viewcl {
    width: 60%;
  }

  h6.duochangea {
    width: 61%;
  }

  .d-flex.flex-row.mb-3.viewduochart {
    padding-left: 0.5em !important;
    padding-right: 1.5em !important;
  }

  h6.duochangeout {
    width: 55%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangea.usagecust {
    width: 46%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangea.hard {
    width: 55%;
  }

  .col-md-7.portcolb {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .col-md-9.portduo1 {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }

  .col-md-3.portduo {
    padding-right: 15px;
  }
}


@media (min-width:600px) {

  .form-group.useralbel {
    width: 50%;
  }

  .container.reamp {
    padding-left: 10%;
    padding-right: 10%;
  }

  .remapbackground {
    padding: 30px 50px 30px 50px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 5px !important;
    margin-left: 5px;
  }

  ul.navbarnav,
  li.navbarlink,
  li.navbarlink2 {
    list-style: none;
    color: #fff;
    display: inline-block !important;
    padding-left: 10px !important;
    margin-bottom: 0px;
  }

  label.makeruser.checkact {
    padding-top: 1.33em;
  }

  button.btn.btn-success.artharemoval {
    font-size: 0.7em;
    padding-left: 5px;
    padding-right: 5px;
  }

  .gridbutton2 {
    padding-bottom: 20px;
    width: 45% !important;
  }

  input:checked+.checkerslider:before {
    transform: translateX(19px) !important;
  }


  label.form-control.formpprofilefield {
    font-size: 0.7em;

  }

  label.makeruser.issuemail {
    width: 80%;
  }

  .btn.btn-success.removal {
    font-size: 0.7em !important;
  }

  label.makeruser {
    width: 45%;
    font-size: 0.7em !important;
  }

  .form-control.formproduct {
    font-size: 0.7em !important;
  }

  .serialch {
    font-size: 0.7em !important;
  }

  .switch {
    width: 45px !important;
    height: 20px !important;
  }

  .slider:before {
    height: 10px !important;
    width: 10px !important;
  }

  input:checked+.slider:before {
    transform: translateX(27px) !important;
  }

  .form-group.pinfile2 {
    width: 45% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 0px !important;
  }

  select.form-control.formselectblue {
    font-size: 0.7em;

  }



  /* portfolio  */

  h6.partial {
    width: 100%;
  }

  h6.partial2 {
    width: 100%;
  }

  h6.partial.partact {
    padding-top: 2.3em;
  }

  h6.partial2.partact.totalwidth {
    padding-top: 2.3em;
  }


  .form-group.reportpin.actpin {
    width: 40%;
  }

  .form-group.userpins {
    width: 40%;
  }

  .form-group.userpins2 {
    width: 40%;
    padding-top: 0em;
  }

  .form-group.problempin {
    width: 35%;
  }


  h6.bankcode.tproceed {
    width: 65%;

  }


  h6.duochangea.inactive {
    width: 52%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangeout {
    padding-top: 1.6em !important;
  }

  h6.duochange1 {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }



  /* Dashboard */

  .col-md-6.col-lg-6.dcpreduce {
    margin-top: 1em;
    padding-left: 1em;
  }

  h6.bankcode.probank {
    width: 58%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .col-lg-3.transaction {
    padding-left: 1em;
    padding-right: 1em;
  }

  .form-group.approvepin {
    width: 38%;
  }
}

@media (min-width:768px) {
  h6.duochangea.clnmn {
    padding-top: 2.8em !important;
  }

  h6.duochangea.hard.viewsoft {
    width: 55%;
  }

  h6.duochangea.usagecust {
    width: 70% !important;
  }

  .tableview.portfoliodownload {
    height: 180px;
  }

}

@media (min-width:991px) {
  h6.duochangea.clnmn {
    padding-top: 1.8em !important;
  }

  h6.duochangea.viewmn2 {
    width: 70%;
  }

  h6.duochange1.dpd {
    padding-top: 0.4em;
  }

}

@media (min-width:1200px) {
  h6.duochangeout {
    width: 60%;
  }

  h6.duochangea.viewcl {
    width: 70% !important;
  }

  h6.duochangea.inactive {
    width: 40%;
  }

  h6.duochangea {
    width: 65% !important;
  }

  h6.duochangea.softportrev {
    padding-top: 0.4em !important;
  }

  h6.duochangea.issdu {
    padding-top: 1.6em !important;
  }

  h6.duochangea.medrev {
    padding-top: 1.6em !important;
  }

  .tableview {
    padding-bottom: 0.5em !important;
  }

  p.text-2 {
    margin-bottom: 1.17em !important;
  }

  button.portinput {
    font-size: 0.9em !important;
  }

  .tableview.portfoliodownload {
    height: 198px !important;
  }

}


@media (min-width:720px) {

  h6.duochangea.medrev {
    width: 55%;
  }

  .form-group.useralbel {
    width: 100%;
    padding-top: 45px;
  }

  .form-group.tranreportpin {
    width: 35%;
  }

  h6.spends.debitact {
    margin-top: 40px;
  }

  h6.bankcode.tproceed {
    width: 100%;
  }

  .gridbutton2 {
    width: 100% !important;
  }

  .form-group.pinfile2 {
    width: 100% !important;
  }


  .slider-paragraph {
    padding-left: 0px
  }

  p.text-2 {
    font-size: 0.9em !important;
    margin-bottom: 0.5em;
  }

  p.titleview {
    padding-top: 0em;
    padding-bottom: 0em;
  }

  ul.report {
    margin-bottom: 0em;
  }

  ul.report {
    padding-bottom: 8px !important;
  }

  .chartpie4 {
    margin-top: 9px !important;
  }

  h6.partial2.actpart {

    padding-top: 0.4em;

  }

  h6.partial.partcideres {

    padding-top: 0.4em;
  }

  h6.partial.actpart {

    padding-top: 0.4em;
  }

  .col-md-5.portcolm {
    padding-right: 0em;
  }

  h6.duochangea {
    width: 70%;
  }

  h6.duochangea.clnmn {
    padding-top: 1.8em;
  }

  .col-md-3.portduo {
    padding-right: 0em;
  }

  .form-group.userpins {
    width: 34%;
  }

  .form-group.userpins2 {
    width: 34%;
    padding-top: 0em;
  }



  .col-lg-3.transaction {
    padding-left: 1em;
    padding-right: 1em;
  }

  h6.bankcode.probank {
    width: 70%;

  }

  h6.bankcode.freecharge2 {
    padding-top: 0.9em;
  }

  h6.duochangea.inactive {
    width: 55%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangeout {
    padding-top: 1.4em;
  }



  h6.duochangea.usagecust {
    width: 46%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  h6.duochange1 {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .col-md-7.portcolb {
    padding-left: 1% !important;
    padding-right: 3% !important;
  }

  .d-flex.flex-row.mb-3.viewduochart {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
  }

  .portt1 {
    padding-right: 0.5em;
    padding-left: 1em;
  }

  .col-md-6.col-lg-3.port3 {
    padding-right: 1em;
    padding-left: 0.5em !important;
  }

  .col-md-6.col-lg-3.chartpie4 {
    padding-right: 1em;
    padding-left: 0.5em !important;
  }

  p.dark-gray.out {
    margin-bottom: 1.4em !important;
  }

}

@media (min-width:767px) {

  .col-md-6.col-lg-6.dcpreduce {
    margin-top: 0em;
  }

  ul.navbarnav,
  li.navbarlink,
  li.navbarlink2 {
    padding-left: 40px !important;
  }


}

@media (min-width:992px) {
  h6.bankcode.probank {
    width: 107%;
  }

  h6.duochangea.clnmn {
    padding-top: 2.8em !important;
  }

  h6.duochangea.issdu {
    padding-top: 2.8em;
  }

  h6.duochangea.hardduo {
    padding-top: 2.8em;
  }

  h6.duochangea.softportrev {
    padding-top: 2.8em;
  }

  .chartpie4 {
    margin-top: -139px !important;
  }

  h6.duochange1.dpd {
    padding-top: 1.6em;
  }

  ul.report {
    font-size: 0.7em !important;
  }

  .tableview.portfoliodownload {
    height: 204px;
  }

  button.portinput {
    font-size: 0.7em;
  }
}


@media (min-width:801px) {

  p.activecode3.actcoderes {
    font-size: 1em;
  }

  .p-2.makerp2.checkeremail {
    width: 16% !important;
  }

  p.activecode3.fulact {
    font-size: 1em;
  }


  h6.duochangea.hard.viewsoft {
    width: 80%;
  }

  .p-2.request1 {
    width: 7% !important;
  }

  .p-2.request2 {
    width: 16% !important;
  }

  .p-2.request3 {
    width: 6.5% !important;
  }

  .container.reamp {
    padding-left: 25%;
    padding-right: 25%;
  }

  .remapbackground {
    padding: 30px 65px 55px 65px;
  }

  .partnerlogincross {
    padding-left: 4em !important;
    padding-right: 4em !important;
  }

  .form-group.togglemanagemak {
    height: 35px;
    margin-bottom: 3px;
    padding-top: 4px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px !important;
  }


  .p-2.makerp1 {
    width: 6% !important;
  }

  .p-2.makerp2 {
    width: 16% !important;
  }

  .p-2.makerp3 {
    width: 7% !important;
  }



  .btn.btn-success.removal {
    padding: 4px 10px;

  }


  .bg-dark {
    background-color: #000 !important;
    padding: 0.8rem 1rem;

  }

  form.report.formdates {
    padding-top: 2em;
  }

  .consumer-height {
    height: auto;
  }

  .partner-height1 {
    height: auto;
  }


  .stackedchart1 {
    padding-bottom: 4px;
  }

  ul.report {
    padding-left: 16px;
    font-size: 0.9em !important;
  }

  p.text-2 {
    font-size: 0.8em !important;
  }



  .navbar-light .navbar-nav .nav-link.userlink {
    color: #000;
    font-size: 0.7em !important;
    padding-right: 0.6em !important;
    padding-left: 0.6em !important;
    margin-right: 0em !important;
  }



  a#collasible-nav-dropdown {
    color: #000;
    font-size: 0.7em !important;
    padding-right: 0.9em !important;
    padding-left: 0.9em !important;
    margin-right: 0.5em !important;
  }



  label.form-control.formpprofilefield {
    font-size: 0.8em;
    line-height: 8px;
  }

  label.makeruser.checkuse {
    width: 100%;
  }

  label.makeruser.checkuse2 {
    width: 100%;
  }

  label.makeruser.checkact {
    padding-top: 0em;
  }


  label.makeruser.issumak {
    width: 70%;
  }

  label.switch.toggleswitch {
    width: 53px !important;
    height: 26px !important;
  }

  label.makeruser.issueact {
    padding-top: 0.1em;
  }

  label.makeruser.issuerem {
    padding-top: 0em;
  }

  .switch {

    width: 60px !important;
    height: 26px !important;

  }

  input:checked+.slider:before {
    transform: translateX(30px) !important;
  }

  .slider:before {
    height: 10px !important;
    width: 10px !important;
    left: 5px !important;
    bottom: 7px !important;
  }

  input:checked+.slider:after {
    left: 26px !important;
  }

  .slider:after {
    font-size: 0.6em !important;
  }

  .p-2.artha1 {
    width: 5% !important;
    padding: .08rem !important;
  }

  .p-2.artha2 {
    width: 14.1% !important;
    padding: .08rem !important;
  }

  .p-2.artha3 {
    width: 5% !important;
    padding: .08rem !important;
  }



  label.makeruser {
    width: 100%;
    font-size: 0.7em !important;
  }

  label.makeruser.arthaact {
    padding-top: 0em;
  }


  h6.duochangea {
    width: 100%;
  }

  h6.duochangea.viewcl {
    width: 100%;
  }

  h6.duochangea.hard {
    width: 85%;
  }

  p.chartduoa {
    font-size: 0.5em !important;
  }

  p.chartduob {
    font-size: 0.5em !important;
  }

  p.chartduoc {
    font-size: 0.5em !important;
  }

  p.chartduod {
    font-size: 0.5em !important;
  }

  p.chartduotran {
    font-size: 0.5em !important;
  }

  p.chartduorevol {
    font-size: 0.5em !important;
  }

  p.chartduorevol {
    font-size: 0.5em !important;
  }

  p.chartduohard {
    font-size: 0.5em !important;
  }

  p.chartduomedium {
    font-size: 0.5em !important;
  }

  p.chartduosoft {
    font-size: 0.5em !important;
  }

  .col-md-12.col-lg-6.port {
    padding-right: 0em;
  }

  .delamount {
    padding-top: 2.8em;
  }

  h6.partial2.partact.totalwidth {
    padding-top: 1.8em;
  }

  h6.partial {
    font-size: 0.8em;
  }

  h6.partial2 {
    font-size: 0.8em;
  }

  h6.partial.partact {
    padding-top: 1.8em;
  }

  p.activecode {
    font-size: 1em;
  }

  .partialacti {
    padding-top: 1.9em;
  }

  p.activecode2 {
    font-size: 1em;
  }

  p.activecode3 {
    font-size: 1.5em;
  }

  h6.reporttoday {
    padding-top: 0.4em;
    width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }


  h6.partial2.actpart {
    width: 60%;
    padding-top: 0.4em;

  }

  h6.partial.partcideres {
    font-size: 0.8em;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }

  h6.partial.actpart {
    width: 75%;
    padding-top: 0.4em;
  }

  .form-group.reportpin.actpin {
    width: 35%;
  }


  .form-group.userpins2 {
    width: 100%;
    padding-top: 2.1em;
  }

  .form-group.userpins {
    width: 70%;

  }


  h6.bankcode.tproceed {
    width: 100%;
    padding-top: 0.7em;
    font-size: 12px;
  }

  .form-group.problempin {
    width: 30%;

  }

  .form-group.tranreportpin {
    width: 32%;
  }

  label.ytd {
    padding-left: 2em;
  }


  h6.bankcode.freecharge2 {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.8em;
  }

  .form-group.approvepin {
    width: 30%;
  }

  .col-md-6.col-lg-6.dcpreduce {
    margin-top: 0em;
  }

  h6.bankcode.probank {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .nmndel {
    font-size: 0.7em !important;
    padding-top: 73px !important;
  }

  .col-md-7.portcolb {
    padding-left: 1% !important;
    padding-right: 3% !important;
  }

  h6.duochangeout {
    padding-top: 0.4em !important;
  }

  h6.duochangea.inactive {
    padding-top: 0.4em;
    width: 100%;
  }

  h6.duochangea.usagecust {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .d-flex.flex-row.mb-3.viewduochart {
    padding-left: 0.5em !important;
    padding-right: 0em !important;
  }

  h6.duochange1 {
    width: 100%;
  }

  .col-md-12.col-lg-6.portduo {
    padding-right: 0em;
  }

  .portt1 {
    padding-right: 0.5em;
    padding-left: 1em;
  }

  .col-md-6.col-lg-3.chartpie4 {
    padding-right: 1em;
    padding-left: 0.5em;
  }

  .tableview {
    padding-bottom: 1.3em;
  }

  .report1 {
    padding-bottom: 0.37em !important;
  }

  p.titleview {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }

  p.dark-gray.out {
    margin-bottom: 2.5em !important;
  }

  p.text-2 {
    margin-bottom: 0.6em;
  }

}

@media (min-width:991px) {



  h6.duochangea.inactive {
    width: 49%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-light .navbar-nav .nav-link.userlink {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  a#collasible-nav-dropdown {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-light .navbar-nav .nav-link.userlink:hover {
    color: #FDC002;
    background-color: #423f3f;
    border-radius: 8px;


  }


  .navbar-light .navbar-nav .nav-link.userlink.active {
    color: #FDC002;
    font-weight: bold;
    background-color: #423f3f !important;
    border-radius: 8px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }


}


@media (min-width:1000px) {

  p.declinedtrends2 {
    padding-top: 115px;
  }

  h6.bankcode.repaymentbank {
    font-size: 0.7em;
    padding-top: 1.2em;
  }

  p.declinedtrends {
    padding-top: 60px;
  }

  h6.partial2.partact.totalwidth {

    width: 69%;
  }

  .d-flex.flex-row.mb-3.partial {
    padding-top: 6em;
  }

  .container.salesprop {
    padding-left: 1%;
    padding-right: 0%;
  }

  h6.partial.salact {
    padding-top: 1.7em !important;
  }

  .partialacti {
    padding-top: 0.9em;
  }

  h6.partial.delpa {
    padding-top: 0.8em;
  }

  p.activecode {
    font-size: 1em;
  }

  p.activecode2 {
    font-size: 1em;
  }

  p.activecode3 {
    font-size: 1em;
  }

  h6.reporttoday {
    padding-top: 1.4em;
    width: 100%;
  }


  .form-group.reportpin.actpin {
    width: 40%;
  }

  h6.partial2.actpart {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;

  }

  .form-group.reportpin {
    width: 40%;
  }

  .form-group.tranreportpin {
    width: 40%;
  }

  .form-group.userpins {
    width: 100%;
  }

  h6.bankcode.tproceed {
    padding-top: 0.9em !important;
    width: 80% !important;
    font-size: 0.8em !important;
  }

  .form-group.problempin {
    width: 55%;
  }

  h6.bankcode.freecharge2 {

    width: 100%;
    font-size: 0.7em;
    padding-top: 1.2em;
  }

  h6.bankcode1 {
    font-size: 0.7em;
  }


  h6.bankcode2 {
    font-size: 0.7em;
  }



  h6.prodts {
    font-size: 0.8em;
  }

  h6.bankcode.probank {
    width: 100%;
    font-size: 0.7em;
    padding-top: 1.2em;

  }


}





@media (min-width:1025px) {

  h6.duochangea.hard.viewsoft {
    width: 55%;
  }

  form.report.formdates {
    padding-top: 8px;
  }

  p.text-2 {
    font-size: 0.9em !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 5px !important;
    margin-left: 1px;
  }

  .hisreq {
    padding-left: 5em;
  }

  .spendstransaction {
    padding-left: 5em;
    padding-right: 2em;
  }

  .debitspends {
    padding-right: 5em;
    padding-left: 2em;
  }


  .form-group.useralbel {
    width: 85%;
  }

  .bg-dark {
    background-color: #000 !important;
    padding: 0.8rem 4em;
  }

  .tableview {
    padding-bottom: 1.2em;
  }


  .row.pre {
    padding-left: 7rem;
    padding-right: 7rem;

  }


  button.btn.btn-success.artharemoval {
    font-size: 0.8em;
    padding-left: 5px;
    padding-right: 5px;
  }

  h6.bankcode.repaymentbank {
    font-size: 0.8em;
    padding-top: 0.9em;
  }


  .navbar-light .navbar-nav .nav-link.userlink {
    color: #000;
    font-size: 0.7em !important;
    padding-right: 0.8em !important;
    padding-left: 0.8em !important;
    margin-right: 0.3em !important;
  }




  a#collasible-nav-dropdown {
    color: #000;
    font-size: 0.7em !important;
    padding-right: 0.8em !important;
    padding-left: 0.8em !important;
    margin-right: 0.3em !important;
  }

  .gridbutton2 {

    width: 75% !important;
  }

  .form-group.pinfile2 {
    width: 75% !important;
  }

  label.form-control.formpprofilefield {
    font-size: 0.9em;
  }

  .switch {
    width: 55px !important;
    height: 24px !important;

  }

  input:checked+.slider:before {

    transform: translateX(35px) !important;

  }

  .slider:before {

    height: 13px !important;
    width: 13px !important;
    left: 4px !important;
    bottom: 6px !important;

  }

  label.makeruser {
    width: 100%;
    font-size: 0.9em !important;
  }

  .form-control.formproduct {
    font-size: 0.8em !important;
  }

  .serialch {
    font-size: 0.8em !important;
  }

  .btn.btn-success.removal {
    font-size: 0.8em !important;
  }

  @-moz-document url-prefix() {
    p.titleview {
      padding-top: 0.4em;
      padding-bottom: 0em;
    }
  }

  p.dark-gray.out {
    margin-bottom: 2.6em !important;
  }

  .chartpie4 {
    margin-top: -117px !important;
  }

  h6.duochangea.issdu {
    width: 60%;
    padding-top: 1.6em;

  }

  .stackedchartview1 {

    padding-bottom: 2px !important;
  }

  h6.duochangea.hardduo {
    padding-top: 1.6em;
  }

  p.chartduoa {
    font-size: 0.6em;
  }

  p.activecode {
    font-size: 1em;
  }

  h6.duochangea.medrev {
    width: 43%;
  }

  p.activecode2 {
    font-size: 1em;
  }

  p.activecode3 {
    font-size: 1em;
  }

  h6.reporttoday {
    padding-top: 1.4em;
  }

  .form-group.reportpin.actpin {
    width: 40%;
  }

  h6.partial2.actpart {
    font-size: 0.8em;
    width: 65%;
    padding-top: 0.4em;
  }

  h6.partial.partcideres {
    font-size: 0.8em;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }

  h6.partial.actpart {
    font-size: 0.8em;
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.4em;
  }


  .form-group.problempin {
    width: 52%;

  }

  /* h6.bankcode.tproceed {
    padding-top: 0.9em !important;
    width: 80% !important;
} */

  label.ytd {
    padding-left: 1.5em;
  }

  .form-group.tranreportpin {
    width: 40%;
  }

  h6.bankcode.freecharge2 {
    padding-top: 0.9em;
  }

  h6.bankcode.freecharge2 {

    width: 100%;
    font-size: 0.8em;
  }

  h6.bankcode.probank {
    padding-top: 0.9em;
  }

  .form-group.approvepin {
    width: 25%;
  }

  form.report {
    padding-right: 0.2em;
    padding-left: 0.2em;
  }

  h6.bankcode1 {
    font-size: 0.8em;
  }

  h6.bankcode {
    font-size: 0.8em;
    padding-top: 0.9em;
  }

  h6.bankcode2 {
    font-size: 0.8em;
  }

  h6.bankcode.probank {
    width: 100%;
    font-size: 0.8em;
  }

  h6.prodts {
    font-size: 0.8em;
  }






  .portt1 {
    padding-right: 0.5em;
    padding-left: 0.5em;
  }

  .col-md-12.col-lg-6.port {
    padding-right: 0.5em;
    padding-left: 1em;
  }


  p.chartduoa {
    font-size: 0.8em !important;

  }

  p.chartduob {
    font-size: 0.8em !important;
  }

  p.chartduoc {
    font-size: 0.8em !important;

  }

  p.chartduod {
    font-size: 0.8em !important;

  }

  p.chartduotran {
    font-size: 0.8em !important;
  }

  p.chartduorevol {
    font-size: 0.8em !important;
  }

  p.chartduohard {
    font-size: 0.8em !important;
  }

  p.chartduomedium {
    font-size: 0.8em !important;
  }

  p.chartduosoft {
    font-size: 0.8em !important;
  }

  h6.duochangea.inactive {
    width: 80%;
  }

  h6.duochangea.viewcl {
    padding-top: 0.4em;
    width: 80%;
  }

  h6.duochangeout {
    width: 90%;
  }

  h6.duochangea.viewmn {
    padding-top: 0.4em;
  }

  h6.duochangea.medch {
    padding-top: 0.4em;
  }

  h6.duochangea.usagecust {
    padding-top: 0.4em;
    width: 55%;
  }

  h6.duochangea.hard {
    width: 55%;
    padding-top: 0.4em;
  }

  h6.duochangea {
    width: 55%;
    padding-top: 0.4em;
  }

  h6.duochangea.clnmn {
    padding-top: 0.4em !important;
  }

  h6.duochange1.dpd {
    width: 60%;
  }

  h6.duochange1 {
    width: 80%;
    font-size: 0.7em !important;
  }


  p.text-2 {
    font-size: 0.9em !important;
    margin-bottom: 2.17em;
  }

  .col-md-12.col-lg-6.portduo {
    padding-right: 0.5em;
    padding-left: 1em;
  }

  .chartheader1 {
    margin-bottom: 10px;
  }

}

@media (min-width:1580px) {
  @-moz-document url-prefix() {
    h6.duochangea.viewmn {
      padding-top: 1.6em !important;
    }
  }
}

@media (min-width: 1700px) {
  h6.duochangea.medduo {
    padding-top: 1.6em !important;
  }


}

@media (min-width:1500px) {
  h6.duochangea.viewcl {
    padding-top: 1.6em !important;
  }

  @-moz-document url-prefix() {
    h6.duochangea.viewcl {
      padding-top: 0.4em !important;
    }
  }

  .col-md-5.portcolm {
    padding-bottom: 0.8em !important;
  }

  h6.bankcode.freecharge2 {
    padding-top: 2.1em !important;
  }

  @-moz-document url-prefix() {
    h6.bankcode.freecharge2 {
      padding-top: 0.9em !important;
    }
  }

  button.portinput {
    line-height: 0.5em;
  }
}

@media (min-width:1366px) {
  @-moz-document url-prefix() {
    h6.duochangea.viewmn {
      padding-top: 1.6em;
    }

    h6.duochangea.medduo {
      padding-top: 1.6em;
    }
  }
}

@media (min-width:1281px) {
  h6.duochangea.hard.viewsoft {
    width: 80%;
  }

  @-moz-document url-prefix() {
    p.titleview {
      padding-top: 0.9em;
      padding-bottom: 1em;
    }

    .tableview {
      padding-bottom: 0.85em !important;
    }

  }

  h6.duochangea.medrev {
    width: 50% !important;
    padding-top: 0.4em !important;

  }

  .partialacti {
    padding-top: 0.9em;
  }

  h6.bankcode2.duotrans {
    font-size: 0.9em;
  }

  h6.bankcode1.duotrans {
    font-size: 0.9em;
  }

  img.responsiveimage {
    width: auto;
  }

  input:checked+.slider:before {
    transform: translateX(38px) !important;

  }

  button.portinput {
    font-size: 1em !important;
  }

  h6.bankcode.freecharge2 {
    width: 95%;
  }

  .consumer-height {
    height: auto;

  }


  .partner-height1 {
    height: auto;
  }

  h6.bankcode {
    padding-top: 0.9em;
  }

  h6.bankcode.probank {

    font-size: 0.8em;
  }

  h6.bankcode.freecharge2 {
    padding-top: 0.9em;
  }

  .tableview {
    padding-bottom: 0.9em;
  }

  .navbar-light .navbar-nav .nav-link.userlink {
    color: #000;
    font-size: 0.9em !important;
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
    margin-right: 0.5em !important;
  }



  h6.duochangea.issdu {
    padding-top: 0.4em !important;
  }

  .col-md-5.portcolm {

    padding-bottom: 0.7em;
  }

  a#collasible-nav-dropdown {
    color: #000;
    font-size: 0.9em !important;
    padding-right: 0.9em !important;
    padding-left: 0.9em !important;
    margin-right: 0.5em !important;
  }


  .gridbutton2 {
    width: 65% !important;
  }

  label.form-control.formpprofilefield {
    font-size: 1em;
  }

  label.switch.toggleswitch {
    width: 58px !important;
    height: 26px !important;
  }

  .btn.btn-success.removal {
    font-size: 0.9em !important;
  }

  .form-control.formproduct {
    font-size: 0.8em !important;
  }

  .serialch {
    font-size: 0.8em !important;
  }

  select.form-control.formselectblue {
    font-size: 0.8em;
  }

  textarea.form-control.formproduct.margn.emaildesk {
    padding-top: 7px;
  }

  .form-group.pinfile2 {
    width: 65% !important;
  }

  h6.duochangea.clnmn {
    padding-top: 1.6em !important;
  }

  h6.duochangea {
    width: 100% !important;
  }

  h6.duochangea.viewcl {
    padding-top: 0.4em;
    width: 100%;
  }

  h6.duochangea.usagecust {
    width: 80% !important;
  }

  h6.duochangea.medduo {
    width: 70% !important;
  }

  h6.duochangea.hardduo {
    padding-top: 0.4em;
  }



  h6.bankcode.tproceed {
    font-size: 0.9em !important;
    width: 85% !important;

  }

  h6.bankcode1 {
    font-size: 0.8em;
    padding-top: 2.1em;
  }

  h6.bankcode2 {
    font-size: 0.8em;
    padding-top: 2.1em;
  }


  .d-flex.flex-row.mb-3.partial {
    padding-top: 6em;
  }

  h6.partial2.partact.totalwidth {
    padding-top: 1.8em;
    width: 69%;
  }

  h6.partial.partact {
    width: 80%;
  }

  .container.salesprop {
    padding-left: 4%;
    padding-right: 4%;
  }

  p.activecode {
    font-size: 1em;
  }

  p.activecode2 {
    font-size: 1em;
  }

  p.activecode3 {
    font-size: 1em;
  }

  h6.reporttoday {
    padding-top: 0.8em;
  }

  h6.partial2.actpart {
    width: 100%;

  }

  h6.partial.partcideres {
    width: 100%;
    padding-top: 0.4em;

  }

  h6.partial.actpart {
    width: 100%;
    padding-top: 0.4em;
  }

  .form-group.reportpin.actpin {
    width: 32%;
  }

  h6.partial2.actpart {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.partial2.actpart {
    font-size: 0.9em;
  }

  h6.partial.partcideres {
    font-size: 0.9em;
  }

  h6.partial.actpart {
    font-size: 0.9em;
  }



  .form-group.reportpin {
    width: 35%;
  }

  .form-group.tranreportpin {
    width: 32%;
  }

  .form-group.problempin {
    width: 45%;
  }

  .form-group.approvepin {
    width: 20%;
  }

  h6.duochangea.viewmn {
    padding-top: 1.6em;
  }

  @-moz-document url-prefix() {

    h6.duochangea.medduo {
      padding-top: 0.4em;
    }
  }


  h6.duochangea.hard {
    padding-top: 1.6em;
    width: 80%;
  }

  h6.duochangea.medch {
    padding-top: 1.6em;
  }

  p.dark-gray.out {
    margin-bottom: 3em !important;
  }

  p.titleview {
    padding-top: 0.2em;
    padding-bottom: 0.5em;
  }

  h6.duochangea.inactive {
    width: 100%;
    padding-top: 1.6em;
  }

  .chartheader1 {
    margin-bottom: 17px;
  }


}

@media (min-width:1441px) {

  .p-2.makerp2.checkeremail {
    width: 20% !important;
  }

  .p-2.artha2.arthacheckeremail {
    width: 20% !important;
  }

  @-moz-document url-prefix() {
    .tableview {
      padding-bottom: 1.3em !important;
    }
  }

  .tableview {
    padding-bottom: 1.35em;
  }

  .remap-submit2 {
    width: 40%;
  }

  h6.bankcode.freecharge2 {
    width: 100%;
  }

  button.btn.btn-success.artharemoval {
    font-size: 0.9em;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
  }

  .progressbar li {
    font-size: 1em;
  }

  .navbar-light .navbar-nav .nav-link.userlink {
    color: #000;
    font-size: 0.9em !important;
    padding-right: 0.9em !important;
    padding-left: 0.9em !important;
    margin-right: 0.5em !important;
  }

  .mtdactivation {
    padding-right: 10px;
  }

  a#collasible-nav-dropdown {
    color: #000;
    font-size: 1em !important;
    padding-right: 0.9em !important;
    padding-left: 0.9em !important;
    margin-right: 0.5em !important;
  }

  .tableview.portfoliodownload {
    height: 192px !important;
  }

  @-moz-document url-prefix() {
    .tableview.portfoliodownload {
      height: 179px !important;
    }
  }

  .ytddback {
    padding-bottom: 34px;
  }

  h6.partial {
    font-size: 1em;
  }

  h6.partial2 {
    font-size: 1em;
    padding-top: 10px;
  }

  h6.partial.delpa {
    padding-top: 0.9em;
  }


  label.form-control.formpprofilefield {
    font-size: 1.2em !important;
  }

  textarea.form-control.formproduct.margn.emaildesk {
    padding-top: 3px !important;
  }



  label.switch.toggleswitch {
    width: 66px !important;
    height: 27px !important;
  }

  .switch {
    width: 63px !important;
    height: 28px !important;

  }

  input:checked+.slider:before {

    transform: translateX(44px) !important;

  }

  .slider:before {

    height: 14px !important;
    width: 14px !important;
    left: 4px !important;
    bottom: 6px !important;

  }

  .slider:after {
    font-size: 0.9em !important;
  }


  label.makeruser {
    width: 100%;
    font-size: 0.9em !important;
  }

  .form-control.formproduct {
    font-size: 1em !important;
  }

  .serialch {
    font-size: 1.2em !important;
  }

  select.form-control.formselectblue {
    font-size: 1em;
  }

  .btn.btn-success.removal {
    font-size: 1.1em !important;
  }


  h6.duochangea.medduo {
    width: 80%;
  }

  .tableview {
    padding-bottom: 1.2em;
  }

  p.titleview {
    padding-top: 0.4em;
    padding-bottom: 0.5em;
  }

  p.dark-gray.out {
    margin-bottom: 3em !important;
  }

  p.text-2 {
    font-size: 1em !important;
    margin-bottom: 0.9em;
    width: 78%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  h6.duochangea.medduo {
    padding-top: 0.4em;
  }

  @-moz-document url-prefix() {
    h6.duochangea.medduo {
      padding-top: 0.4em;
    }
  }

  h6.duochangea.medrev {
    width: 60%;
  }

  .d-flex.flex-row.mb-3.partial {
    padding-top: 6.5em;
  }

  h6.partial2.partact.totalwidth {
    width: 80%;
  }

  h6.partial.partact {
    width: 80%;
  }

  h6.partial.salact {
    padding-top: 1.99em !important;
  }

  .partialacti {
    padding-top: 0.79em;
  }

  .delamount {
    padding-top: 3.2em;
  }

  .todayone {
    padding-top: 2.78em;
  }

  h6.partial {
    padding-top: 0.7em;
  }

  .form-group.userpins {
    width: 75%;
  }

  .form-group.userpins2 {
    width: 75%;
  }

  h6.bankcode.tproceed {
    padding-top: 0.9em !important;
    width: 60% !important;
  }

  h6.bankcode.freecharge2 {
    padding-top: 0.9em;
    width: 100%;
  }

  .form-group.problempin {
    width: 35%;

  }

  .form-group.approvepin {
    width: 20%;
  }

  h6.duochangea.inactive {
    width: 81% !important;
  }



  h6.bankcode.probank {
    width: 85%;
  }

  h6.duochangeout {
    width: 70%;
  }

  h6.duochangea.usagecust {
    padding-top: 0.4em;
  }

  h6.duochangea {
    width: 80%;
  }

  h6.duochangea.hard {
    width: 75%;
  }

  h6.duochange1 {
    width: 65%;
    font-size: 0.7em !important;
  }

}

@media (min-width:1600px) {
  h6.duochangea.viewcl {
    padding-top: 1.6em;
  }

  h6.duochangea.inactive {
    padding-top: 1.6em;
  }

  h6.duochangea {
    width: 80% !important;
  }

  .col-md-5.portcolm {
    padding-bottom: 0.8em;
  }

}


@media (min-width:1921px) {

  .d-flex.flex-row.mb-3.partial {
    padding-top: 5.6em;
  }

  h6.partial.partact {
    width: 100%;
    padding-top: 3em;
  }

  h6.partial2.partact.totalwidth {
    width: 100%;
    padding-top: 3em;
  }

  h6.partial {
    padding-top: 1.7em;
  }

  h6.partial.salact {
    padding-top: 0.9em;
  }

  .partialacti {
    padding-top: 1.8em;
  }

  .todayone {
    padding-top: 2.2em;
  }


  h6.bankcode.probank {
    width: 100%;
    font-size: 0.8em;
    padding-top: 2em;
  }

  h6.duochangeout {
    padding-top: 1.6em !important;
  }

  h6.duochangea.hard {
    width: 70%;
  }

  h6.duochangea.medrev {
    width: 60%;
  }

  h6.duochangeout {
    width: 75%;
  }

  h6.bankcode.tproceed {
    padding-top: 2.1em !important;
    width: 100% !important;
  }

}

@media (min-width:2150px) {

  p.titleview {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 1.1em;
  }

  .col-md-5.portcolm {
    padding-bottom: 0em;
  }

  h6.duochangea.inactive {
    padding-top: 2.8em;
    width: 100% !important;
  }

  h6.duochangeout {
    padding-top: 2.9em !important;
    width: 100%;
  }

  h6.duochangea.viewmn {
    padding-top: 1.7em;
    width: 66%;
  }

  h6.duochange1.dpd {

    padding-top: 0.4em;
  }

  h6.duochangea.viewmn2 {
    width: 100%;
    padding-top: 3em;
  }

  h6.duochangea.hardduo {
    padding-top: 1.9em;
  }

  h6.duochangea.hard {
    width: 100%;
    padding-top: 2.9em !important;
  }

  h6.duochangea {
    width: 100%;
    padding-top: 1.9em;
  }

  h6.duochangea.hard.hardrev {
    padding-top: 2.9em !important;
  }

  h6.duochangea.medduo {
    padding-top: 2.9em;
    width: 100%;
  }

  h6.duochangea.medrev {
    padding-top: 2.9em;
    width: 100%
  }

  .stackedchartview1 {
    padding-bottom: 0px !important;
  }

  h6.duochange1 {
    width: 100%;
    font-size: 0.9em !important;
  }

  h6.duochangea.usagecust {
    width: 100%;
    padding-top: 2.9em;
  }

  p.text-2 {
    font-size: 1.6em !important;
    margin-bottom: 0.9em;
    width: 78%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

}
/* Admin Maker */

/* newchanges for new users ui */

.form-group.approvedata {
    margin-top: 10px;
}

.form-group.approvebutton {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
}

.form-group.approvebutton.newapproved {
    margin-bottom: 3px;
}

p.NewUsertop {
    padding-left: 24px;
    font-weight: 600;
    font-size: 15px;
}

.form-group.newUserInputField {
    border: 1px solid gray;
    margin-bottom: 3px;
    height: 30px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.switchtoggleNewUser input {
    display: none;
}

.switchtoggleNewUser {
    position: relative;
    display: block;
    width: 56px;
    height: 25px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

.checkersliderNewUser {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: gray;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.checkersliderNewUser:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 9px;
    bottom: 7.5px;
    background-color: white;
    transition: all 0.4s ease;
    border-radius: 50%;
}

.checkersliderNewUser:after {
    content: 'OFF';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 65%;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    transition: all 0.4s ease;
}

input:checked+.checkersliderNewUser {
    background-color: #2ab934;
    /* Changes background color when checked */
}

input:checked+.checkersliderNewUser:before {
    transform: translateX(30px);
    /* Move the slider handle when checked */
}

input:checked+.checkersliderNewUser:after {
    content: 'ON';
    left: 35%;
    /* Adjust text position when checked */
}


/* end newchanges for new users ui */

button.btn.btn-success.removal:disabled {
    background-color: #d0d0d0;
    color: #555;
    cursor: not-allowed;
    opacity: 100;
    border-color: #d0d0d0;
}

input:disabled+.slider {
    background-color: #d0d0d0 !important;
}

.btn.btn-warning.addbuttonmore {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

.form-group.pinfile {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 200px;
}

/*end Admin checker */
p.submitted {
    color: green;
    font-weight: bold;
    text-align: center;
    /* padding-top: 2px; */
    margin-top: 0.5rem;
}


p.paddpara {
    margin-bottom: 0px;
}

.backloan {
    padding-bottom: 100px;
}

.addbutton {
    padding-left: 18px;
}

.sticky-top.sticky {
    border-bottom: 1px solid #c1bebe;
}

.sticky-top {
    background-color: #fff;
    padding-bottom: 5px;
}


.form-control.formproduct {
    margin-bottom: 3px;
    font-family: Arial;
    font-size: 11px;
    padding-right: 2px;
    text-align: center;
    padding-left: 2px !important;
}

textarea.form-control.formproduct.margn.desk {
    padding-right: 2px !important;
    margin-bottom: 3px;
}

textarea.form-control {
    height: 35px !important;
    vertical-align: middle;
}

textarea {
    resize: none;
}

select.form-control:not([size]):not([multiple]) {
    height: 35px;
    padding-left: 0px !important;
    margin-bottom: 3px;
}

.form-control.formselectblue {

    color: #555555;
    font-family: Arial;
    font-size: 11px;
    padding-right: 19px;
    font-weight: 400;
    text-align-last: center;
}

input:checked+.slider:after {
    content: 'ON';
    left: 20px;
}

.slider:after {
    content: 'OFF';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 45%;
    left: 58%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

.heightmak {
    height: 35px;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.serialch {
    font-size: 12px;
    font-weight: 600;
    font-family: Arial;
    text-align: center;
}

.usertheadermak {
    font-size: 12px;
    font-family: Arial;
    font-weight: 600;
    color: #000;
    padding-top: 18px;
    text-align: center;
    display: block;
}




/* Admin Maker */

.form-group.aligncenter.inputgrayfield {
    border: 1px solid gray;
    margin-bottom: 3px;
    height: 46px;
    padding-left: 3px;
    font-family: Arial;
    font-size: 11px;
}


.gridbutton2 {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.form-group.card1 {
    width: 33%;
    display: inline-block;
}

.cardtext {
    font-size: 11px;
    text-align: center;
    font-weight: 600;

}

.toogle-img2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.toogle-img {
    padding-left: 7px;
    display: block;
}

.approval-button {
    margin: 7px;
    font-size: 12px;
    font-family: Arial;
    color: #192859;
    padding: 3px 10px 3px 10px;
    height: 26px;
    border-radius: 2px;
    background-color: #bce394;
    border: 1px solid gray;
}

.noteditable-button2 {
    font-size: 12px;
    font-family: Arial;
    color: gray;
    padding: 3px 5px 3px 5px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid gray;
    margin-left: 5px;
}

.toperror {
    padding: 10px;
    padding-left: 31px;
    padding-top: 14px;
    padding-bottom: 15px;
}




.switchtoggle {
    position: relative;
    display: block;
    width: 34px;
    height: 18px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

.checkerslider::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 5px;
    background-color: white;
    transition: .4s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
    border-radius: 50%;
}

.checkerslider::after {
    content: 'OFF';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 65%;
    font-size: 7px;
    font-family: Verdana, sans-serif;
}

.checkerslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: gray;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.switchtoggle input {
    display: none;
}

.form-control.formpprofilefield {
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    text-align: center;
    height: 22px;
    font-size: 10px;
    padding-top: 4px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    line-height: 9px;
    -webkit-box-shadow: none;
}

.heightch {
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3px;

}

.serial-header {
    font-size: 12px;
    font-family: Arial;
    font-weight: 600;
    color: #000;
    padding-top: 10px;
    text-align: center;
    display: block;
}



label.makeruser {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    display: block;
    text-align: center;
}

.btn.btn-warning.addbuttonmore {

    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

p.serialch {
    margin-bottom: 0px;
    margin-top: 3px;
}

.btn.btn-success.removal {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

.form-group.togglemanagemak2 {
    height: 35px;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 3px;
}

.form-group.togglemanagemak {

    height: 35px;
    margin-bottom: 3px;
    padding-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;

}


.form-group.pinfile2 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 0px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: gray;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #2ab934;
}



input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(37px);
}

input:checked+.slider:after {
    left: 28px;
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.on,
.off {
    color: white;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked+.slider .on {
    display: block;
}

input:checked+.slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}


.p-2.checkerflex {
    width: 18%;
}

.p-2.checkerflex2 {
    width: 10%;
}


.p-2.makerp2 {
    width: 15%;
    padding: .08rem !important;
}

.p-2.makerp1 {
    width: 5%;
    padding: .08rem !important;
}

.p-2.makerp3 {
    width: 10%;
    padding: .08rem !important;
}


.p-2.makerp3 {
    width: 10%;
    padding: .08rem !important;
}

.p-2.request1 {
    width: 8%;
    padding: .08rem !important;
}

.p-2.request2 {
    width: 16%;
    padding: .08rem !important;
}

.p-2.request3 {
    width: 6%;
    padding: .08rem !important;
}

/*end Admin checker */
/* NewUser Approved Rejected */

.form-group.aligncenter.newapprovedField {
  border: 1px solid gray;
  margin-bottom: 3px;
  height: 30px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e9ecef;
}

p.NewUsertopArthaCredit {
  padding-left: 5px;
  font-weight: 600;
  font-size: 15px;
}

label.form-control.formpprofilefield.fieldNew {
  padding-top: 6px;
}

.form-group.aligncenter.existingapprovedField {
  border: 1px solid gray;
  margin-bottom: 3px;
  height: 30px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e9ecef;
}

.form-group.aligncenter.greenfield {
  border: 1px solid gray;
  margin-bottom: 3px;
  height: 30px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e9ecef;
}

.form-control.formpprofilefieldexisting {
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  text-align: center;
  height: 30px;
  font-size: 1.2em !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
}

.form-control.formpprofilefieldnewgreen {
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  text-align: center;
  height: 30px;
  font-size: 1.2em !important;
  line-height: 0px !important;
  padding-top: 9px;
  padding-bottom: 0px;
  position: relative;
}

span.RejectedstatusA {
  background-color: #e8121d;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  border-radius: 3px;
  color: #fff;
  padding: 6px 5px;
  top: 70%;
  font-size: 8px;
}

span.ApprovedstatusA {
  background-color: #2F6776;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  border-radius: 3px;
  color: #fff;
  padding: 6px 5px;
  top: 70%;
  font-size: 8px;
}

.form-group.marginformgroup {
  margin-bottom: 3px;
}

span.statusApproved {
  display: block;
  line-height: 1.7;
}

span.statusRejected {
  font-size: 10px;
  font-weight: 600;
}

.form-control.formpprofilefieldapprove {
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  text-align: center;
  height: 30px;
  font-size: 1.2em !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px !important;
  padding-top: 0px;
  padding-bottom: 0px;
}

.form-control.formproduct.margn.desk {
  display: flex;
  justify-content: center;
  align-items: center;
}

.heightExisting {
  height: 30px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
  margin-bottom: 3px;
}

p.serialch.existingserialuser {
  margin-top: 3px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heightnewuser {
  height: 30px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
  margin-bottom: 3px;
}

p.serialch.newserialuser {
  margin-top: 3px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.switchtoggle input {
  display: none;
}

.slider::before {
  height: 14px !important;
  width: 14px !important;
  left: 4px !important;
  bottom: 7.2px !important;
}

p.NewUsertopArtha {
  padding-left: 18px;
  font-weight: 600;
  font-size: 15px;
}

/* Agency Banking */
.active {
  font-weight: bold;
  /* Example style for active tab */
  color: #007bff;
  /* Example color for active tab */
}

.historytransaction {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 50px;
}

nav.agencyheader.navbar.navbar-expand.navbar-light {
  background-color: #423f3f;
  border-radius: 0px;
  padding: 0.45rem 1rem;
}

a.userlink.Agent.nav-link {
  color: #fff !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

a.userlink.Agent.nav-link.active {
  color: #FDC002 !important;
}

table.Agent-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 30px;
}

td.agent-td.serial-no-td {
  text-align: center;
}

.agent-th {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  background-color: #423f3f;
  color: #FDC002;
  font-size: 13px;
}

.agent-td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left;
  font-size: 12px;
}

tr.Agent-tr:hover {
  background-color: #f1f1f1;
}

.transactionHistoryCharts {
  padding: 50px 50px;
}

.table-container {
  padding: 10px 20px;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

button.export-report {
  float: right;
  background: #000;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  float: right;
  margin-bottom: 10px;
}

button.export-report a {
  color: #fff;
}

/* agencybanking */


button.btn.btn-success.artharemoval:disabled {
  background-color: #d0d0d0;
  color: #555555;
  cursor: not-allowed;
  opacity: 100;
  border-color: #d0d0d0;
  font-weight: 600;
}

input:disabled+.slider:after {
  color: #555555;
  /* Change this to your desired color */
}

.checkerslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

p.invalidpin {
  margin-bottom: 0rem;
}

.checkerslider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 5px;
  background-color: white;
  transition: .4s;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  border-radius: 50%;
}

input:checked+.checkerslider {
  background-color: #2ab934;
}

input:focus+.checkerslider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.checkerslider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/**------ ADDED CSS ---------*/
.checkerslider:after {
  content: 'OFF';
  color: white;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 65%;
  font-size: 7px;
  font-family: Verdana, sans-serif;
}

input:checked+.checkerslider:after {
  content: 'ON';
  left: 12px;
}

.switchtoggle {
  position: relative;
  display: block;
  width: 34px;
  height: 18px;
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
}

/* Admin Maker */

.p-2.artha2 {
  width: 14.1%;
  padding: .08rem !important;
}

.p-2.artha1 {
  width: 5%;
  padding: .08rem !important;
}

.p-2.artha3 {
  width: 5%;
  padding: .08rem !important;
}

select option {
  text-transform: capitalize;
}

.container.maker {
  padding-top: 30px;
  padding-left: 3%;
  padding-right: 3%;
  margin-bottom: 100px;
}

.btn.btn-warning.addbuttonmore {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
  margin-top: 20px;
}

/*end Admin checker */
.p-2.checkerflex {
  width: 18%;
}

.p-2.checkerflex2 {
  width: 10%;
}

/*end Admin checker */
/* Dts change (seema) */
label.makeruser.newlistDts {
  font-size: 0.6rem !important;
}

label.makeruser.newlistDtsChannelcode {
  font-size: 0.7rem !important;
}

label.makeruser.clientprocessor {
  font-size: 12.5px !important;
}


/* Admin Maker */

.container.arthamaker {
    padding-top: 25px;
}


.btn.btn-warning.addbuttonmore {

    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

.form-group.pinfile {
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:200px;
}

/*end Admin checker */




/* Rounded sliders */



.p-2.checkerflex {
    width: 18%;
}

.p-2.checkerflex2 {
    width: 10%;
}



/*end Admin checker */

p.applicationversion {
    color: #bebbbb;
    font-weight: 600;
    font-size: 11px;
    text-align: center;
}

button.forgototppin {
    background-color: transparent;
    border: none;
    color: #007bff;
    font-weight: bold;
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
    text-decoration: underline;
}

label.pinotp {
    font-size: 14px;
}

p.errormessageemail {
    font-size: 12px;
    color: red;
}

.spinner-border {
    margin-left: auto;
    text-align: center;
    display: block;
    margin-right: auto;
    position: absolute;
    left: 50%;
    margin-top: 15px;
}



.loading-state {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loading {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid #ddd;
    border-top-color: orange;
    animation: loading 1s linear infinite;
}

@keyframes loading {
    to {
        transform: rotate(360deg);
    }
}


.duobg {
    background-image: url(/duobg.png);
    ;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 700px;
    width: 100%;
    padding-bottom: 70px;
}

p.forgotpindown {
    margin-bottom: 0.5rem;
    margin-top: 8px;
    text-align: center;
    border-bottom: 1px solid #007bff;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}

a.setupin {
    color: #fff;
}

h5.headerpass.pinotp {
    padding-bottom: 10px;
}

p.pinchangedsuccess {
    text-align: center;
    color: green;
    font-weight: 600;
}

p.forgotpindown1 {
    margin-bottom: 1.5rem;
    margin-top: 6px;
    text-align: center;
    border-bottom: 1px solid #007bff;
    width: 19%;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}

a.colorhref {
    color: #007bff;
    /* text-decoration: underline; */
}

.container.duocontainer {
    max-width: 1140px;
    padding-left: 0px;
    padding-right: 0px;
}

p.errorpin.servererror {
    text-align: center;
    padding-top: 8px;
}

.duobgthird {
    background-image: url(data:image/png;base64,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AAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBC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);
    ;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 615px;
    width: 100%;
}

.bankcodestatus {
    padding-top: 30px;
}

h6.spends.hideElement {
    margin-top: 10px;
}

p.showbankCode {
    margin-bottom: 0.5rem;
}

.blackButton {
    text-align: center;
    background-color: #FDC002;
    border: 2px solid #000;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

.whiteButton {
    text-align: center;
    background-color: #FDC002;
    border-color: #FDC002;
    border: none;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

p.downloadstatus {
    margin-bottom: 0rem;
    margin-top: 5px;
}

.duobgfour {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAKeCAYAAABERgaKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB9tSURBVHgB7d2BURvZFkXR5x+BM7AyMBkMoeMMcAYiAzuC+fSgHhoNYGyQ1Npaq0olYYew6537aQAAAADAB/n777+v7r8+33++3n82i8/VAADgOT92n9v7z3b3uZv+/vTp03bAb/o0AAAAAOAI7uPwFIanELy5/3zZ/f68+AYAqJoC73Y8Rt673e8fIi8fbQrAfw8AAAAAOKHPnz+Pq6urf76/fv06NpvNkw8AwNptt9txe3s7fvz48c/3z58///me/n36NzgWARgAAACA1duPw/Pf0zcAwDFMEXeOu1PUnT53d3f//g1rIQADAAAAcNaWL4W/fPnyJA5P3wAAbzUF3vkl7zLwzv8O50AABgAAACDLtDQAsG9+vTuHXlPN1AjAAAAAAFws09IA0PPaVPP8f1AmAAMAAADAM0xLA8B6Laeap9/fv39/8rIXLpkADAAAAAC/ybQ0ABzePMm8f4/XVDO8TgAGAAAAgA9mWhoA3mZ+xWuqGT6OAAwAAAAAR/TctPT8t2lpAGqem2pevuoFPp4ADAAAAAAr8dK0tLvDAKyZqWZYFwEYAAAAAM7E/Fp4ejlsWhqAYzLVDOdDAAYAAACAgPm18PLlsGlpAN7KVDN0CMAAAAAAELc/Lb18OSwOA1wOU81wGQRgAAAAALhgUwCeXwqblgY4f6aaAQEYAAAAAHjR8uWwaWmA05unmuePqWZgnwAMAAAAAPwR09IAh/HSVPMcfwFeIwADAAAAAB/OtDTA6+ap5jn0TpF3ftVrqhl4DwEYAAAAADg609JA3Xxz97l7vF7xAockAAMAAAAAq2JaGjgX8ySzqWZgTQRgAAAAAOBsmJYGjm1/qvnnz5//Bl9TzcAaCcAAAAAAQMZL09LiMPASU81AjQAMAAAAAFyE+ZXw/HrYtDRcDlPNwCURgAEAAACAi7eclp5eDy9j8fQB1s9UM8ADARgAAAAA4Bf2p6XdHYbjM9UM8DYCMAAAAADAOyxvDZuWhvcx1QzwfgIwAAAAAMCBLEPw/Hp4+YFLZKoZ4LAEYAAAAACAEzEtTdFrU83z/wFwOAIwAAAAAMAKmZZmzZZTzdPv79+//xt7TTUDnJYADAAAAABwZkxLcwzLoGuqGeB8CMAAAAAAADGmpXmrOe6aagboEIABAAAAAC6IaenL8txU8/I+LwA9AjAAAAAAAP94aVpaHF63eZJ5jrrzK15TzQCXSQAGAAAAAOBNphA8vxw2LX1cppoBeCsBGAAAAACAd5tfC08vh+coPP+b18O/ZqoZgI8iAAMAAAAAcFD709KXenfYVDMAxyAAAwAAAABwMlMAnl8KF6alTTUDcGoCMAAAAAAAq7V8OTyH4lNOS5tqBmDtBGAAAAAAAM7SoaalTTUDcM4EYAAAAAAAcn41Lb18xTt9T5F3nm0WeQE4ZwIwAAAAAAAAQMT/BgAAAAAAAAAJAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAECEAAwAAAAAAAEQIwAAAAAAAAAARAjAAAAAAAABAhAAMAAAAAAAAEPFpAADAOl3df77uvufP5wEAcDo/7j+3u8/33fd29+8AALAKAjAAAOdkisCb8RCGr4coDAAczhR1b8ZD4P2++A0AAKsmAAMAcO6mADyF4L/GYyC+GgAAb7cdD4F3etF7t/vtVS8AAGdJAAYAoGiOwvsT0gDAZZui7nb8d8ZZ7AUAIEMABgDgkswvhOfXwiakAaDruXu9twMAAOIEYAAALt3+XeHN7gMAnI/teIi70/e3xW8AALg4AjAAAPzXckL6ergrDABrsh3u9QIAwIsEYAAAeJtlFN7sfl8PAOBQ9u/1ftv9LfYCAMArBGAAAHgfd4UB4P327/XeDBPOAADwRwRgAAD4eJvx+Fp4jsKbAQBMtuNp7HWvFwAAPpAADAAAx+GuMACXaDse7/XOsdeEMwAAHJAADAAAp3U9nt4VNiENwDma7/XejKevesVeAAA4MgEYAADWx11hANbMvV4AAFgxARgAAM7DZjyNwpthQhqAw9uOh9B7c/+5G+71AgDA6gnAAABwvtwVBuAj3Y6nL3vd6wUAgDMkAAMAQM/1/efLeJyPNiENwNL+hLN7vQAAECIAAwDAZXBXGOAyTVH3ZjwEXvd6AQDgAgjAAABwueYJaXeFARq24yHwTi963esFAIALJQADAABLy7vCywlpANbFvV4AAOBZAjAAAPAWz0VhE9IAh/fcvd7bAQAA8AIBGAAA+FPzbPQUhq+HKAzwXtvxONvsXi8AAPBHBGAAAOAjLSekr4e7wgAv2Y6n93qn3yacAQCAdxOAAQCAQ9u/K7wZD3EY4BJMUXc7Hqebv+3+FnsBAICDEIABAIBTmWPwX8NdYaDBvV4AAODkBGAAAGBNlneFrxZ/A6zNdjze6/22+A0AAHBSAjAAALB27goDp7Ydj/d655e9JpwBAIBVEoABAIBztIzCm93v6wHwPvO93pvx+LJ3O8ReAADgjAjAAABAibvCwFvt3+u9GSacAQCAAAEYAACo24zH18JXw4Q0XKLteAi9N/efu+FeLwAAECYAAwAAl8hdYejaDvd6AQCACyYAAwAAPLoeT+8Km5CG9Vre651D73aIvQAAwIUTgAEAAF7nrjCc3hR1b8ZD4HWvFwAA4BUCMAAAwO/bjKdReDNMSMNH2Y7HCWf3egEAAH6TAAwAAPAx3BWG33e7+LjXCwAA8AEEYAAAgMOao/DVMCHN5Zqi7n7o3Q6xFwAA4MMJwAAAAMc3z0bPr4VFYUrc6wUAADghARgAAGAd5glpd4U5J9vx9F7v9NurXgAAgBMSgAEAANZreVd4OSENxzZF3e1wrxcAAGD1BGAAAIDzM78Qnl8Lm5DmIz13r/d2AAAAcBYEYAAAgIb9u8Kb3Qdesx0PcXf6/rb4DQAAwJkSgAEAALqWE9LXw13hS7cd7vUCAADkCcAAAACXZRmFN7vf14OS/Xu933Z/i70AAAAXQAAGAABg4q7wedq/13szTDgDAABcNAEYAACAlyzvCl8t/uY0tuNp7HWvFwAAgP8QgAEAAPgd7gofx3Y83uudY68JZwAAAH5JAAYAAOAjXI+nd4VNSL/NfK/3ZvftXi8AAADvIgADAABwKO4KP+VeLwAAAAcnAAMAAHBMm/E4IX01uhPS2/EQem/uP3fDvV4AAACORAAGAADg1M79rvDtePqy171eAAAATkYABgAAYK2u7z9fxuN89KknpJf3eufQux1iLwAAACsiAAMAAHBOjnVXeIq6N+Mh8LrXCwAAwNkQgAEAADh384T0HIU34/cmpLfjIfBOL3rd6wUAAOCsCcAAAAAULe8KLyek3esFAAAg7f9nZzwBMIR+GwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 550px;
    width: 100%;
}

.duobgfive {
    background-image: url(data:image/png;base64,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AACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABAAAAAAAAIgRgAAAAAAAAgAgBGAAAAAAAACBCAAYAAAAAAACIEIABgP/auxfbtpUoiqL3dZAOzA6S/quwOxh18NxBIkQDDhXJ8UeRyMO1gAH1KWFjDgEAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAghAAMAAAAAAAAEEIABgAAAAAAAAghAAMAAAAAAACEEIABAAAAAAAAQgjAAAAAAAAAACEEYAAAAAAAAIAQAjAAAAAAAABACAEYAAAAAAAAIIQADAAAAAAAABBCAAYAAAAAAAAIIQADAAAAAAAAhBCAAQAAAAAAAEIIwAAAAAAAAAAhBGAAAAAAAACAEAIwAAAAAAAAQAgBGAAAAAAAACCEAAwAAAAAAAAQQgAGAAAAAAAACCEAAwAAAAAAAIQQgAEAAAAAAABCCMAAAAAAAAAAIQRgAAAAAAAAgBACMAAAAAAAAEAIARgAAAAAAAAgxH8FAAB8xrdf58fp+fTrTMP3HwUAvNf/p/M8PF9Pz3b6DQAAeCcBGAAA/o3pdI5B+PvwvR8A2JNWc9w9fj7UHHxbAQAANyMAAwDAY/Tbwt9reZu4PwFgS3rI7VH3pZbBFwAAuBMBGAAA1ucYgKfTMS8NwBqMM82t5lu8/bOZZgAAWAkBGAAAtme8KWxeGoBbaWfHTDMAAGyQAAwAAHl6HJ7q9w1i89IAHJlpBgCAHRCAAQBgX96al55KIAbYsmszzc/DfwAAQDgBGAAAGF2bl/b+YYB1aDUH3ePztebgK/ACAAACMAAA8CFTLW8Qm5cGuK1Wy1u8hzLTDAAAfIAADAAA3NKl28P9CMQA83t4x2OmGQAAuBkBGAAAuJfzeenxu3lpIEkrM80AAMCDCMAAAMBaTHV5Xrr/BrAWrf6caW7DAQAAeBgBGAAA2Arz0sC99Jnm5+GzmWYAAGATBGAAACDBeFP46fQ0Lw1c0yNuv8F7PGaaAQCACAIwAACwB1PNN4Uv3SAG8rSzM97gbQUAABBKAAYAAFjOS3+r5e1h89KwTuczzS+1vNULAACwSwIwAADA28xLw2Ncmmk+DJ/NNAMAAFwgAAMAAHzNeFPYvDR8TKvlLLOZZgAAgC8SgAEAAP6tHoen+n2D2Lw0e2KmGQAA4M4EYAAAgMfpYfja7WGBmLW7NtP8PPwHAADAHQnAAAAA63U+Lz1+9/5h7qXVHHSPz9eag6/ACwAAsDICMAAAwHZNwzEvzWe1Wt7iPdR8m7cVAAAAmyIAAwAA5BpvD09lXnqv+nt4x2OmGQAAIJQADAAAsE/mpbO0MtMMAABACcAAAABcNtXleen+G/fV6s+Z5h58WwEAAMCJAAwAAMBnXJqX9v7hz+sht0fdl1oGXwAAAHgXARgAAIBbG28KP52ee5+X7u/a7UH3eMw0AwAAcHMCMAAAAPd2/v7h6exsVTs7ZpoBAAC4OwEYAACAtRnj8BiLHz0vbaYZAACA1ROAAQAA2JK35qWn+logvjTTfBg+m2kGAABg9QRgAAAAkvxtXrrVcpbZTDMAAABRfgIe1z986nTC6AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    height: 670px;
    width: 100%;
}

.subduo-top-logo {
    width: 70px;

}

nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.bg-gray.navbar.navbar-expand-lg.navbar-light.bg-dark {
    padding: 2rem 1rem;
}

.duonavigation.navbar-nav {
    padding-left: 1.8%;
}

img.duosublogotop {
    max-width: 100%;
}

button.submainheaderduo {
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;
    font-size: 14px;
    font-weight: 600 !important;
    color: #fff !important;
    display: flex;
    height: 50px;
    justify-content: left;
    align-items: center;
    background: none;
    border: none;
    outline-style: none;
}

.mainhometextml {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 100px;
}

p.duotext {
    font-weight: 500;
    font-size: 42px;
    line-height: 65px;
    color: #fff;
}

span.duoyellow {
    color: #FFC000;
}

p.duobothtext {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding-top: 23px;
}

img.ml-top-img {
    width: 100%;
}

p.duoswtich {
    font-weight: 500;
    font-size: 37px;
    line-height: 52px;
    color: #000000;
    padding-bottom: 20px;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

ul.listduoicon {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZJQTFRFAAAA/8MA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8EA/8EA/8EA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/78A/8MA/8AA/8AA/8AA/8AA/8AA/78A/8EA/8AA/8AA/8EA/8IA/8EA/8AA/8AA/78A/8EA/8AA/8EA/8AA/8AA/8EA/8UA/8EA/8EA/8EA/8AA/8EA/8EA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8EA/8EA/8AA/8AA/8AA/8AA/8EA/8AA/8AA/8IA/8AA/8AA/8AA/8EA/8EA/8AA/8EA/8EA/8AA/8AA/8EA/8AA/8AA/8AA/8AA/8AA/8UA/78A/8EA/8AA/78A/8AA/8AA/8AA/8EA/8AA/8AA/8AA/8AA/8EA/8AA/8AA/8IA/8AA/8AA/8IA/8AA/8AA/8AA/8AA/8EA/8AA/8IA/8AA/8AA/8AA/8AA/8AA/8AA/8MA/78A/8EA/8AA/8UA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AARnDJ0AAAAIZ0Uk5TAAMeXrfv9ueoSQw0UWjdwGc8OlKZ7X4JEuSWp8lQGBgkpRAEac1LAhLPGyLhVwSDR37YW0gTxn85iT7oXQfzNPlGPNeLCDB1QwZM2Wcws5oU211jq8sMDJO0A3r7xz7iI0DwJGwyD5eyBZ0caOshnwxmwX04uVQYBDaPCFrU3vEVTFVEKAqnpXslAAAA9UlEQVR4nGNgYGBgZGJmYWVj5+DkYmDg5gEKMPDy8QsICgmLiIqJS0hKAQWkZWQZwEBOXoFFUYlBWUVVTR0iwqAhpanFwKCto6sHFWDQlzEAkoZGML66sagJE4spg5k5g4UlWMTK2sZWzs6ewcGRwcnZxZWBwU3UHSgs6sjg4MHg6eXto+fr5x8AEvFgCAwC0sHsuiGhYUBGuIMQQ0QkkBEVHRPrCzIrLj6BITEpGSSUkgoSSEvPyGRwzfLLhtnPkJMLks6TyfeF8AsKi4rBjJJSzbJyBoaKyir24mqInHhNLSt7XT07vy9cO0ODW2NTc0srmA0Arp8omwtrj7wAAAAASUVORK5CYII=);
    font-size: 14px;
    line-height: 24px;
    color: #5B5B5B;
}

li.liststyleli {
    padding-bottom: 10px;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

.duocard2 {
    padding-top: 15px;
}

img.duocards {
    max-width: 100%;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

p.enjoyduotext {
    font-weight: 500;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.duocard2 {
    padding-top: 15px;
}

.duocard2.duocard3 {
    padding-top: 37px;
}

img.duocards3rd {
    width: 85%;
}

.listduoiconsecond {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZJQTFRFAAAA/8MA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8EA/8EA/8EA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/78A/8MA/8AA/8AA/8AA/8AA/8AA/78A/8EA/8AA/8AA/8EA/8IA/8EA/8AA/8AA/78A/8EA/8AA/8EA/8AA/8AA/8EA/8UA/8EA/8EA/8EA/8AA/8EA/8EA/8EA/8AA/8AA/8AA/8AA/8AA/8AA/8EA/8EA/8AA/8AA/8AA/8AA/8EA/8AA/8AA/8IA/8AA/8AA/8AA/8EA/8EA/8AA/8EA/8EA/8AA/8AA/8EA/8AA/8AA/8AA/8AA/8AA/8UA/78A/8EA/8AA/78A/8AA/8AA/8AA/8EA/8AA/8AA/8AA/8AA/8EA/8AA/8AA/8IA/8AA/8AA/8IA/8AA/8AA/8AA/8AA/8EA/8AA/8IA/8AA/8AA/8AA/8AA/8AA/8AA/8MA/78A/8EA/8AA/8UA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AA/8AARnDJ0AAAAIZ0Uk5TAAMeXrfv9ueoSQw0UWjdwGc8OlKZ7X4JEuSWp8lQGBgkpRAEac1LAhLPGyLhVwSDR37YW0gTxn85iT7oXQfzNPlGPNeLCDB1QwZM2Wcws5oU211jq8sMDJO0A3r7xz7iI0DwJGwyD5eyBZ0caOshnwxmwX04uVQYBDaPCFrU3vEVTFVEKAqnpXslAAAA9UlEQVR4nGNgYGBgZGJmYWVj5+DkYmDg5gEKMPDy8QsICgmLiIqJS0hKAQWkZWQZwEBOXoFFUYlBWUVVTR0iwqAhpanFwKCto6sHFWDQlzEAkoZGML66sagJE4spg5k5g4UlWMTK2sZWzs6ewcGRwcnZxZWBwU3UHSgs6sjg4MHg6eXto+fr5x8AEvFgCAwC0sHsuiGhYUBGuIMQQ0QkkBEVHRPrCzIrLj6BITEpGSSUkgoSSEvPyGRwzfLLhtnPkJMLks6TyfeF8AsKi4rBjJJSzbJyBoaKyir24mqInHhNLSt7XT07vy9cO0ODW2NTc0srmA0Arp8omwtrj7wAAAAASUVORK5CYII=);
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 30px;
}

.liststylesec {
    padding-bottom: 20px;
}

p.duogettext {
    font-weight: 600;
    font-size: 24px;
    line-height: 27px;
    color: #000000;
}

p.duoswtich.duosavetext {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.duomobfirst {
    padding-top: 83px;
}

img.duomobimg {
    width: 90%;
}

.\33 rdduosection {
    padding-right: 52px;
}

p.duoswtich {
    font-weight: 500;
    font-size: 37px;
    line-height: 52px;
    padding-bottom: 0px;
}

ul.listduoicon.listduofourth {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 10px;
}

.liststylethird {
    padding-bottom: 15px;
}

.fifthduosection {
    padding-top: 80px;
    padding-bottom: 80px;
}

img.duocards {
    max-width: 100%;
}

p.duoportaltext {
    font-weight: 500;
    font-size: 37px;
    line-height: 52px;
    color: #FFFFFF;
    padding-top: 30px;
}

p.duowebtext {
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    padding-top: 15px;
}

img.duocards {
    max-width: 100%;
}

ul.listduoicon {
    padding-left: 20px;
    padding-right: 10px;
}

li.liststylesixth {
    padding-top: 15px;
}

img.duocard5 {
    width: 100%;
}

p.consumerduotext {
    font-weight: 500;
    font-size: 37px;
    line-height: 52px;
    text-align: center;
    color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 10px;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

p.duocard {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    padding-bottom: 12px;
    margin-bottom: 0rem;
}

p.duoget {
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 0rem;
}

p.duoread {
    font-size: 13px;
    line-height: 30px;
    color: #FFC000;
    padding-top: 10px;
}

.consumervideoduo {
    margin-top: 20px;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

p.duoissuertext {
    font-weight: 500;
    font-size: 37px;
    line-height: 52px;
    text-align: center;
    color: #000;
    padding-top: 0px;
    padding-bottom: 34px;
}

p.duopreposition {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    padding-bottom: 10px;
    padding-top: 15px;
    margin-bottom: 0px;
}

p.duoexplainer {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    padding-right: 83px;
}

button.duoissuerbutton {
    background-color: #FFC000;
    border: none;
    border-radius: 6px;
    text-align: center;
    margin-top: 28px;
    padding: 5px 15px;
    font-size: 14px;
}

.duobgsix {
    background-color: #F2F2F2;
    height: 400px;
}

.secondduosection {
    padding-top: 60px;
    padding-bottom: 80px;
}

img.duocards {
    max-width: 100%;
}

.duomainmobiletext {
    display: block;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 75px;
}

p.duotextport {
    font-size: 26px;
    line-height: 34px;
    padding-top: 25px;
    font-weight: 500;
}

p.duotextbank {
    font-weight: 500;
    font-size: 20px;
    line-height: 35px;
    color: #000000;
}

.store {
    display: inline-flex;
    text-align: center;
    padding-top: 103px;
    width: 166px;
}

img.duoplay {
    padding-left: 15px;
    max-width: 100%;
}

.nigeria.login.navbar-nav {
    position: absolute;
    right: -160px;
}

a.btn.btn-outline-danger.partneduologin.nav-link {
    width: 100%;
    padding: 15px;
}

















input.approvedhidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

button.footerhide {
    background-color: transparent;
    border: none;
    padding-left: 0px;
}

.d-flex.flex-row.checkmakuse {
    padding-right: 15px;
}


.partnerlogincross {
    padding-top: 30px;
    padding-left: 4em;
    padding-right: 4em;
    z-index: 310;
}

p.issuerborder {
    border: 5px solid #FDC002;
    margin-left: 4em;
    margin-top: 0em;

}

ul.duo1.mainfoot {
    margin-bottom: 0px !important;
}

.container.issuerproposition {
    padding-left: 0px;
    padding-right: 0px;
}

p.bottomparagraph {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    background-color: #000;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding-left: 4em;
    padding-right: 4em;
    margin-bottom: 0px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 10px;
}


p.proptext {
    color: #FDC002;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    padding-top: 0px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding-left: 4em;

}

p.proptext2 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    padding-top: 0px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding-right: 4em;

}

.footerissuer {
    margin-top: 1em;
}

.issuerapps {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15em;
    padding-right: 15em;
}


.col-md-3.bord {
    padding-left: 0px;
}

p.issuerborderwhite {
    border: 5px solid #fff;
    margin-top: 0em;
    margin-right: 4em;
}



a.btn.btn-outline-warning.signup.nav-link {
    color: #fff !important;
    background-color: #000;
    background-image: none;
    border-radius: 20px;
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

a.btn.btn-outline-warning.signup.nav-link:hover {
    color: #000 !important;
    background-color: #f5c005;
    border-radius: 20px;
}

.partnerlogincross {
    margin-top: 0;
}


.sign.partnersign {
    padding-top: 15px;
}

span.fa.fa-times.times {
    font-size: 30px;
    color: #f5c005;
}

nav.navpartner {
    padding: 0;
}

.sticky-top.stickynav {
    padding-bottom: 0px;
}

button.styles_scroll-to-top__2A70v {
    background-color: #FDC002;
}

a.navstyle {
    padding: .5rem 1rem;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 20px;
}

.issuerdark {
    padding-left: 4em;
    padding-right: 8em;
}

.issuerclass {
    background: #F7FAFD;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.aboutapp {
    background: #F7FAFD;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4em;
    padding-right: 4em;
}

.textviewissuer {
    color: #FDC002;
    font-size: 16px;
    padding-left: 10px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

p.textview2.issuertext {
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 0.5em;
}

.fotterfac {
    background-color: #000;
    margin-top: -1px;
}

.getduoapps {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15em;
    padding-right: 15em;
}

.active {
    color: #FDC002 !important;
}

.sticky-top.stickynav {}


a.navstyle:hover {
    color: #FDC002;
    background-color: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);
    border-radius: 20px;
}

a.navstyle.active {
    color: #FDC002;
}


/* sidebar header */

.error {
    color: red;
    text-align: left;
    font-weight: bold;

}

a.reportdown {
    color: #248fd0;
}

.privacy {
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 0.5em;
}

select.form-control.duoselpat {
    padding-top: 0rem;
    padding-bottom: 0rem;
    padding-left: 0.3rem;
}

input.form-control.partlog {
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0.3rem;
    height: 35px;
}

input.form-control.loginpass {
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0.3rem;
    height: 35px;
}

@-moz-document url-prefix() {

    select.form-control:not([size]):not([multiple]) {
        height: 35px;
        padding-right: 5px;
        background-image: url("data:image/svg+xml,\ <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='12px'\ height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\ <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\ </svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 7px) 50%;
        -moz-appearance: none;
        appearance: none;
    }

}

p.para4.setuserpin {
    padding-top: 90px;
}

.errorpinsuccess {
    color: green;
    font-weight: 600;
}

li.footerlist.comlist {
    line-height: 18px;

}

.errorMsg.errorotp {
    padding-top: 6px;
    font-weight: 600;
}

ul.duo1.duissu {
    margin-bottom: 0px;
}

li.footerlist.useduo {
    padding-bottom: 4px;
}

p.footerlist.getfooter {
    margin-bottom: 0.0rem;
    font-size: 15px;
}

.userpinapp {
    height: 510px;
}

p.dark-gray {
    margin-bottom: 6px;
    line-height: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

p.abcd {
    margin-bottom: 6px;
    line-height: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

p.abcde {
    margin-bottom: 6px;
    line-height: 19px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;
}

span.numbersmtd {
    font-size: 16px;
}

p.dark-gray.out {
    margin-bottom: 35px;
    font-size: 12px;
}



@-moz-document url-prefix() {

    ul.report {
        padding-bottom: 10px;
    }

}


.usernav.nav-link {
    color: #000 !important;
}



.usernav.nav-link:hover {
    color: #FDC002 !important;
    ;
    background-color: rgb(51, 51, 51) !important;
    border-color: rgb(51, 51, 51) !important;
    border-radius: 20px !important;

}

.sidebarnav {
    color: #000;
}


.btn.btn-warning.issuerpt {
    color: #000;
    background-color: #FDC002;
    border-color: #FDC002;
    border-radius: 8px;
    text-align: center;
    padding: 5px 30px 5px 30px;
    font-size: 14px;
    font-weight: 600;
}

.btn.btn-warning.form-submit {
    color: #000;
    background-color: #FDC002;
    border-color: #FDC002;
    border-radius: 8px;
    text-align: center;
    padding: 5px 30px 5px 30px;
    font-size: 16px;
    font-weight: 600;
}


/* end sidebar header */








/* body */

body {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
}


.btn.btn-outline-danger.logout.nav-link {
    margin-top: 16px;
}

.btn.btn-outline-danger.nav-link {
    font-weight: 500;
}


.row.duo-appps {
    padding-top: 40px;
    padding-left: 0px;
    padding-right: 0px;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 100%;
}

ul.navbarnav,
li.navbarlink,
li.navbarlink2 {
    list-style: none;
    color: #fff;
    display: inline-block;
    padding-left: 40px;
    margin-bottom: 0px;
}

.navbarlink2 {
    padding-right: 40px;
}

.nigeria.logout.navbar-nav {
    border-bottom: none;
}





/* end body  */

/* header-navbar  */

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.bg-dark {
    background-color: #000 !important;
}



.navbar-light .navbar-nav .nav-link {
    color: #fff;

}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;

}

button#dropdown-basic.active {
    color: #FDC002;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #FDC002;
}

a#collasible-nav-dropdown {
    color: #000;
    font-size: 12px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-right: 19px;
}

a#collasible-nav-dropdown:hover {
    color: #FDC002;
    background-color: #423f3f;
    border-radius: 8px;
}

a#collasible-nav-dropdown:active {
    color: #FDC002;
    background-color: #423f3f;
    border-radius: 8px;
}

.dropdown-item:hover {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #FDC002;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:active {
    color: #FDC002 !important;
    background-color: #423f3f !important;
    text-decoration: none;
}


.dropdown-item.active {
    color: #FDC002 !important;
    background-color: #423f3f !important;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
}


.navbar-light .navbar-nav .nav-link.userlink {
    color: #000;
    font-size: 12px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-right: 15px;

}



.errorMsg {
    color: red;
    text-align: center;
    font-weight: bold;
    padding-top: 6px;
}


.navbar-light .navbar-nav .nav-link.userlink:hover {
    color: #FDC002;
    background-color: #423f3f;
    border-radius: 8px;

}

a.btn.btn-outline-warning.nav-link:hover {
    color: #000;
    background-color: #FDC002;
}

.navbar-light .navbar-nav .nav-link.userlink.active {
    color: #FDC002;
    font-weight: bold;
    background-color: #423f3f;
    border-radius: 8px;
}

.imagepartner {
    background-color: #fff;
    padding: 1px 2px 2px 2px;
    border-radius: 4px;
}

a.activeheader {
    color: #FDC002;
}


.navbar-light .navbar-nav .nav-link:hover {
    color: #FDC002;
    background-color: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);
    border-radius: 20px;

}

.btn-outline-success {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
    margin-right: 6px;

}

.btn-outline-danger {
    color: #000 !important;
    background-color: #fff;
    background-image: none;
    border-radius: 20px;
    border: none;
    padding-top: 4px;
    padding-bottom: 4px;


}

.btn-outline-warning {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    border-radius: 20px;
    padding-top: 4px;
    padding-bottom: 4px;

}

.btn-outline-danger:hover {
    color: #000;
    background-color: #FDC002 !important;
    background-image: none;
    border-color: #FDC002;
    border-radius: 20px;

}

.btn-outline-success:hover {
    color: #fff;
    background-color: rgb(51, 51, 51);
    border-color: rgb(51, 51, 51);

}


.btn-outline-warning:hover {
    color: #000;
    background-color: #FDC002;
    background-image: none;
    border-color: #FDC002;
    border-radius: 20px;
}

.globe {
    padding-right: 7px;
}

.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {

    background-color: #ffc107;
    border-color: #ffc107;
    color: #000 !important;
    margin-right: 5px;
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    background-color: #FDC002;
    border-color: #FDC002;
    color: #000 !important;
}


.titlename {
    color: #FDC002;
    text-transform: capitalize;
}

/* end navbar */




/*start footer*/



#footer {
    display: table-row;
}

.footer__items,
.footer__logo {
    display: table-cell;
    vertical-align: top;

}

.row.footer-row {
    margin-left: 4em;
    margin-right: 4em;
}


.footer-section {
    background: #d4d4d4;
    position: relative;

}

.footer-cta {
    background: #000;
    border-bottom: 1px solid #000;
    position: relative;
}

.single-cta i {
    color: #ff5e14;
    font-size: 30px;
    float: left;
    margin-top: 8px;
}

.cta-text {
    display: inline-block;
}

.cta-text h4 {
    color: #FDC002;
    font-size: 14px;
    margin-bottom: 5px;
}

.pb-5,
.py-5 {
    padding-bottom: 1rem !important;
}

.pt-5,
.py-5 {
    padding-top: 1rem !important;
}

.cta-text span {
    color: white;
    font-size: 10px;
    text-align: justify;
    font-weight: 400;
    padding-top: 0px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 15px;
    display: block;
}

.footer-cta.pt-5.pb-5 {
    padding: 16px 0px 16px 0px;
}

img.footer__logo {
    border: 2px solid white;
    border-radius: 50%;
    padding: 4px;
}

img.footer__logoportal {
    border: 2px solid white;
    border-radius: 50%;
    padding: 1px;
}

p.para {
    text-align: center;
    color: #FDC002;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
}

p.para1 {
    padding-top: 12PX;
    color: #FDC002;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
}


.col-md-2.mob {
    padding-left: 0px;
    padding-right: 0px;
}

.col-xl-3.col-md-3.mb-30.foll {
    padding-left: 0px;
    padding-right: 0px;
}

ul.socialiconlist.play {
    padding-top: 3.2em;
    margin-bottom: 0px;
}

.footer-section2 {
    background-color: #000;
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 2em;
    padding-bottom: 2em;

}

li.socialicon.playapp {
    padding-right: 5px;
}


h3.head {
    font-size: 1.5rem;
    color: #FDC002;
    font-weight: 400;
    line-height: 1;
    padding-bottom: 15px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
}




.img-0 {
    display: inline-block;
}

li.socialicon {
    display: inline-block;
}

ul.socialiconlist {
    list-style: none;
    padding-left: 0px;
}

.fa {
    padding: 5px 17px 5px 0px;
    font-size: 15px;
    /* width: 50px; */
    text-align: center;
    text-decoration: none;
    /* margin: 0px 2px; */
}


.fa.fa-facebook.social {
    background-color: #49545d;
    color: white;
    border-radius: 50%;
    padding: 7px 11px 7px 11px;
    margin-right: 3px;
}

.fa.fa-twitter.social {
    background-color: #49545d;
    color: white;
    border-radius: 50%;
    padding: 7px 8px 7px 8px;
    margin-right: 3px;
}

.fa.fa-google.social {
    background-color: #49545d;
    color: white;
    border-radius: 50%;
    padding: 7px 8px 7px 8px;
    margin-right: 3px;
}

.fa.fa-linkedin.social {
    background-color: #49545d;
    color: white;
    border-radius: 50%;
    padding: 7px 8px 7px 8px;
}

p.para6 {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 6px;
    font-weight: 400;
}

ul.duo1 {
    font-size: 15px;
    color: black;
    padding-inline-start: 3px;
    margin-bottom: 0px;
}



li.footerlist {
    list-style: none;
}

p.duo2 {

    font-size: 12px;
    font-weight: 600;
    color: black;
}



.footerlist {
    line-height: 1.7rem;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
}



/*end footer*/

/*start-consumer*/

.consumrslide {

    padding-left: 4em;
    padding-right: 4em;
    padding-bottom: 0px;
}

img.consumer-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.consumervideo {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
    height: 38em;
}

.videopadding {
    padding-left: 5px;
    padding-right: 5px;
}



.consumer-text {
    width: 100%;
    padding-top: 0px;
    font-size: 16px;
    margin: auto;
    vertical-align: middle;
    font-weight: 400;
}

.consumer-text-1 {
    padding-top: 10px;
    font-size: 16px;
    margin: auto;
    vertical-align: middle;
    font-weight: 400;
}

.textview {
    color: #FDC002;
    padding-bottom: 10px;
    font-size: 16px;
    background-color: #000;
    padding-left: 10px;
    padding-top: 10px;
}

.textview2 {
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    padding-top: 0px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;
    padding-bottom: 5px;
}


.consumer-text-2 {

    padding-top: 10px;
    font-size: 16px;
    margin: auto;
    vertical-align: middle;
    font-weight: 400;
}



.consumer-text-3 {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    margin: auto;
    vertical-align: middle;
}



li.app {
    display: inline-block;
    padding-bottom: 40px;
    padding-right: 19px;
}


a.btn.btn-warning.get-duo {
    padding: 3px 16px 3px 16px;
    font-weight: 600;
    font-size: 12px;

}

.logo2 {
    text-align: center;
    padding-left: 0px;
}





/*end-consumer*/


/*start-issuer*/


img.issuer-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


p.para3 {
    padding-top: 20px;
    font-size: 16px;
    text-align: center;
}


.issuer {

    padding: 39px 0px 25px 0px;
}



.react-player-issuer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px !important;
    height: 300px !important;
}

.cons1-img {
    width: 30%;
}


/*end-issuer*/


/* start form*/



.form-group.form-field {
    margin-bottom: 15px;
}

textarea {
    background-color: #d4d4d4;
    background-image: none;
    border: 1px solid #c1bebe;
    border-radius: 4px;
    width: 100%;
    height: 165px;
}


.submit {
    text-align: center;
    margin-top: 15px;
}



/*end form*/


/*about*/

.about {
    font-size: 14px;
    text-align: justify;
    font-weight: 400;
    padding-top: 10px;
    font-family: UberMoveText, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 24px;

}


.about-list {
    padding-inline-start: 16px;
}

/*end-about*/



/*partner login*/

.para4 {
    font-weight: 600;
    color: black;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}

.forgot {
    float: right;
}

.btn.btn-warning.sign-in {
    color: #FDC002;
    background-color: #000;
    border-color: #000;
    border-radius: 8px;
    text-align: center;
    padding: 5px 65px 5px 65px;
    font-size: 16px;
    font-weight: 600;
}

.sign {
    text-align: center;
    padding-top: 0px;
    list-style: none;
    padding-left: 0px;
}

a.btn.btn-warning.login {
    padding: 2px 15px 2px 15px;
    margin-top: -6px;
    color: black;
    background-color: white;
    border-color: black;
    border-radius: 8px;
}

a.btn.btn-warning.login.active-2 {
    color: black;
    background-color: #ffb825;
    border-color: #ffb825;
    border-radius: 8px;
    padding: 2px 15px 2px 15px;
    font-weight: 600;
}

.otp {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 15px;
}

.btn.btn-warning.otpbutton {
    color: #000;
    background-color: #FDC002;
    border-color: #FDC002;
    border-radius: 8px;
    text-align: center;
    padding: 5px 30px 5px 30px;
    font-size: 16px;
    font-weight: 600;
}

.btn.btn-warning.sign-up {
    color: #FDC002;
    background-color: #8e8c8c;
    border-color: #8e8c8c;
    border-radius: 8px;
    text-align: center;
    padding: 5px 63px 5px 63px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}


#signinotp {
    display: none;
}

.btn.btn-warning.issue-part {
    color: #FDC002;
    background-color: #8e8c8c;
    border-color: #8e8c8c;
    border-radius: 11px;

    padding: 5px 69px 5px 69px;
}


p.para5 {
    margin-top: 20px;
    font-weight: 600;

}



.col-md-4.existing-user {
    border-right: 1px solid gray;
    padding-bottom: 59px;
}



.col-md-4.new-user {
    border-right: 1px solid gray;

}

.btn.btn-warning.issue-partner {
    color: black;
    background-color: #b2b2b2;
    border-color: #b2b2b2;
    padding: 5px 15px 5px 15px;
}


.divi {
    padding: 118px 10px 0px 25px;
}

.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;

    color: #555555;
    background-color: #d4d4d4;
    background-image: none;
    border: 1px solid #c1bebe;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
    color: black;
    font-size: 15px;

}

.form-group {
    margin-bottom: 5px;
}

.partner-height {
    height: 610px;
    background-color: #fff;
    padding-bottom: 10px;
}


/* end partner login*/



/*Get app*/

.get-app {

    padding: 40px 0px 0px 0px;
    margin-left: 10%;
}


.para8 {
    color: black;
    font-size: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;


}


.para9 {
    font-weight: 600;
    color: black;
    font-size: 12px;
    margin-top: 40px;
    padding-bottom: 30px;
}


.banksname {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 40px;
    text-align: center;

}

h6.parts {
    text-align: center;
    padding-bottom: 0px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;

}

.partnerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.paraborder {
    background-color: #FDC002;
    width: 50px;
    height: 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-top: 5px;
}

.ourpart {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 52px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}

.ourpart1 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 80px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}

.ourpart2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 86px;
    border-radius: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 10%);
}



/*end get app*/


/*start-profile*/

li.profile-list {
    color: #fbb40a;
    list-style-type: none;

}


a.btn.btn-warning.profile-img {
    padding: 1px 11px 1px 11px;
    margin-bottom: 4px;
    color: black;
    background-color: white;
    border-color: black;
}

a.btn.btn-warning.profile-img :hover {
    padding: 1px 11px 1px 11px;
    margin-bottom: 4px;
    color: black;
    background-color: white;
    border-color: black;
    border-radius: 8px;

}

span.profile-name {
    color: white;
    font-size: 10px;

}







/*end arrow buttons*/





a {
    transition: background 0.2s, color 0.2s;
}

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

#wrapper {
    padding-left: 0;
    transition: all 0.5s ease;
    position: relative;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: linear-gradient(#fbfafa, #c5c5c1);
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}



a.active-3 {
    height: 38px;
    width: 219px;
    color: #ffffff;
    background-color: #747474;
    position: relative;
    display: inline-block;
    line-height: 1.3;
    padding-left: 17px;
    padding-top: 4px;
}

a.active-3:after {
    position: absolute;
    right: -20px;
    top: 0;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 1px 19px 19px;
    border-color: transparent transparent transparent #747474;
}

a.active-3:hover {

    background-color: #747474;
    color: white;
}

a.active-3:hover:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 1px 19px 19px;
    border-color: transparent transparent transparent #747474;

}



a.active-4 {

    color: black;

}



a.active-5 {
    height: 38px;
    width: 219px;
    color: #ffffff;
    background-color: #747474;
    position: relative;
    display: inline-block;
    line-height: 1.3;

    padding-top: 11px;
}

a.active-5:after {
    position: absolute;
    right: -20px;
    top: 0;
    content: " ";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 1px 19px 19px;
    border-color: transparent transparent transparent #747474;
}

a.active-5:hover {

    background-color: #747474;
    color: white;
}

a.active-5:hover:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 19px 1px 19px 19px;
    border-color: transparent transparent transparent #747474;

}

.signuptext {
    font-weight: 600;
    color: black;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px !important;
}

.col-md-4.issuersec {
    padding: 0px;
}




/*profile*/

img.profile-i {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: auto; */
    /* margin-top: 50px; */
}

a {
    color: #0a0a0b;
    text-decoration: none;
}

p.profile-contents {
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
    color: black;

    margin-left: auto;
    margin-right: auto;
}

p.profile-content {
    font-size: 12px;
    margin-top: 20px;
    font-weight: 600;
    color: black;
    width: 11em;
    margin-left: auto;
    margin-right: auto;
}

p.profile-content1 {
    font-size: 12px;
    margin-top: 20px;
    font-weight: 600;
    color: black;
    width: 27em;
    margin-left: auto;
    margin-right: auto;
}


p.profile-contents2 {
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
    color: black;

    margin-left: auto;
    margin-right: auto;
}



button.btn.btn-warning.buttonreport {
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    padding: 5px 65px 5px 65px;
}

.profile-content-div {
    padding-top: 132px;
    height: 600px;
}



/* end profile*/






/*startrequest dcp*/

.col-md-1.space {
    padding-left: 0px;
    padding-right: 6px;
}


.btn.btn-warning.add-more {
    color: #ffb825;
    background-color: #8e8c8c;
    border-color: #8e8c8c;
    border-radius: 8px;
    text-align: center;
    padding: 5px 15px 5px 15px;
}

/*end request dcp*/


/*start-view-card*/


.abcd {

    background-color: #fbb40a;
    color: black;
    text-align: center;

}

.abcde {
    background-color: black;
    color: white;
    text-align: center;
}

.gray {
    background-color: #b2b2b2;
    color: black;
    text-align: center;
}

.dark-gray {
    background-color: #6c6c6c;
    color: #fff;
    text-align: center;
}

p.text-2 {
    font-size: 13px;
    color: black;
    text-align: center;
    font-weight: bold;
}

.form-control.uploadform.preupload {
    height: 35px;
}

input.btn.btn-warning.pin.presubmit {
    margin-top: 15px;
}



caption.text-2 {

    font-size: 13px;
    color: black;

    text-align: center;
}


ul.down-report {
    list-style-type: square;
    color: black;
    font-size: 12px;
    font-weight: 600;

}

li.report-list {
    list-style-type: none;
}

li.report-list:before {

    content: '\00b7';
    font-size: 74px;
    line-height: 26px;
    vertical-align: middle;
    color: #fbb40a;
}


caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: top;
}

/* select.form-control:not([size]):not([multiple])
{
  height:30px;
  padding-left: 6px;

} */
/*end-view card*/

.col-xs-3.col-sm-3.col-md-3.stackedchart {
    padding: 0px;

}



/*mobil app media query*/


/* mobil app media query */

.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 24px;
    color: #fff;
    display: none;
    text-align: center;

}

.col-md-5.portduo {
    padding-right: 0px;
}

.col-md-9.portduo1 {
    padding: 0px;
}

.d-flex.flex-row.mb-3.viewduo {
    background-color: #C5F0FF;

    padding-bottom: 10px !important;
    padding-top: 5px !important;
}



.apexcharts-text tspan {
    font-family: inherit;
    top: -13px !important;

}






.col-xs-12.col-xl-5.col-md-5.stackedchart {
    padding: 0px;
}

.fa.fa-arrow-right {
    font-size: 25px;
    color: #4e88b4;
    padding-top: 249px;
}


.ytp-title-text {
    white-space: nowrap;
    word-wrap: normal;
    display: none !important;
}

.ytp-title-enable-channel-logo .ytp-title {
    min-height: 52px;
    display: none !important;
}

.ytp-title {
    overflow: hidden;
    flex: 1;
    display: none !important;
}

.stackedchart1 {
    background-color: #f1f0ef;
    border: 1px solid gray;
    margin-top: 10px;
    padding-left: 10px;
}

.stackedchart2 {
    background-color: #f1f0ef;
    border: 1px solid gray;
    margin-top: 10px;

}

.stackedchart3 {
    background-color: #f1f0ef;
    border: 1px solid gray;
    margin-top: 10px;
    padding-top: 10px;

}

.col-md-5.stackedchart {
    padding-left: 13px;
    padding-right: 0px;
}



.col-xs-1.col-sm-1.col-md-1.stackedchart {
    padding: 0px;
    text-align: center;
}

.col-md-4.port {
    padding-right: 0px;
}


.col-xs-12.col-xl-6.col-md-12.stackedchart4 {
    background-color: #f1f0ef;
    margin-bottom: 30px;
    border: 1px solid gray;
    margin-left: 0px;
    padding-top: 10px;
}

.chartpie4 {
    padding-left: 15px;
}

.chartview {
    background-color: #f1f0ef;
    margin-bottom: 15px;
    border: 1px solid gray;
    padding-top: 5px;
    margin-top: 20px;
    padding-bottom: 0px;
}

.tableview {
    background-color: #f1f0ef;
    margin-bottom: 10px;
    border: 1px solid gray;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;


}

ul.report {
    list-style-type: square;
    font-size: 14px;
    color: #fbb40a;
    font-weight: bold;
    padding-bottom: 0px;
    padding-left: 20px;
}



.row.req {
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 40px;
    height: 720px;
}



.titleview {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #b94949;
    padding-bottom: 12px;
    margin: 0px;
    padding-top: 4px;

}


.listtable {
    padding: 0px;
    list-style: none;
    padding-top: 27px;
    font-size: 12px;
    margin-bottom: 0px;
}

li.list1 {
    padding-top: 1px;
    background-color: #1d3265;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}

li.list3 {
    padding-top: 1px;
    background-color: #5fa038;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}


li.list4 {
    padding-top: 1px;
    background-color: #4a88c9;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}

li.list5 {
    padding-top: 1px;
    background-color: #fbb40a;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}

li.list6 {
    padding-top: 1px;
    background-color: #949494;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}


li.list7 {
    padding-top: 1px;
    background-color: #e66826;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}

li.list8 {
    padding-top: 1px;
    background-color: #355bb8;
    border: 1px solid gray;
    text-align: center;
    color: #fff;
    padding-bottom: 1px;
}


li.list2 {
    padding-top: 0px;
    background-color: transparent;
    text-align: center;
}



.col-md-6.port3 {
    padding-left: 0px;
}

.table td,
.table th {
    padding: .4rem;

}

.table-bordered td,
.table-bordered th {
    border: 4px solid #fff;
}

.report1 {
    padding-bottom: 3px;
}


.back {
    background-color: #dcecd0;
    height: auto;
    padding-bottom: 10px;
    margin: 0px 15px;
}



.row.listone {
    margin: 0px;
}

.col-md-6.chartstacked {
    padding: 0px;
}

.signup {
    text-align: center;
    padding-top: 12px;
    list-style: none;
    padding-left: 0px;
    padding-bottom: 20px;
}

.container.bottomrow {
    margin-bottom: 20px;
}



.apexcharts-series {
    position: relative;
    top: -14px !important;
}

#chart {
    height: 372px;
}

#chart3 {
    height: 363px;
}

#chart1 {
    height: 300px;
}

.forgotpasswordchange {
    padding-top: 100px;
    background-color: white;
    background-image: #fff;
    position: relative;
}

.btn.btn-warning.partnerbutton {
    color: #FDC002;
    background-color: #000;
    border-color: #000;
    border-radius: 8px;
    text-align: center;
    padding: 5px 40px 5px 40px;
    font-size: 16px;
    font-weight: 600;
}

.headerpass {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 50px;
    text-align: center;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

h6.duochange1 {
    font-size: 11px;
    padding-top: 5px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

p.chartcode {
    font-size: 12px;
    text-align: center;
    background-color: #7030A0;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartcode1 {
    font-size: 12px;
    text-align: center;
    background-color: #355bb8;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartcode2 {
    font-size: 12px;
    text-align: center;
    background-color: #e66826;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}


p.chartcode3 {
    font-size: 12px;
    text-align: center;
    background-color: #949494;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartsubcode {
    font-size: 12px;
    text-align: center;
    background-color: #FDC002;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartsubcode1 {
    font-size: 12px;
    text-align: center;
    background-color: #4a88c9;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartsubcode2 {
    font-size: 12px;
    text-align: center;
    background-color: #5fa038;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartsubcode3 {
    font-size: 12px;
    text-align: center;
    background-color: #1d3265;
    border: 2px solid #EF2100;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

.duochange1.dpd {
    padding-top: 19px;
}

.p-2.bd-highlight.portdel {
    width: 20%;
}

.nmndel {
    font-size: 12px;
    height: 130px;
    text-align: center;
    padding-top: 70px;
    font-weight: 600;
    color: #b94949;

}

.chartheader {
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0px;
}

.chartheader1 {
    font-size: 12px;
    text-align: center;
    font-weight: 600;

}

.col-md-6.col-lg-3.port3 {
    padding-left: 15px;
}



.p-2.bd-highlight.chartflex {
    width: 25%;
    background-color: #C5F0FF;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}

.p-2.bd-highlight.chartflexa {
    width: 25%;
    background-color: #C5F0FF;
    padding-left: 0px;
    margin-right: 5px;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}

.p-2.bd-highlight.chartflex1 {
    width: 25%;
    background-color: #ffe0d2;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}

.p-2.bd-highlight.chartflex1a {
    width: 25%;
    background-color: #ffe0d2;
    padding-left: 0px;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}


.p-2.bd-highlight.chartflex2 {
    width: 20%;
    background-color: #ffeec9;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}

.p-2.bd-highlight.chartflex2a {
    width: 20%;
    background-color: #ffeec9;
    padding-left: 0px;
    margin-right: 5px;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}


h6.duochangea {
    font-size: 10px;

    color: #000;
    text-align: center;
    font-weight: bold;
}


.p-2.bd-highlight.chartflex3 {
    width: 19%;
    background-color: #dcedd6;
    padding-bottom: 1rem !important;
    padding-top: 0.7rem !important;
}


.col-md-7.portcolb {
    padding-left: 2px;
    padding-right: 20px;
}

.d-flex.flex-row.mb-3.viewduochart {
    padding-left: 5px;
    padding-right: 5px;

}

.col-md-6.duocredit {
    padding-left: 0px;
}

h6.duochangeout {
    font-size: 10px;
    /* padding-top: 4px; */
    color: #000;
    text-align: center;
    font-weight: bold;
}


.d-flex.flex-row.mb-3.viewduochart1 {
    background-color: #C5F0FF;
    margin-right: 0px;
    padding-bottom: 10px !important;
    padding-top: 5px !important;
}

.d-flex.flex-row.mb-3.rightdiv1 {
    background-color: #C5F0FF;
    margin-right: 10px;
    padding-bottom: 10px !important;
    padding-top: 5px !important;
}

.stackedchartview1 {
    background-color: #f1f0ef;
    border: 1px solid gray;
    margin-top: 10px;
    padding-bottom: 0px;
}

.col-md-3.chartpie4 {
    margin-top: -112px;
}


p.chartduoa {
    font-size: 12px;
    text-align: center;
    background-color: #000;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduob {
    font-size: 12px;
    text-align: center;
    background-color: #08154e;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduoc {
    font-size: 12px;
    text-align: center;
    background-color: #229fec;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduod {
    font-size: 12px;
    text-align: center;
    background-color: #e66826;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}


p.chartduotran {
    font-size: 12px;
    text-align: center;
    background-color: #949494;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}


p.chartduorevol {
    font-size: 12px;
    text-align: center;
    background-color: #fbb40a;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduohard {
    font-size: 12px;
    text-align: center;
    background-color: #1aa43f;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduomedium {
    font-size: 12px;
    text-align: center;
    background-color: #82c93f;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}

p.chartduosoft {
    font-size: 12px;
    text-align: center;
    background-color: #badba5;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px;
}



/*media query*/


@media only screen and (width: 1024px) {
    .form-group.pinfile {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 200px;
    }

    .chartpie4 {
        margin-top: -125px !important;
    }

    ul.report {
        padding-bottom: 3px;
    }

}










@media (min-width:320px) {

    .duonavigation.navbar-nav {
        padding-left: 0px;
        padding-top: 20px;
    }

    button.submainheaderduo {
        border-bottom: 1px solid #fff;
    }

    .duobgfour {
        height: 600px;
    }

    .nigeria.login.navbar-nav {
        position: absolute;
        right: 216px;
        border-bottom: none;
    }


    p.duotext {
        font-size: 30px;
        line-height: 40px;
    }

    .duomainmobiletext {
        padding-top: 24px;
    }

    p.duoswtich {
        font-size: 26px;
        line-height: 34px;
    }

    p.enjoyduotext {
        text-align: left;
        margin-bottom: 0px;
        padding-top: 35px;
    }

    .duobgthird {
        height: 1050px;
    }

    .secondduosection {
        padding-top: 30px;
    }

    .\33 rdduosection {
        padding-right: 17px;
        padding-left: 15px;
    }

    p.duoswtich {
        font-size: 26px;
        line-height: 34px;
    }

    p.duogettext {
        padding-top: 5px;
        font-size: 22px;
    }

    .duomobfirst {
        padding-top: 30px;
    }

    p.duoportaltext {
        font-size: 26px;
        line-height: 34px;
        padding-top: 25px;
    }

    .fifthduosection {
        padding-left: 15px;
        padding-right: 15px;
    }

    .secondduosection {
        padding-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .duobgfive {
        height: 1800px;
        padding-right: 15px;
    }

    p.consumerduotext {
        font-size: 26px;
        line-height: 34px;
        padding-top: 70px;
    }

    p.duoissuertext {
        font-size: 26px;
        line-height: 0px;
        padding-top: 0px;
    }

    .duobgsix {
        height: 642px;
    }

    .store {
        padding-top: 22px;
        width: 145px;
    }

    ul.socialiconlist.play {
        padding-top: 3.2em;
        margin-bottom: 0px;
        width: 275px;
    }

    .mainhometextml {
        padding-top: 20px;
    }

    .duo-top-pic {
        width: 305px;
        padding-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .duobg {
        height: 650px;
    }




    a.navstyle:hover {
        color: #FDC002;
        background-color: transparent !important;
        border-color: transparent !important;
        border-radius: none !important;
    }

    .nigeria.navbar-nav {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #424040;
        display: block;
    }

    .partnerlogincross {
        padding-left: 1em;
        padding-right: 1em;
    }

    .para4 {
        padding-top: 30px;
    }

    .slide1st3 {
        width: 100%;
    }

    .slide1st2 {
        width: 100%;
    }

    .slide1st {
        width: 100%;
    }

    img.sliderimage {
        width: 100%;
    }

    .switchtext {
        padding-bottom: 0em;
    }


    h3.head {
        padding-bottom: 0px;
    }

    ul.duo1 {
        margin-bottom: 1em;
    }

    ul.duoiss {
        font-size: 15px;
        color: black;
        padding-inline-start: 3px;
        margin-bottom: 1em;
    }

    .col-xl-3.col-md-3.mb-30.foll {
        padding-left: 15px;
        padding-right: 0px;
    }

    .about {
        padding-left: 1em !important;
        padding-right: 1em !important;
        padding-top: 0px;
    }

    .footer-section2 {
        padding-left: 1em;
        padding-right: 1em;
    }

    .getduoapps {
        padding-left: 1em;
        padding-right: 1em;
    }

    .consumrslide {
        padding-left: 2em;
        padding-right: 2em;
    }

    .consumervideo {
        margin-bottom: 1em;
    }

    .issuerclass.issuerindex {
        padding-left: 1em;
        padding-right: 1em;
    }

    .react-slideshow-container {
        padding-top: 20px;
        padding-bottom: 0px;
    }


    .firststslider {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 25px;
    }

    .image-container {
        text-align: center;
        padding-top: 0px;
        padding-right: 1em;
        padding-left: 1em;
    }

    h2.slider-text2 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
        width: 100%;
    }

    .switchtext {
        width: 100%;
    }

    h2.slider-text {
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
    }

    h2.slider-text3 {
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
        width: 100%;
    }



    a.navstyle {
        padding-top: 18px;
        padding-bottom: 18px;
        border-bottom: 1px solid #424040;
        border-radius: 0px;
    }

    .issuerclass {
        height: auto;
        padding-left: 0%;
        padding-right: 0%;
    }

    .aboutapp {
        padding-left: 0%;
        padding-right: 0%;
    }

    .row.footer-section-row {
        margin-left: 0%;
        margin-right: 0%;
    }

    .consumer-text-1 {
        padding-top: 5px;
    }

    .textview2 {
        padding-top: 0px;
        padding-bottom: 15px;
    }


    .row.footer-row {
        margin-left: 5%;
        margin-right: 5%;
    }


    .issuerdark {
        padding-left: 1em;
        padding-right: 1em;

    }

    p.textview2.issuertext {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        margin-bottom: 0px;
    }

    .issuerprovideo {
        padding-left: 1em;
        padding-right: 1em;
    }

    .row.footer-row {
        margin-left: 1em;
        margin-right: 1em;
    }

    .issuerapps {
        padding-left: 1em;
        padding-right: 1em;
    }

    .ourpart,
    .ourpart1,
    .ourpart2 {
        margin-bottom: 15px;
        margin-left: 1em;
        margin-right: 1em;
    }

    p.bottomparagraph {
        padding-left: 1em;
        padding-right: 1em;
    }

    p.bottomparagraph {
        line-height: 22px;
    }

    .footer__logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5em;
    }

    .footer__logoportal {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.5em;
    }


    .cta-text h4 {
        text-align: left;
        margin-top: 1em;
        margin-bottom: 0px;
    }

    .cta-text span {
        text-align: left;
    }

    p.issuerborder {
        margin-left: 1em;
        margin-right: 1em;
    }

    p.proptext {
        padding-left: 1em;
        padding-right: 1em;
        line-height: 20px;
    }

    p.para1 {
        padding-top: 0px;
    }

    p.issuerborderwhite {
        margin-right: 1em;
        margin-left: 1em;
    }

    p.proptext2 {
        line-height: 20px;
        padding-right: 1em;
        padding-left: 2em;
    }

}

@media (min-width:576px) {

    img.duocards {
        max-width: 70%;
    }

    .duobgfour {
        height: 700px;
    }


    .col-sm-2.col-md-12.col-xl-2.mob {
        margin-top: 1em;
    }

    .col-sm-2.col-md-12.col-xl-2.mob2 {
        margin-top: 1em;
    }

    .ourpart1 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ourpart2 {
        padding-left: 5px;
        padding-right: 5px;
    }


}

@media (min-width:768px) {

    p.enjoyduotext {
        text-align: center;
    }

    img.duocards {
        max-width: 100%;
    }

    .duomainmobiletext {
        padding-top: 24px;
    }

    .duobg {
        height: 490px;
    }

    .duocard2 {
        padding-top: 77px;
    }

    .secondduosection {
        padding-bottom: 25px;
    }

    .duobgthird {
        height: 630px;
    }

    .duocard2.duocard3 {
        padding-top: 132px;
    }

    .duomobfirst {
        padding-top: 175px;
    }

    .duobgfour {
        height: 382px;
    }

    .duocard5 {
        padding-top: 60px;
    }

    .duobgfive {
        height: 1045px;
    }

    .store {
        padding-top: 80px;
        width: 115px;
    }

    .duobgsix {
        height: 280px;
    }
}






@media (min-width:767px) {

    .cta-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    img.sliderimage {
        width: 100%;
        height: auto;
    }

    .slide1st2 {
        width: 100%;
        padding: 15px 30px 20px 45px;
        margin-top: 0px;

    }

    .slide1st {
        width: 100%;
        padding: 15px 30px 20px 45px;
        margin-top: 0px;
    }

    .slide1st3 {
        width: 100%;
        padding: 15px 30px 20px 45px;
        margin-top: 0px;
    }



    p.proptext {
        padding-left: 4em;
        padding-right: 4em;
    }

    .row.footer-row {
        margin-left: 4em;
        margin-right: 4em;
    }

    p.issuerborder {
        margin-left: 4em;
        margin-right: 0em;
    }

    p.issuerborderwhite {
        margin-right: 4em;
        margin-left: 0em;
    }

    p.textview2.issuertext {
        padding-left: 4em;
        padding-right: 4em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    p.proptext2 {
        line-height: 20px;
        padding-right: 4em;
        padding-left: 0em;
    }

    .issuerapps {
        padding-left: 4em;
        padding-right: 4em;
    }

    p.bottomparagraph {
        padding-left: 4em;
        padding-right: 4em;
    }

    .mob {
        padding-left: 0px;
        padding-right: 0px;
    }


    .mob2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .issuerdark {
        padding-left: 4em;
        padding-right: 4em;
    }

}

@media (min-width:1199px) {
    button.submainheaderduo {
        border-bottom: none;
        font-size: 11px;
    }

}


@media (min-width:992px) {

    button.submainheaderduo {
        border-bottom: none;
        font-size: 10px
    }

    a.btn.btn-outline-danger.partneduologin.nav-link {
        font-size: 10px;
    }

    .duonavigation.navbar-nav {
        padding-left: 0px;
        padding-top: 0px;
    }

    .nigeria.login.navbar-nav {
        right: 18px;
    }

    p.duoissuertext {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
        padding-top: 0px;
    }

    .duobgsix {
        height: 345px;
    }

    img.duocards {
        max-width: 100%;
    }

    p.consumerduotext {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
        padding-top: 20px;
    }

    p.duoportaltext {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
    }

    p.duoswtich {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
    }

    p.duoswtich {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
    }

    p.duoswtich {
        font-weight: 500;
        font-size: 37px;
        line-height: 52px;
    }

    p.duotext {
        line-height: 49px;
        font-size: 35px;
    }

    .duo-top-pic {
        width: 540px;
    }

    .mainhometextml {
        padding-top: 100px;
    }

    .duobg {
        height: 700px;
    }

    .duocard2 {
        padding-top: 33px;
    }

    .duocard2.duocard3 {
        padding-top: 45px;
    }

    .duomobfirst {
        padding-top: 83px;
    }

    .duocard5 {
        padding-top: 16px;
    }

    .duobgfive {
        height: 670px;
    }

    p.enjoyduotext {
        padding-top: 0px;
    }

    .duobgthird {
        height: 615px;
    }




    a.navstyle:hover {
        color: #FDC002 !important;
        background-color: rgb(51, 51, 51) !important;
        border-color: rgb(51, 51, 51) !important;
        border-radius: 20px !important;
    }

    a.navstyle {
        padding: .5rem 1rem;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        background-color: #000;
        border-color: #000;
        border-radius: 20px;
    }

    a.navstyle.active {
        padding: .5rem 1rem;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        background-color: transparent !important;
        border-color: #000;
        border-radius: none !important;
    }



    .nigeria.navbar-nav {
        padding-top: 0px;
        padding-bottom: 0px;
        border-bottom: none;
        display: block;
    }


}

@media (min-width:1199px) {

    button.submainheaderduo {
        font-size: 12px;
    }

    a.btn.btn-outline-danger.partneduologin.nav-link {
        font-size: 12px;
    }

    p.duotext {
        font-weight: 500;
        font-size: 42px;
        line-height: 65px;
    }

    .duobgsix {
        height: 400px;
    }

    .store {
        width: 160px;
    }

    .secondduosection {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .duobgfour {
        height: 500px;
    }


    .issuerapps {
        padding-left: 15em;
        padding-right: 15em;
    }

    .footer-section2 {
        padding-left: 4em;
        padding-right: 4em;
    }

    .col-xl-3.col-md-3.mb-30 {
        padding-left: 0px;
    }

    .row.consumer {
        margin-bottom: 20px;
    }

    .consumrslide {
        padding-left: 4em;
        padding-right: 4em;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .issuerclass.issuerindex {
        padding-left: 4em;
        padding-right: 4em;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .getduoapps {
        padding-left: 15em;
        padding-right: 15em;
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .about {
        padding-left: 4em !important;
        padding-right: 4em !important;

    }

    .aboutapp {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .cta-text span {
        text-align: left;
    }

    .footer__logoportal {
        margin-top: 0em;
    }

    .footer__logo {
        margin-top: 0em;
    }

    .switchtext.titto {
        padding-bottom: 0px;
        width: 90%;
    }

    .switchtext {
        padding-right: 0em;
        width: 80%;
        padding-left: 4em !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .firststslider {
        padding-left: 4em;
        padding-right: 0em;
        padding-bottom: 25px;
    }

    img.sliderimage {
        width: 70%;
        height: auto;
    }

    .slide1st {
        width: 80%;
        padding: 15px 30px 20px 45px;
        margin-top: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slide1st2 {
        width: 80%;
        padding: 15px 30px 20px 45px;
        margin-top: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slide1st3 {
        width: 90%;
        padding: 15px 30px 20px 45px;
        margin-top: 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    h2.slider-text {
        text-align: left;
        padding-left: 0em;
        padding-right: 0em;
    }

    h2.slider-text3 {
        text-align: left;
        padding-left: 0em;
        padding-right: 0em;
    }

    .mob2 {
        padding-left: 0px;
        padding-right: 15px;
    }

    .col-sm-2.col-md-12.col-xl-2.mob {
        margin-top: 0em;
    }

    .cta-text h4 {
        text-align: left;
        margin-top: 0em;
        margin-bottom: 5px;
    }

    p.issuerborder {
        margin-left: 4em;
        margin-right: 1em;
    }



}

@media (min-width:1441px) {
    .nigeria.login.navbar-nav {
        right: -150px;
    }

    button.submainheaderduo {
        font-size: 14px;
    }

    @-moz-document url-prefix() {
        button.submainheaderduo {
            font-size: 13px;
        }
    }


    .duonavigation.navbar-nav {
        padding-left: 1.8%;
    }

    a.btn.btn-outline-danger.partneduologin.nav-link {
        font-size: 14px;
    }

}

@media (min-width:1199px) {}