/*Loader css*/

        .page-loader.act {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 2;
  }
  
  .page-loader {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/wait.svg") no-repeat center center rgba(0, 0, 0, 0.8);
    height: 100%;
    position: fixed;
    top: 0px;
    width: 100%;
    display: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }

.loader-cust {
    border: 4px solid #fff;
    border-radius: 50%;
    border-top: 4px solid #9d1d27;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
}


        /*Loader css end*/




.form-label-group {
    position: relative;
    /* :active works but when replace with :focus, it doesn't work */
  }
  
  .form-label-group .dropdown .dropdown-toggle:after {
    top: 12px;
  }
  
  .form-label-group .form-control {
    height: inherit;
    border: 2px solid #d8d8d8;
  }
  
  .form-label-group .form-control:focus {
    border-color: inherit;
    box-shadow: inherit;
  }
  
  .explorer11 .form-label-group .form-control:focus ~ label,
  .explorer11 .form-label-group .form-control:valid ~ label,
  .explorer11 .form-label-group .form-control ~ label {
    display: inline-block !important;
    width: auto;
    background: #FFFFFF;
    margin-top: -12px;
    font-size: 12px;
    color: #777;
    padding: 1px 4px;
    margin-left: 7px;
    border-radius: 5px;
    transform: translate(0px, 0px) !important;
  }
  
  .explorer11 .form-label-group .form-control::-ms-clear {
    display: none;
  }
  
  .explorer11 .form-label-group .form-control ~ label.error {
    position: static;
    margin: 0;
    padding: 5px 0;
    color: #d10000;
    font-size: 14px;
    background: none;
  }
  
  .form-label-group > label,
  .form-label-group > input {
    padding: 0.85rem 0.75rem;
  }
  
  .form-label-group > input.search {
    background: url("../../../content/dam/idfcfirstbank/images/personal-loan/icons/search.svg") no-repeat 98% center;
  }
  
  .form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    /* Override default `<label>` margin */
    line-height: 1.5;
    color: #787878;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: all 0.1s ease-in-out;
  }
  
  .form-label-group input:-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::placeholder {
    color: transparent;
  }
  
  .form-label-group input:not(:placeholder-shown) {
    padding-top: calc($pad-y + $pad-y * (2 / 3));
    padding-bottom: calc($pad-y / 3);
  }
  
  .form-label-group input:not(:placeholder-shown) ~ label {
    font-size: 12px;
    color: #777;
    background: #fff;
    border-radius: 0px;
    display: inline-block;
    width: auto;
    padding: 1px 4px;
    margin-left: 7px;
    margin-top: -10px;
    border-radius: 5px;
  }
  
  .form-label-group label.form-control-placeholder {
    color: #777;
    display: inline-block;
    width: auto;
    transition: all 0.3s;
  }
  
  .form-label-group label.form-control-placeholder.float {
    transform: translate(0, -1.1em);
    font-size: 75%;
    background: #fff;
    padding: 1px 4px;
    margin-left: 7px;
    transition: 0.2s ease-in-out;
  }
  
  .form-label-group label.form-control-placeholder.changefloat {
    transform: translate(0, -1.1em);
    background: #fff;
    padding: 1px 4px;
    font-size: 75%;
    margin-left: 7px;
  }
  
  .form-label-group .form-control-placeholder {
    pointer-events: none;
  }
  
  .form-label-group .dropdown-item.active,
  .form-label-group .dropdown-item:active {
    background: #d8d8d8;
  }
  
  .form-label-group .bootstrap-select.show > .btn-light.dropdown-toggle {
    background-color: #fff;
    border-color: transparent;
    box-shadow: none;
  }
  
  .form-label-group .bootstrap-select > .btn,
  .form-label-group .bootstrap-select > .btn-light {
    padding: 0.85rem 0.75rem;
    height: 48px;
    border-radius: 4px;
    background-color: #fff;
    border: 0;
    line-height: 1.5;
    color: #495057;
  }
  
  .form-label-group .bootstrap-select > .btn-light:focus,
  .form-label-group .bootstrap-select > .btn-light:hover,
  .form-label-group .bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
    color: #495057;
  }
  
  /* Custom radio button */
  .custom-control.default .custom-control-label::before {
    border: solid 2px #54565B;
    border-radius: 0px;
  }
  
  .custom-control.default .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #54565B;
    background-color: #54565B;
    border-color: #54565B;
    box-shadow: inherit;
  }
  
  .custom-control.default .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #54565B;
    box-shadow: inherit;
  }
  
  .custom-control.default .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: rgba(84, 86, 91, 0.6);
    border-color: rgba(84, 86, 91, 0.6);
  }
  
  .custom-control.red .custom-control-label::before {
    border: solid 2px #9D1D27;
    border-radius: 0px;
  }
  
  .custom-control.red .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #9D1D27;
    background-color: #9D1D27;
    border-color: #9D1D27;
    box-shadow: inherit;
  }
  
  .custom-control.red .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #9D1D27;
    box-shadow: inherit;
  }
  
  .custom-control.red .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: rgba(157, 29, 39, 0.6);
    border-color: rgba(157, 29, 39, 0.6);
  }
  
  .custom-control.green .custom-control-label::before {
    border: solid 2px #d8d8d8;
    border-radius: 0px;
  }
  
  .custom-control.green .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00a07a;
    background-color: #00a07a;
    border-color: #00a07a;
    box-shadow: inherit;
  }
  
  .custom-control.green .custom-control-input:focus ~ .custom-control-label::before {
    border-color: #00a07a;
    box-shadow: inherit;
  }
  
  .custom-control.green .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: rgba(0, 160, 122, 0.6);
    border-color: rgba(0, 160, 122, 0.6);
  }
  
  .custom-control.custom-radio.default .custom-control-label, .custom-control.custom-radio.red .custom-control-label, .custom-control.custom-radio.green .custom-control-label {
    padding-left: 10px;
  }
  
  .custom-control.custom-radio.default .custom-control-label::before, .custom-control.custom-radio.red .custom-control-label::before, .custom-control.custom-radio.green .custom-control-label::before {
    border-radius: 50%;
    height: 28px;
    width: 28px;
    top: -4px;
  }
  
  .custom-control.custom-radio.default .custom-control-label::after, .custom-control.custom-radio.red .custom-control-label::after, .custom-control.custom-radio.green .custom-control-label::after {
    border-radius: 50%;
    height: 28px;
    width: 28px;
    top: -4px;
  }
  
  /* Newsroom page form update start */
  .form1 .form-label-group label.form-control-placeholder.float,
  .form1 .form-label-group label.form-control-placeholder.changefloat,
  .form1 .form-label-group input:not(:placeholder-shown) ~ label, .form2 .form-label-group label.form-control-placeholder.float,
  .form2 .form-label-group label.form-control-placeholder.changefloat,
  .form2 .form-label-group input:not(:placeholder-shown) ~ label {
    background: #f3f3f3;
  }
  
  .form1 .form-label-group .form-control.hasDatepicker, .form2 .form-label-group .form-control.hasDatepicker {
    background: none;
  }
  
  .form1 .form-label-group > label, .form2 .form-label-group > label {
    color: #737373;
    font-weight: 700;
  }
  
  .form1 .form-label-group .bootstrap-select > .btn,
  .form1 .form-label-group .bootstrap-select > .btn-light, .form2 .form-label-group .bootstrap-select > .btn,
  .form2 .form-label-group .bootstrap-select > .btn-light {
    background: none;
  }
  
  .form1 .form-label-group .icon-date, .form2 .form-label-group .icon-date {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 24px;
  }
  
  .form1 .date-bx, .form2 .date-bx {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  
  @media (max-width: 767px) {
    .form1 .form-label-group, .form2 .form-label-group {
      margin-bottom: 30px;
    }
    .form1 .date-bx, .form2 .date-bx {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
    }
    .form1 .date-bx span, .form2 .date-bx span {
      margin-bottom: 10px;
    }
  }
  
  /* Newsroom page form update End */
  .form2 .form-label-group label.form-control-placeholder.float,
  .form2 .form-label-group label.form-control-placeholder.changefloat,
  .form2 .form-label-group input:not(:placeholder-shown) ~ label {
    background: #FFFFFF;
  }
  
  .form2 .form-label-group > label {
    font-weight: 400;
  }
  
  /*custom check box*/
  .custom-control-label::before, .custom-control-label::after {
    width: 1.5rem;
    height: 1.5rem;
    left: -2.3rem;
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: url("../../../content/dam/idfcfirstbank/images/personal-loan/icons/checkbox.svg") no-repeat;
  }
  
  .custom-control {
    padding-left: 2.4rem;
  }
  
  /*custom check box end*/
  
  .normal-select-box.selected:not(:placeholder-shown) ~ label {
    font-size: 12px;
    color: #777;
    background: #fff;
    border-radius: 0px;
    display: inline-block;
    width: auto;
    padding: 1px 4px;
    margin-left: 7px;
    margin-top: -10px;
    border-radius: 5px;
  }
  
  .form-details {
      display: -ms-flexbox;
      display: flex;
    }
    
    @media (max-width: 767px) {
      .form-details {
        display: block;
      }
    }
    
    .form-details .col-left {
      width: 250px;
      padding-top: 50px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
    }
    
    .form-details .col-left .mob-scroll {
      overflow: inherit;
    }
    
    @media (max-width: 991px) {
      .form-details .col-left {
        width: 300px;
      }
    }
    
    @media (max-width: 767px) {
      .form-details .col-left {
        width: 100%;
        overflow-x: auto;
        padding-top: 35px;
      }
      .form-details .col-left .mob-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
      }
      .form-details .col-left .mob-scroll::-webkit-scrollbar {
        display: none;
      }
    }
    
    .form-details .col-right {
      width: 100%;
      border-left: 1px solid rgba(151, 151, 151, 0.3);
      padding: 50px 220px 60px 120px;
    }
    
    .form-details .col-right.op1 {
      padding: 50px 0 60px 120px;
    }
    
    @media (max-width: 767px) {
      .form-details .col-right.op1 {
        padding: 30px 0;
      }
    }
    
    .form-details .col-right.op1 .needs-validation {
      padding-right: 220px;
    }
    
    @media (max-width: 1024px) {
      .form-details .col-right.op1 .needs-validation {
        padding-right: 30px;
      }
    }
    
    @media (max-width: 991px) {
      .form-details .col-right.op1 .needs-validation {
        padding-right: 0;
      }
    }
    
    @media (max-width: 1024px) {
      .form-details .col-right {
        padding: 50px 80px 60px 70px;
      }
    }
    
    @media (max-width: 991px) {
      .form-details .col-right {
        padding: 50px;
      }
    }
    
    @media (max-width: 767px) {
      .form-details .col-right {
        padding: 30px 0;
        border: 0;
      }
    }
    
    .form-details .col-right .form-list {
      margin-top: 0;
    }
    
    .form-details select {
      height: 53px;
      margin-right: 20px;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-size: 15px 5px;
      background: #ffffff url("../../../content/dam/idfcfirstbank/images/personal-loan/images/down.svg") no-repeat right center;
      background-position: 98% center;
      padding: 0.85rem 0.75rem;
      border: 0;
      border-bottom: 1px solid #979797;
      border-radius: 0.25rem;
      color: #787878;
    }
    
    .form-details select::-ms-expand {
      display: none;
    }
    
    .progress-list {
      position: relative;
      width: 200px;
    }
    
    .progress-list .sub-list-m {
      display: none;
    }
    
    @media (max-width: 767px) {
      .progress-list {
        width: 100%;
      }
      .progress-list .sub-list-m {
        display: block;
      }
      .progress-list .sub-list-m ul {
        background: url(../../../content/dam/idfcfirstbank/images/personal-loan/images/line.gif) repeat-x center left;
      }
      .progress-list .sub-list-m ul li {
        width: auto;
        padding: 0;
        font-weight: 400;
        -ms-flex: none;
            flex: none;
      }
      .progress-list .sub-list-m ul li a {
        display: none;
      }
      .progress-list .sub-list-m ul li.act {
        background: white;
      }
      .progress-list .sub-list-m ul li.act span {
        background: #54565B;
        margin: 0 10px 0 0;
      }
      .progress-list .sub-list-m ul li.act a {
        color: #54565B;
        display: -ms-flexbox;
        display: flex;
        margin-right: 10px;
      }
      .progress-list .sub-list-m ul li span {
        width: 20px;
        height: 20px;
        background: #b8b8b8;
        font-size: 10px;
        border-radius: 50%;
        color: #FFFFFF;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        margin: 0 10px;
      }
    }
    
    .progress-list.sticky {
      position: fixed;
      top: 70px;
    }
    
    .progress-list.sticky ul {
      margin-left: 2px;
    }
    
    @media (max-width: 767px) {
      .progress-list.sticky {
        left: 0;
        background: #FFFFFF;
        z-index: 3;
        top: 10px;
        width: 100%;
        overflow-x: auto;
      }
    }
    
    @media (max-width: 767px) {
      .progress-list ul {
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
      }
    }
    
    .progress-list ul li {
      min-height: 50px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-align: center;
          align-items: center;
      margin: 20px 0;
      padding: 10px 20px;
      border-radius: 25px 0 0 25px;
      position: relative;
      z-index: 1;
      line-height: 1.6;
      font-weight: 700;
    }
    
    .progress-list ul li strong {
      position: absolute;
      right: -10px;
      top: 15px;
      width: 20px;
      height: 20px;
      background: #9D1D27 url("../../../content/dam/idfcfirstbank/images/personal-loan/images/right.svg") no-repeat center center;
      border-radius: 10px;
    }
    
    @media (max-width: 767px) {
      .progress-list ul li strong {
        right: 10px;
      }
    }
    
    @media (max-width: 767px) {
      .progress-list ul li {
        width: 250px;
        -ms-flex: 0 0 210px;
            flex: 0 0 210px;
        margin: 0;
        border-radius: 25px;
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding-left: 30px;
        overflow: hidden;
      }
    }
    
    .progress-list ul li.active {
      background: #F9EAEC;
      overflow: hidden;
    }
    
    .progress-list ul li.active span {
      z-index: 3;
      font-weight: 700;
    }
    
    .progress-list ul li:first-child {
      margin-top: 0;
    }
    
    .progress-list ul li .top {
      background: #EED8DB;
      border-radius: 25px 0 0 25px;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      height: 100%;
      transition: all 1s;
      width: 0;
      overflow: hidden;
    }
    
    .progress-list ul li .colors {
      width: 100%;
      height: 4px;
    }
    
    .progress-list ul li.sub-list {
      padding: 0;
      margin: 0;
    }
    
    @media (max-width: 767px) {
      .progress-list ul li.sub-list {
        display: none;
      }
    }
    
    .progress-list ul li.sub-list ul {
      color: #b8b8b8;
    }
    
    .progress-list ul li.sub-list ul li {
      margin: 0;
      font-weight: 400;
      min-height: 45px;
      position: relative;
    }
    
    .progress-list ul li.sub-list ul li span {
      width: 20px;
      height: 20px;
      background: #b8b8b8;
      font-size: 10px;
      border-radius: 50%;
      color: #FFFFFF;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      right: -10px;
      top: 13px;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
    }
    
    .progress-list ul li.sub-list ul li a {
      color: #b8b8b8;
    }
    
    .progress-list ul li.sub-list ul li.act span {
      background: #54565B;
    }
    
    .progress-list ul li.sub-list ul li.act a {
      color: #54565B;
    }
    
    .journey-section {
      background: #FFFFFF;
    }
    
    .or {
      background: url(../../../content/dam/idfcfirstbank/images/personal-loan/images/line.gif) repeat-x left center;
      color: #b8b8b8;
    }
    
    .or span {
      background: #FFF;
      padding-right: 5px;
    }
    
    /* cusome upload button*/
    .upload-file {
      position: relative;
    }
    
    .upload-file .error {
      position: absolute;
      margin: 0;
      padding: 5px 0;
      color: #d10000;
      font-size: 14px;
      background: none;
      top: 35px;
      left: 20px;
    }
    
    .upload-file .f-input {
      border: 2px solid #b8b8b8;
      padding: 10px 25px 10px 15px;
      border-radius: 4px;
      font-size: 15px;
      color: #b8b8b8;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-top: 8px;
      width: 100%;
    }
    
    .upload-file .filename {
      position: relative;
      display: none;
      width: 145px;
    }
    
    .upload-file .filename .remove {
      color: #b8b8b8;
      font-size: 15px;
      position: absolute;
      right: 10px;
      top: 18px;
    }
    
    .upload-file.active .filename {
      display: block;
    }
    
    .upload-file .filetext {
      border: 2px dashed #b8b8b8;
      padding: 20px;
      font-weight: 700;
      color: #9d1d27;
      background: url("../../../content/dam/idfcfirstbank/images/personal-loan/images/upload.svg") no-repeat 96% center;
    }
    
    .upload-file .filetext span {
      color: #54565B;
    }
    
    @media (max-width: 767px) {
      .upload-file .filetext span {
        display: none;
      }
    }
    
    .upload-file .upload {
      left: 0;
      top: 0;
    }
    
    .upload-file .fileUpload {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
    }
    
    .upload-file .fileUpload input.upload {
      position: absolute;
      top: 0;
      right: 0;
      margin: 0;
      padding: 0;
      font-size: 20px;
      cursor: pointer;
      opacity: 0;
      filter: alpha(opacity=0);
      width: 100%;
      min-height: 62px;
    }
    
    .from-screen {
      display: none;
    }
    
    .from-screen.active {
      display: block;
    }
    
    /* cusome upload button end*/
    .jvalidation .btn-box .btn-red:focus {
      box-shadow: 0 1px 4px 0 black;
    }
    
    .jvalidation .form-control.is-invalid {
      border-color: #d10000;
      box-shadow: none;
    }
    
    .jvalidation .was-validated .form-control:valid, .jvalidation .was-validated .form-control:valid:focus {
      border-color: #d8d8d8;
    }
    
    .jvalidation .was-validated input.form-control:valid, .jvalidation .was-validated input.form-control:valid:focus {
      background-image: none;
    }
    
    .jvalidation .form-label-group > label.error, .jvalidation .form-label-group input:not(:placeholder-shown) ~ label.error {
      position: static;
      margin: 0;
      padding: 5px 0;
      color: #d10000;
      font-size: 14px;
      background: none;
    }
    
    .jvalidation .custom-control-input.is-valid ~ .custom-control-label, .jvalidation .was-validated .custom-control-input:valid ~ .custom-control-label {
      color: inherit;
    }
    
    .jvalidation .form-control.is-valid, .jvalidation .was-validated .form-control:valid {
      border-color: inherit;
    }
    
    .edit-box {
      background: #FFFFFF;
      box-shadow: rgba(84, 86, 91, 0.3) 0 1px 4px;
      padding: 30px 40px;
      border-radius: 4px;
      overflow: hidden;
    }
    
    .edit-box .info {
      overflow: hidden;
    }
    
    .edit-box figure {
      margin-left: 15px;
    }
    
    .pd-section {
      padding: 70px 0;
      background: #fafafa;
    }
    
    @media (max-width: 767px) {
      .pd-section {
        padding: 30px 0;
      }
    }
    
    .pd-list {
      display: none;
    }
    
    .pd-list.active {
      display: block;
      display: -ms-flexbox;
      display: flex;
    }
    
    .pd-list li {
      margin-right: 50px;
    }
    
    @media (max-width: 767px) {
      .pd-list.op1 {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }
      .pd-list.op1 li {
        margin: 0 5% 25px 0;
        width: 45%;
      }
      .pd-list.op1 li:last-child {
        width: 100%;
      }
    }
    
    .ui-widget.ui-datepicker {
      background: #FFFFFF;
      width: 320px !important;
    }

    h1.phForm {
    font-size: 16px;
    color: #e9e9e9;
    margin-bottom: 6px;
     }



   
    
    /**/
    .trgr1, .trgr2, .trgr3 {
      padding: 20px 50px 20px 30px;
      margin-top: 1rem;
      position: relative;
      cursor: pointer;
    }
    
    .trgr1::before, .trgr2::before, .trgr3::before {
      position: absolute;
      width: 15px;
      height: 15px;
      font-family: icomoon;
      content: "\e900";
      right: 30px;
      top: 20px;
      color: #9d1d27;
    }
    
    .trgr1.act, .trgr2.act, .trgr3.act {
      border-radius: 5px 5px 0 0;
    }
    
    .trgr1.act::before, .trgr2.act::before, .trgr3.act::before {
      content: "\e903";
    }
    
    .tog_cont1, .tog_cont2, .tog_cont3 {
      border-radius: 0 0 5px 5px;
      border-top: 1px solid #9d1d27;
      padding: 20px 30px;
      margin-bottom: 1rem;
    }
    
    .tog_cont1 .block, .tog_cont2 .block, .tog_cont3 .block {
      display: block;
    }
    
    .otp-bx {
      margin-top: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
    }
    
    .loading-box {
      width: 160px;
      height: 160px;
      position: relative;
      margin: 0 auto;
    }
    
    .loading-box figure {
      position: absolute;
      top: 25px;
      left: 25px;
    }
    
    .loader {
      border: 4px solid #f3f3f3;
      border-radius: 50%;
      border-top: 4px solid #F1C4C3;
      width: 160px;
      height: 160px;
      /* Safari */
      animation: spin 2s linear infinite;
    }
    
    /* Safari */
    
    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    
    .toggle-password {
      background: url("../../../content/dam/idfcfirstbank/images/personal-loan/icons/eye_cross.svg") no-repeat center center;
      position: absolute;
      right: 15px;
      top: 15px;
      width: 26px;
      height: 26px;
    }
    
    .toggle-password.active {
      background: url("../../../content/dam/idfcfirstbank/images/personal-loan/icons/eye.svg") no-repeat center center;
    }
    
    @media (max-width: 767px) {
      .m-center {
        text-align: center;
      }
    }
    
    .emi-roi-list {
      display: -ms-flexbox;
      display: flex;
    }
    
    .emi-roi-list li {
      margin-right: 70px;
      font-weight: 700;
      font-size: 24px;
    }
    
    .emi-roi-list li:last-child {
      margin-right: 0;
    }
    
    .emi-roi-list li span {
      font-weight: 400;
      font-size: 16px;
      display: block;
      margin-bottom: 4px;
    }
    
    @media (max-width: 767px) {
      .emi-roi-list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }
      .emi-roi-list li {
        margin-right: 50px;
        margin-bottom: 30px;
      }
    }
    
    /**/
    span.star {
      font-size: 15px;
      position: relative;
      top: -15px;
    }
    
    @media (max-width: 991px) {
      span.star {
        top: -7px;
      }
    }
    
    .go-back, .skip-btn {
      color: #767676;
    }
    
    .app-list-1 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      border: 1px solid #d8d8d8;
      padding: 30px 40px;
      -ms-flex-align: center;
          align-items: center;
    }
    
    @media (max-width: 991px) {
      .app-list-1 {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: start;
            align-items: flex-start;
      }
      .app-list-1 li {
        margin-bottom: 30px;
      }
      .app-list-1 li:last-child {
        margin-bottom: 0;
      }
    }
    
    .app-list-1 li strong {
      font-weight: 700;
      font-size: 24px;
    }
    
    .app-list-1 li .share-box-yellow {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
    }
    
    .app-list-1 li .share-box-yellow .my-links a span {
      background: #FFCB05;
    }
    
    @media (max-width: 991px) {
      .app-list-1 li .share-box-yellow .share-box .share-bubble .social li {
        margin-bottom: 0;
      }
    }
    
    @media (max-width: 991px) and (max-width: 767px) {
      .app-list-1 li .share-box-yellow .share-box .share-bubble::after {
        right: auto;
        left: 170px;
      }
    }
    
    @media (max-width: 767px) {
      .app-list-1 li .share-box-yellow .share-positon-box {
        right: auto;
        left: -140px;
      }
    }
    
    .track-app {
      padding: 50px 0 60px 50px;
    }
    
    @media (max-width: 767px) {
      .track-app {
        padding: 15px;
      }
    }
    
    .app-help-box {
      background: #f3f3f3;
      padding: 35px 0;
    }
    
    .app-help-box.PT0 {
      padding-top: 0;
    }
    
    .circle-box {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #FFCB05;
      margin-bottom: 10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
    }
    
    @media (max-width: 991px) {
      .circle-box {
        width: 70px;
        height: 70px;
      }
    }
    
    @media (max-width: 991px) {
      .circle-box {
        margin: 0 auto;
        margin-bottom: 10px;
      }
    }
    
    .circle-list {
      display: -ms-flexbox;
      display: flex;
    }
    
    @media (max-width: 767px) {
      .circle-list {
        margin-top: 30px;
        -ms-flex-pack: justify;
            justify-content: space-between;
      }
    }
    
    .circle-list li {
      margin-right: 60px;
      text-align: center;
    }
    
    @media (max-width: 991px) {
      .circle-list li {
        margin-right: 30px;
      }
    }
    
    @media (max-width: 767px) {
      .circle-list li {
        margin-right: 0;
        -ms-flex-pack: center;
            justify-content: center;
      }
    }
    
    .status-of-step {
      background: url(../../../content/dam/idfcfirstbank/images/personal-loan/images/line.gif) repeat-x left center;
      display: -ms-flexbox;
      display: flex;
      width: 83%;
      margin-left: 7%;
      -ms-flex-align: center;
          align-items: center;
    }
    
    .status-of-step li {
      width: 33.3%;
      display: -ms-flexbox;
      display: flex;
    }
    
    .status-of-step li:nth-child(2) {
      -ms-flex-pack: center;
          justify-content: center;
    }
    
    .status-of-step li:last-child {
      -ms-flex-pack: end;
          justify-content: flex-end;
    }
    
    .status-of-step li span {
      width: 24px;
      height: 24px;
      background: #d8d8d8;
      display: -ms-flexbox;
      display: flex;
      border-radius: 50%;
    }
    
    .status-of-step li.active span {
      background: #00a07a url(../components/content/personal-loan/pl-banner-with-form/clientlibs/images/right.svg) no-repeat center center;
      background-size: 20px;
      width: 36px;
      height: 36px;
    }
    
    .status-cont {
      display: -ms-flexbox;
      display: flex;
      margin-top: 15px;
    }
    
    .status-cont li {
      width: 33.3%;
      display: -ms-flexbox;
      display: flex;
    }
    
    .status-cont li:nth-child(2) {
      -ms-flex-pack: center;
          justify-content: center;
    }
    
    .status-cont li:last-child {
      -ms-flex-pack: end;
          justify-content: flex-end;
    }
    
    @media (max-width: 767px) {
      .mobile-status {
        display: -ms-flexbox;
        display: flex;
        background: url(../../../content/dam/idfcfirstbank/images/personal-loan/images/line.gif) repeat-y 35px 0;
      }
      .mobile-status .status-of-step {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: start;
            justify-content: flex-start;
        -ms-flex-align: center;
            align-items: center;
        background: none;
        width: 40px;
        margin-left: 0;
      }
      .mobile-status .status-of-step li {
        width: auto;
        height: 36px;
        margin-bottom: 10px;
        -ms-flex-align: end;
            align-items: flex-end;
      }
      .mobile-status .status-of-step li:nth-child(2), .mobile-status .status-of-step li:last-child {
        -ms-flex-pack: start;
            justify-content: flex-start;
      }
      .mobile-status .status-of-step li:last-child {
        margin-bottom: 0;
      }
      .mobile-status .status-cont {
        -ms-flex-direction: column;
            flex-direction: column;
        margin: 0;
        padding-left: 10px;
      }
      .mobile-status .status-cont li {
        width: auto;
        height: 36px;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        margin-bottom: 10px;
        padding-top: 7px;
      }
      .mobile-status .status-cont li:last-child {
        margin-bottom: 0;
      }
    }
    
    @media (max-width: 767px) {
      .MR30.m-mr-ml-30 {
        margin-right: 30px;
        margin-left: 30px;
      }
    }
  
  
  
  
  
  .modal-dialog {
      max-width: 600px;
    }
    
    .modal-dialog .modal-body.op1 {
      padding: 70px 100px;
    }
    
    @media (max-width: 767px) {
      .modal-dialog .modal-body.op1 {
        padding: 50px 30px;
      }
    }
    
    /*pl joureny banner*/
    .pl-banner {
      background: #ffecee;
      background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
    }
  
    .pl-banner.op1 {
      background: #ffecee;
      background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
    }
    
    .pl-banner.op1 .hero-from {
      padding-left: 40px;
    }
    
    @media (max-width: 767px) {
      .pl-banner.op1 .hero-from {
        padding: 0 15px;
      }
    }
    
    .pl-banner.op1 .hero-from .go-back {
      font-size: 14px;
    }
    
    .pl-banner.op1 .hero-from .btn-box .btn-red, .pl-banner.op1 .hero-from .btn-box .btn-white {
      padding: 10px 20px;
      font-size: 14px;
    }
    
    @media (max-width: 767px) {
      .pl-banner.op1 .hero-from .btn-box .btn-red, .pl-banner.op1 .hero-from .btn-box .btn-white {
        line-height: 2;
      }
    }
    
    @media (max-width: 1024px) {
      .pl-banner.op1 {
        background: #ffecee;
        background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
        padding-top: 30px;
      }
    }
    
    @media (max-width: 991px) {
      .pl-banner.op1 {
        background: #ffecee;
        background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
        padding-top: 30px;
      }
    }
    
    @media (max-width: 767px) {
      .pl-banner.op1 {
        background: none;
      }
    }
    
    @media only screen and (min-device-width: 1820px) and (max-device-width: 2048px) {
      .pl-banner {
        background: #ffecee;
        background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
      }
    }
    
    @media (max-width: 991px) {
      .pl-banner {
        background: #ffecee;
        background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
        padding-top: 30px;
      }
    }
    
    @media (max-width: 767px) {
      .pl-banner {
        background: none;
      }
    }
    
    .pl-banner .hero-img {
      margin-left: -30px;
    }
    
    @media (max-width: 1024px) {
      .pl-banner .hero-img {
        margin-left: -60px;
      }
    }
    
    @media (max-width: 991px) {
      .pl-banner .hero-img {
        margin: 0;
      }
    }
  
    .pl-banner figure {
      margin: 0;
    }
    
    .pl-banner figure img {
      display: block;
    }
    
    @media (max-width: 1024px) {
      .pl-banner figure img {
        width: 360px;
      }
    }
    
    @media (max-width: 991px) {
      .pl-banner figure img {
        width: 250px;
      }
    }
    
    @media (max-width: 767px) {
      .pl-banner figure img {
        width: 100%;
      }
    }
    
    .pl-banner .hd {
      margin-bottom: 10px;
      color: #FFFFFF;
      font-weight: 400;
    }
    
    .pl-banner .hero-from {
      padding-left: 70px;
    }
    
    @media (max-width: 1024px) {
      .pl-banner .hero-from {
        padding: 0;
      }
    }
    
    @media (max-width: 991px) {
      .pl-banner .hero-from {
        padding-left: 30px;
      }
    }
    
    @media (max-width: 767px) {
      .pl-banner .hero-from {
        padding: 0 15px;
      }
    }
    
    .pl-banner .hero-from .hd6 {
      color: #54565B;
    }
    
    .pl-banner .hero-from .hd6 strong {
      display: block;
      margin-bottom: 3px;
    }
    
    .pl-banner .hero-from .skip {
      margin-left: 45px;
    }
    
    @media (max-width: 1024px) {
      .pl-banner .hero-from .skip {
        margin-left: 15px;
      }
    }
  
  
   /* Calendar Style Start */
          /*!
   * jQuery UI Datepicker 1.9.0
   * http://jqueryui.com
   *
   * Copyright 2012 jQuery Foundation and other contributors
   * Released under the MIT license.
   * http://jquery.org/license
   *
   * http://docs.jquery.com/UI/Datepicker#theming
   */
   .ui-datepicker {
      display: none;
      padding: 20px 20px 0;
      width: 324px;
      background: #FFFFFF;
    }
    
    .ui-datepicker .ui-datepicker-header {
      padding: .2em 0;
      position: relative;
    }
    
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
      height: 1.8em;
      position: absolute;
      top: 8px;
      width: 1.8em;
      cursor: pointer;
    }
    
    .ui-datepicker .ui-datepicker-prev {
      left: 2px;
    }
    
    .ui-datepicker .ui-datepicker-next {
      right: 2px;
    }
    
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
      display: block;
      left: 50%;
      margin-left: -8px;
      margin-top: -8px;
      position: absolute;
      top: 50%;
      font-size: 0;
    }
    
    .ui-datepicker .ui-datepicker-prev span::before,
    .ui-datepicker .ui-datepicker-next span::before {
      font-family: icomoon;
      content: "\e906";
      height: auto;
      width: auto;
      right: 0;
      color: #54565B;
      top: 20px;
      font-size: 20px;
    }
    
    .ui-datepicker .ui-datepicker-prev span::before {
      content: "\e901";
    }
    
    .ui-datepicker .ui-datepicker-next span::before {
      content: "\e902";
    }
    
    .ui-datepicker .ui-datepicker-title {
      line-height: 1.8em;
      margin: 0 2.3em;
      text-align: center;
      font-size: 24px;
      font-weight: 700;
    }
    
    .ui-datepicker .ui-datepicker-title select {
      font-size: 18px;
      border-color: #d8d8d8;
      color: #54565B;
      padding: 2px 4px;
      border-radius: 3px;
    }
    
    .ui-datepicker select.ui-datepicker-month-year {
      width: 100%;
    }
    
    .ui-datepicker select.ui-datepicker-month {
      margin-right: 2%;
    }
    
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
      width: 49%;
    }
    
    .ui-datepicker table {
      border-collapse: collapse;
      margin: 0 0 .4em;
      width: 100%;
    }
    
    .ui-datepicker thead {
      border-bottom: 1px solid #d8d8d8;
    }
    
    .ui-datepicker th {
      border: 0;
      font-size: 12px;
      font-weight: 400;
      padding: .7em .3em;
      text-align: center;
    }
    
    .ui-datepicker td {
      border: 0;
      padding: 1px;
    }
    
    .ui-datepicker td span,
    .ui-datepicker td a {
      display: block;
      padding: 8px 10px;
      width: 40px;
      border-radius: 50%;
      border: 2px solid transparent;
      text-align: center;
      text-decoration: none;
    }
    
    .ui-datepicker td span.ui-state-highlight.ui-state-hover,
    .ui-datepicker td a.ui-state-highlight.ui-state-hover {
      border-color: #9D1D27;
    }
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
      background: #9D1D27;
      color: #FFFFFF;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
    }
    
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover {
      border-color: #d8d8d8;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane {
      background-image: none;
      border-bottom: 0;
      border-left: 0;
      border-right: 0;
      margin: .7em 0 0 0;
      padding: 0 .2em;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button {
      cursor: pointer;
      float: right;
      margin: .5em .2em .4em;
      overflow: visible;
      padding: .2em .6em .3em .6em;
      width: auto;
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: left;
    }
    
    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
      width: auto;
    }
    
    .ui-datepicker-multi .ui-datepicker-group {
      float: left;
    }
    
    .ui-datepicker-multi .ui-datepicker-group table {
      margin: 0 auto .4em;
      width: 95%;
    }
    
    .ui-datepicker-multi-2 .ui-datepicker-group {
      width: 50%;
    }
    
    .ui-datepicker-multi-3 .ui-datepicker-group {
      width: 33.3%;
    }
    
    .ui-datepicker-multi-4 .ui-datepicker-group {
      width: 25%;
    }
    
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
      border-left-width: 0;
    }
    
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
      border-left-width: 0;
    }
    
    .ui-datepicker-multi .ui-datepicker-buttonpane {
      clear: left;
    }
    
    .ui-datepicker-row-break {
      clear: both;
      font-size: 0em;
      width: 100%;
    }
    
    /* RTL support */
    .ui-datepicker-rtl {
      direction: rtl;
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev {
      left: auto;
      right: 2px;
    }
    
    .ui-datepicker-rtl .ui-datepicker-next {
      left: 2px;
      right: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
      left: auto;
      right: 1px;
    }
    
    .ui-datepicker-rtl .ui-datepicker-next:hover {
      left: 1px;
      right: auto;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
      clear: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left;
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-group {
      float: right;
    }
    
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
      border-left-width: 1px;
      border-right-width: 0;
    }
    
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
      border-left-width: 1px;
      border-right-width: 0;
    }
    
    /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
    .ui-datepicker-cover {
      filter: mask();
      /*must have*/
      height: 200px;
      /*must have*/
      left: -4px;
      /*must have*/
      position: absolute;
      /*must have*/
      top: -4px;
      /*must have*/
      width: 200px;
      /*must have*/
      z-index: -1;
      /*must have*/
    }
  
  /*  Calendar Style End  */
  
  .form-label-group > label {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      margin-bottom: 0;
      line-height: 1.5;
      color: #787878;
      border: 1px solid transparent;
      border-radius: 0.25rem;
      transition: all 0.1s ease-in-out;
  }
  
  .form-label-group input[type=number] {
      -moz-appearance: textfield;
  }
  
  .form-label-group input[type=number]::-webkit-outer-spin-button,
  .form-label-group input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  
  .ui-datepicker td span.ui-state-active, .ui-datepicker td a.ui-state-active {
      background: #9D1D27;
      color: #FFFFFF;
      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
  }

  #ui-datepicker-div {
      z-index:10 !important;
  }

// okyc css

.hide{
display: block;
}


.form-list .op1 li p{
   text-align: justify;
}


// disclaimer css

.pl-banner .hero-from {
    padding-left: 108px;
}






.modal-dialog {
  max-width: 600px;
}

.modal-dialog .modal-body.op1 {
  padding: 70px 100px;
}

@media (max-width: 767px) {
  .modal-dialog .modal-body.op1 {
    padding: 50px 30px;
  }
}

        /*Loader css*/

        .page-loader.act {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 2;
  }
  
  .page-loader {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/wait.svg") no-repeat center center rgba(0, 0, 0, 0.8);
    height: 100%;
    position: fixed;
    top: 0px;
    width: 100%;
    display: none;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
  }

.loader-cust {
    border: 4px solid #fff;
    border-radius: 50%;
    border-top: 4px solid #9d1d27;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
}


        /*Loader css end*/


/*pl joureny banner*/
.pl-banner {
  background: #ffecee;
  background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
}

.pl-banner.op1 {
  background: #ffecee;
  background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
}

.pl-banner.op1 .hero-from {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .pl-banner.op1 .hero-from {
    padding: 0 15px;
  }
}

.pl-banner.op1 .hero-from .go-back {
  font-size: 14px;
}

.pl-banner.op1 .hero-from .btn-box .btn-red,
.pl-banner.op1 .hero-from .btn-box .btn-white {
  padding: 10px 20px;
  font-size: 14px;
}

@media (max-width: 767px) {

  .pl-banner.op1 .hero-from .btn-box .btn-red,
  .pl-banner.op1 .hero-from .btn-box .btn-white {
    line-height: 2;
  }
}

@media (max-width: 1024px) {
  .pl-banner.op1 {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
    padding-top: 30px;
  }
}

@media (max-width: 991px) {
  .pl-banner.op1 {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .pl-banner.op1 {
    background: none;
  }
}

@media only screen and (min-device-width: 1820px) and (max-device-width: 2048px) {
  .pl-banner {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
  }
}

@media (max-width: 991px) {
  .pl-banner {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
    padding-top: 30px;
  }
}

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

.pl-banner .hero-img {
  margin-left: -30px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-img {
    margin-left: -60px;
  }
}

@media (max-width: 991px) {
  .pl-banner .hero-img {
    margin: 0;
  }
}

.pl-banner figure {
  margin: 0;
}

.pl-banner figure img {
  display: block;
}

@media (max-width: 1024px) {
  .pl-banner figure img {
    width: 360px;
  }
}

@media (max-width: 991px) {
  .pl-banner figure img {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .pl-banner figure img {
    width: 100%;
  }
}

.pl-banner .hd {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-weight: 400;
}

.pl-banner .hero-from {
  padding-left: 70px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-from {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .pl-banner .hero-from {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .pl-banner .hero-from {
    padding: 0 15px;
  }
}

.pl-banner .hero-from .hd6 {
  color: #54565B;
}

.pl-banner .hero-from .hd6 strong {
  display: block;
  margin-bottom: 3px;
}

.pl-banner .hero-from .skip {
  margin-left: 45px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-from .skip {
    margin-left: 15px;
  }
}

.preLoanamt {
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0;
}

.preLoanamt a {
  border: 2px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 10px;
  text-align: center;
}

.preLoanamt a:last-child {
  margin-right: 0;
}

/*Sa joureny banner end*/
.thank-you {
  text-align: center;
  display: none;
}

.ui-autocomplete {
  background: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  width: 100%;
  height: 200px;
  overflow-x: auto;
}

.ui-autocomplete li .ui-menu-item-wrapper {
  padding: 10px;
}

.ui-autocomplete .ui-state-active {
  background: #f3f3f3;
}

.form-details select{
    height: 53px;
    margin-right: 20px;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 15px 5px;
    background: #ffffff url(../../../content/dam/idfcfirstbank/images/personal-loan/images/down.svg) no-repeat right center;
    background-position: 98% center;
    padding: 0.85rem 0.75rem;
    border: 0;
    border-bottom: 1px solid #979797;
    border-radius: 0.25rem;
    color: #787878;

}


li.okyc {
    list-style-type: none;
}

a#skip-btn1 {
    margin: 0 30px;
}

.btn-box .MT20 .otpSubmit {
    display: block;
    width: 100%;
}

a.btn-red .otpSub {
    display: inline-block;
    width: 33.33%;
}

a#skip-btn2 {
    display: inline-block;
    margin: 0 50px;
}

a#editNo {
    display: inline-block;
    width: 32.33%;
    margin: 0 25px;
}

.btn-box.MT20.otpS {
    margin-top: 50px;
}

button#formMenu.disabled {
    pointer-events: none;
}

p.off-para {
    margin: 7px 0;
}

.MT50 {
    display: block;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.slider-wraper {
  padding-bottom: 15px;
  margin-right: 30px;
}

.slider-wraper p.title {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .slider-wraper p.title {
    margin-bottom: 9px;
  }
}

.slider-wraper .help-block {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.slider-wraper .help-block span {
  text-align: right;
}

.loan-cal {
  margin-right: 70px;
}

@media (max-width: 1024px) {
  .loan-cal {
    margin-right: 0px;
  }
}

.loan-cal > .row {
  margin-top: 30px;
}

.loan-cal > .row .col-lg-3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}

.loan-cal > .row .col-lg-3 .form-label-group {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

@media (max-width: 768px) {
  .loan-cal > .row .col-lg-3 .form-label-group {
    margin-top: 40px;
  }
}

.explorer11 .loan-cal > .row .col-lg-3 .form-label-group .form-control:focus ~ label,
.explorer11 .loan-cal > .row .col-lg-3 .form-label-group .form-control:valid ~ label,
.explorer11 .loan-cal > .row .col-lg-3 .form-label-group .form-control ~ label {
  background: #F5F5F5;
}

.loan-cal > .row .col-lg-3 .form-label-group input::-webkit-outer-spin-button,
.loan-cal > .row .col-lg-3 .form-label-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.loan-cal > .row .col-lg-3 .form-label-group input[type="number"] {
  -moz-appearance: textfield;
}

.loan-cal > .row .col-lg-3 .form-label-group input:not(:placeholder-shown) ~ label {
  background: #F5F5F5;
}

.loan-cal > .row .col-lg-3 .form-label-group.op1 input:not(:placeholder-shown) ~ label {
  background: #FFFFFF;
}

.loan-cal > .row .col-lg-3 .form-label-group.op1 input {
  background: #FFFFFF;
}

.loan-cal > .row .col-lg-3 .form-label-group input {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  height: 50px;
  padding-top: 10px;
  margin-bottom: 5px;
  background: #F5F5F5;
}

@media (max-width: 768px) {
  .loan-cal > .row .col-lg-3 .form-label-group input {
    width: 125px;
  }
}

@media (max-width: 768px) {
  .loan-cal {
    margin-left: 0px;
    padding: 0;
    margin-right: 0px;
  }
}

.loan-cal .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px;
}

.loan-cal .ui-widget.ui-widget-content {
  background: #FFCB05;
  height: 5px;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.loan-cal .ui-slider {
  position: relative;
  text-align: left;
}

.loan-cal .ui-slider .ui-slider-handle {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: center;
  z-index: 1;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  width: 28px;
  height: 28px;
  margin: -12px 0 0 0px;
  background: #9D1D27;
  border-radius: 50%;
  line-height: 6;
  font-weight: 700;
  font-size: 14px;
}

.loan-cal .ui-slider #custom-handle-yrs.ui-slider-handle {
  text-indent: -2px;
}

.loan-cal .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background: #FFCB05;
}

.loan-cal .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.loan-cal.opt1 {
  margin: 0;
  border: 1px solid #d8d8d8;
}

.loan-cal.opt1 .cal-box {
  padding: 30px 30px 50px 30px;
}

@media (max-width: 767px) {
  .loan-cal.opt1 .cal-box .MT50.clr-grey, .loan-cal.opt1 .cal-box .hero-from .form-list .MT50.notes, .hero-from .form-list .loan-cal.opt1 .cal-box .MT50.notes {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .loan-cal.opt1 .cal-box .ui-widget {
    width: 260px !important;
  }
}

@media (max-width: 991px) {
  .loan-cal.opt1 .cal-box .form-label-group.op1 {
    margin-top: 40px;
  }
}

.loan-cal.opt1 > .row {
  margin-top: 0;
}

.offer-onboard {
  background: #fafafa;
}

.offer-onboard.catg {
  background: #c4777d;
  background: linear-gradient(135deg, #c4777d 0%, #9d1d27 80%);
}

.offer-onboard.catg .your-goal .hd3b {
  color: #FFFFFF;
}

.offer-onboard.catg .sel-prod .choose-product.op1 label {
  width: 120px;
  margin: 30px 8px 20px;
}

.offer-onboard.catg .sel-prod .choose-product.op1 label .design {
  width: 119px;
  height: 119px;
  background: url(../../../content/dam/idfcfirstbank/images/personal-loan/icons/offer/oval-nor.svg) no-repeat center center;
}

.offer-onboard.catg .sel-prod .choose-product.op1 label input:checked+.design {
  background: url(../../../content/dam/idfcfirstbank/images/personal-loan/icons/offer/oval-hov.svg) no-repeat right center;
}

.offer-onboard.catg .sel-prod .choose-product.op1 label .text {
  color: #FFFFFF;
}

.offer-onboard .sel-prod .choose-product.op1 label {
  width: 100px;
  margin: 50px 18px 0;
}

.offer-onboard .sel-prod .choose-product.op1 label img {
  height: 32px;
  width: 32px;
}

.offer-onboard .sel-prod .choose-product.op1 label .design {
  width: 100px;
  height: 100px;
  background: #f3f3f3;
  border-radius: 50%;
}

.offer-onboard .sel-prod .choose-product.op1 label input:checked+.design {
  background: #FFCB05;
}

.offer-banner .banner-ctnt {
  margin-top: 50px;
}

.offer-banner .list-item {
  border-top: 0;
  padding-top: 48px;
}

.offer-banner .list-item li {
  margin-bottom: 0;
}

@media (max-width: 1024px) {
  .offer-banner .banner-ctnt {
    margin-top: 30px;
  }

  .offer-banner .banner-ctnt .list-item {
    padding-top: 24px;
  }
}

@media (max-width: 991px) {
  .offer-banner .banner-ctnt {
    margin-top: 60px;
  }

  .offer-banner .banner-ctnt .list-item {
    display: none;
  }
}

@media (max-width: 767px) {
  .offer-banner .banner-ctnt {
    margin-top: 8px;
  }

  .offer-banner .banner-ctnt .btn-box.MT30 {
    margin-top: 20px;
  }

  .offer-banner .banner-ctnt .list-item {
    display: block;
    padding-top: 68%;
  }

  .offer-banner .banner-ctnt .list-item li a {
    color: #FFFFFF;
  }
}

.offers-forYou {
  background: #fafafa;
}

.offers-forYou.popular {
  background: #FFFFFF;
}

.offers-forYou .card-look.full.opt1 {
  background: none;
}

.offers-forYou .card-look.full.opt1 figure img {
  height: 150px;
  width: auto;
}

.offers-forYou .card-look.full.opt1 .hd2.black {
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  margin: 0;
}

.offers-forYou .card-look.full.opt1 .form-box {
  padding: 0 40px;
}

.offers-forYou .card-look.full.opt1 .form-box .form-control {
  background: none;
  width: 250px;
}

.offers-forYou .card-look.full.opt1 .form-box .btn-box {
  text-align: right;
}

.offers-forYou .video-gallery {
  background: none;
  padding-bottom: 20px;
}

.offers-forYou .video-gallery .forYou-offer-carousel,
.offers-forYou .video-gallery .offer-listing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.offers-forYou .video-gallery .forYou-offer-carousel .media-card,
.offers-forYou .video-gallery .offer-listing .media-card {
  width: 31.2%;
}

.offers-forYou .video-gallery .media-card {
  margin: 36px 2px 2px;
}

.offers-forYou .video-gallery .look-nearMe {
  margin-left: auto;
}

.offers-forYou .video-gallery .look-nearMe span {
  display: inline-block;
  background: #f3f3f3;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  margin-right: 4px;
}

.offers-forYou .video-gallery .look-nearMe a {
  color: #9D1D27;
  font-weight: 700;
}

.offers-forYou .media-card {
  position: relative;
}

.offers-forYou .media-card .link {
  position: absolute;
  right: 12px;
  bottom: 12px;
}

.offers-forYou .media-card .link .arrow.yellow span::before {
  color: #54565B;
}

.offers-forYou .media-card figure .top-links {
  right: 24px;
}

.offers-forYou .media-card figure .top-links .icon-share {
  font-weight: 700;
}

.offers-forYou .media-card figure .views {
  position: absolute;
  left: 24px;
  top: 15px;
  font-size: 14px;
  color: #FFFFFF;
}

.offers-forYou .media-card figure .views span {
  vertical-align: middle;
}

.offers-forYou .media-card .hd2v {
  font-weight: bold;
  margin-bottom: 10px;
}

.offers-forYou .media-card .hd2v+p {
  min-height: 40px;
  margin-bottom: 0;
}

.offers-forYou .media-card .code {
  display: inline-block;
  background: #fafafa;
  padding: 14px 30px;
  border: 1px solid #E8E8E8;
  border-radius: 25px;
  margin-bottom: 12px;
}

.offers-forYou .media-card .code+.f12,
.offers-forYou .media-card .blog-detail .blog-ctnt .code+.blog-by,
.blog-detail .blog-ctnt .offers-forYou .media-card .code+.blog-by {
  color: #787878;
  margin-left: 12px;
}

@media (max-width: 1024px) {
  .offers-forYou .card-look.full.opt1 .form-box form.flex {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .offers-forYou .card-look.full.opt1 .form-box form.flex .btn-box {
    margin-top: 12px;
    text-align: left;
  }
}

@media (max-width: 991px) {
  .offers-forYou .card-look.full.opt1 .hd2.black {
    -ms-flex: none;
    flex: none;
  }

  .offers-forYou .card-look.full.opt1 .form-box {
    padding: 12px 0 0;
  }

  .offers-forYou .video-gallery .forYou-offer-carousel {
    display: block;
  }

  .offers-forYou .video-gallery .forYou-offer-carousel .media-card {
    width: 99%;
  }
}

@media (max-width: 767px) {
  .offers-forYou .card-look.full.opt1 figure {
    margin: 12px auto 0;
  }

  .offers-forYou .video-gallery .container {
    padding: 0;
  }

  .offers-forYou .video-gallery .container .hd2v {
    margin-left: 15px;
  }

  .offers-forYou .video-gallery .container .look-nearMe {
    margin-right: 15px;
  }

  .offers-forYou .owl-stage {
    left: -30px;
    margin-left: 15px;
  }
}

.brand-offer {
  background: #fafafa;
}

.brand-offer .card-look.full figure img {
  height: 90px;
  width: auto;
}

.brand-offer .card-look.full figure+div {
  width: 38%;
}

.brand-offer .card-look.full .btn-box {
  width: 32%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 30px;
}

.brand-offer .card-look.full .btn-box .arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.brand-offer .card-look.full .btn-box .arrow span {
  font-size: 18px;
}

.brand-offer .card-look.full .btn-box .arrow span::before {
  color: #54565B;
}

.brand-offer .card-look>a {
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 90px;
}

.brand-offer .card-look img {
  width: auto;
  height: auto;
}

.brand-offer .owl-dots {
  margin-top: 0;
}

@media (max-width: 991px) {
  .brand-offer .card-look.full .btn-box {
    -ms-flex-order: -1;
    order: -1;
    margin: 0 0 20px;
    width: 48%;
  }

  .brand-offer .card-look.full figure {
    margin-top: -150px;
  }

  .brand-offer .card-look.full figure img {
    height: auto;
  }
}

@media (max-width: 767px) {
  .brand-offer .card-look.full .btn-box {
    width: 100%;
    padding-right: 0;
  }

  .brand-offer .card-look.full figure {
    margin: 0;
  }

  .brand-offer .card-look.full figure img {
    width: 100%;
  }

  .brand-offer .card-look.full figure+div {
    width: 100%;
  }

  .brand-offer .card-look>a {
    min-height: 52px;
  }

  .brand-offer .card-look>a img {
    width: 80%;
  }
}

.offer-byCard {
  background: #D8D8D8;
  background: linear-gradient(180deg, #EEEEEE 0%, #D8D8D8 100%);
  padding-top: 60px;
}

.offer-byCard .sub-title {
  margin-bottom: 30px;
}

.offer-byCard .offer-card {
  text-align: center;
}

.offer-byCard .offer-card figure {
  margin-bottom: 24px;
  padding-left: 10px;
}

.offer-byCard .offer-card figure img {
  margin: 0 auto;
}

.offer-byCard .owl-carousel .owl-item img {
  width: auto;
}

.offer-byCard+.service-box::before {
  background: #d8d8d8;
}

.product-banner.offer-listing {
  background: #E2E3E4;
}

.product-banner.offer-listing figure {
  margin-left: 120px;
}

.product-banner.offer-listing figure img {
  width: auto;
  margin: 0 auto;
}

.product-banner.offer-listing .banner-wrapper .banner-ctnt .needs-validation {
  display: block;
}

.product-banner.offer-listing .nearby-search {
  margin-top: 16px;
}

.product-banner.offer-listing .banner-form {
  padding: 30px 40px 40px;
  margin-bottom: -80px;
}

.product-banner.offer-listing .banner-form .form-label-group {
  margin: 25px 0;
}

@media (max-width: 1024px) {
  .product-banner.offer-listing figure {
    margin-left: -50px;
  }
}

@media (max-width: 991px) {
  .product-banner.offer-listing figure {
    margin-left: -30px;
  }

  .product-banner.offer-listing figure img {
    height: 320px;
  }

  .product-banner.offer-listing .banner-form {
    padding: 4px 30px 10px;
    margin-left: 20px;
  }

  .product-banner.offer-listing .banner-wrapper .banner-ctnt .needs-validation .form-control {
    width: 195px;
  }
}

@media (max-width: 767px) {
  .product-banner.offer-listing {
    background: #f3f3f3;
    padding-bottom: 240px;
  }

  .product-banner.offer-listing figure {
    margin-left: 0;
    min-height: inherit;
    padding-top: 0;
  }

  .product-banner.offer-listing figure img {
    height: auto;
  }

  .product-banner.offer-listing .banner-wrapper .banner-ctnt .needs-validation .form-control {
    width: 100%;
  }

  .product-banner.offer-listing .banner-ctnt {
    top: 50px;
  }

  .product-banner.offer-listing .banner-ctnt .row {
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 580px;
  }

  .product-banner.offer-listing .banner-form {
    padding: 6px 20px 10px;
    margin-left: 0;
  }

  .product-banner.offer-listing figure img {
    width: 100%;
  }

  .product-banner.offer-listing .nearby-search {
    width: 100%;
  }
}

.offers-forYou.listing {
  margin-top: 1px;
  background: #f3f3f3;
  padding: 50px 0 0;
}

.offers-forYou.listing .result-hd {
  font-size: 24px;
  line-height: 1.2;
  margin: 20px 0 0 258px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.offers-forYou.listing .result-hd .icon-close {
  background: #787878;
  padding: 12px;
  border-radius: 50%;
  font-size: 16px;
  margin: 0 20px 0 0;
  display: inline-block;
}

.offers-forYou.listing .result-hd strong {
  color: #9D1D27;
}

.offers-forYou.listing .form-details .col-lt {
  -ms-flex: 0 0 250px;
  flex: 0 0 250px;
  padding-right: 40px;
}

.offers-forYou.listing .form-details .col-rt {
  width: 100%;
}

.offers-forYou.listing .form-details select {
  background-color: #f3f3f3;
  background-position: 94% center;
  font-weight: 700;
}

.offers-forYou.listing .form-details .normal-select-box.selected:not(:placeholder-shown)~label {
  background-color: #f3f3f3;
}

.offers-forYou.listing .video-gallery {
  padding: 0;
}

.offers-forYou.listing .form-list li {
  margin-bottom: 10px;
}

.offers-forYou.listing .media-card .mcard-body {
  padding: 20px;
}

.offers-forYou.listing .card.page-breaker {
  width: 100%;
  margin: 50px 0 14px;
}

@media (max-width: 1024px) {
  .offers-forYou.listing .video-gallery .offer-listing .media-card {
    width: 47.4%;
  }
}

@media (max-width: 991px) {
  .offers-forYou.listing .result-hd {
    margin-left: 210px;
  }

  .offers-forYou.listing .form-details .col-lt {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    padding-right: 30px;
  }

  .offers-forYou.listing .media-card .code {
    padding: 14px 24px;
  }

  .offers-forYou.listing .media-card .code+.f12,
  .offers-forYou.listing .media-card .blog-detail .blog-ctnt .code+.blog-by,
  .blog-detail .blog-ctnt .offers-forYou.listing .media-card .code+.blog-by {
    margin-left: 0;
  }

  .offers-forYou.listing .media-card .mcard-body {
    padding-bottom: 30px;
  }

  .offers-forYou.listing .arrow.big {
    width: 40px;
    height: 40px;
  }

  .offers-forYou.listing .card.page-breaker {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .offers-forYou.listing {
    padding-top: 30px;
  }

  .offers-forYou.listing .result-hd {
    margin-left: 20px;
    font-size: 20px;
  }

  .offers-forYou.listing .form-details .col-lt {
    display: none;
  }

  .offers-forYou.listing .video-gallery .offer-listing .media-card {
    width: 100%;
  }

  .offers-forYou.listing .video-gallery .offer-listing .media-card:nth-child(n+4) {
    display: none;
  }

  .offers-forYou.listing .card.page-breaker {
    display: none;
  }
}

.filter-by {
  position: fixed;
  background: linear-gradient(to right, #E8E8E8 0%, #E8E8E8 40%, #f3f3f3 40%, #f3f3f3 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.filter-by .filter-top {
  padding: 16px 20px;
  background: #9D1D27;
  color: #FFFFFF;
  font-weight: 700;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.filter-by .filter-top a {
  float: right;
  color: #9D1D27;
}

.filter-by .filter-btm {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}

.filter-by .filter-btm a {
  padding: 16px;
  text-align: center;
}

.filter-by .filter-btm a.close-btn {
  width: 50%;
  background: #FFFFFF;
  color: #54565B;
}

.filter-by .filter-btm a.apply-btn {
  width: 50%;
  color: #FFFFFF;
  background: #9D1D27;
}

.filter-by .form-list {
  padding: 20px 30px;
  margin-top: 0;
}

.filter-by .form-list li {
  margin-bottom: 8px;
}

.filter-by .form-list .custom-control {
  padding-left: 30px;
}

.filter-by .form-list .custom-control-label::before,
.filter-by .form-list .custom-control-label::after {
  width: 20px;
  height: 20px;
  left: -30px;
}

.filter-by .form-list .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-size: cover;
}

.filter-by .form-list select {
  background-color: #f3f3f3;
  background-position: 94% center;
}

.filter-by .form-list .normal-select-box.selected:not(:placeholder-shown)~label {
  background-color: #f3f3f3;
}

.filter-mid {
  margin-top: 52px;
}

.filter-mid .filter-left {
  float: left;
  width: 40%;
}

.filter-mid .filter-left li {
  width: 100%;
  font-weight: 700;
  border-bottom: 1px solid #d8d8d8;
}

.filter-mid .filter-left li a {
  display: block;
  padding: 24px 20px;
}

.filter-mid .filter-left li a.active {
  background: #f3f3f3;
}

.filter-accordian {
  padding-top: 20px;
}

.filter-accordian .form-list {
  margin-top: 10px;
}

.filter-accordian .filter_op1 {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d8d8d8;
}

.filter-accordian .filter_trgr {
  font-weight: 700;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d8d8d8;
  position: relative;
  cursor: pointer;
}

.filter-accordian .filter_trgr::before {
  position: absolute;
  width: 15px;
  height: 15px;
  font-family: icomoon;
  content: "\e906";
  right: 0px;
  top: 20px;
  color: #54565B;
}

.filter-accordian .filter_trgr.act::before {
  content: "\e905";
}

.filter-accordian .filter_trgr:first-child {
  border-top: 0;
  margin-top: 0;
}

.filter-accordian .filter_tog:last-child {
  border-bottom: 1px solid #d8d8d8;
}

.filter-accordian .custom-control {
  padding-left: 30px;
}

.filter-accordian .custom-control-label::before,
.filter-accordian .custom-control-label::after {
  width: 20px;
  height: 20px;
  left: -30px;
}

.filter-accordian .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-size: cover;
}

.offer-listing-banner {
  min-height: 360px;
  position: relative;
  background-image: radial-gradient(40% 100%, #FFFFFF 30%, #D5D7D9 100%);
}

.offer-listing-banner .banner-ctnt {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -khtml-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.offer-listing-banner .banner-ctnt figure {
  margin-bottom: 24px;
}

.offer-listing-banner .banner-ctnt .hd2v {
  font-weight: 300;
}

@media (max-width: 767px) {
  .offer-listing-banner {
    padding: 0 30px;
  }

  .offer-listing-banner .banner-ctnt {
    width: 80%;
  }

  .offer-listing-banner .banner-ctnt img {
    width: 80%;
  }

  .offer-listing-banner .hd2v span {
    display: block;
  }
}

.offer-detail-banner {
  display: -ms-flexbox;
  display: flex;
}

.offer-detail-banner>div {
  width: 50%;
}

.offer-detail-banner>div figure {
  margin-bottom: 0;
}

.offer-detail-banner>div figure img {
  width: 100%;
}

.offer-detail-banner>div.offer-info {
  background: #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 60px;
}

@media (max-width: 1024px) {
  .offer-detail-banner>div.offer-info blockquote.op1 {
    font-size: 14px;
  }
}

.offer-detail-banner>div.offer-info .d-flex p {
  margin-bottom: 0;
}

.offer-detail-banner>div.offer-info .d-flex p.MR30 {
  margin-right: 50px;
}

.offer-detail-banner>div.offer-info .d-flex p strong {
  display: block;
  margin-bottom: 12px;
}

.offer-detail-banner>div.offer-info .d-flex p span {
  font-size: 36px;
  font-weight: 300;
}

@media (max-width: 1024px) {
  .offer-detail-banner>div.offer-info {
    padding-left: 40px;
  }
}

@media (max-width: 991px) {
  .offer-detail-banner {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .offer-detail-banner>div {
    width: 100%;
  }

  .offer-detail-banner>div.offer-info {
    padding: 60px 40px;
  }
}

@media (max-width: 767px) {
  .offer-detail-banner>div.offer-info {
    padding: 45px 30px;
  }

  .offer-detail-banner>div.offer-info .hd1l {
    font-size: 36px;
    letter-spacing: 0;
  }

  .offer-detail-banner>div.offer-info .d-flex p.MR30 {
    margin-right: 40px;
  }

  .offer-detail-banner>div.offer-info .d-flex p strong {
    margin-bottom: 8px;
  }

  .offer-detail-banner>div.offer-info .d-flex p span {
    font-size: 24px;
  }
}

.offer-card-banner {
  padding-top: 60px;
  background: #f3f3f3;
}

@media (max-width: 991px) {
  .offer-card-banner .card.page-breaker {
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .offer-card-banner .card.page-breaker .hd2 {
    padding: 30px 30px 30px 0;
  }
}

.btn-box .btn-red.op1 {
  min-width: 180px;
  font-weight: 700;
  font-size: 14px;
}

@media (max-width: 767px) {
  .btn-box .btn-red.op1 {
    line-height: 50px;
  }
}

.hd2v.c1 {
  margin: 30px 0 0 12px;
}

.col-rt.catg {
  width: 100%;
  padding-bottom: 80px;
}

.col-rt.catg .brand-offer {
  background: none;
  padding: 20px 0 0;
}

.col-rt.catg .brand-offer .card-look>a {
  display: block;
  text-align: center;
}

.col-rt.catg .brand-offer .card-look>a figure {
  min-height: 34px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

.offer-bx {
  font-size: 24px;
  font-weight: 300;
}

@media (max-width: 991px) {
  .offers-forYou.listing.op1 .card-look>a {
    min-height: 52px;
  }

  .offers-forYou.listing.op1 .card-look>a img {
    width: 100%;
  }

  .offers-forYou.listing.op1 .card-look>a p {
    display: block;
  }

  .offers-forYou.listing.op1 .brand-offer .card-look.full figure {
    margin-top: 10px;
  }
}

.stab-wraper.op1 .secondary-tab {
  border-bottom: 1px solid #d8d8d8;
}

.stab-wraper.op1 .secondary-tab ul:not(.filter) li {
  min-width: 50px;
  text-align: center;
  margin: 0 20px;
}

.stab-wraper.op1 .secondary-tab ul:not(.filter) li:first-child {
  margin-left: 0;
}

.fav-brands {
  background: #f3f3f3;
  background: linear-gradient(90deg, #c4777d 0%, #9D1D27 50%, #fafafa 50%, #fafafa 100%);
  padding-top: 80px;
}

.fav-brands .fav-in {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.fav-brands .fav-in .hd1 {
  letter-spacing: -1.5px;
}

.fav-brands .fav-in .hd1+p {
  color: #FFFFFF;
}

.fav-brands .fav-in .f12,
.fav-brands .fav-in .blog-detail .blog-ctnt .blog-by,
.blog-detail .blog-ctnt .fav-brands .fav-in .blog-by {
  color: #767676;
}

.fav-brands .fav-in #tnc-error {
  display: none;
}

.fav-brands+.service-box::before {
  background: linear-gradient(90deg, #c4777d 0%, #9D1D27 50%, #fafafa 50%, #fafafa 100%);
}

@media (max-width: 991px) {
  .fav-brands .fav-in .hd1 {
    letter-spacing: 0;
  }

  .fav-brands .fav-in .hd2.black {
    margin-left: 30px;
  }

  .fav-brands .fav-in .hd2.black+div {
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .fav-brands {
    background: #fafafa;
    padding-top: 0;
  }

  .fav-brands .col-md-5 {
    padding: 60px 48px;
    background-image: linear-gradient(134deg, #C4777D 0%, #9D1D27 91%);
  }

  .fav-brands .fav-in .hd2.black {
    margin: 30px 15px 0;
  }

  .fav-brands .fav-in .hd2.black+div {
    margin: 0 15px;
  }

  .fav-brands+.service-box::before {
    background: #fafafa;
  }
}

/* offer-landing top search Start */
.for-search .secondary-nav .container {
  position: relative;
}

.for-search .secondary-nav .container .search-box {
  position: absolute;
  right: 15px;
  top: 13px;
}

@media (max-width: 991px) {
  .for-search .secondary-nav .search-box {
    display: none;
  }
}

/* offer-landing top search End */

        /*script-offers*/
.video-gallery .media-card {
    height: 100%;
}

.media-card figure {
    margin-bottom: 0;
    position: relative;
}

figure {
    margin: 0 0 1rem;
}

.media-card figure img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

img {
    vertical-align: middle;
    border-style: none;
}

.media-card .mcard-body {
    padding: 30px;
}

.min-ht {
    min-height: 60px;
}

.hd2v {
    font-size: 24px;
    line-height: 1.2;
}

.MT15 {
    margin-top: 15px;
	margin-left: 0px;
    }

.callBackPop{
cursor: pointer;
}


/* Banner common start */
.banner-wrapper {
  position: relative;
}

.banner-wrapper nav {
  top: 1.25rem;
  position: absolute;
}

.banner-wrapper .banner-ctnt {
  position: absolute;
  top: 50%;
  bottom: auto;
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  /*mobile banking page input and submit button*/
  /*mobile banking page input and submit button end*/
  /*personal loan*/
}

.banner-wrapper .banner-ctnt .row {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.banner-wrapper .banner-ctnt .needs-validation {
  display: -ms-flexbox;
  display: flex;
}

.banner-wrapper .banner-ctnt .needs-validation .form-control {
  width: 250px;
}

@media (max-width: 991px) {
  .banner-wrapper .banner-ctnt .needs-validation .form-control {
    width: auto;
  }
}

@media (max-width: 767px) {
  .banner-wrapper .banner-ctnt .needs-validation .form-control {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .banner-wrapper .banner-ctnt .needs-validation {
    display: block;
    width: 100%;
  }
  .banner-wrapper .banner-ctnt .needs-validation .form-label-group {
    margin-bottom: 15px;
  }
}

@media (max-width: 1024px) {
  .banner-wrapper .banner-ctnt .col-md-7 .hd {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: .50rem;
  }
  .banner-wrapper .banner-ctnt .col-md-7 .list-item.op2 {
    margin-top: 15px;
  }
  .banner-wrapper .banner-ctnt .col-md-7 .desc.f12.PT15, .banner-wrapper .banner-ctnt .col-md-7 .blog-detail .blog-ctnt .desc.PT15.blog-by, .blog-detail .blog-ctnt .banner-wrapper .banner-ctnt .col-md-7 .desc.PT15.blog-by {
    padding-top: 0;
  }
}

.banner-wrapper .banner-btm {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
}

.banner-wrapper .banner-btm .list-item {
  display: -ms-flexbox;
  display: flex;
}

.banner-wrapper .banner-btm .list-item li {
  width: 25%;
}

.banner-wrapper figure {
  margin-bottom: 0;
}

.banner-wrapper .desc {
  margin-top: 15px;
  color: #FFFFFF;
}

.banner-wrapper .desc span {
  color: #FFCB05;
}

@media (max-width: 991px) {
  .banner-wrapper .banner-ctnt {
    transform: none;
    left: 0;
    top: 24px;
  }
  .banner-wrapper .banner-btm {
    position: static;
    background: #FFFFFF;
    border-bottom: 3px solid #F5F5F5;
    overflow-x: auto;
  }
  .banner-wrapper .banner-btm .list-item.op1 {
    padding-top: 0;
  }
  .banner-wrapper .banner-btm .list-item.op1 li {
    color: #54565B;
    -ms-flex-direction: column;
        flex-direction: column;
    white-space: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    width: auto;
    margin: 24px 32px 30px 0;
  }
  .banner-wrapper .banner-btm .list-item.op1 li span {
    background: #f3f3f3;
    margin-bottom: 10px;
  }
}

/*  End  */
/* circle type list start */
.list-item {
  border-top: 0px !important;/* 1px solid rgba(255, 255, 255, 0.5);  */
  padding-top: 16px;
}

.list-item.with-arw li {
  position: relative;
  padding-right: 20px;
}

.list-item.with-arw li a {
  width: 100%;
}

.list-item.with-arw li::before {
  position: absolute;
  width: 15px;
  height: 15px;
  font-family: icomoon;
  content: "\e902";
  right: 0;
  top: 24px;
  color: #787878;
}

.list-item.op1 li a {
  color: #FFFFFF;
}

.list-item.op1 li span {
  background: #FFFFFF;
}

.list-item.op1 li span img {
  width: 24px;
  height: 24px;
}

@media (max-width: 991px) {
  .list-item.op1 li a {
    color: #54565B;
  }
}

.list-item.op2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 0;
}

.list-item.op2 li {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
}

@media (max-width: 767px) {
  .list-item.op2 li {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
  }
}

.list-item.op2 li span {
  background: #FFFFFF;
}

.list-item.op2 li span img {
  width: 24px;
  height: 24px;
}

.list-item.op2 li .img-ctr {
  width: 80%;
  /*whatsapp banking*/
  /*whatsapp banking end*/
}

.list-item.op2 li .img-ctr.w60 {
  width: 60%;
}

.list-item.opt1 li:last-child {
  margin-bottom: 0;
}

.list-item.opt1 li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.list-item.opt1 li span {
  background: #f3f3f3;
}

.list-item li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 36px;
}

.list-item li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.list-item li span {
  width: 70px;
  height: 70px;
  background: #ffcb05;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex: 0 0 70px;
      flex: 0 0 70px;
  margin-right: 15px;
}

.list-item li span.opt1 {
  background: #FFFFFF;
}

@media (max-width: 1024px) {
  .list-item li {
    margin-bottom: 24px;
  }
  .list-item li span {
    width: 60px;
    height: 60px;
    -ms-flex: 0 0 60px;
        flex: 0 0 60px;
  }
}

/*  End  */

/* Banner bounce layer start */
.banner-top,
.product-banner {
  position: relative;
}

.banner-top .banner-btm,
.product-banner .banner-btm {
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
}

.banner-top .banner-btm .list-item,
.product-banner .banner-btm .list-item {
  display: -ms-flexbox;
  display: flex;
}

.banner-top .banner-btm .list-item li,
.product-banner .banner-btm .list-item li {
  width: 25%;
}

@media (max-width: 991px) {
  .banner-top .banner-btm,
  .product-banner .banner-btm {
    position: static;
    background: #FFFFFF;
    border-bottom: 3px solid #F5F5F5;
    overflow-x: auto;
  }
  .banner-top .banner-btm .list-item.op1,
  .product-banner .banner-btm .list-item.op1 {
    padding-top: 0;
    -ms-flex-align: start;
        align-items: flex-start;
  }
  .banner-top .banner-btm .list-item.op1 li,
  .product-banner .banner-btm .list-item.op1 li {
    margin-bottom: 0;
    width: auto;
  }
  .banner-top .banner-btm .list-item.op1 li a,
  .product-banner .banner-btm .list-item.op1 li a {
    color: #54565B;
    -ms-flex-direction: column;
        flex-direction: column;
    white-space: nowrap;
    -ms-flex-align: start;
        align-items: flex-start;
    width: 120px;
    white-space: inherit;
    margin: 24px 32px 24px 0;
  }
  .banner-top .banner-btm .list-item.op1 li a span,
  .product-banner .banner-btm .list-item.op1 li a span {
    background: #f3f3f3;
    margin-bottom: 10px;
  }
  .banner-top .banner-btm .list-item.op2,
  .product-banner .banner-btm .list-item.op2 {
    padding-top: 0;
  }
  .banner-top .banner-btm .list-item.op2 li,
  .product-banner .banner-btm .list-item.op2 li {
    margin-bottom: 0;
    width: auto;
    color: #54565B;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
    width: auto;
    margin: 24px 32px 24px 0;
    -ms-flex: 0 0 130px;
        flex: 0 0 130px;
  }
  .banner-top .banner-btm .list-item.op2 li span,
  .product-banner .banner-btm .list-item.op2 li span {
    background: #f3f3f3;
    margin-bottom: 10px;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .banner-top .banner-btm .list-item.op2.op3 li,
  .product-banner .banner-btm .list-item.op2.op3 li {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex: 0 0 180px;
        flex: 0 0 180px;
    -ms-flex-align: center;
        align-items: center;
  }
}

@media (max-width: 1024px) {
  .banner-top .btn-box.MT30 {
    margin-top: 0;
  }
}

.product-banner figure img {
  width: 100%;
}

.product-banner .list-item.op1 li:last-child {
  margin-bottom: 0;
}

.product-banner .btn-box {
  display: -ms-flexbox;
  display: flex;
}

.product-banner .hero-know-more {
  line-height: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.product-banner .hero-know-more .icon-play {
  font-size: 24px;
  margin-right: 10px;
}

.product-banner .hero-know-more .icon-play::before {
  color: #9D1D27;
}

.product-banner .list-item {
  border-top: 0;
  padding-top: 0;
}

.product-banner .banner-btm {
  display: none;
}

@media (max-width: 991px) {
  .product-banner .banner-wrapper .list-item {
    display: none;
  }
  .product-banner .banner-ctnt {
    top: 50px;
  }
  .product-banner .banner-ctnt .hd1 {
    font-size: 24px;
    margin-top: 30px;
  }
  .product-banner .banner-ctnt .desc.noTab {
    display: none;
  }
  .product-banner .hero-know-more {
    margin-left: 16px;
    white-space: nowrap;
  }
  .product-banner .banner-btm {
    display: block;
  }
}

@media (max-width: 767px) {
  .product-banner .banner-ctnt {
    top: 24px;
  }
  .product-banner .banner-ctnt .hd1 {
    margin-top: 0;
  }
  .product-banner .banner-ctnt .desc {
    display: block;
  }
}

/*  End  */


.modal-dialog {
  max-width: 600px;
}

.modal-dialog .modal-body.op1 {
  padding: 70px 100px;
}

@media (max-width: 767px) {
  .modal-dialog .modal-body.op1 {
    padding: 50px 30px;
  }
}

/*pl joureny banner*/
.pl-banner {
 padding-top: 30px;
  background: #ffecee;
  background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
}

.pl-banner.op1 {
  background: #ffecee;
  background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
}

.pl-banner.op1 .hero-from {
  padding-left: 40px;
}

@media (max-width: 767px) {
  .pl-banner.op1 .hero-from {
    padding: 0 15px;
  }
}

.pl-banner.op1 .hero-from .go-back {
  font-size: 14px;
}

.pl-banner.op1 .hero-from .btn-box .btn-red,
.pl-banner.op1 .hero-from .btn-box .btn-white {
  padding: 10px 20px;
  font-size: 14px;
}

@media (max-width: 767px) {

  .pl-banner.op1 .hero-from .btn-box .btn-red,
  .pl-banner.op1 .hero-from .btn-box .btn-white {
    line-height: 2;
  }
}

@media (max-width: 1024px) {
  .pl-banner.op1 {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 64%, white 64%, white 100%);
    padding-top: 30px;
  }
}

@media (max-width: 991px) {
  .pl-banner.op1 {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .pl-banner.op1 {
    background: none;
  }
}

@media only screen and (min-device-width: 1820px) and (max-device-width: 2048px) {
  .pl-banner {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 60%, white 60%, white 100%);
  }
}

@media (max-width: 991px) {
  .pl-banner {
    background: #ffecee;
    background: linear-gradient(90deg, #ffecee 0%, #c2b5b5 50%, white 50%, white 100%);
    padding-top: 30px;
  }
}

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

.pl-banner .hero-img {
  margin-left: -30px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-img {
    margin-left: -60px;
  }
}

@media (max-width: 991px) {
  .pl-banner .hero-img {
    margin: 0;
  }
}

.pl-banner figure {
  margin: 0;
}

.pl-banner figure img {
  display: block;
}

@media (max-width: 1024px) {
  .pl-banner figure img {
    width: 360px;
  }
}

@media (max-width: 991px) {
  .pl-banner figure img {
    width: 250px;
  }
}

@media (max-width: 767px) {
  .pl-banner figure img {
    width: 100%;
  }
}

.pl-banner .hd {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-weight: 400;
}

.pl-banner .hero-from {
  padding-left: 70px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-from {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .pl-banner .hero-from {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .pl-banner .hero-from {
    padding: 0 15px;
  }
}

.pl-banner .hero-from .hd6 {
  color: #54565B;
}

.pl-banner .hero-from .hd6 strong {
  display: block;
  margin-bottom: 3px;
}

.pl-banner .hero-from .skip {
  margin-left: 45px;
}

@media (max-width: 1024px) {
  .pl-banner .hero-from .skip {
    margin-left: 15px;
  }
}

.preLoanamt {
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0 0;
}

.preLoanamt a {
  border: 2px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 10px;
  text-align: center;
}

.preLoanamt a:last-child {
  margin-right: 0;
}
body {
  padding-top: 160px
}

body.overflow {
  overflow: hidden
}

@media(max-width: 991px) {
  body {
      padding-top: 120px
  }
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100px;
  background: #fff;
  transition: all .1s ease
}

header.secNavSticky.d-lg-block {
  height: auto
}

/* header.secNavSticky.d-lg-block .top-nav {
  display: none
} */

header.zindex {
  z-index: 3;
}

/* header.zindex.secNavSticky {
  box-shadow: none;
  z-index: 3
} */

header.sticky {
  height: 70px;
  overflow: hidden;
  z-index: 3
}

header.sticky .menu {
  opacity: 1;
  left: 0;
  width: 84px;
  padding: 25px 20px 25px 40px
}

header.sticky .top-nav-left {
  opacity: 0;
  width: 50px
}

header.sticky .top-nav-right li.drop-down {
  opacity: 0
}

header.sticky .top-nav-right li.drop-down>a {
  line-height: inherit
}

header.sticky .sub-nav {
  opacity: 0;
  transform: translateY(-50%)
}

header.sticky .top-nav {
  height: 70px
}

header.sticky .top-nav .logo {
  padding: 15px 0 0 20px
}

header.sticky .top-nav-right li.stvi {
  display: block
}

header.sticky .top-nav-right li.stvi .icon-search {
  vertical-align: middle
}

header.sticky .sec-nav {
  display: none
}

header.sticky .login a {
  height: 70px
}

@media(max-width: 991px) {
  header.sticky .top-nav .logo {
      padding-top: 0
  }
}

@media(max-width: 991px) {
  header {
      height: 120px
  }
}

header a {
  color: #25243b
}

header.d-lg-none .btn-box .btn-white {
  border: solid 1px;
  padding: 8px 15px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 600
}

header.d-lg-none .top-nav-right ul li {
  margin-right: 7px;
  padding: 0px
}

header.d-lg-none .top-nav-right ul li:last-child {
  padding: 0 0 0 2px
}

@media(max-width: 991px) {
  header.d-lg-none .top-nav-right ul li.lang-bx {
      position: relative
  }

  header.d-lg-none .top-nav-right ul li.lang-bx .dropdown-content {
      left: auto;
      right: -130px;
      width: 160px;
      padding: 10px 10px 5px 10px;
      top: 30px
  }

  header.d-lg-none .top-nav-right ul li.lang-bx .dropdown-content ul li {
      padding: 5px;
      margin: 0;
      border-bottom: 1px solid #d8d8d8;
      font-size: 14px
  }

  header.d-lg-none .top-nav-right ul li.lang-bx .dropdown-content ul li:last-child {
      border-bottom: 0
  }
}

header .icon-lage .path1:before {
  color: #353535
}

header .icon-lage .path2:before {
  color: #353535
}

@media(max-width: 991px) {
  header .icon-lage .path1:before {
      color: #979797
  }

  header .icon-lage .path2:before {
      color: #616161
  }
}

.header-main {
  margin: 0 auto
}

.sec-nav {
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient(131.93deg, #353535 0%, #000000 100%);
  height: 56px;
  opacity: 1;
  transform: translateY(0);
  transition: all .3s ease;
  position: relative;
  z-index: 1;
  -ms-flex-align: center;
  align-items: center
}

.sec-nav.bg-white {
  background-color: #fff !important;
  background: rgba(0, 0, 0, 0)
}

.sec-nav.bg-white>ul.last li a,
.sec-nav.bg-white>ul.last li a:visited {
  color: #353535
}

.sec-nav.bg-white>ul.last li a:hover,
.sec-nav.bg-white>ul.last li a:active,
.sec-nav.bg-white>ul.last li a:visited:hover,
.sec-nav.bg-white>ul.last li a:visited:active {
  background: #fff
}

.sec-nav.bg-white>ul.last li .dropdown-content {
  border-radius: 0px 4px 8px 8px;
  background: #fff;
  box-shadow: 0px 0px 6.8px 0px rgba(0, 0, 0, .25);
}

.sec-nav.bg-white>ul.last li .dropdown-content li a,
.sec-nav.bg-white>ul.last li .dropdown-content li a:visited {
  color: #353535
}

.sec-nav>ul {
  display: -ms-flexbox;
  display: flex
}

.sec-nav>ul.pre {
  background: #000;
  margin-left: 20px;
  border-radius: 24px
}

@media(max-width: 1440px) {
  .sec-nav>ul.pre {
      margin-left: 12px
  }
}

.sec-nav>ul.pre.bg-transparent li a {
  color: #353535
}

.sec-nav>ul.pre.bg-transparent li a:hover {
  color: #353535;
  background: rgba(0, 0, 0, 0)
}

.sec-nav>ul.pre li {
  margin: 0px;
  line-height: 2.5;
  font-size: 12px
}

.sec-nav>ul.pre li a {
  border-radius: 24px;
  display: block;
  padding: 0 20px;
  color: #fff
}

@media(max-width: 1440px) {
  .sec-nav>ul.pre li a {
      padding: 0 15px
  }
}

@media(max-width: 1024px) {
  .sec-nav>ul.pre li a {
      padding: 0 7px
  }
}

.sec-nav>ul.pre li a:hover {
  font-weight: inherit;
  background: rgba(157, 29, 39, .3);
  color: #fff
}

.sec-nav>ul.last {
  margin-left: auto;
  margin-right: 70px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.sec-nav>ul.last li {
  position: relative;
  height: 100%;
  margin-right: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

@media(max-width: 1280px) {
  .sec-nav>ul.last li {
      margin-right: 0px
  }
}

.sec-nav>ul.last li .icon-search {
  vertical-align: middle
}

.sec-nav>ul.last li a {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 15px;
  font-size: 14px;
  color: #fff
}

.sec-nav>ul.last li a:link {
  color: #fff
}

.sec-nav>ul.last li a:visited {
  color: #fff
}

.sec-nav>ul.last li a:hover {
  background: #000;
  color: #fff
}

.sec-nav>ul.last li a.btn-white {
  min-width: 88px;
  font-weight: 500;
  height: 36px;
  font-size: 14px;
  color: #fff !important;
  background-color: #981a1d
}

@media(max-width: 1024px) {
  .sec-nav>ul.last li a.btn-white {
      min-width: 68px;
      font-size: 14px;
      height: 33px
  }
}

.sec-nav>ul.last li a.btn-white:hover {
  color: #fff;
  background: #981a1d !important
}

.sec-nav>ul.last li a.btn-white.customer-support {
  min-width: 70px;
  padding: 0 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #353535 !important;
  border: 1px solid #353535;
  border-radius: 50px;
  background: rgba(0, 0, 0, 0) !important
}

.sec-nav>ul.last li a.btn-white.customer-support:hover {
  background: #fff !important
}

.sec-nav>ul.last li:last-child {
  margin-right: 0
}

.sec-nav>ul.last li:last-child a {
  margin: 0
}

.sec-nav>ul.last li.help-dropdonw {
  margin: 0 15px
}

.sec-nav>ul.last li.help-dropdonw:hover,
.sec-nav>ul.last li.login-button:hover {
  background: none
}

.sec-nav>ul>li {
  line-height: 40px;
  font-size: 14px;
  margin-right: 32px
}

.sec-nav>ul>li.sec {
  background: #f5f5f5;
  margin-right: 0;
  padding-left: 30px
}

.sec-nav>ul>li>a:hover,
.sec-nav>ul>li>a.active {
  color: #fff
}

.sec-nav>ul>li>a:hover .icon-Down::before,
.sec-nav>ul>li>a.active .icon-Down::before {
  content: ""
}

.sec-nav>ul>li>a .icon-Down {
  font-weight: 700;
  font-size: 13px;
  margin-left: 5px
}

.sec-nav>ul .icon-search {
  font-size: 16px;
  font-weight: 700
}

.sec-nav>ul .icon-lage {
  font-size: 15px
}

.sec-nav>ul .dfv {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

@media(max-width: 1024px) {
  .sec-nav>ul li {
      margin-right: 24px
  }

  .sec-nav>ul.pre {
      padding-left: 0px;
      margin-left: 10px
  }

  .sec-nav>ul.last {
      margin-right: 4px
  }
}

.sec-nav .menu {
  position: relative;
  left: -20px;
  padding: 25px 0;
  width: 0;
  opacity: 0;
  transition: all .3s linear
}

.sec-nav .menu a img {
  display: block
}

.sec-nav .menu a span {
  font-size: 20px
}

.sec-nav .logo {
  padding: 0px 0px 0 70px
}

@media(max-width: 1024px) {
  .sec-nav .logo {
      padding: 0px 0px 0 10px
  }
}

.sec-nav .logo a img {
  height: 36px;
  display: block;
  width: auto
}

@media(max-width: 1024px) {
  .sec-nav .logo a img {
      height: 36px
  }
}

.sec-nav a {
  color: #fff
}

.sec-nav a:hover {
  color: #fff
}

.sec-nav .dropdown-content a {
  color: #54565b
}

.sec-nav .icon-Down:before {
  color: #da3442
}

.sec-nav .btn-box .btn-red {
  padding: 7px 23px;
  font-size: 14px
}

.sec-nav .btn-box .btn-white {
  min-width: 70px;
  height: 30px;
  padding: 0 14px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-left: 8px;
  color: #981a1d;
  letter-spacing: -0.6px
}

.sec-nav .btn-box .btn-white.dropdown-toggle:after {
  display: none
}

@media(max-width: 1024px) {
  .sec-nav .btn-box .btn-white {
      min-width: 68px;
      height: 33px;
      font-size: 14px
  }
}

@media(max-width: 1280px) {
  .sec-nav .btn-box .btn-white {
      font-size: 14px;
      line-height: 20px;
      padding: 0 8px;
      margin-left: 5px;
      margin-right: 5px;
      min-width: 72px
  }
}

.sec-nav .btn-box .btn-white:hover {
  background: #9d1d27;
  color: #fff
}

.sec-nav .btn-box .btn-white.ira-help:hover {
  background-color: #fff
}

.sec-nav .btn-box .btn-white.ira-help img {
  margin-top: -7px
}

.sec-nav .btn-box.dropdown.show>a.dropdown-toggle.btn-white {
  position: relative;
  z-index: 2
}

.sec-nav .btn-box.dropdown.show>a.dropdown-toggle.btn-white:before {
  content: "\a";
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  background-color: #fff;
  position: absolute;
  top: 39px;
  right: 25px;
  box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .25);
  z-index: 3
}

.top-nav {
  font-size: 14px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 9px 65px;
  background: #fff
}

.top-nav.bg-light-white {
  padding: 0 70px
}

@media(max-width: 1024px) {
  .top-nav {
      padding: 0
  }
}

@media(max-width: 991px) {
  .top-nav {
      box-shadow: none
  }
}

.top-nav .logo {
  padding: 10px 30px 0 46px
}

.top-nav .logo a img {
  display: block
}

.top-nav .menu {
  position: relative;
  left: -20px;
  padding: 25px 0;
  width: 0;
  opacity: 0;
  transition: all .3s linear
}

.top-nav .menu a img {
  display: block
}

.top-nav .menu a span {
  font-size: 20px
}

@media(max-width: 1024px) {
  .top-nav .logo {
      padding: 10px 10px 0 30px
  }
}

@media(max-width: 991px) {
  .top-nav {
      height: 60px;
      -ms-flex-align: center;
      align-items: center
  }

  .top-nav .menu {
      position: static;
      opacity: 1;
      left: 0;
      width: 24px
  }

  .top-nav .logo {
      padding: 0 0 0 0
  }

  .top-nav .logo img {
      height: 28px
  }

  .top-nav .menu-mob .icon-menu,
  .top-nav .icon-search {
      display: block;
      font-size: 20px
  }

  .top-nav .icon-search {
      font-size: 24px
  }

  .top-nav .myCornerm img {
      height: 30px
  }

  .top-nav .menu-mob .icon-menu::before {
      color: #9b1e26
  }
}

.top-nav .top-nav-left .drop-down.rgt .dropdown-content {
  left: auto;
  right: 0px
}

.top-nav .top-nav-left .dropdown-content {
  left: 0;
  top: 45px
}

.top-nav .top-nav-left .dropdown-content.menu-cardList-cnt {
  min-width: 760px;
  max-height: 290px;
  overflow-y: scroll
}

@media(max-width: 1024px) {
  .top-nav .top-nav-left .dropdown-content.menu-cardList-cnt {
      min-width: 550px
  }
}

.top-nav .top-nav-left .dropdown-content.menu-cardList-cnt.two-col {
  height: 235px;
  min-width: 520px
}

.top-nav .top-nav-left .dropdown-content.menu-cardList-cnt.two-col .grdiantCard {
  width: 46%
}

.top-nav .top-nav-left .dropdown-content.onlinkList {
  padding: 0px;
  border-radius: 0 0 10px 10px
}

.top-nav .top-nav-left .dropdown-content.onlinkList li {
  margin-bottom: 0px
}

.top-nav .top-nav-left .dropdown-content.onlinkList li:last-child a {
  border-bottom: 0px
}

.top-nav .top-nav-left .dropdown-content.onlinkList li a {
  display: -ms-flexbox;
  display: flex;
  padding: 18px 20px;
  border-bottom: solid 1px rgba(151, 151, 151, .2);
  -ms-flex-align: center;
  align-items: center
}

.top-nav .top-nav-left .dropdown-content.onlinkList li a span {
  padding-right: 23px
}

.top-nav-left {
  opacity: 1;
  transition: opacity .3s ease;
  display: -ms-flexbox;
  display: flex
}

.top-nav-left>li {
  margin: 0;
  position: relative
}

.top-nav-left>li.active>a,
.top-nav-left>li:hover>a {
  font-weight: 700
}

.top-nav-left>li.active>a .icon-Down::before,
.top-nav-left>li:hover>a .icon-Down::before {
  color: #9d1d27;
  content: ""
}

.top-nav-left>li>a {
  display: block;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  padding: 14px 30px 14px 0;
  height: 45px;
  color: #353535;
  white-space: nowrap;
  font-size: 14px
}

@media(max-width: 1024px) {
  .top-nav-left>li>a {
      padding: 16px 8px
  }
}

.top-nav-left>li>a .icon-Down {
  font-weight: 700;
  font-size: 13px;
  margin-left: 5px
}

.top-nav-left>li>a .icon-Down::before {
  color: #9d1d27
}

.top-nav-left>li>a:hover {
  border-bottom: 3px solid #9d1d27
}

.top-nav-left>li .dfm {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.top-nav-left>li .dfm .icon-more {
  font-size: 20px;
  margin-right: 8px
}

.top-nav-left>li .icon {
  margin-right: 8px;
  display: inline-block
}

.top-nav-left>li .icon img {
  width: 20px;
  height: 20px
}

@media(max-width: 1280px) {
  .top-nav-left>li.hide-1024 {
      display: none
  }
}

@media(max-width: 1280px) {
  .top-nav-left>li {
      font-size: 14px;
      margin: 0
  }

  .top-nav-left>li>a {
      padding: 15px 30px 10px 0px
  }
}

@media(max-width: 1024px) {
  .top-nav-left>li {
      font-size: 14px;
      margin: 0
  }

  .top-nav-left>li>a {
      padding: 15px 18px 10px 0px
  }
}

.top-nav-right {
  opacity: 1;
  transition: opacity .3s ease;
  display: -ms-flexbox;
  display: flex
}

.top-nav-right .icon-search:before {
  color: #9d1d27
}

.top-nav-right .right-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.top-nav-right .right-nav .phone svg {
  margin-top: 0px
}

.top-nav-right .right-nav .hotline-new {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  margin-top: -2px
}

.top-nav-right .right-nav .hotline-new .hotline-new-customer-care-txt {
  color: #353535;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  margin-top: 0
}

.top-nav-right .right-nav .hotline-new .hotline-new-customer-care-number {
  color: #353535;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 12px;
  margin-top: 2px
}

@media(max-width: 1024px) {
  .top-nav-right .right-nav {
      padding: 0px 10px 0 0
  }
}

.top-nav-right .right-nav>li {
  margin: 0 12px;
  position: relative
}

.top-nav-right .right-nav>li>a {
  padding: 15px 0;
  line-height: 30px
}

.top-nav-right .right-nav>li:last-child {
  margin-right: 0
}

.top-nav-right .right-nav>li.stvi {
  display: none
}

.top-nav-right .right-nav>li .search,
.top-nav-right .right-nav>li .icon-lage {
  font-size: 22px
}

.top-nav-right .right-nav>li .phone {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0
}

.top-nav-right .right-nav>li .phone:hover .f10 {
  color: #222
}

.top-nav-right .right-nav>li .phone .f10 {
  margin-bottom: 0;
  line-height: 1;
  font-size: 10px;
  margin-left: 8px;
  font-weight: 600
}

.top-nav-right .right-nav>li .phone .f10.hotline {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #981a1d;
  white-space: nowrap
}

@media(max-width: 1440px) {
  .top-nav-right .right-nav>li .phone .f10.hotline {
      font-size: 11px;
      line-height: 16px
  }
}

.top-nav-right .right-nav>li .phone span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #9d1d27;
  letter-spacing: .23px;
  margin-top: 4px
}

@media(max-width: 1440px) {
  .top-nav-right .right-nav>li .phone span {
      font-size: 13px
  }
}

@media(max-width: 1024px) {
  .top-nav-right .right-nav>li {
      margin: 0 8px;
      font-size: 14px
  }
}

@media(max-width: 991px) {
  .top-nav-right .right-nav>li {
      margin-right: 24px
  }
}

.sub-nav {
  opacity: 1;
  transform: translateY(0);
  transition: all .3s ease;
  border-top: 1px solid #d8d8d8
}

.sub-nav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.sub-nav ul li {
  padding: 20px
}

.my-corner {
  display: inline-block;
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/my-corner.svg) no-repeat right center;
  padding-right: 46px;
  line-height: 38px
}

@media(max-width: 1024px) {
  .my-corner {
      padding-right: 38px;
      height: 38px
  }

  .my-corner span {
      display: none
  }
}

.login a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: .3s;
  position: relative;
  padding: 0;
  margin: 0 54px 0 0;
  color: #525252
}

.login a span {
  margin-right: 8px
}

@media(max-width: 1024px) {
  .login a {
      margin-right: 30px
  }
}

@media(max-width: 991px) {
  .login a {
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 14px 13px 13px;
      margin-right: -15px;
      font-size: 12px
  }

  .login a span {
      font-size: 20px;
      margin: 0 0 3px
  }
}

.mob-menu {
  display: none
}

@media(max-width: 991px) {
  .mob-menu {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      background: #fff;
      overflow: auto
  }

  .mob-menu .mm-top-in {
      height: 70px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07)
  }

  .mob-menu .mm-top-in .logo img {
      height: 34px;
      width: auto
  }

  .mob-menu .mm-top-in .search {
      margin-left: auto;
      margin-right: 20px
  }

  .mob-menu .mm-top-in .search .icon-search {
      font-size: 24px
  }

  .mob-menu .mm-top-in .search .icon-search:before {
      color: #9b1e26
  }

  .mob-menu .mm-top-in .language {
      margin: 0 16px 0 -4px
  }

  .mob-menu .mm-top-in .language .icon-lage {
      font-size: 18px
  }

  .mob-menu .mm-top-in .icon-close {
      font-size: 18px
  }

  .mob-menu .mm-top-in .icon-close:before {
      color: #9b1e26
  }

  .mob-menu .mm-mid .mob-scrollm {
      background: linear-gradient(131.93deg, #353535 0%, #000000 100%);
      padding: 15px
  }

  .mob-menu .mm-mid .mob-scrollm ul {
      min-width: 300px
  }

  .mob-menu .mm-mid .tab-content>.active {
      display: block
  }

  .mob-menu .mm-mid .nav.pre {
      background: #000;
      border-radius: 24px;
      padding: 0
  }

  .mob-menu .mm-mid .nav.pre li {
      padding: 0;
      margin-right: 4px
  }

  .mob-menu .mm-mid .nav.pre li a {
      font-size: 12px;
      line-height: 20px;
      color: #fff;
      white-space: nowrap
  }

  .mob-menu .mm-mid .nav.pre li a.active {
      background: linear-gradient(135deg, #9d1d27 0.12%, #6e0a0f 100%);
      font-weight: inherit
  }

  .mob-menu .mm-mid .nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 0 35px;
      overflow-x: auto
  }

  .mob-menu .mm-mid .nav li {
      margin-right: 12px;
      padding: 15px 0
  }

  .mob-menu .mm-mid .nav li:last-child {
      margin-right: 0
  }

  .mob-menu .mm-mid .nav li a {
      display: inline-block;
      padding: 5px 14px;
      border-radius: 15px
  }

  .mob-menu .mm-mid .nav li a.active {
      font-weight: 700;
      background: #9d1d27;
      color: #fff
  }

  .mob-menu .mm-mid .tab-content {
      padding: 0
  }

  .mob-menu .mm-mid .tab-content .mlink {
      border-bottom: 1px solid rgba(157, 29, 39, .3);
      padding-bottom: 24px;
      margin-bottom: 0
  }

  .mob-menu .mm-mid .tab-content .mlink a {
      font-weight: 700;
      color: #9d1d27
  }

  .mob-menu .footer-top .fot-dred {
      padding: 40px 20px
  }

  .mob-menu .footer .fot-dred .col-lg-5 {
      margin-bottom: 0
  }

  .mob-menu .mob-smenu a.redirect-link {
      padding: 22px 15px 15px 15px;
      position: relative;
      background: #9d1d27;
      border-bottom: 1px solid rgba(216, 216, 216, .21);
      color: #fff;
      display: block
  }

  .mob-menu .mob-smenu a.redirect-link::before {
      position: absolute;
      font-size: 14px;
      font-family: icomoon;
      content: "";
      right: 15px;
      top: 24px;
      color: #fff
  }

  .mob-menu .mob-smenu .main-link {
      padding: 20px 15px;
      background: #d8d8d8;
      font-weight: 700
  }

  .mob-menu .mob-smenu .main-link a {
      color: #9d1d27;
      font-size: 14px
  }

  .mob-menu .mob-smenu .fhd {
      padding: 20px 15px;
      position: relative;
      background: #f3f3f3;
      border-bottom: 1px solid #d8d8d8;
      font-size: 14px
  }

  .mob-menu .mob-smenu .fhd.act {
      color: #9d1d27;
      font-weight: 700
  }

  .mob-menu .mob-smenu .fhd.act::before {
      content: ""
  }

  .mob-menu .mob-smenu .fhd::before {
      position: absolute;
      font-size: 14px;
      font-family: icomoon;
      content: "";
      right: 15px;
      top: 20px;
      color: #9d1d27
  }

  .mob-menu .mob-smenu .fhd.others-menu {
      background: #525252;
      color: #fff;
      border-bottom-color: #d0d0d0
  }

  .mob-menu .mob-smenu .fhd.others-menu.last {
      border-bottom: 0
  }

  .mob-menu .mob-smenu .fhd.others-menu::before {
      color: #fff
  }

  .mob-menu .mob-smenu .fbody {
      display: none;
      border-bottom: 1px solid #d8d8d8
  }

  .mob-menu .mob-smenu .fbody .fhd {
      border-bottom: 0;
      background: #f3f3f3;
      border-top: 1px solid rgba(216, 216, 216, .5);
      padding: 22px 15px 15px 15px;
      color: #54565b
  }

  .mob-menu .mob-smenu .fbody .fhd:first-child {
      border-top: 0
  }

  .mob-menu .mob-smenu .fbody .fhd.act {
      color: #54565b
  }

  .mob-menu .mob-smenu .fbody .fhd.act::before {
      content: "";
      color: #9d1d27
  }

  .mob-menu .mob-smenu .fbody .fhd::before {
      content: "";
      right: 15px;
      color: #54565b
  }

  .mob-menu .mob-smenu .fbody ul {
      display: none
  }

  .mob-menu .mob-smenu .fbody ul.flist {
      display: block
  }

  .mob-menu .mob-smenu .flist {
      padding-top: 25px;
      display: none
  }

  .mob-menu .mob-smenu .flist li {
      padding: 0 25px 20px 25px
  }

  .mob-menu .mob-smenu .flist li.viewAll a {
      color: #9b1e26;
      font-size: 14px
  }

  .mob-menu .mob-smenu .flist li a {
      color: #222;
      font-size: 14px
  }

  .mob-menu .mob-smenu .flist li a.f16br {
      color: #9b1e26
  }

  .mob-menu .mob-smenu .flist li hr {
      margin-bottom: .5rem
  }

  .mob-menu .mob-smenu .flist li:last-child {
      padding-bottom: 28px
  }

  .mob-menu .mob-smenu .flist li.flist-hd {
      font-weight: 700;
      color: #9d1d27;
      padding-left: 15px
  }

  .mob-menu .mob-smenu .fhd-link {
      padding: 28px 0;
      font-weight: 700;
      border-top: 1px solid rgba(216, 216, 216, .5)
  }

  .mob-menu .footer .fot-red1 {
      padding: 20px 0
  }

  .mob-menu .footer .fot-red1 ul li {
      font-weight: 700;
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      margin-top: 0;
      padding: 16px 0
  }

  .mob-menu .footer .fot-red1 ul li:last-child {
      border-bottom: 0
  }

  .mob-menu .footer {
      margin-bottom: 0
  }
}

@media(max-width: 767px) {
  .mob-menu .mm-mid .nav {
      padding: 0 15px
  }
}

.snav-wraper,
.stab-wraper {
  height: 65px
}

.bg-grey .secondary-tab {
  border-bottom: solid 1px #d8d8d8;
  background: #fafafa;
  height: 69px
}

@media(max-width: 1024px) {
  .bg-grey .secondary-tab {
      height: auto
  }
}

.secondary-nav,
.secondary-tab,
.secondary-tab-normal {
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(37, 36, 59, .1);
  position: relative
}

.secondary-nav.sticky,
.secondary-tab.sticky,
.secondary-tab-normal.sticky {
  position: fixed;
  width: 100%;
  top: 55px;
  left: 0;
  z-index: 2
}

.secondary-nav.sticky ul:not(.filter) li a,
.secondary-tab.sticky ul:not(.filter) li a,
.secondary-tab-normal.sticky ul:not(.filter) li a {
  padding: 15px 0 10px;
  font-size: 16px
}

.secondary-nav.sticky .container .btn-box,
.secondary-tab.sticky .container .btn-box,
.secondary-tab-normal.sticky .container .btn-box {
  top: 5px
}

.secondary-nav.sticky .container .btn-box .btn-red,
.secondary-tab.sticky .container .btn-box .btn-red,
.secondary-tab-normal.sticky .container .btn-box .btn-red {
  padding: 7px 30px;
  font-size: 14px
}

.secondary-nav ul:not(.filter),
.secondary-tab ul:not(.filter),
.secondary-tab-normal ul:not(.filter) {
  display: -ms-flexbox;
  display: flex
}

.secondary-nav ul:not(.filter).op1 li,
.secondary-tab ul:not(.filter).op1 li,
.secondary-tab-normal ul:not(.filter).op1 li {
  margin: 0 25px
}

.secondary-nav ul:not(.filter).op1 li:last-child,
.secondary-tab ul:not(.filter).op1 li:last-child,
.secondary-tab-normal ul:not(.filter).op1 li:last-child {
  margin-right: 0
}

@media(max-width: 1024px) {

  .secondary-nav ul:not(.filter).op1 li,
  .secondary-tab ul:not(.filter).op1 li,
  .secondary-tab-normal ul:not(.filter).op1 li {
      margin: 0 14px
  }
}

.secondary-nav ul:not(.filter) li,
.secondary-tab ul:not(.filter) li,
.secondary-tab-normal ul:not(.filter) li {
  margin: 0 36px
}

.secondary-nav ul:not(.filter) li p,
.secondary-tab ul:not(.filter) li p,
.secondary-tab-normal ul:not(.filter) li p {
  margin-bottom: 0
}

.secondary-nav ul:not(.filter) li.no-data,
.secondary-tab ul:not(.filter) li.no-data,
.secondary-tab-normal ul:not(.filter) li.no-data {
  margin: 0
}

@media(max-width: 1024px) {

  .secondary-nav ul:not(.filter) li,
  .secondary-tab ul:not(.filter) li,
  .secondary-tab-normal ul:not(.filter) li {
      margin: 0 15px
  }
}

.secondary-nav ul:not(.filter) li:first-child,
.secondary-tab ul:not(.filter) li:first-child,
.secondary-tab-normal ul:not(.filter) li:first-child {
  margin-left: 0
}

.secondary-nav ul:not(.filter) li a,
.secondary-tab ul:not(.filter) li a,
.secondary-tab-normal ul:not(.filter) li a {
  padding: 25px 0 20px;
  display: block;
  font-weight: 400;
  position: relative;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.5px
}

.secondary-nav ul:not(.filter) li a::after,
.secondary-tab ul:not(.filter) li a::after,
.secondary-tab-normal ul:not(.filter) li a::after {
  border-bottom: 3px solid #9d1d27;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  margin: auto;
  position: absolute;
  transition: .3s all ease
}

.secondary-nav ul:not(.filter) li a strong,
.secondary-tab ul:not(.filter) li a strong,
.secondary-tab-normal ul:not(.filter) li a strong {
  font-weight: 300;
  color: #222
}

.secondary-nav ul:not(.filter) li a.active strong,
.secondary-nav ul:not(.filter) li a:hover strong,
.secondary-tab ul:not(.filter) li a.active strong,
.secondary-tab ul:not(.filter) li a:hover strong,
.secondary-tab-normal ul:not(.filter) li a.active strong,
.secondary-tab-normal ul:not(.filter) li a:hover strong {
  font-weight: 500
}

.secondary-nav ul:not(.filter) li a.active::after,
.secondary-nav ul:not(.filter) li a:hover::after,
.secondary-tab ul:not(.filter) li a.active::after,
.secondary-tab ul:not(.filter) li a:hover::after,
.secondary-tab-normal ul:not(.filter) li a.active::after,
.secondary-tab-normal ul:not(.filter) li a:hover::after {
  width: 100%
}

@media(max-width: 991px) {

  .secondary-nav,
  .secondary-tab,
  .secondary-tab-normal {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none
  }

  .secondary-nav::-webkit-scrollbar,
  .secondary-tab::-webkit-scrollbar,
  .secondary-tab-normal::-webkit-scrollbar {
      display: none
  }

  .secondary-nav ul li,
  .secondary-tab ul li,
  .secondary-tab-normal ul li {
      margin: 0 24px
  }
}

.secondary-tab-normal {
  border-bottom: solid 1px #d8d8d8;
  height: 69px
}

@media(max-width: 767px) {
  .secondary-tab-normal ul {
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto
  }
}

.secondary-tab-normal ul li {
  margin: 0 8px
}

@media(max-width: 767px) {
  .secondary-tab-normal ul li {
      margin: 0
  }
}

.secondary-tab-normal ul li a {
  padding: 30px 15px 20px 20px
}

@media(max-width: 1024px) {
  .secondary-tab-normal {
      height: auto
  }
}

.sec-nav ul.last .dropdown-content,
.right-nav .dropdown-content,
.sub-nav .dropdown-content,
.top-nav .dropdown-content {
  display: none;
  position: absolute;
  background: #fff;
  width: 760px;
  left: -20px;
  z-index: 2;
  top: 50px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .07);
  padding: 20px 28px 5px
}

.sec-nav ul.last .dropdown-content li,
.right-nav .dropdown-content li,
.sub-nav .dropdown-content li,
.top-nav .dropdown-content li {
  margin-bottom: 12px
}

.sec-nav ul.last .dropdown-content li:last-child,
.right-nav .dropdown-content li:last-child,
.sub-nav .dropdown-content li:last-child,
.top-nav .dropdown-content li:last-child {
  margin-bottom: 0
}

.sec-nav ul.last .dropdown-content li.sep-line,
.right-nav .dropdown-content li.sep-line,
.sub-nav .dropdown-content li.sep-line,
.top-nav .dropdown-content li.sep-line {
  border-bottom: 1px solid #d8d8d8;
  margin: 16px 0
}

.sec-nav ul.last .drop-down:hover>a,
.right-nav .drop-down:hover>a,
.sub-nav .drop-down:hover>a,
.top-nav .drop-down:hover>a {
  border-bottom-color: #9d1d27
}

.sec-nav ul.last .drop-down:hover>a .icon-Down::before,
.right-nav .drop-down:hover>a .icon-Down::before,
.sub-nav .drop-down:hover>a .icon-Down::before,
.top-nav .drop-down:hover>a .icon-Down::before {
  content: ""
}

.sec-nav ul.last .drop-down:hover .dropdown-content,
.right-nav .drop-down:hover .dropdown-content,
.sub-nav .drop-down:hover .dropdown-content,
.top-nav .drop-down:hover .dropdown-content {
  display: block
}

.sec-nav ul.last .drop-down.lang-bx .dropdown-content,
.right-nav .drop-down.lang-bx .dropdown-content,
.sub-nav .drop-down.lang-bx .dropdown-content,
.top-nav .drop-down.lang-bx .dropdown-content {
  width: 160px
}

@media(max-width: 1024px) {

  .sec-nav ul.last .drop-down.lang-bx .dropdown-content,
  .right-nav .drop-down.lang-bx .dropdown-content,
  .sub-nav .drop-down.lang-bx .dropdown-content,
  .top-nav .drop-down.lang-bx .dropdown-content {
      right: -4px
  }
}

.sec-nav ul.last .dropdown-content {
  top: 55px;
  background: #000;
  width: 260px;
  left: 0px;
  padding: 3px 0;
  border-radius: 0 0 10px 10px
}

.sec-nav ul.last .dropdown-content.help-drodown-menu {
  border-radius: 6px;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, .25)
}

.sec-nav ul.last .dropdown-content li {
  line-height: 1;
  font-size: 16px;
  margin: 0px;
  display: block
}

.sec-nav ul.last .dropdown-content li:last-child a {
  border-bottom: 0px
}

.sec-nav ul.last .dropdown-content li a {
  padding: 12px 30px 12px 12px;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  border-bottom: solid 1px rgba(216, 216, 216, .2);
  /* background: url("../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow2.svg") no-repeat 94% 15px; */
  -ms-flex-pack: start;
  justify-content: start
}

.sec-nav ul.last .rgt .dropdown-content {
  left: auto;
  right: -20px
}

.mega-menu {
  display: -ms-flexbox;
  display: flex
}

.mega-menu ul.nav {
  margin: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid #d8d8d8;
  -ms-flex: 0 0 185px;
  flex: 0 0 185px;
  padding: 10px 0;
  min-height: 520px;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.mega-menu ul.nav li {
  padding: 0;
  margin-top: 30px;
  font-weight: 700;
  position: relative
}

.mega-menu ul.nav li a {
  padding: 0;
  line-height: 24px;
  display: block
}

.mega-menu ul.nav li a.active {
  color: #9d1d27
}

.mega-menu ul.nav li a.active::after {
  border-right: 2px solid #9d1d27;
  position: absolute;
  right: -2px;
  top: 0;
  height: 100%;
  content: ""
}

.mega-menu .menu-right-box {
  padding: 40px 0 40px 60px;
  width: 100%
}

.mega-menu .menu-right-box ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column
}

.mega-menu .menu-right-box ul.no-hd li:first-child {
  margin-top: 0
}

.mega-menu .menu-right-box ul li {
  padding: 0;
  margin-top: 20px
}

.mega-menu .menu-title,
.mega-menu .card-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700
}

.mega-menu .menu-title.MT30,
.mega-menu .card-title.MT30 {
  margin-top: 30px
}

.mega-menu .menu-title.with-btn,
.mega-menu .card-title.with-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.mega-menu .menu-title.with-btn .arrow span,
.mega-menu .card-title.with-btn .arrow span {
  font-size: 16px;
  font-weight: bold
}

.icon-close.black::before {
  color: #54565b
}

.login-bx {
  padding: 0
}

.login-bx .login-top {
  background: #9d1d27;
  background-image: linear-gradient(134deg, #c4777d 0%, #9d1d27 91%);
  padding: 40px 60px 32px;
  border-radius: 4px 4px 0 0
}

.login-bx .login-top .hd {
  color: #fff;
  margin-bottom: 20px
}

.login-bx .login-top .white-box,
.login-bx .login-top .accordian .tog_cont,
.accordian .login-bx .login-top .tog_cont,
.login-bx .login-top .accordian .trgr,
.accordian .login-bx .login-top .trgr,
.login-bx .login-top .search-bxIn .search-ad .ad-card,
.search-bxIn .search-ad .login-bx .login-top .ad-card {
  padding-top: 5px
}

.login-bx .login-top .login-nav ul {
  display: -ms-flexbox;
  display: flex
}

.login-bx .login-top .login-nav ul li {
  width: 50%;
  text-align: center
}

.login-bx .login-top .login-nav ul li a {
  padding: 20px 0;
  display: block;
  border-bottom: 5px solid rgba(0, 0, 0, 0)
}

.login-bx .login-top .login-nav ul li a.active {
  border-bottom-color: #9d1d27;
  font-weight: 700
}

.login-bx .login-top .tab-pane {
  text-align: center;
  padding: 40px 20px
}

.login-bx .login-top .tab-pane .padg {
  padding: 0 60px
}

.login-bx .login-top .tab-pane .btn-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 32px
}

.login-bx .login-top .tab-pane .btn-box a {
  font-size: 14px
}

.login-bx .login-top .tab-pane .btn-box .btn-white {
  line-height: 26px
}

.login-bx .login-btm {
  padding: 40px 80px;
  background: #fff;
  border-radius: 0 0 4px 4px
}

@media(max-width: 991px) {
  .login-bx .login-top .tab-pane .btn-box a {
      line-height: 50px
  }

  .login-bx .login-top .tab-pane .btn-box .btn-white {
      line-height: 46px
  }
}

@media(max-width: 767px) {
  .login-bx .popup-close {
      right: 12px;
      top: 12px
  }

  .login-bx .login-top {
      padding: 30px 15px
  }

  .login-bx .login-top .tab-pane .padg {
      padding: 0
  }

  .login-bx .login-top .tab-pane .btn-box {
      display: block
  }

  .login-bx .login-top .tab-pane .btn-box a {
      min-width: 200px
  }

  .login-bx .login-top .tab-pane .btn-box a:first-child {
      margin: 0 0 10px
  }

  .login-bx .login-btm {
      padding: 30px
  }

  .login-bx .login-btm .btn-box.MT15 .MR10 {
      margin: 0 0 10px
  }
}

.login-bx .login-upgrade {
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/upgrade.png) no-repeat 0 0;
  background-size: cover;
  padding: 35px 40px 30px
}

.login-bx .loan-and-wholesale {
  padding: 35px 40px 10px
}

.login-bx .loan-and-wholesale .heading {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px
}

.login-bx .loan-and-wholesale ul li {
  font-size: 17px;
  font-weight: 700;
  color: #9d1d27;
  margin-bottom: 20px
}

.login-bx .loan-and-wholesale ul li a {
  color: #9d1d27;
  display: inline-block;
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/link-arrow.svg) no-repeat right center;
  padding-right: 20px;
  font-size: 16px
}

.feedback {
  position: fixed;
  right: 0;
  top: 50%;
  bottom: auto;
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 52%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.feedback img {
  width: 32px;
  height: auto
}

.announcement {
  position: absolute;
  top: 50%;
  bottom: auto;
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 52%;
  margin: -80px 0 0 -62px
}

.announcement img {
  width: 37px;
  height: 82.2px
}

.announ-box {
  background: #fff;
  padding: 30px 15px 30px 30px;
  position: fixed;
  top: 0;
  right: -350px;
  width: 350px;
  height: 100%;
  z-index: 4;
  transition: all ease .4s
}

.announ-box.open {
  right: 0
}

.announ-box.open+.ann-overlay {
  display: block
}

@media(max-width: 767px) {
  .announ-box {
      right: -280px;
      width: 280px
  }

  .announ-box .hd3b {
      font-size: 20px
  }
}

.ann-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .4);
  z-index: 3;
  display: none
}

.announ-list {
  height: 96%;
  margin-top: 10px
}

.announ-list .announ-item {
  padding: 16px 0;
  margin-right: 10px;
  border-bottom: 1px solid #d8d8d8;
  color: #767676
}

.announ-list .announ-item .f12 {
  line-height: 16px;
  margin: 8px 0
}

.announ-list .announ-item .annImg {
  margin: 10px 0
}

.announ-list .announ-item .annImg img {
  width: 100%
}

.announ-list .announ-item .more {
  display: none
}

.announ-list .announ-item .rmore {
  color: #9d1d27
}

.announ-list .announ-item a {
  font-weight: 700
}

@media(max-width: 767px) {
  .announ-list {
      height: 88vh
  }
}

.menu-cardList-cnt .hd-bx {
  margin: 0px
}

.menu-cardList-cnt .hd-bx h4 {
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(37, 36, 59, .5);
  letter-spacing: 1.5px
}

.menu-cardList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.grdiantCard {
  border-radius: 8px;
  min-width: 31%;
  margin: 0 8px;
  margin-bottom: 15px
}

@media(max-width: 1024px) {
  .grdiantCard {
      width: 30%;
      margin: 3px 5px
  }
}

.grdiantCard a {
  position: relative;
  padding: 15px 20px;
  min-height: 72px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 14px;
  font-weight: 500;
  transition: ease-in .1s
}

@media(max-width: 1024px) {
  .grdiantCard a {
      padding: 7px 10px;
      min-height: 60px;
      font-size: 12px
  }
}

.grdiantCard a span {
  background: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.grdiantCard a span:before {
  color: #9d1d27;
  font-weight: 600
}

.more-nav {
  display: none
}

@media(max-width: 991px) {
  .more-nav {
      background-image: linear-gradient(180deg, #353535 0%, #000000 100%);
      display: none;
      position: fixed;
      height: 100%;
      width: 100%;
      z-index: 3;
      top: 0px
  }

  .more-nav.act {
      display: block !important
  }
}

.more-nav .logo-bar {
  padding: 18px 20px
}

.more-nav .logo-bar .logo {
  width: 88px
}

@media(max-width: 991px) {
  .more-nav .mob-scroll {
      max-height: 84%;
      margin-bottom: 190px
  }
}

.list-more ul li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  color: #fff;
  font-size: 28px;
  padding: 20px 35px 20px 20px
}

@media(max-width: 767px) {
  .list-more ul li a {
      font-size: 24px
  }
}

.list-more ul li a span {
  background: #54565b
}

.list-more ul li a span img {
  padding-right: 15px
}

@media(max-width: 767px) {
  .list-more ul li a span {
      background: none
  }
}

.list-more ul li a .icon-Down:before {
  font-size: 20px;
  color: #da3442
}

.list-more ul li a.act .icon-Down:before {
  content: ""
}

.list-more .dropdown-content {
  background: #000;
  padding: 30px 0
}

.list-more .dropdown-content li {
  line-height: 1;
  font-size: 16px;
  margin: 0px;
  display: block;
  margin-left: 55px;
  margin-right: 30px
}

.list-more .dropdown-content li:last-child a {
  border-bottom: 0px
}

.list-more .dropdown-content li a {
  padding: 10px 30px 20px 12px;
  font-size: 16px;
  color: #fff;
  background: url("../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow.svg") no-repeat 97% 15px;
  -ms-flex-pack: start;
  justify-content: start
}

.header-op1 {
  height: 70px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}

.header-op1 .logo {
  padding: 15px 0
}

.header-op1 .logo img {
  width: auto;
  height: 40px
}

.offer-modal {
  background: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
  border-radius: 15px;
  border: 0;
  padding: 50px
}

.offer-modal .f30,
.offer-modal .f20 {
  font-weight: 600
}

.offer-modal .f20 {
  color: #616161;
  margin-top: 10px
}

.offer-modal .icon-close {
  font-size: 24px;
  font-weight: 700
}

.offer-modal .icon-close::before {
  color: #9b1e26
}

.offer-modal .mobNo-box .flex {
  -ms-flex-align: start;
  align-items: flex-start
}

.offer-modal .mobNo-box .form-box {
  width: 70%
}

.offer-modal .custom-select.op1 {
  width: auto;
  padding-right: 20px;
  font-weight: 600;
  font-size: 32px;
  border-bottom: 0;
  background-size: 22px
}

.offer-modal .input-bx {
  border: 0;
  border-bottom: 1px solid #9b1e26;
  width: 100%;
  font-weight: 600;
  font-size: 32px;
  padding: 8px 0;
  letter-spacing: 5px
}

.offer-modal .w90p {
  width: 90%
}

.offer-modal .otp-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  font-size: 24px
}

.offer-modal .otp-info span {
  color: #9b1e26
}

.offer-modal .otp-info a {
  color: #616161
}

.offer-modal label.error {
  color: #9b1e26;
  margin: 8px 0 0
}

@media(max-width: 991px) {
  .offer-modal {
      padding: 25px
  }

  .offer-modal .f30 {
      font-size: 20px
  }

  .offer-modal .f20 {
      font-size: 16px;
      font-weight: 500
  }

  .offer-modal .otp-info {
      font-size: 14px
  }

  .offer-modal .custom-select.op1 {
      font-size: 18px;
      background-size: 16px
  }

  .offer-modal .input-bx {
      font-size: 18px;
      letter-spacing: 2px
  }

  .offer-modal .icon-close {
      font-size: 18px
  }

  .offer-modal .MT30,
  .offer-modal .MT20 {
      margin-top: 15px
  }

  .offer-modal .MT50 {
      margin-top: 25px
  }
}

.modal-backdrop {
  background: rgba(255, 255, 255, .7);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px)
}

.modal-backdrop-whatsapp {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px)
}

.hd3b {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2
}

.m-support {
  position: relative;
  padding: 8px 0px;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, .05);
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  background-color: #fff
}

.m-support .btn-box .btn-white {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #981a1d
}

.m-support .btn-box .btn-white img {
  margin-right: 4px
}

@media(max-width: 767px) {
  .m-support .btn-box .btn-white {
      padding: 4px 15px !important;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center
  }
}

.top-nav-container {
  position: relative;
  z-index: 2
}

@media(max-width: 767px) {
  .top-nav-container {
      border-bottom: 1px solid #d9d9d9
  }
}

@media(max-width: 767px) {
  .top-nav-container .top-nav .logo img {
      height: 34px
  }
}

@media(max-width: 767px) {
  .top-nav-container .top-nav .btn-box .btn-white {
      border: solid 1px #9d1d27 !important;
      padding: 8px 15px;
      margin-left: 15px;
      font-size: 14px;
      font-weight: 500;
      background-color: #9d1d27;
      color: #fff
  }

  .top-nav-container .top-nav .btn-box .btn-white#dropdownMenuHelp {
      background-color: rgba(0, 0, 0, 0);
      color: #353535;
      border-color: #353535 !important;
  }
}

.top-nav-container .top-nav .btn-box .btn-white.dropdown-toggle:after {
  display: none
}

.top-nav-container .top-nav .btn-box.dropdown.show>a.dropdown-toggle.btn-white {
  position: relative
}

.top-nav-container .top-nav .btn-box.dropdown.show>a.dropdown-toggle.btn-white:before {
  content: "\a";
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  left: 30%;
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  transform: rotate(90deg) translateX(-30%) scale(0.8);
  -webkit-transform: rotate(90deg) translateX(-30%) scale(0.8);
  bottom: -13px
}

@media(max-width: 767px) {
  .top-nav-container .top-nav .btn-box.dropdown.show>a.dropdown-toggle.btn-white:before {
      display: none
  }
}

.lang-bxMob {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 6;
  padding: 20px;
  display: none
}

.lang-bxMob .f20 {
  font-weight: 600;
  margin-bottom: 16px
}

.lang-bxMob .icon-close {
  font-size: 18px
}

.lang-bxMob .icon-close::before {
  color: #9b1e26
}

.lang-bxMob li {
  padding: 8px 0;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px
}

.lang-bxMob li a {
  color: #222
}

.overlay1 {
  display: block;
  background: rgba(0, 0, 0, .2);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%
}

.help-drodown-menu {
  width: 355px;
  min-width: 355px;
  max-width: 355px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 0;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, .25);
  z-index: 9999;
  margin-top: 10px;
  margin-left: -15px;
  line-height: normal;
  overflow: hidden;
  top: 36px !important;
  left: -95px !important
}

@media(max-width: 1024px) {
  .help-drodown-menu {
      left: -174px !important
  }
}

@media(max-width: 834px) {
  .help-drodown-menu {
      top: auto !important;
      position: fixed !important;
      bottom: -2px !important;
      left: 0 !important;
      margin-left: 0;
      width: 100%;
      max-width: 100%;
      transform: none !important;
      border-radius: 8px 8px 0 0
  }
}

.help-drodown-menu a {
  padding: 15px !important;
  border-bottom: 1px solid #d9d9d9
}

@media(max-width: 834px) {
  .help-drodown-menu a {
      padding: 12px 32px !important
  }

  .help-drodown-menu a.close {
      padding: 10px 10px 0 10px !important;
      margin-bottom: -8px;
      padding-bottom: 10px !important
  }

  .help-drodown-menu a:last-child:not(.close) {
      padding-bottom: 36px !important
  }
}

@media(max-width: 767px) {
  .help-drodown-menu a {
      padding: 12px 32px !important
  }

  .help-drodown-menu a.close {
      padding: 10px 10px 0 10px !important;
      opacity: 1;
      margin-bottom: -8px;
      padding-bottom: 10px !important
  }

  .help-drodown-menu a:last-child:not(.close) {
      padding-bottom: 36px !important
  }
}

.help-drodown-menu a:last-child {
  border: 0
}

.help-drodown-menu a figure {
  margin: 0;
  margin-right: 5px
}

.help-drodown-menu a p {
  margin: 0;
  margin-left: 15px
}

.help-drodown-menu a p span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400
}

.help-drodown-menu a p strong {
  color: #982127;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  display: block
}

.help-drodown-menu a:hover {
  background-color: #eee !important
}

#bulletin-modal .modal-dialog {
  max-width: 984px
}

#bulletin-modal .modal-dialog:before {
  content: "";
  position: fixed;
  top: 110px;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: none;
}

.bulletin-modal {
  padding: 50px 38px 29px 38px;
  border-radius: 5px
}

.bulletin-modal .h3 {
  color: #3a3a3a;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
  margin: 0
}

.bulletin-modal .icon-close:before {
  color: #9b1e26;
  font-size: 20px
}

.bulletin-modal .modal-carousel-container .owl-stage-outer {
  overflow: hidden
}

.bulletin-modal .modal-carousel-container .owl-stage {
  display: -ms-flexbox;
  display: flex
}

.bulletin-modal .modal-carousel-container .owl-nav {
  float: right;
  margin-top: 24px
}

.bulletin-modal .modal-carousel-container .owl-nav .owl-prev,
.bulletin-modal .modal-carousel-container .owl-nav .owl-next {
  background-color: #efeded;
  height: 36px;
  width: 36px;
  border-radius: 18px;
  box-shadow: none;
  border: 0;
  margin-left: 20px;
  font-size: 14px
}

.bulletin-modal .modal-carousel-container .owl-nav .owl-prev.disabled,
.bulletin-modal .modal-carousel-container .owl-nav .owl-next.disabled {
  opacity: .5
}

.bulletin-modal .modal-carousel-container .owl-nav .owl-prev span,
.bulletin-modal .modal-carousel-container .owl-nav .owl-next span {
  font-size: 21px
}

.bulletin-modal .modal-carousel-container .owl-nav .owl-prev span:before,
.bulletin-modal .modal-carousel-container .owl-nav .owl-next span:before {
  color: #9d1d27
}

.bulletin-modal .modal-carousel-container .item {
  border-radius: 16px;
  overflow: hidden;
  background: #d3d3d3 50%/cover no-repeat
}

.bulletin-modal .modal-carousel-container .item figure {
  text-align: center
}

.bulletin-modal .modal-carousel-container .item figure img {
  max-width: 100%
}

.bulletin-modal .modal-carousel-container .item .content {
  padding: 20px 10px;
  background: #9d1d27
}

.bulletin-modal .modal-carousel-container .item .content p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border-bottom: .5px solid rgba(255, 255, 255, .5);
  margin-bottom: 13px;
  padding-bottom: 15px
}

.bulletin-modal .modal-carousel-container .item .content a {
  color: var(--Gray-6, #f2f2f2);
  font-size: 16px;
  font-weight: 700;
  line-height: normal
}

#bell-bulletin.active {
  position: relative
}

#bell-bulletin.active:after {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 12px solid rgba(0, 0, 0, 0);
  border-right: 12px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid #fff
}

.bg-light-white {
  background: #f5f5f5;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px)
}

.login-button .dropdown .login-btn+.login-drodown-menu {
  min-width: 320px;
  padding: 20px 20px 0 20px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, .25);
  border: none;
  left: auto;
  right: -65px;
  top: 40px !important
}

@media(max-width: 1024px) {
  .login-button .dropdown .login-btn+.login-drodown-menu {
      right: -10px
  }
}

@media(max-width: 834px) {
  .login-button .dropdown .login-btn+.login-drodown-menu {
      top: auto !important;
      right: 0;
      bottom: 0px;
      transform: none !important;
      position: fixed !important;
      z-index: 9999999999999;
      border-radius: 8px 8px 0 0;
      border: 0;
      padding: 20px 32px 0 32px
  }

  .login-button .dropdown .login-btn+.login-drodown-menu .close {
      margin-top: -7px;
      margin-right: -20px
  }
}

@media(max-width: 834px)and (max-width: 767px) {
  .login-button .dropdown .login-btn+.login-drodown-menu .close {
      opacity: 1
  }
}

.login-button .dropdown .login-btn+.login-drodown-menu .hd2v {
  color: #9d1d27;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.5px
}

.login-button .dropdown .login-btn+.login-drodown-menu p {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.5px;
  margin-bottom: 20px
}

.login-button .dropdown .login-btn+.login-drodown-menu .btn-red {
  color: #fff
}

.login-button .dropdown .login-btn+.login-drodown-menu .btn-red:visited {
  color: #fff
}

.login-button .dropdown .login-btn+.login-drodown-menu .btn-red:hover {
  background: #9d1d27
}

.login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale {
  margin-top: 20px
}

.login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a {
  padding: 20px 20px !important;
  color: #9d1d27;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  background: rgba(241, 241, 241, .9);
  margin: 0 -20px
}

.login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a.border {
  border: 0 !important;
  border-bottom: 1px solid rgba(83, 83, 83, .2) !important
}

@media(max-width: 767px) {
  .login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a {
      margin: 0 -32px;
      padding: 20px 32px !important
  }

  .login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a.border {
      padding-top: 36px !important
  }

  .login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a:not(.border) {
      padding-bottom: 36px !important
  }
}

.login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale p {
  color: #353535;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.5px
}

.normal-tabs-dropdonw .dropdown-toggle {
  height: auto !important
}

.normal-tabs-dropdonw .dropdown-toggle:after {
  display: none
}

.normal-tabs-dropdonw .dropdown-toggle::before {
  bottom: -9px !important
}

.normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu {
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  min-width: 180px;
  margin-top: 6px;
  z-index: 99
}

.normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu a {
  padding: 12px 11px;
  color: #353535;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border-bottom: 1px solid #f1f1f1;
  border-radius: 0
}

.normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu a:last-child {
  border: 0
}

.normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu a:hover,
.normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu a.active {
  color: #9d1d27 !important;
  font-weight: 700;
  background: #f1f1f1 !important;
  border-radius: 4px
}

/* header.zindex .top-nav.bg-light-white {
  z-index: 9;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, .1)
}

header.zindex .sec-nav.bg-white {
  display: none;
  opacity: 0;
  transition: display 0s, opacity .5s linear
} */

header.zindex .header-main {
  transform: translateY(-55px)
}

header.zindex .top-nav.bg-light-white {
  z-index: 9;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, .1)
}

header.zindex .sec-nav.bg-white .logo {
  position: relative;
  top: 55px;
  left: 110px
}

@media(max-width: 1366px) {
  header.zindex .sec-nav.bg-white .logo {
      padding: 0px 0px 0 10px
  }

  header.zindex .sec-nav.bg-white .logo img {
      height: 30px
  }
}

header.zindex .header-search .header-search-box {
  padding-left: 105px
}

@media(max-width: 767px) {
  header.zindex .header-search .header-search-box {
      padding-left: 0px
  }
}

header.zindex .header-search .header-search-box .img-search {
  left: 128px
}

@media(max-width: 767px) {
  header.zindex .header-search .header-search-box .img-search {
      left: 23px
  }
}

@media(max-width: 1366px) {
  header.zindex .header-search .container {
      max-width: 1140px
  }
}

@media(max-width: 1180px) {
  header.zindex .header-search .container {
      max-width: 900px
  }
}

header #login-dropdonw-li:hover::before {
  content: "\a";
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  background-color: #fff;
  position: absolute;
  top: 46px;
  right: 25px;
  box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .25);
  z-index: 1
}

@media(max-width: 991px) {
  header #login-dropdonw-li:hover::before {
      display: none
  }
}

header #help-dropdonw-li:hover::before {
  content: "\a";
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  background-color: #fff;
  position: absolute;
  top: 49px;
  right: 25px;
  box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, .25);
  z-index: 1
}

@media(max-width: 991px) {
  header #help-dropdonw-li:hover::before {
      display: none
  }
}

#normal-tabs-dropdown {
  height: 35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

#normal-tabs-dropdown .dropdown.show .dropdown-toggle::before {
  display: none
}

#normal-tabs-dropdown:hover .dropdown.show .dropdown-toggle:before {
  display: block
}

#normal-tabs-dropdown:hover .normal-tabs-drodown-menu {
  display: block
}

/* @media(max-width: 767px) {
  .dropdown.btn-box.show:before {
      content: "";
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
      top: 0;
      left: 0;
      z-index: 11;
      pointer-events: none
  }
} */

.sec-nav>ul.last li.help-dropdonw,
.mobile-accessibility-view ul li.help-dropdonw {
  margin: 0 10px
}

.sec-nav>ul.last li a,
.mobile-accessibility-view ul li a {
  padding: 0 10px;
  font-size: 12px
}

.sec-nav>ul.last li.skip-to-main-content,
.mobile-accessibility-view ul li.skip-to-main-content {
  height: auto
}

.sec-nav>ul.last li.skip-to-main-content a,
.mobile-accessibility-view ul li.skip-to-main-content a {
  color: #353535;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px 10px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  border: .7px solid #353535
}

.sec-nav>ul.last li.drop-down-accessibility,
.mobile-accessibility-view ul li.drop-down-accessibility {
  position: relative
}

.sec-nav>ul.last li.drop-down-accessibility svg,
.mobile-accessibility-view ul li.drop-down-accessibility svg {
  font-weight: 600;
  margin-left: 3px;
  margin-right: 3px
}

.sec-nav>ul.last li.drop-down-accessibility a,
.mobile-accessibility-view ul li.drop-down-accessibility a {
  color: #353535;
  font-size: 12px;
  font-weight: 600;
  line-height: normal
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 7.3px 0px rgba(0, 0, 0, .68);
  padding: 2px 10px 9px 10px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content li,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #cacaca;
  padding: 8px 0px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content li:last-child,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content li:last-child {
  border: 0
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .label,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .label {
  color: #333;
  font-size: 10px;
  font-weight: 500;
  line-height: normal
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group-spacing,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group-spacing {
  background: #f9f9f9;
  padding: 3px 6px;
  border-radius: 2px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group-spacing a,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group-spacing a {
  padding: 0;
  margin: 0;
  color: #000;
  font-size: 10px;
  font-weight: 800;
  line-height: normal
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group-spacing a:hover,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group-spacing a:hover {
  background: #dfdfdf
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a {
  border-radius: 2px;
  background: #f9f9f9;
  color: #000;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  margin-left: 5px;
  font-weight: 400;
  border: 0;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.w-24,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a.w-24 {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.w-30,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a.w-30 {
  min-width: 30px;
  min-height: 16px;
  max-width: 30px;
  max-height: 16px;
  font-size: 8px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.w-53,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a.w-53 {
  min-width: 53px;
  min-height: 20px;
  max-height: 20px;
  font-size: 9px
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a:hover,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a:hover {
  background: #dfdfdf
}

.sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.active,
.mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a.active {
  font-weight: 700;
  background: #dfdfdf;
  box-shadow: 0px 1px 2.5px 0px rgba(0, 0, 0, .17)
}

@media(max-width: 991px) {

  .sec-nav>ul.last li.drop-down-accessibility .dropdown-content,
  .mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content {
      display: none;
      position: absolute;
      top: 23px;
      right: 0;
      z-index: 1
  }
}

@media(max-width: 991px) {

  .sec-nav>ul.last li.drop-down-accessibility:hover .dropdown-content,
  .mobile-accessibility-view ul li.drop-down-accessibility:hover .dropdown-content {
      display: block;
      min-width: 200px
  }
}

.notification-dropdown {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .22);
  border-radius: 2px;
  width: 350px;
  right: 0;
  padding: 10px 0 0
}

.notification-dropdown .btn-box a {
  color: #9d1d27;
  font-weight: 700
}

.notification-dropdown ul {
  min-height: 110px;
  max-height: 300px;
  overflow-y: auto
}

.notification-dropdown li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: normal;
  border-bottom: solid 1px rgba(151, 151, 151, .4);
  padding: 15px 20px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.notification-dropdown h3 {
  font-size: 16px;
  font-weight: 700;
  padding: 0 20px
}

.notification-dropdown h4 {
  font-size: 14px;
  color: #767676;
  font-weight: 700;
  margin-bottom: 4px
}

.notification-dropdown p {
  font-size: 12px
}

.notification-dropdown .bdy {
  padding-right: 15px
}

@media(max-width: 991px) {
  .notification-dropdown {
      position: static
  }
}

.drop-down-notification {
  padding: 0 6px
}

@media(max-width: 768px) {
  .drop-down-notification {
      margin-right: 15px
  }
}

.drop-down-notification:hover {
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, .22)
}

.drop-down-notification:hover.p1 {
  box-shadow: none;
  position: relative
}

@media(max-width: 767px) {
  .drop-down-notification:hover {
      box-shadow: none
  }
}

.drop-down-notification:hover .notification-dropdown {
  display: block;
  z-index: 1
}

.notification-bx {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  right: auto;
  -khtml-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  background: #fff;
  width: 100%;
  max-width: 800px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
  max-height: 360px
}

.notification-bx .search-bxIn {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 1;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  height: 60px
}

.notification-bx .search-bxIn h3 {
  font-size: 16px;
  font-weight: 700;
  padding: 20px
}

.notification-bx .notification-dropdown {
  display: block;
  width: 100%;
  box-shadow: none;
  padding-top: 60px;
  overflow-y: scroll;
  height: 100%
}

@media(max-width: 767px) {
  .drop-down-notification.p1 {
      position: relative
  }
}

.drop-down-notification.p1 .notification-dropdown {
  width: 240px;
  padding-top: 0
}

@media(max-width: 768px) {
  .drop-down-notification.p1 .notification-dropdown {
      position: absolute;
      margin: 0 120px 0 0
  }
}

@media(max-width: 991px) {
  .drop-down-notification.p1 .notification-dropdown {
      position: absolute;
      margin: 12px 0 0
  }

  .drop-down-notification.p1 .notification-dropdown .phone-bx::before {
      content: "";
      position: absolute;
      top: -8px;
      right: 8px;
      width: 0;
      height: 0;
      border-left: 8px solid rgba(0, 0, 0, 0);
      border-right: 8px solid rgba(0, 0, 0, 0);
      border-bottom: 8px solid #eee
  }
}

.phone-bx {
  padding: 16px 20px
}

.phone-bx p {
  margin-bottom: 0
}

.phone-bx hr {
  margin-top: 12px;
  margin-bottom: 12px
}

.phone-bx a {
  font-size: 18px;
  list-style: 1;
  font-weight: 600;
  color: #9d1d27;
  display: block;
  margin-top: 4px
}

.m-nav-bottom {
  box-shadow: 0px 4px 8px rgba(37, 36, 59, .05);
  -ms-overflow-style: none;
  scrollbar-width: none
}

.m-nav-bottom::-webkit-scrollbar {
  display: none
}

.m-nav-bottom li.active>a {
  border-color: #9d1d27;
  color: #25243b
}

.m-nav-bottom li>a {
  padding: 10px 8px 13px 8px;
  color: rgba(37, 36, 59, .8)
}

.m-nav-bottom li>a.active {
  color: #25243b
}

.highlighted {
  border: 1px solid #000
}

.highlightedWhite {
  border: 1px solid #fff
}

.dd-shadow:hover>a {
  height: auto;
  border-radius: 8px 8px 0px 0px;
  background: #f7f7f7 !important;
  height: 28px !important;
  box-shadow: 0px -2px 3.1px 0px rgba(0, 0, 0, .25);
  color: #661213 !important;
  font-weight: bold;
  cursor: pointer;
}

.dd-shadow:hover .dropdown-content {
  top: 42px !important;
  border-radius: 0px 4px 8px 8px;
  background: #fff;
  box-shadow: 0px 0px 6.8px 0px rgba(0, 0, 0, .25);
  padding: 0 5px;
  overflow: hidden
}

.dd-shadow:hover .dropdown-content li:hover a {
  color: #661213 !important;
  font-weight: bold
}

/*Mobile Heritage Menu Starts*/
.metal-drop-down .grdiantCard.grdP3 {
  background: linear-gradient(268deg, #FAF5E9 1.27%, #FFF5F3 59.2%)
}

.metal-drop-down .grdiantCard a {
  padding: 0;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.metal-drop-down .grdiantCard a .tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 15px;
  margin-bottom: 15px
}

.metal-drop-down .grdiantCard a .tags .tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 7px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 4px 2px 4px 0px rgba(144, 42, 44, .16);
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  /* font-weight: 300; */
  line-height: normal;
  margin-right: 8px
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr1 {
  background: #fffbe6
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr2 {
  background: #ebffff
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr3 {
  background: #ffeffd
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr4 {
  background: #ffcece
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr5 {
  background: #ffe1ec
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr6 {
  background: #f2e5ff
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr7 {
  background: #eefff2
}

.metal-drop-down .grdiantCard a .tags .tag.tgclr8 {
  background: #fff7f7
}

.metal-drop-down .grdiantCard a .tags~.title {
  padding: 0 8px 18px 12px
}

.metal-drop-down .grdiantCard a .title {
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 8px 0 12px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.metal-drop-down .grdiantCard a .title span {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20px;
  box-shadow: 0px 1px 2.5px rgba(145, 42, 44, .24);
  top: 0;
  position: relative
}

.metal-drop-down .grdiantCard a .title span::before {
  font-size: 10px
}

.metal-drop-down .grdiantCard a:hover .title {
  color: #9d1d27
}

.metal-drop-down .link {
  color: #801c1e;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-metal.svg) no-repeat center right;
  padding-right: 10px;
  width: auto !important
}

.metal-drop-down .link:hover {
  text-decoration: underline;
  font-weight: 700
}

.metal-drop-down .hd-bx h4 {
  color: #7a7a7a;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none
}

.all-drop-down .grdiantCard.grdP3 {
  background: linear-gradient(268deg, #FAF5E9 1.27%, #FFF5F3 59.2%)
}

.all-drop-down .grdiantCard a {
  padding: 0;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.all-drop-down .grdiantCard a .tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 15px;
  margin-bottom: 10px
}

.all-drop-down .grdiantCard a .tags .tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 7px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 4px 2px 4px 0px rgba(144, 42, 44, .16);
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  /* font-weight: 300; */
  line-height: normal;
  margin-right: 8px
}

.all-drop-down .grdiantCard a .tags .tag.tgclr1 {
  background: #fffbe6
}

.all-drop-down .grdiantCard a .tags .tag.tgclr2 {
  background: #ebffff
}

.all-drop-down .grdiantCard a .tags .tag.tgclr3 {
  background: #ffeffd
}

.all-drop-down .grdiantCard a .tags .tag.tgclr4 {
  background: #ffcece
}

.all-drop-down .grdiantCard a .tags .tag.tgclr5 {
  background: #ffe1ec
}

.all-drop-down .grdiantCard a .tags .tag.tgclr6 {
  background: #f2e5ff
}

.all-drop-down .grdiantCard a .tags .tag.tgclr7 {
  background: #eefff2
}

.all-drop-down .grdiantCard a .tags .tag.tgclr8 {
  background: #fff7f7
}

.all-drop-down .grdiantCard a .tags~.title {
  padding: 0 8px 10px 12px
}

.all-drop-down .grdiantCard a .title {
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 8px 0 12px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.all-drop-down .grdiantCard a .title span {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 20px;
  box-shadow: 0px 1px 2.5px rgba(145, 42, 44, .24);
  top: 0;
  position: relative
}

.all-drop-down .grdiantCard a .title span::before {
  font-size: 10px
}

.all-drop-down .grdiantCard a:hover .title {
  color: #9d1d27
}

.all-drop-down .grdiantCard.grdSelect .title,
.all-drop-down .grdiantCard.grdWealth .title,
.all-drop-down .grdiantCard.grdPrivate .title,
.all-drop-down .grdiantCard.grdSelect a:hover .title,
.all-drop-down .grdiantCard.grdWealth a:hover .title,
.all-drop-down .grdiantCard.grdPrivate a:hover .title {
  color: #fff
}

.all-drop-down .link {
  color: #801c1e;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-metal.svg) no-repeat center right;
  padding-right: 10px;
  width: auto !important
}

.all-drop-down .link:hover {
  text-decoration: underline;
  font-weight: 700
}

.all-drop-down .hd-bx h4 {
  color: #7a7a7a;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none
}

.heritage-menu .mob-smenu .fhd {
  color: #000;
  /* font-family: "Inter"; */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.heritage-menu .mob-smenu .flist li {
  padding: 0;
  margin-bottom: 6px
}

.heritage-menu .mob-smenu .flist li a {
  padding: 0
}

.heritage-menu .mob-smenu .flist li a .grdiantCard {
  background: linear-gradient(268deg, #FAF5E9 1.27%, #FFF5F3 59.2%);
  padding: 8px 5px 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  width: 100%;
  border-radius: 0
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .title {
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 10px
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 15px
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 7px;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  box-shadow: 4px 2px 4px 0px rgba(144, 42, 44, .16);
  color: #353535;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  /* font-weight: 300; */
  line-height: normal;
  margin-right: 8px
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr1 {
  background: #fffbe6
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr2 {
  background: #ebffff
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr3 {
  background: #ffeffd
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr4 {
  background: #ffcece
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr5 {
  background: #ffe1ec
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr6 {
  background: #f2e5ff
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr7 {
  background: #eefff2
}

.heritage-menu .mob-smenu .flist li a .grdiantCard .tags .tag.tgclr8 {
  background: #fff7f7
}

.heritage-menu .mob-smenu .flist li.viewAll {
  color: #7a7a7a;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0 10px 10px 10px
}

.heritage-menu .mob-smenu .flist li.viewAll .link {
  color: #801c1e;
  /* font-family: "Inter"; */
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-metal.svg) no-repeat center right;
  padding-right: 10px;
  margin: 0 5px
}

.heritage-menu .mob-smenu .flist li.viewAll .link:hover {
  text-decoration: underline;
  font-weight: 700
}
.dark-mode body,
.dark-mode section,
.dark-mode .sec-nav.bg-white>ul.last li .dropdown-content,
.dark-mode .normal-tabs-dropdonw .dropdown-toggle+.normal-tabs-drodown-menu,
.dark-mode .calculator-form.form-bg,
.dark-mode .revamp_financial_calc .revamp_financial_calc_container .revamp_financial_calc_row .revamp_financial_calc_card_container .financial-calc-form .saving-account-screen .simulation-container,
.dark-mode .testimonial-section .card,
.dark-mode .blog-card .card-left,
.dark-mode .blog-card .card-right,
.dark-mode .breadcrumb-wrap nav .breadcrumb,
.dark-mode .btn-box .btn-white,
.dark-mode .container.top-nav-container,
.dark-mode .mob-menu,
.dark-mode .mob-menu .mob-smenu .fhd,
.dark-mode .third-tab,
.dark-mode .form-label-group .bootstrap-select>.btn,
.dark-mode .form-label-group .bootstrap-select>.btn-light,
.dark-mode .sec-nav ul.last .dropdown-content,
.dark-mode .right-nav .dropdown-content,
.dark-mode .sub-nav .dropdown-content,
.dark-mode .top-nav .dropdown-content,
.dark-mode .sec-nav.bg-white>ul.last li a:hover,
.dark-mode .sec-nav.bg-white>ul.last li a:active,
.dark-mode .sec-nav.bg-white>ul.last li a:visited:hover,
.dark-mode .sec-nav.bg-white>ul.last li a:visited:active,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content,
.dark-mode .mbFixedbt,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a,
.dark-mode .accordian .trgr,
.dark-mode .accordian .tog_cont,
.dark-mode .nav.soc-listingTab a .card-box,
.dark-mode .bg-grey .secondary-tab,
.dark-mode .card.op2,
.dark-mode .search-box .form-control,
.dark-mode .form-control,
.dark-mode .looking-for.op1,
.dark-mode .service-box::before,
.dark-mode .secondary-nav,
.dark-mode .header-search,
.dark-mode .header-search .customer-support+.help-drodown-menu .inner,
.dark-mode .header-search-modal .modal-body.bg-white,
.dark-mode .header-search-modal .tabs-container ul a,
.dark-mode .stab-wraper-scroll,
.dark-mode .header-search-modal .ad-card {
 background: #333 !important
}

.dark-mode .search-bx .typeahead,
.dark-mode .search-bxIn .tt-menu,
.dark-mode .search-bx,
.dark-mode .search-bxIn .search-ad .ad-card {
 background-color: #333 !important
}

.dark-mode .search-bxIn .search-ad {
 background-color: #000 !important
}

.dark-mode select.normal-sel,
.dark-mode .srch-bx {
 background-color: #333
}

.dark-mode .icon-star:before,
.dark-mode .sec-nav .icon-Down:before,
.dark-mode .mbFixedbt .reTitle a.updownbx span.icon-Down.up:before,
.dark-mode .mbFixedbt .reTitle a.updownbx span:before,
.dark-mode .accordian .trgr::before {
 color: #ff0
}

.dark-mode .icon-star.active::before,
.dark-mode .icon-rs:before {
 color: #ff0
}

.dark-mode .top-nav,
.dark-mode .sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a,
.dark-mode .sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.active,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group a.active,
.dark-mode .sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group-spacing,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility .dropdown-content .button-group-spacing,
.dark-mode footer,
.dark-mode .footer-top,
.dark-mode .customer-friendly,
.dark-mode .grey-bg,
.dark-mode .banner2 .banner-wrapper.grey-btm,
.banner2 .dark-mode .banner-wrapper.grey-btm,
.dark-mode .code-pol,
.dark-mode .related-product,
.dark-mode .blog-tab.fastag,
.dark-mode .bod-page,
.dark-mode .media-kit .mk-left,
.media-kit .dark-mode .mk-left,
.dark-mode .trending,
.dark-mode .pr-page,
.dark-mode .mob-menu .mob-smenu .main-link,
.dark-mode .grey-bg .card-box,
.dark-mode .banner2 .banner-wrapper.grey-btm .card-box,
.banner2 .dark-mode .banner-wrapper.grey-btm .card-box,
.dark-mode .code-pol .card-box,
.dark-mode .related-product .card-box,
.dark-mode .blog-tab.fastag .card-box,
.dark-mode .bod-page .card-box,
.dark-mode .media-kit .mk-left .card-box,
.media-kit .dark-mode .mk-left .card-box,
.dark-mode .trending .card-box,
.dark-mode .pr-page .card-box,
.dark-mode .news-page.grey-bg3,
.dark-mode .news-more-card .media,
.dark-mode .grdP1,
.dark-mode .grdP2,
.dark-mode .grdSelect,
.dark-mode .grdWealth,
.dark-mode .login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a,
.dark-mode .my-links a span,
.dark-mode .grey-bg2,
.dark-mode .looking-for .card-look,
.dark-mode .service-box .card .card-body,
.dark-mode .header-search-modal .tabs-container,
.dark-mode .header-search-modal .recent-activity-searched a,
.dark-mode .header-search-modal .item-chip,
.dark-mode .home-carousel-2 .home-carousel-2-nav-chip,
.dark-mode .top-nav-container,
.dark-mode header,
.dark-mode .revamp_financial_calc .revamp_financial_calc_container .revamp_financial_calc_row .revamp_financial_calc_card_container .financial-calc-form .saving-account-screen .slider-container,
.dark-mode .search-bx,
.dark-mode .search-bxIn .tt-menu,
.dark-mode .header-search .login-button .dropdown .login-btn+.login-drodown-menu____,
.dark-mode .header-search-box input,
.dark-mode .btn-box .btn-white,
.dark-mode .header-search-modal .accordian .trgr,
.dark-mode .header-search-modal .accordian .tog_cont,
.dark-mode .header-search-modal .ad-card .link,
.dark-mode .sec-nav {
 background: #000 !important
}

.dark-mode .third-tab li a.active {
 background: linear-gradient(135deg, #9d1d27 0.12%, #6e0a0f 100%)
}

.dark-mode .mob-menu .mob-smenu .fhd::before,
.dark-mode .mob-menu .mm-top-in .search .icon-search:before,
.dark-mode .mob-menu .mm-top-in .icon-close:before,
.dark-mode .grey-bg3 .form-label-group .dropdown .dropdown-toggle:after,
.dark-mode :-ms-input-placeholder {
 color: #ff0
}

.dark-mode .mob-menu .mob-smenu .fhd::before,
.dark-mode .mob-menu .mm-top-in .search .icon-search:before,
.dark-mode .mob-menu .mm-top-in .icon-close:before,
.dark-mode .grey-bg3 .form-label-group .dropdown .dropdown-toggle:after,
.dark-mode ::placeholder {
 color: #ff0
}

.dark-mode a,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p,
.dark-mode span,
.dark-mode strong,
.dark-mode em,
.dark-mode small,
.dark-mode div,
.dark-mode li,
.dark-mode a,
.dark-mode button,
.dark-mode label,
.dark-mode td,
.dark-mode th,
.dark-mode caption,
.dark-mode legend,
.dark-mode pre,
.dark-mode blockquote,
.dark-mode address,
.dark-mode code,
.dark-mode kbd,
.dark-mode samp,
.dark-mode var,
.dark-mode cite,
.dark-mode abbr,
.dark-mode dfn,
.dark-mode mark,
.dark-mode q,
.dark-mode sub,
.dark-mode sup,
.dark-mode time,
.dark-mode ins,
.dark-mode del,
.dark-mode input,
.dark-mode select,
.dark-mode svg {
 color: #ff0 !important
}

.dark-mode .sec-nav>ul.last li a.btn-white.customer-support {
 background-color: #fff !important
}

.dark-mode .get-intouch-revamp,
.dark-mode .sec-nav>ul.last li.drop-down-accessibility .dropdown-content .button-group a.active {
 background: #222 !important
}

.highlighted {
 border: 1px solid #000
}

.highlightedWhite {
 border: 1px solid #fff
}

.dark-mode .sec-nav>ul.last li.drop-down-accessibility svg path,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility svg path,
.dark-mode .login-button .dropdown .login-btn+.login-drodown-menu .loan-and-wholesale a svg path {
 stroke: #ff0
}

.dark-mode .login-button .dropdown .login-btn+.login-drodown-menu .close path {
 stroke: #ff0;
 fill: #ff0
}

.dark-mode .close.closeHelp path {
 fill: #ff0
}

.dark-mode .sec-nav .icon-Down:before {
 color: #ff0
}

.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility svg path,
.dark-mode .sec-nav>ul.last li.drop-down-accessibility svg path {
 stroke: #ff0
}

.dark-mode .footer .fot-red .container .scroll-top {
 background: #000;
 border: 1px solid #333
}

@media(max-width: 767px) {

 .dark-mode .container.top-nav-container,
 .dark-mode .sa-banner.common-apply.op1 .sa-right {
  background: #000 !important
 }

 .dark-mode .third-tab .nav {
  background: #333
 }
}

.dark-mode .sec-nav.bg-white>ul.last li a:hover,
.dark-mode .top-nav .dropdown-content,
.dark-mode .header-search .customer-support+.help-drodown-menu .inner,
.dark-mode .phone-bx,
.dark-mode .help-drodown-menu,
.dark-mode ul#custom-select-uiDes-menu li div {
 background: #333
}

.dark-mode .header-search .login-button .dropdown .login-btn+.login-drodown-menu .inner {
 border: 1px solid #fff;
 background: #333
}

.dark-mode .drop-down-notification.p1 .notification-dropdown .phone-bx::before {
 border-bottom-color: #333 !important
}

.dark-mode .search-bx .typeahead {
 background-color: #333 !important
}

@media(max-width: 767px) {

 .dark-mode .header-search,
 .dark-mode .header-search .login-button .dropdown .login-btn+.login-drodown-menu {
  background: #000 !important
 }
}

.dark-mode .header-search .customer-support {
 color: #fff !important
}

.dark-mode .header-search .customer-support:hover {
 color: #000 !important
}

.dark-mode .help-drodown-menu a:hover {
 background-color: #000 !important
}

.dark-mode .dropdown .dropdown-menu {
 background-color: #000
}

.dark-mode .dropdown .dropdown-menu .dropdown-item:hover {
 background-color: #333
}

.dark-mode .btn:focus,
.dark-mode .btn:active {
 background-color: #000
}

.dark-mode .modal-content.bulletin-modal,
.dark-mode .modal-content.offer-modal {
 background-color: #333 !important
}

.dark-mode .modal-content.bulletin-modal select option,
.dark-mode .modal-content.offer-modal select option {
 background: #333
}

.dark-mode .bulletin-modal .modal-carousel-container .owl-nav .owl-prev,
.dark-mode .bulletin-modal .modal-carousel-container .owl-nav .owl-next {
 background-color: #000
}

.dark-mode .bulletin-modal .modal-carousel-container .owl-nav .owl-prev span:before,
.dark-mode .bulletin-modal .modal-carousel-container .owl-nav .owl-next span:before {
 color: #ff0
}

.dark-mode .bulletin-modal .modal-carousel-container .item .content {
 background: #000
}

.dark-mode .bulletin-modal .icon-close:before {
 color: #ff0
}

.dark-mode .arrow.white {
 color: #ff0;
 background: #000
}

.dark-mode .arrow.white span:before {
 color: #ff0
}

.dark-mode .icon-Right:before,
.dark-mode .icon-Left:before,
.dark-mode .icon-share:before,
.dark-mode .icon-Up:before,
.dark-mode .offer-modal .icon-close::before {
 color: #ff0
}

.dark-mode .grdiantCard a span {
 background: #333
}

.dark-mode .offer-modal .input-bx {
 background: #333;
 border-color: #000
}

.dark-mode .form-label-group input:not(:placeholder-shown)~label,
.dark-mode .form-label-group textarea:not(:placeholder-shown)~label,
.dark-mode .normal-select-box.selected:not(:placeholder-shown)~label {
 background: #000
}

.dark-mode .accordian .tog_cont {
 border-color: #000
}

.dark-mode #bell-bulletin.active:after {
 border-bottom-color: #222
}

.dark-mode header #help-dropdonw-li:hover:before,
.dark-mode header #login-dropdonw-li:hover:before {
 background-color: #000
}

.dark-mode .sec-nav>ul.last li.drop-down-accessibility svg rect,
.dark-mode .mobile-accessibility-view ul li.drop-down-accessibility svg rect {
 fill: #333
}

.dark-mode .product-banner .banner-btm,
.dark-mode .list-item.op2 li span {
 background: #000
}

.dark-mode .notes li::after {
 background: #ff0
}
.modal-backdrop.black {
    background-color: rgba(0, 0, 0, .2)
}

@media(max-width: 834px) {
    #search-container {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

#search-container .closeLogin-new {
    display: none
}

@media(max-width: 834px) {
    #search-container .closeLogin-new {
        display: inline-block;
        margin-right: 0
    }
}

.header-search-box input {
    border-radius: 19.5px;
    border: 1px solid #353535;
    background: #fff;
    padding: 9px 10px 9px 50px;
    width: 100%;
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

@media(max-width: 767px) {
    .header-search-box input {
        font-size: 14px
    }

    .header-search-modal .item-chip.chip2 .sbgs-search .apply-btn-container {
        align-self: flex-end;
    }
}

.header-search-box .img-search {
    top: 10px;
    left: 23px
}

.header-search-box .img-close {
    top: 10px;
    right: 23px;
    cursor: pointer;
    display: none
}

.header-search-modal .modal-dialog {
    max-width: 1160px
}

.header-search-modal .img-close {
    display: block
}

.header-search-modal .modal-body {
    border-radius: 12px;
    overflow: hidden
}

@media(max-width: 767px) {
    .header-search-modal .modal-body {
        overflow: hidden;
        overflow-y: auto;
        max-height: 90vh
    }
}

.header-search-modal .modal-content {
    overflow: auto;
    max-height: 90vh;
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.header-search-modal .header-search-box input {
    border-color: rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .25) inset
}

.header-search-modal .tabs-pane {
    max-height: 68vh;
    padding-right: 0px;
    overflow: auto
}

@media(max-width: 767px) {
    .header-search-modal .tabs-pane {
        overflow: visible;
        height: 100%;
        max-height: 100%
    }
}

.header-search-modal .tabs-container {
    border-radius: 12px;
    background: #efefef;
    padding: 12px 0px;
    overflow: auto
}

@media(max-width: 767px) {
    .header-search-modal .tabs-container {
        position: sticky;
        top: 0;
        z-index: 2
    }
}

.header-search-modal .tabs-container ul {
    gap: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.header-search-modal .tabs-container ul li:first-child {
    padding-left: 24px
}

@media(max-width: 767px) {
    .header-search-modal .tabs-container ul li:first-child {
        padding-left: 15px
    }
}

.header-search-modal .tabs-container ul li:last-child {
    padding-right: 24px
}

@media(max-width: 767px) {
    .header-search-modal .tabs-container ul li:last-child {
        padding-right: 15px
    }
}

.header-search-modal .tabs-container ul a {
    border-radius: 16px;
    border: 1px solid #e0e0e0;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 6px 16px;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: normal
}

@media(max-width: 767px) {
    .header-search-modal .tabs-container ul a {
        font-size: 14px
    }
}

.header-search-modal .tabs-container ul a.active,
.header-search-modal .tabs-container ul a:hover {
    color: #fff;
    background: #9b1e26;
    border: 1px solid #9b1e26;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, .25)
}

.header-search-modal .tabs-container ul a.active img,
.header-search-modal .tabs-container ul a:hover img {
    mix-blend-mode: plus-lighter
}

.header-search-modal .tabs-container ul a img {
    margin-right: 6px;
    height: 22px;
    width: 22px;
    mix-blend-mode: luminosity
}

.header-search-modal .title {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    padding: 0 24px;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    .header-search-modal .title {
        font-size: 14px;
        padding: 0 15px
    }
}

.header-search-modal .recent-activity-searched .owl-stage-outer {
    padding-left: 24px
}

@media(max-width: 767px) {
    .header-search-modal .recent-activity-searched .owl-stage {
        display: -ms-flexbox;
        display: flex;
        margin-left: -15px
    }
}

.header-search-modal .recent-activity-searched .owl-next,
.header-search-modal .recent-activity-searched .owl-prev {
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-40%);
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.1) 100%) !important;
    height: 100%;
    width: 50px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: end
}

.header-search-modal .recent-activity-searched .owl-next.disabled,
.header-search-modal .recent-activity-searched .owl-prev.disabled {
    opacity: 0
}

.header-search-modal .recent-activity-searched .owl-prev {
    right: auto;
    left: 0;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, #fff 100%) !important;
    -ms-flex-pack: center;
    justify-content: center
}

.header-search-modal .recent-activity-searched a {
    color: #666;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 10px 12px;
    border-radius: 18px;
    background: #f0f0f0;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.header-search-modal .recent-activity-searched a:hover {
    color: #161616;
    background: #cdcdcd
}

@media(max-width: 767px) {
    .header-search-modal .recent-activity-searched a {
        font-size: 11px;
        white-space: nowrap
    }
}

.header-search-modal .spacer {
    margin: 18px 0 10px 0
}

.header-search-modal .chip-container {
    gap: 26px;
    padding: 0 24px 4px 24px;
    overflow: auto
}

@media(max-width: 767px) {
    .header-search-modal .chip-container {
        gap: 10px;
        padding: 0 15px 4px 15px
    }
}

.header-search-modal .item-chip {
    -ms-flex: 1;
    flex: 1;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 2px 7.2px 0px rgba(0, 0, 0, .16);
    padding: 10px
}

@media(max-width: 767px) {
    .header-search-modal .item-chip {
        min-width: 215px;
        box-shadow: 0px 2px 7.2px 0px rgba(0, 0, 0, .16)
    }
}

.header-search-modal .item-chip img {
    margin-right: 5px
}

@media(max-width: 767px) {
    .header-search-modal .item-chip img {
        width: 40px
    }
}

.header-search-modal .item-chip .f14sb {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #3a3a3a
}

@media(max-width: 767px) {
    .header-search-modal .item-chip .f14sb {
        font-size: 12px
    }
}

.header-search-modal .item-chip .link {
    color: #9b1e26;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
    background: none !important;
    
}

.header-search-modal .item-chip .link:hover {
    text-decoration: none
}

.header-search-modal .item-chip.chip2 {
    padding: 5px 10px
}

.header-search-modal .item-chip.chip2 .sbgs-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative
}

.header-search-modal .item-chip.chip2 .sbgs-search .apply-btn-container {
    position: relative;
    z-index: 2
}

.header-search-modal .item-chip.chip2 .sbgs-search .entire-box-link {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media(max-width: 767px) {
    .header-search-modal .item-chip.chip2 .sbgs-search {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media(max-width: 767px) {
    .header-search-modal .item-chip.chip2 {
        padding: 7px 10px
    }
}

.header-search-modal .link-only {
    color: #9b1e26;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    padding-bottom: 10px
}

.header-search-modal .link-only:hover {
    text-decoration: none
}

@media(max-width: 767px) {
    .header-search-modal .link-only {
        font-size: 12px;
        min-width: 48%
    }
}

.header-search-modal .right-panel {
    height: 100%;
    max-height: 78vh
}

@media(max-width: 767px) {
    .header-search-modal .right-panel {
        height: 100%;
        max-height: 100%
    }
}

.header-search-modal .right-panel>div,
.header-search-modal .right-panel .owl-stage-outer,
.header-search-modal .right-panel .owl-stage,
.header-search-modal .right-panel .owl-item {
    height: 100%
}

.header-search-modal .right-panel .owl-dots {
    gap: 5px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    display: block !important
}

.header-search-modal .right-panel .owl-dots .owl-dot {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #dcdcdc;
    margin: 0 3px;
    filter: drop-shadow(0px 2px 4.2px rgba(0, 0, 0, 0.58))
}

.header-search-modal .right-panel .owl-dots .owl-dot.active {
    width: 13px;
    transition: all .3s ease-in-out;
    background-color: #9b1e26
}

@media(max-width: 767px) {
    .header-search-modal .right-panel .owl-dots {
        display: none !important
    }
}

.header-search-modal .right-panel .item {
    height: 100%;
    position: relative
}

.header-search-modal .right-panel .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header-search-modal .right-panel .item .content {
    padding: 12px;
    max-width: 100%
}

@media(max-width: 767px) {
    .header-search-modal .right-panel .item .content {
        padding: 10px;
        max-width: 60%
    }
}

.header-search-modal .right-panel .item .h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: normal
}

@media(max-width: 767px) {
    .header-search-modal .right-panel .item .h3 {
        font-size: 16px
    }
}

.header-search-modal .right-panel .item .txt {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 148%
}

@media(max-width: 767px) {
    .header-search-modal .right-panel .item .txt {
        font-size: 12px
    }
}

.header-search-modal .right-panel .item .btn-red {
    border-radius: 18px;
    background: #9b1e26;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 148%;
    padding: 8px 20px
}

@media(max-width: 767px) {
    .header-search-modal .right-panel .item .btn-red {
        font-size: 12px
    }
}

.header-search-modal .ad-card {
    border-radius: 8px;
    border: 1px solid #ded4d4;
    background: #fff;
    overflow: hidden;
    margin-bottom: 12px
}

@media(max-width: 991px) {
    .header-search-modal .ad-card {
        margin-left: 7px;
        margin-right: 7px
    }
}

.header-search-modal .ad-card figure {
    border-radius: 8px;
    margin-bottom: 0px
}

.header-search-modal .ad-card figure img {
    width: 100%;
    max-height: 120px;
    object-fit: cover
}

.header-search-modal .ad-card .figcaption {
    padding: 10px 18px
}

@media(max-width: 767px) {
    .header-search-modal .ad-card .figcaption {
        padding: 10px
    }
}

.header-search-modal .ad-card .h3 {
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px
}

@media(max-width: 767px) {
    .header-search-modal .ad-card .h3 {
        font-size: 12px
    }
}

.header-search-modal .ad-card .head {
    color: #494949;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 4px
}

@media(max-width: 767px) {
    .header-search-modal .ad-card .head {
        font-size: 13px
    }
}

.header-search-modal .ad-card .small {
    color: #666;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    display: block
}

@media(max-width: 767px) {
    .header-search-modal .ad-card .small {
        font-size: 8px
    }
}

.header-search-modal .ad-card .link {
    margin-top: 8px;
    border-radius: 18px;
    border: 1px solid #9b1e26;
    background: #fff;
    color: #9b1e26;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    padding: 8px 12px;
    display: inline-block
}

@media(max-width: 767px) {
    .header-search-modal .ad-card .link {
        font-size: 11px
    }
}

.header-search-modal .ad-card .logo {
    float: right;
    margin-top: -30px;
    position: relative;
    z-index: 1
}

.header-search-modal .ad-card .logo img {
    width: 60px
}

.header-search-modal .pop-faqs {
    position: relative;
    min-height: 110px;
    z-index: 1
}

.header-search-modal .pop-faqs .pop-innr {
    position: absolute
}

@media(max-width: 767px) {
    .header-search-modal .pop-faqs .pop-innr {
        position: relative
    }
}

.header-search-modal .accordian .trgr {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    border-bottom: 0 solid;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50px;
}

.header-search-modal .accordian .trgr:before {
    top: auto;
    border: none;
    background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center
}

.accordian .trgr::before {
    position: absolute;
    width: 26px;
    height: 26px;
    font-family: icomoon;
    content: "";
    /* background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-down.svg); */
    background-repeat: no-repeat;
    background-size: contain;
    right: 25px;
    top: 0px;
    color: #9d1d27;
}

.header-search-modal .accordian .trgr.act {
    border-bottom: 1px solid #000
}

.header-search-modal .accordian .trgr.act:before {
    top: auto;
    border: none;
    background: url(../../../content/dam/idfcfirstbank/images/homepage-redesign/arrow-up.png);
    background-repeat: no-repeat;
    background-position: center
}

.header-search-modal .accordian .tog_cont {
    border: none;
    padding: 10px 0 0
}

.header-search-modal .accordian .tog_cont p {
    font-size: 12px;
    font-weight: 500;
    color: #666
}

.header-search-modal .get-touch .item-chip {
    background: #fff8f8;
    border: 1px solid rgba(154, 27, 36, .02)
}

.header-search-modal .get-touch .h3 {
    font-size: 14px;
    font-weight: bold;
    color: #9b1e26;
    margin: 0
}

@media(max-width: 767px) {
    .header-search-modal .get-touch .h3 {
        font-size: 12px
    }
}

.header-search-modal .get-touch .gtus {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 0
}

@media(max-width: 767px) {
    .header-search-modal .get-touch .gtus {
        font-size: 12px
    }
}

.header-search-modal .searchblog .sbgs {
    font-size: 14px;
    font-weight: 600;
    color: #666;
    margin: 10px 0
}

.header-search-modal .searchblog .sbgs2 {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 10px 0
}

.header-search-modal .searchblog .sbgs2 span {
    font-weight: 600
}

.header-search-modal .searchblog .link-only {
    color: #9b1e26;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.header-search-modal .recommend-search {
    min-height: 570px;
    max-height: 570px;
    overflow: auto
}

@media(max-width: 767px) {
    .header-search-modal .recommend-search {
        min-height: inherit;
        max-height: inherit;
        overflow: inherit
    }
}

@media(max-width: 767px) {
    .header-search-modal .recommend-search .item-chip {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

.header-search-modal .recommend-search .item-chip img {
    margin-right: 10px
}

@media(max-width: 767px) {
    .header-search-modal .recommend-search .item-chip img {
        width: auto
    }
}

.header-search-modal .recommend-search .btn-box .btn-red {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px
}

.header-search-modal .recommend-search .link-only {
    color: #9b1e26;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.header-search-modal .search-not-found {
    min-height: 570px;
    max-height: 570px;
    overflow: auto;
    padding-bottom: 40px;
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found {
        min-height: inherit;
        max-height: inherit;
        overflow: inherit
    }
}

.header-search-modal .search-not-found .headH2 {
    font-size: 36px;
    color: #9b1e26;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .headH2 {
        font-size: 24px
    }
}

.header-search-modal .search-not-found .pera {
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 400;
    text-align: center
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .pera {
        font-size: 12px
    }
}

.header-search-modal .search-not-found .desc {
    max-width: 490px;
    margin: 0 auto;
    background: #f4f4f4;
    border-radius: 12px;
    padding: 15px
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .desc {
        margin: 0 20px
    }
}

.header-search-modal .search-not-found .desc .h3 {
    font-size: 20px;
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 10px;
    text-align: center
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .desc .h3 {
        font-size: 16px
    }
}

.header-search-modal .search-not-found .desc ul {
    margin: 0 auto;
    display: table
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .desc ul {
        margin: 0 30px
    }
}

.header-search-modal .search-not-found .desc ul li {
    list-style: disc;
    padding: 2px;
    font-size: 14px;
    color: #666
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .desc ul li {
        font-size: 14px;
        margin: 0 0 10px
    }

    .header-search-modal .search-not-found .desc ul li:last-child {
        margin: 0
    }
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .item-chip {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

.header-search-modal .search-not-found .item-chip img {
    margin-right: 10px
}

@media(max-width: 767px) {
    .header-search-modal .search-not-found .item-chip img {
        width: auto
    }
}

.header-search-modal .search-not-found .btn-box .btn-red {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 25px;
    background: #9b1e26;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    border: 0;
    height: auto;
}

.header-search {
    background: #fff
}

.header-search #login-dropdonw-li:hover::before,
.header-search #help-dropdonw-li:hover::before {
    top: 42px
}

.header-search ul.cta-container li .dropdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 835px) {
    .header-search ul.cta-container li.drop-down:hover .dropdown-content:not(.show) {
        display: block;
        top: 20px !important
    }
}

.header-search .login-button .dropdown .login-btn {
    min-width: 70px;
    padding: 8px 16px;
    font-weight: 500;
    height: 36px;
    font-size: 14px;
    color: #fff !important;
    background-color: #902a2c;
    margin-left: 12px !important
}

.header-search .login-button .dropdown .login-btn:after {
    display: none
}

.header-search .login-button .dropdown .login-btn+.login-drodown-menu {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: 9;
    margin-top: 10px
}

.header-search .login-button .dropdown .login-btn+.login-drodown-menu .inner {
    padding: 20px 20px 0 20px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border: none;
    left: auto;
    background: #fff
}

@media(max-width: 834px) {
    .header-search .login-button .dropdown .login-btn+.login-drodown-menu {
        top: auto !important;
        background: #fff;
        width: 100%;
        padding: 0;
        border: 1px solid #d9d9d9;
        box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, .25)
    }
}

@media(max-width: 834px)and (max-width: 767px) {
    .header-search .login-button .dropdown .login-btn+.login-drodown-menu {
        padding: 20px 32px 0 32px
    }
}

.header-search .customer-support {
    min-width: 70px !important;
    padding: 7px 16px !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.6px !important;
    color: #353535 !important;
    border: 1px solid #353535 !important;
    border-radius: 50px !important;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: 15px !important;
    /* height:auto !important; */
}

.header-search .customer-support:hover {
    background: #fff !important
}

.header-search .customer-support:after {
    display: none
}

.header-search .customer-support+.help-drodown-menu {
    top: -19px !important;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    overflow: visible;
    border: 0
}

.header-search .customer-support+.help-drodown-menu .inner {
    margin-top: 20px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border: none;
    left: auto;
    background: #fff;
    border: 1px solid #d9d9d9
}

.header-search .customer-support.what-special:hover {
    font-weight: bold
}

.header-search-modal .search-not-found .btn-red-search-apply-now {
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 25px;
    background: #9b1e26;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    line-height: 20px;
    border: 0;
    text-decoration: none;
}
header.d-lg-none .btn-box .btn-white {
    min-width: inherit;
}

@media (max-width: 991px) {
    .mob-menu .mm-top-in .icon-close:before {
        color: #9B1E26;
    }
}

.search-bxIn .cls-btn .icon-close:before {
    color: #54565B;
}

.search-bxIn .cls-btn {
    right: 20px;
    font-size: 20px;
}

.search-bxIn .icon-search,
.search-bxIn .cls-btn {
    position: absolute;
    top: 20px;
    z-index: 1;
}

.sec-nav.bg-white>ul.last li a,
.sec-nav.bg-white>ul.last li a:visited {
    color: #353535
}

.blk-btn-new {
    border-radius: 50px;
    border: 1px solid #353535;
    background: rgba(0, 0, 0, 0);
    color: #353535;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    padding: 6px 16px;
    margin: 6px 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.blk-btn-new svg,
.blk-btn-new img {
    margin-right: 4px
}

.blk-btn-new:hover {
    font-weight: bold;
    color: #353535
}

.header-search .customer-support {
    min-width: 70px;
    padding: 7px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #353535 !important;
    border: 1px solid #353535;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0) !important;
    margin-left: 15px !important
}

.help-dropdonw .btn-box .btn-white {
    height: fit-content !important;
}

.login-button .btn-box .btn-white {
    line-height: normal !important;
}


@media (max-width: 767px) {

    .top-nav-right .btn-box .btn-white {
        line-height: 17px !important;
        height: fit-content !important;
    }
}

.login-upgrade .btn-box .btn-red {
    background: #9d1d27 !important;
}

.recent-searches-owl-carousel .owl-nav.disabled {
    display: block;
}

.pop-innr .accordian .trgr {
    padding: 20px 50px 20px 0;
    margin-top: 0;
    position: relative;
    cursor: pointer;
    box-shadow: none;
    border-radius: 0px;
}

.pop-innr .accordian .trgr::before {
    right: 5px;
    content: "";
}

.pop-innr .accordian .trgr.act::before {
    content: "";
}

.pop-innr .accordian .tog_cont {
    box-shadow: none;
    margin-bottom: auto;
}
.recent-searches-owl-carousel .owl-nav span {
    font-size: inherit;
}
.modal-backdrop.show {
    opacity: 1;
  }
.icon-twitter {
    width: 24px;
    height: 24px;
    position: relative;
    display: block
}

.icon-twitter::before {
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-twitter-x' viewBox='0 0 16 16'%3E%3Cpath d='M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z'/%3E%3C/svg%3E")
}
.apply-now-container .era-chatbot-lottie {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 80px;
    z-index: 2;
    transition: transform 0.3s ease, color 0.3s ease;
    /* Add transitions for scale and color change */
    cursor: pointer;
    animation: lottiePulse 4s infinite;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 12px;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .apply-now-container .era-chatbot-lottie {
        width: 70px;
        height: 70px;
        bottom: 120px;
    }
}

.apply-now-container .ira-tool-tip {
    position: fixed;
    right: 95px;
    bottom: 47px;
    color: #fff;
    z-index: 2;
    background-color: rgba(130, 30, 23, 0.7);
    padding: 5px 5px 6px 5px;
    z-index: 3;
    font-size: 12px;
    opacity: 0;
    animation: myfirst 7s forwards;
    animation-delay: 2s;
    /* Starts the animation after a delay of 2 seconds */
    height: 26px;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .apply-now-container .ira-tool-tip {
        display: none;
    }
}

.apply-now-container .ira-tool-tip span {
    font: inherit;
    display: block;
    width: 100%;
    overflow: hidden;
}

.apply-now-container .ira-tool-tip:after {
    content: '';
    position: absolute;
    top: 8px;
    right: -18px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid rgba(130, 30, 23, 0.7);
    transform: rotate(-90deg) translateY(-50%);
    -webkit-transform: rotate(-90deg) translateY(-50%);
}

@keyframes myfirst {
    0% {
        width: 0;
        opacity: 0;
    }

    20% {
        width: 226px;
        opacity: 1;
    }

    40% {
        width: 226px;
        opacity: 1;
    }

    70% {
        width: 226px;
        opacity: 1;
    }

    80% {
        width: 226px;
        opacity: 1;
    }

    100% {
        width: 0;
        opacity: 0;
        display: none;
    }
}

@keyframes lottiePulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

/* chatbot with svg optimization approach 3 sample code adde for stage */
._imgIra01 {
    position: relative;
    top: 13px;
    left: 5px;
    width: 85%;
}

.footer {
  font-size: 14px;
  font-weight: 300;
}

.explorer11 .footer {
  position: relative;
}

.explorer11 .footer .stoke-value {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
}

.footer .fot-red .container {
  position: relative;
}

.footer .fot-red .container .scroll-top {
  position: absolute;
  top: -82px;
  right: -32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: #FFCB05;
  font-size: 12px;
  font-weight: 700;
  color: #525252;
}

.footer .fot-red .container .scroll-top .icon-Up {
  font-size: 20px;
  margin-bottom: -4px;
  color: #525252;
}

@media (max-width: 991px) {
  .footer .fot-red .container .scroll-top {
    display: none;
  }
}

.footer p {
  margin-bottom: 0;
}

.footer .stoke-value {
  font-size: 24px;
  line-height: 1;
  float: right;
}

.footer ul li {
  margin-top: 12px;
}

.footer ul.social {
  display: -ms-flexbox;
  display: flex;
}

.footer ul.social li {
  margin: 0 30px 0 0;
}

.footer ul.social li:last-child {
  margin-right: 0;
}

.footer ul.app-list {
  display: -ms-flexbox;
  display: flex;
}

.footer ul.app-list li {
  margin: 0 10px 0 0;
}

.footer ul.app-list li:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .footer ul.app-list img {
    width: 140px;
  }
}

.footer .fhd {
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  padding-bottom: 16px;
  letter-spacing: .5px;
  margin-bottom: 10px;
}

.footer .fhd.nol {
  border-bottom: 0;
  margin-bottom: 0;
}

.footer .fot_trgr {
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 24px;
  cursor: pointer;
}

.footer .fot_trgr.act {
  border-bottom: 1px solid rgba(255, 255, 255, 0.21);
  padding-bottom: 16px;
  margin-bottom: 10px;
}

.footer .fot_trgr.act .icon-plus::before {
  content: "\e905";
}

.footer .fot_trgr .icon-plus {
  font-size: 24px;
  margin-left: 20px;
  vertical-align: top;
  display: inline-block;
}

.footer .fot_trgr .icon-plus::before {
  color: #FFFFFF;
}

.footer-top {
  background: #9D1D27;
  color: #FFFFFF;
}

.footer-top a {
  color: #FFFFFF;
}

.footer-top .fot-red {
  padding: 50px 0;
}

.footer-top .fot-dred {
  background: rgba(17, 17, 17, 0.1);
  padding: 40px 0;
}

.footer-top .fot-dred a span {
  font-size: 24px;
}

@media (max-width: 767px) {
  .footer-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-top .fot-dred {
    -ms-flex-order: 3;
    order: 3;
  }

  .footer-top .stoke-value {
    display: none;
  }
}

.footer-btm {
  padding: 30px 0;
  color: #0D0D0D;
}

.footer-btm .d-flex {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.footer-btm a {
  color: #0D0D0D;
  margin: 0 5px;
}

@media (max-width: 1024px) {
  .footer .fot-red .container .scroll-top {
    right: 0;
  }
}

@media (max-width: 767px) {

  .footer .fot-red .fhd,
  .footer .fot_trgr {
    padding-top: 6px;
  }

  .footer .fot-red .fhd::before,
  .footer .fot_trgr::before {
    position: absolute;
    width: 15px;
    height: 15px;
    font-family: icomoon;
    content: "\e906";
    right: 13px;
    top: 6px;
    color: #FFFFFF;
  }

  .footer .fot-red .fhd.act::before,
  .footer .fot_trgr.act::before {
    content: "\e905";
  }

  .footer .fot-red .fhd.act+.row,
  .footer .fot_trgr.act+.row {
    margin-bottom: 15px;
  }

  .footer .footer-top .fot-red:first-child {
    padding-bottom: 0;
    padding-top: 30px;
  }

  .footer .footer-top .fot-red:last-child {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .footer .fot_trgr {
    padding: 6px 0 16px;
  }

  .footer .fot_trgr .icon-plus {
    display: none;
  }

  .footer .fot-dred .col-lg-5 {
    margin: 35px 0;
  }

  .footer-btm .d-flex {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }

  .footer-btm .d-flex p:first-child {
    margin-bottom: 20px;
  }

  .footer .fot_tog .row {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.service-box {
  background-color: #FFFFFF;
  padding: 50px 0;
  position: relative;
}

.service-box::before {
  background: #f3f3f3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 125px;
  width: 100%;
}

.service-box.op1::before {
  height: 85px;
}

.service-box.op2::before {
  display: none;
}

@media (max-width: 767px) {
  .service-box.op2 {
    padding: 30px 0;
  }
}

.service-box.op2 .row.cards {
  margin-top: 0;
}

.service-box.op3::before {
  display: none;
}

.service-box.op3 .list-item {
  padding: 0;
  margin-bottom: 15px;
}

.service-box.op3 .list-item li span {
  height: 90px;
  width: 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
}

.service-box.op3 .card .card-body {
  padding: 40px 16px;
}

.service-box.op3 .card .card-title {
  line-height: 1;
  margin: 0;
}

.service-box.op3 .card .with-circle {
  color: #54565b;
}

.service-box.op3 .card .with-circle strong {
  font-weight: 500;
}

.service-box.op3 .card .with-circle .flex span {
  -ms-flex: 0 0 75px;
  flex: 0 0 75px;
}

.service-box.op3 .card .with-circle.op3 li {
  padding: 1px 0 1px 15px;
}

.service-box.op3 .card .with-circle.op3 li::before {
  top: 1px;
}

.service-box.op3 .card .black strong {
  font-weight: 500;
}

@media (max-width: 767px) {
  .service-box.op3 {
    padding: 30px 0;
  }
}

.service-box.op3 .row.cards {
  margin-top: 0;
}

.service-box .cards {
  margin-top: 50px;
}

.service-box .card {
  color: #b8b8b8;
  height: 100%;
  border-radius: 3px;
}

.service-box .card .card-body {
  padding: 40px 32px;
  border-bottom: 0;
  background: none;
}

.service-box .card .card-body.opt1 {
  padding: 40px 35px 15px 35px;
  border-bottom: 0;
}

.service-box .card .card-body.opt2 {
  background-color: #fafafa;
  padding: 24px 35px 24px 35px;
  color: #54565b;
  border-radius: 0 0 3px 3px;
}

.service-box .card .card-title {
  font-size: 24px;
  font-weight: 300;
  color: #54565b;
  margin-bottom: 20px;
}

.service-box .card .btn-box .btn-white {
  color: #767676;
}

.service-box .card .view-all a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 4px;
  color: #b8b8b8;
}

.service-box .card .view-all a .txt {
  width: 80%;
}

.service-box .card button {
  background: none;
  border: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  right: 15px;
}

.service-box .card button:focus {
  outline: 0;
}

.service-box .card button span {
  font-size: 22px;
}

.service-box .was-validated .form-control:valid,
.service-box .was-validated .form-control:invalid {
  background-image: none;
}

@media (max-width: 1024px) {
  .service-box .card .card-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .service-box {
    padding: 60px 0 30px;
  }

  .service-box::before {
    height: 120px;
  }

  .service-box .cards {
    margin-top: 45px;
  }

  .service-box .cards .col-lg-4 {
    margin-bottom: 20px;
  }

  .service-box .card .card-body {
    padding: 40px 30px;
  }

  .service-box .card .col-5.black {
    white-space: nowrap;
  }

  .service-box .card .card-body.opt1,
  .service-box .card .card-body.opt2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .service-box .mt-xs-7 {
    margin-top: 32px;
  }
}

.icn-box {
  background-color: #ffcb05;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 18px solid #FFFFFF;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.icn-box span {
  font-size: 50px;
}

.icn-box img {
  height: 50px;
}

.icn-box+.fhd {
  font-weight: 700;
  margin-top: 4px;
  text-align: center;
}

@media (max-width: 767px) {
  .icn-box {
    width: 124px;
    height: 124px;
    border-width: 12px;
  }
}


  /* downloadbtn */
  a.ftr-download-btn {
    display: inline-block;
    height: 48px;
    min-width: 160px;
    padding: 10px 30px;
    border-radius: 25px;
    background: #FFFFFF;
    color: #9D1D27 !important;
    text-align: center;
    line-height: 30px;
    white-space: nowrap;
    border: 0;
    font-size: 16px;
    font-weight: 700;
  }
  
  @media (max-width: 991px) {
    a.ftr-download-btn {
      min-width: auto;
      padding: 0 30px;
      line-height: 3;
    }
  }
  .footer-top .fot-dred .d-ctr {
    text-align: center;
  }
  @media (max-width: 991px) {
    .footer-top .fot-dred .d-ctr {
      text-align: left;
    }
  }
@media (max-width: 767px) {
    .footer-top .fot-dred .d-ctr {
        margin: 20px 0;
      }
    }
  /* downloadbtn */