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 */


/*!
 * 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;
  z-index: 3 !important;
}

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

@media (min-width: 767px) {
  .main-ctnt .changeWidth{
    width: 83%;
  }
}

.MATP15 {
margin-top: 15px;
}

.manipal-flow.ecom-journey#successPage .container {
  width: 100%;
  max-width: 1200px;
}

.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;
}

@media (max-width: 767px) {
  .ui-datepicker td span,
  .ui-datepicker td a {
    padding: 5px;
    width: 30px;
    border: 0;
    font-size: 13px;
  }
}

.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 {
  -webkit-filter: mask();
          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*/
}

/* Accordian style */
.accordian {
  /* common accordian like FAQ */
  /* common accordian like FAQ end */
  /* Product Detail page Eligibility */
  /* Product Detail Eligibility end*/
}

.accordian .trgr {
  padding: 20px 50px 20px 30px;
  margin-top: 1rem;
  position: relative;
  cursor: pointer;
}

.accordian .trgr::before {
  position: absolute;
  width: 15px;
  height: 15px;
  font-family: icomoon;
  content: "\e900";
  right: 30px;
  top: 20px;
  color: #9d1d27;
}

.accordian .trgr.act {
  border-radius: 5px 5px 0 0;
}

.accordian .trgr.act::before {
  content: "\e903";
}

.accordian .tog_cont {
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #9d1d27;
  padding: 20px 30px;
  margin-bottom: 1rem;
}

.accordian .tog_cont .block {
  display: block;
}

@media (max-width: 767px) {
  .accordian .trgr {
    padding: 20px 50px 20px 20px;
  }
  .accordian .tog_cont {
    padding: 20px;
  }
}

.accordian.op1 .trgr {
  box-shadow: none;
  font-size: 36px;
  font-weight: 300;
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 50px 10px 0;
  border-radius: 0;
  line-height: 1;
}

@media (max-width: 1024px) {
  .accordian.op1 .trgr {
    font-size: 24px;
  }
}

.accordian.op1 .trgr::before {
  content: "\e906";
  height: auto;
  width: auto;
  right: 0;
  color: #54565B;
  top: 15px;
  font-size: 24px;
}

@media (max-width: 1024px) {
  .accordian.op1 .trgr::before {
    font-size: 18px;
  }
}

.accordian.op1 .trgr.act::before {
  content: "\e905";
}

.accordian.op1 .tog_cont {
  box-shadow: none;
  border: 0;
  padding-left: 20px;
  margin: 0;
}

@media (max-width: 1024px) {
  .accordian.op1 .tog_cont {
    padding-bottom: 16px;
  }
}

.accordian.op1 .tog_cont ul li {
  list-style: disc;
  margin-bottom: 15px;
}

@media (max-width: 1024px) {
  .accordian.op1 .tog_cont ul li {
    margin-bottom: 8px;
  }
}

.cc-section {
  padding: 35px 0 20px 0;
  background: #ffecee;
  background: linear-gradient(180deg, #ffecee 0%, #c3b5b5 100%);
}

.cc-section .CTR {
  padding: 0 18px;
}

.cc-section figure .topicon {
  width: 36px;
}

.cc-section .cc-card {
  text-align: center;
  margin-bottom: -160px;
}

.cc-section .cc-card figure {
  position: relative;
  margin: 0 auto;
}

@media (max-width: 360px) {
  .cc-section .cc-card figure img {
    width: 300px;
  }
}

.list-item-app li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 16px;
}

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

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

.list-item-app li span img {
  width: 18px;
  height: 18px;
}

.list-item-app li div {
  color: #9D1D27;
}

.cc-card-point {
  padding-top: 140px;
  background-color: #FFFFFF;
}

.cc-card-point .innerContainer {
  padding: 0 17px;
}

@media (max-width: 767px) {
  .cc-card-point .btn-box {
    margin: 0;
  }
  .cc-card-point .btn-box p {
    margin: 0;
  }
}

.list-item.op3 li span {
  width: 60px;
  height: 60px;
  -ms-flex: 0 0 60px;
      flex: 0 0 60px;
  background: #f3f3f3;
}

.title-wrap h3 span {
  color: #9D1D27;
}

.title-wrap p {
  text-align: center;
}

.img-box .label-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}

.img-box .label-flex .custom-control {
  margin-right: 10px;
}

.cc-card-opt {
  background-color: #FFFFFF;
}

@media (max-width: 767px) {
  .cc-card-opt .btn-box {
    margin: 0;
  }
  .cc-card-opt .btn-box p {
    margin: 0;
  }
  .cc-card-opt .btn-box .btn-red {
    border-radius: 0;
    width: 100%;
  }
}

.choose-card label {
  color: #b8b8b8;
}

.choose-card.active label {
  color: #54565B;
}

.choose-card .img-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.choose-card .img-box img {
  transition: transform .5s;
  opacity: .5;
}

.choose-card .img-box:hover img {
  transform: scale(1.1);
}

.choose-card .img-box.active img {
  opacity: 1;
}

@media (max-width: 540px) {
  .credit-card-compare .btn-box .btn-red, .credit-card-compare .btn-box .btn-white {
    min-width: inherit;
    padding: 0 20px;
  }
  .credit-card-compare .btn-box.MT30, .credit-card-compare .flex.MT30 {
    margin-top: 0;
  }
  .credit-card-compare table tr td .hd2v {
    min-height: 60px;
  }
  .credit-card-compare table tr td.cal-data {
    padding: 20px 15px;
  }
}

/* */
.ntbHead1 {
  font-size: 24px;
  color: #54565B;
  font-weight: bold;
  line-height: 100%;
}

.form-label-group {
  position: relative;
}

/*.form-label-group > label.panNo { position: absolute; display: block; margin-bottom: 0; line-height: 1.5; color: #787878; border: 1px solid transparent; border-radius: 0.25rem;  transition: all 0.1s ease-in-out;  font-size: 12px;    background: #fff;  display: inline-block;  width: auto;  left: 11px;  top: -13px;  padding: 5px; }*/
.inHeight .form-control {
  padding: 0.85rem 0.75rem;
}

.paBox {
  position: relative;
}

.tooltipAb {
  position: absolute;
  right: -30px;
  top: 15px;
}

.listDis {
  pointer-events: none;
  opacity: 0.3;
}

.fetchTxt,
.fetchTxt2,
.hideNew,
.fetchTxt3 {
  display: none;
}

.addressPop .modal-dialog {
  max-width: 800px;
}

.addRight {
  float: left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  padding: 40px 40px 30px;
}

.addLeft {
  float: left;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: -10px;
}

.clear {
  clear: both;
}

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

.resendImg {
  background: #F3F3F3;
  width: 90px;
  height: 90px;
  margin: auto;
  border-radius: 45px;
  text-align: center;
  line-height: 90px;
  margin-bottom: 15px;
}

p.font24 {
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 150%;
}

.resendImg2 {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
}

.resendImg2 img {
  width: 100%;
  height: auto;
}

.date-bx .col {
  padding: 0 2px;
}

.date-bx .col:first-child {
  padding-left: 0;
}

.date-bx .col:last-child {
  padding-right: 0;
}

.mg5p {
  margin-bottom: 5px;
}

.ntgCircle {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/circle_bor.svg);
  text-align: center;
  width: 160px;
  height: 160px;
  margin: auto;
  line-height: 160px;
}

.ntgCircle2 {
  background: none;
  width: 100px;
  height: 100p;
}

.ntgCircle2 img {
  width: 100%;
}

/*.tooltip.show{ opacity: 1;}
.tooltip .tooltip-inner{ background: #fff; padding: 10px;}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 10px solid transparent;
    margin-right: -3px;

}*/
.bannerNewCard {
  height: 434px;
}

.bannerNewCard h3 {
  font-size: 24px;
  color: #54565B;
  line-height: 22px;
}

.bannerNewCard h4 {
  /*font-size: 36px;
  color: #54565B;
  line-height: 40px;*/
  margin-bottom: 30px;
  /*height: 28px;
  width: 720px;*/
  color: #54565B;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}

.newCardBox {
  position: relative;
  padding: 35px 0 0;
  box-shadow: 12px 27px 38px rgba(0, 0, 0, 0.0871941);
}

.newcBox1 {
  padding: 0 35px 15px;
  border-bottom: 1px solid #DFDFDF;
}

.newCardBox .newcBox1:last-child {
  border-bottom: 0;
  padding: 0 35px 35px;
}

.newCardBox h5 {
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -1.2px;
  color: #54565B;
  font-weight: bold;
  padding: 20px 0 30px;
}

.newTxt1 {
  position: relative;
  font-size: 16px;
  color: #B8B8B8;
}

.newTxt2 {
  font-size: 24px;
  color: #54565B;
  line-height: 28px;
  font-weight: 300;
}

.newTxt3 {
  font-size: 14px;
  color: rgba(84, 96, 91, 0.3);
  text-decoration: line-through;
  position: absolute;
  margin-top: -20px;
}

.higherlimitlink a {
  height: 18px;
  width: 117px;
  color: #9C1D26;
  font-family: Roboto;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
  text-decoration: underline;
}

.newCardBoxLeft {
  width: 320px;
  float: left;
  text-align: center;
}

.newCardBoxRight {
  width: calc(100% - 320px);
  float: left;
  padding-left: 42px;
  padding-right: 30px;
}

.newCtoolTip,
.optTooltip {
  position: absolute;
  right: -10px;
}

.optTooltip {
  margin-top: 17px;
  right: -30px;
}

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

.newCarList .list-item li span {
  margin-right: 10px;
}

.seeMoreLink {
  margin: 10px 0 0 12px;
}

.seeMoreLink a {
  color: #9D1D27;
}

.greenBox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.greenBox .greTxt {
  padding: 0;
  background: #00A07A;
  /* border-radius: 35px; */
  width: auto;
  margin: auto;
  min-width: 204px;
  min-height: 36px;
  height: auto;
  font-size: 12px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  padding: 8px 15px 8px 25px;
}

.yellowBox .greTxt {
  background: #FFCB05;
  color: #54565B;
  font-weight: bold;
}

.greenBox:before {
  display: block;
  width: 0;
  height: 0;
  border: 18px solid #fff;
  content: '';
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.redBox {
  float: right;
  margin-top: -5px;
}

.redBox .btn {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.0871941);
  padding: 0;
  background: #9D1D27;
  border-radius: 25px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
}

.newCardDiv {
  margin: 40px 0 30px;
  width: 100%;
  height: 1px;
  background: #DFDFDF;
}

.resendImg2 {
  top: 0;
  margin-top: 12px;
}

.ui-autocomplete {
  z-index: 9999;
}

#confirm-error {
  display: none !important;
}

.unlockOffer .tooltipAb {
  top: 15px;
}

#optSend .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
}

.unlockOffer .acnumber .tooltipAb {
  right: -15px;
}

.acnumber #nameoftheBank.form-control.is-valid,
.acnumber #nameoftheCard.form-control.is-valid {
  background: #fff;
}

.banner .date-of-birthNew .date-bx {
  border: 0;
}

.banner .date-of-birthNew .row .form-label-group .form-control {
  border-bottom: solid 2px #d8d8d8;
  padding: 10px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.banner .date-of-birthNew .col-4 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.banner .date-of-birthNew .row {
  margin-left: -15px;
  margin-right: -15px;
}

.banner .date-of-birthNew .form-label-group > label {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.banner .date-of-birthNew .col-4:first-child,
.banner .date-of-birthNew .col-4:nth-child(2) {
  border: 0;
}

.banner .date-of-birthNew .col-4:first-child::after,
.banner .date-of-birthNew .col-4:nth-child(2)::after {
  content: '/';
  display: block;
  position: absolute;
  right: -8px;
  top: 40%;
  font-size: 30px;
  color: #d8d8d8;
  font-weight: 300;
}

.banner .date-of-birthNew .row .form-label-group .form-control.is-invalid {
  border: 0;
  border-bottom: solid 2px #d10000;
}

.jvalidation .date-of-birthNew .custom-control-input.is-valid ~ .custom-control-label,
.jvalidation .date-of-birthNew .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: inherit;
}

/*.banner .date-of-birth2 .col-4 .error{ display: block !important; padding: 0 !important;}*/
.ntbTxt {
  position: absolute;
  margin-top: 150px;
  color: #fff;
  display: none;
}

.ntbShow .ntbTxt {
  display: block;
}

.page-loader {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/idfc-loader.gif) no-repeat center center rgba(0, 0, 0, 0.8);
  background-size: 100px;
}

.page-loader .loader-cust {
  display: none;
}


@media (max-width: 1199px) {
  .newCardBoxLeft {
    text-align: center;
    width: 100%;
  }
  .newCardBoxLeft img {
    width: 100%;
  }
  .newCardBoxRight {
    width: 100%;
    padding-left: 0;
  }
  .greenBox {
    /*float: none;*/
    margin: 0;
    padding: 0;
  }
  .greenBox .greTxt {
    display: inline-block;
    float: right;
  }
}

@media (max-width: 900px) {
  .calWidthLeft {
    width: 100%;
  }
  .calWidthRight {
    width: 100%;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 60px;
  }
  header,
  header.sticky {
    height: 60px;
  }
  header .top-nav {
    height: 60px;
  }
  header .top-nav .logo {
    padding: 10px 40px 10px 20px;
  }
  .redBox {
    margin-top: 30px;
    float: none;
  }
  .unlockOffer .modal-dialog .modal-body.op1 {
    padding: 50px 30px;
  }
  .greenBox {
    text-align: center;
  }
  .greenBox .greTxt {
    float: none;
  }
  .form2 .confirm-box .form-label-group {
    margin-bottom: 0;
  }
  .form-list li.acnumber li {
    margin-bottom: 0;
  }
  .newCarList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
  .newCarList .redBox {
    text-align: center;
    margin: 30px 0 20px;
  }
  .newCardBox {
    padding: 60px 0 0;
  }
  .newcBox1 {
    padding: 0 15px 15px;
  }
  .newCardBoxRight {
    padding-right: 0;
  }
  .newCardBoxRight .row {
    margin: 0;
  }
  .newCardBoxRight .row .col-lg-12 {
    padding: 0;
  }
  .newCardBoxRight .row .col-lg-3 {
    padding-left: 0;
  }
  .newCardBox h5 {
    padding: 20px 0 10px;
  }
  .newCardBoxRight .row .col-lg-3:nth-child(2), .newCardBoxRight .row .col-lg-3:nth-child(3) {
    max-width: 30%;
  }
  .newCardBoxRight .row .col-lg-3:nth-child(4) {
    max-width: 39%;
    -ms-flex: 0 0 39%;
        flex: 0 0 39%;
  }
}

@media (max-width: 600px) {
  .newCardBoxRight .col-lg-3 {
    width: 50%;
  }
  .newCarList .list-item li {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .upload-details-core {
    overflow: auto;
  }
}

/**/
.form-label-group > label.pincodeCityState {
  margin-left: 0 !important;
  font-size: 11px !important;
  padding-left: 0 !important;
}

.ntbCore h2 {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -1.2px;
  line-height: 42px;
  color: #54565B;
}

.ntbCore .headBox {
  font-size: 16px;
  line-height: 20px;
}

.ntbCore h4.hd {
  font-size: 24px;
}

.ntbCore .headBox2 {
  text-decoration: line-through;
  opacity: 0.3;
  margin-bottom: 8px;
}


.sectBox {
  max-width: 400px;
  width: 92%;
  text-align: center;
  margin: 5% auto 0;
}

.sectBox .sectBoxImg {
  width: 143px;
  margin: auto;
}

.sectBox .sectBoxImg img {
  width: 100%;
  height: auto;
}

.sectBox h5 {
  color: #0A5A53;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.69px;
  line-height: 30px;
  padding: 23px 0 33px;
}

.sectBox h6 {
  color: #54565B;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.4px;
  line-height: 24px;
}

.sectBox .sectedTxt {
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.1);
  max-width: 343px;
  width: 100%;
  margin: auto;
  padding: 10px;
  text-align: left;
  position: relative;
  font-weight: 300;
  font-size: 14px;
  margin-top: 30px;
}

.sectBox .chekRight {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -12px;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/email-crawl/checkRight.svg) no-repeat;
}

.sectBox p {
  font-size: 16px;
  letter-spacing: -0.25px;
  line-height: 20px;
}

.sectBox p img {
  width: 16px;
  height: auto;
}

.sectBox .btn-box {
  margin-bottom: 30px;
}

.sectBox .btn-box button {
  font-size: 17px;
  font-weight: 600;
}


@media (max-width: 990px) {
  .referral-opt.referral-rewards .container .row .inner-wrap .rewardFix {
    position: initial;
    width: 100%;
  }
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardFix .content {
  padding-bottom: 0;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardFix h4 {
  font-size: 19px;
  line-height: 30px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 10px;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardFix h5 {
  font-size: 17px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: -0.6px;
  text-align: center;
  padding-bottom: 5px;
}

@media (max-width: 640px) {
  .referral-opt.referral-rewards .container .row .inner-wrap .rewardFix h2 {
    font-size: 22px !important;
    margin-top: 20px !important;
  }
  .referral-opt.referral-rewards .container .row .inner-wrap .rewardFix h4 {
    font-size: 14px;
    line-height: normal;
  }
  .referral-opt.referral-rewards .container .row .inner-wrap .rewardFix h5 {
    font-size: 14px;
  }
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 .cr-screen1, .referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 .cr-screen2 {
  max-width: 362px;
  width: 100%;
  margin: auto;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 .cr-screen3 .refShareBox {
  margin-top: 0;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 input {
  font-size: 16px;
  font-weight: 600;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 .btn-box .btn-red.disabled {
  background: #9D1D27;
  color: #fff;
}

.referral-opt.referral-rewards .container .row .inner-wrap .rewardScreen3 .form-group1 {
  text-align: left;
}

@media (max-width: 990px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap {
    margin-top: -52px;
  }
}

@media (max-width: 990px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .rewardMobRev {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
  }
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media (max-width: 1200px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .refTxt {
    font-size: 16px;
  }
}

@media (max-width: 640px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refIcon {
    width: 64px;
    margin-bottom: 0;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refIcon img {
    width: 100%;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refTxt {
    width: calc(100% - 64px);
    padding-left: 20px;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refTxt br {
    display: none;
  }
}

@media (max-width: 420px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refIcon {
    margin-right: 10px;
  }
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .div .refTxt {
    padding-left: 0px;
  }
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .eashSteps ul li .refIcon {
  margin-bottom: 20px;
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .know-wrap {
  max-width: 605px;
  padding-top: 30px;
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .know-wrap .cta a {
  font-size: 16px;
  text-decoration: none;
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .rewardsHeader {
  font-size: 28px;
  text-align: center;
  color: #25243B;
  padding: 20px 0 40px;
  line-height: normal;
}

.referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .rewardsHeader strong {
  font-weight: 600;
}

@media (max-width: 640px) {
  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .rewardsHeader {
    font-size: 22px;
    padding-bottom: 00px;
  }
}

.referral-opt.referral-rewards .container .row .rewardsBoxPints {
  padding: 16px 20px 6px;
  border-radius: 10px;
  max-width: 640px;
  width: 100%;
  margin: 30px auto 0;
  background: #f6f6f6;
  color: #25243B;
}

.referral-opt.referral-rewards .container .row .rewardsBoxPints h5 {
  font-size: 21px;
  font-weight: 600;
  padding-bottom: 16px;
}

.referral-opt.referral-rewards .container .row .rewardsBoxPints li {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
  padding-bottom: 10px;
}

.referral-opt.referral-rewards .container .row .rewardsBoxPints li::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #9B1E26;
  display: block;
  position: absolute;
  border-radius: 4px;
  top: 6px;
  left: 0;
}

.referral-opt.referral-rewards .container .row .faq-section {
  max-width: 640px;
  width: 100%;
  margin: auto;
  padding-bottom: 50px;
}

.referral-opt.referral-rewards .container .row .faq-section .accordian .trgr {
  background: #f6f6f6;
  color: #25243B;
  font-size: 18px;
  padding: 15px 50px 15px 20px;
}

.referral-opt.referral-rewards .container .row .faq-section .accordian .trgr::before {
  top: 50%;
  margin-top: -7px;
  font-weight: bold;
}

.referral-opt.referral-rewards .container .row .faq-section .accordian .trgr.act {
  font-weight: 600;
}

.referral-opt.referral-rewards .container .row .faq-section .accordian .tog_cont {
  color: #25243B;
  font-size: 15px;
  box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.05);
}

@media (max-width: 1280px) {
  .referral-opt .container .row .col .inner-wrap .otp-bx img {
    width: auto !important;
  }
}

.terms-newPupNew h6 {
  border: 0;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 10px;
  display: block;
}

.terms-newPupNew li {
  padding-left: 20px;
  position: relative;
  /*font-size: 14px; margin-bottom: 10px;*/
}

.terms-newPupNew li::before {
  width: 8px;
  height: 8px;
  background: #9B1E26;
  border-radius: 4px;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
}

.terms-newPupNew li ol {
  margin-top: 10px;
}

.terms-newPupNew li ol li {
  list-style: decimal;
  padding-left: 0;
}

.terms-newPupNew li ol li::before {
  display: none;
}

@media (max-width: 480px) {
  .terms-newPupNew h4 {
    font-size: 18px;
    padding-right: 30px;
  }
  .terms-newPupNew h6 {
    font-size: 16px;
  }
}

@media (max-width: 640px) {
  .referral-opt.referral-rewards .faq-section .container {
    padding-left: 0;
    padding-right: 0;
  }
  .referral-opt.referral-rewards .container .row .faq-section .accordian .trgr {
    font-size: 16px;
  }
}

@media (max-width: 360px) {
  .referral-opt.referral-rewards .container .row .col:first-child .inner-wrap h2 {
    font-size: 19px !important;
    margin-top: 15px !important;
  }
  .referral-opt.referral-rewards .container .row .col:first-child .inner-wrap {
    padding-top: 0;
  }
  .referral-opt.referral-rewards .container .form-list li {
    margin-bottom: 10px;
  }
  .referral-opt.referral-rewards .container .form-list li .btn-box .btn-red {
    height: 40px;
    line-height: 40px;
  }
  .referral-opt.referral-rewards .container .row .col:first-child .inner-wrap .refImg {
    width: 80%;
  }
  .referral-opt.referral-rewards .container .row .form-group1 {
    margin-bottom: 10px;
    padding: 7px 16px 7px 16px;
  }
  /*  .referral-opt.referral-rewards .container .row .col:last-child .inner-wrap .bonus-wrap{ margin-top: -20px;}*/
  .referral-opt .container .row .col:last-child .inner-wrap .bonus-wrap .bonus-box h2 {
    margin-bottom: 0;
  }
}

.referral-opt.referral-rewards .form-group1 input.is-valid + label,
.referral-opt.referral-rewards .form-group1 textarea.is-valid + label,
.referral-opt.referral-rewards .form-group1 select.is-valid + label {
  margin-bottom: 10px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #25243b;
  opacity: 0.4;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #25243b;
  opacity: 0.4;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #25243b;
  opacity: 0.4;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #25243b;
  opacity: 0.4;
}

input::-ms-reveal,
input::-webkit-reveal,
input::-webkit-clear,
input::-moz-reveal,
input::-moz-clear,
input::-ms-clear {
  display: none;
}

/* form starting stylings ------------------------------- */
[include*="form-input-select()"] select:not(:focus):invalid {
  color: #C7C7C7;
}

.form-group1 {
  padding: 12px 16px 16px 16px;
  margin-bottom: 20px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 0 4px 8px 0 rgba(37, 36, 59, 0.05);
  /* BOTTOM BARS ================================= */
}

@media (max-width: 767px) {
  .form-group1.radius-sm-0 {
    padding: 20px 16px;
    border-radius: 0px;
  }
  .form-group1.radius-sm-0.m-minus-15 {
    margin: 0 -15px;
  }
}

.form-group1.show-border {
  border: 1px solid rgba(37, 36, 59, 0.2);
}

.form-group1.disabled {
  pointer-events: none;
  background-color: #e9e9e9;
}

.form-group1.p0 {
  background: transparent;
}

.form-group1.p10 {
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
}

.form-group1.p10 input {
  padding: 10px 10px 10px 0px;
  box-shadow: none;
  border-radius: 0px;
  background: transparent;
}

.form-group1.p10 input + label + .bar,
.form-group1.p10 input + label + label + .bar {
  top: 10px;
}

.form-group1.p10 input + label + .bar::before, .form-group1.p10 input + label + .bar::after,
.form-group1.p10 input + label + label + .bar::before,
.form-group1.p10 input + label + label + .bar::after {
  width: 50% !important;
}

.form-group1.custom-select-2 {
  box-shadow: none;
  padding-bottom: 10px;
}

.form-group1.custom-select-2 select {
  border-radius: 0;
  border-bottom-color: rgba(37, 36, 59, 0.2) !important;
}

.form-group1.custom-select-2 select#bank {
  border-bottom-width: 1px !important;
}

.form-group1 .rupee-symbole {
  color: #ccc9c9;
  top: 11px;
  left: 19px;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
}

.form-group1.dropdown {
  min-height: 66px;
}

.form-group1 select {
  background-color: transparent !important;
  background-image: url("../components/content/cc-ecom/scheduleAppointment/clientlibs/images/svg/ic-keyboard-arrow-down.svg") !important;
  height: auto;
  background-size: 30px !important;
  background-position: 96% 0px !important;
  line-height: 1.2em;
  border-radius: 0;
  border-bottom: 0px solid #e9e9e9 !important;
  padding-right: 0;
}

.form-group1 select option {
  font-weight: 500;
  color: rgba(37, 36, 59, 0.5);
}

.form-group1 select#month, .form-group1 select#year {
  background-position: 96% 10px !important;
}

.form-group1 select:focus + label + span,
.form-group1 select:focus + label + label + span {
  opacity: 0;
  display: none;
}

.form-group1 select:invalid {
  color: rgba(37, 36, 59, 0.4);
}

.form-group1 select.is-valid {
  border-color: transparent !important;
}

.form-group1 select.is-valid:focus {
  border-color: #9d1d27 !important;
}

.form-group1 select.is-valid, .form-group1 select:valid {
  padding-bottom: 0;
  border-width: 0px;
  border-color: transparent !important;
}

.form-group1 select.is-valid.border-bottom, .form-group1 select:valid.border-bottom {
  border-bottom: 1px solid #e9e9e9 !important;
}

.form-group1 select.is-valid + label, .form-group1 select:valid + label {
  display: block;
  margin: 0px 0 0 0 !important;
  opacity: 1;
}

.form-group1 input:not(:placeholder-shown) + label + .bar + .indicator .icon {
  color: #FFCB05;
}

.form-group1 textarea {
  resize: none;
}

.form-group1 input,
.form-group1 textarea,
.form-group1 select {
  box-shadow: none;
  color: #25243b;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08px;
  padding: 0;
  padding-bottom: 8px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0px;
  outline: transparent;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  min-height: 38px;
  padding-right: 28px;
}

@media (max-width: 767px) {
  .form-group1 input,
  .form-group1 textarea,
  .form-group1 select {
    font-size: 16px;
  }
}

.form-group1 input.pr-100,
.form-group1 textarea.pr-100,
.form-group1 select.pr-100 {
  padding-right: 100px;
}

.form-group1 input.pb14,
.form-group1 textarea.pb14,
.form-group1 select.pb14 {
  padding: 18px 24px;
}

.form-group1 input.pb14.is-invalid,
.form-group1 textarea.pb14.is-invalid,
.form-group1 select.pb14.is-invalid {
  padding-bottom: 34px;
}

.form-group1 input:disabled,
.form-group1 textarea:disabled,
.form-group1 select:disabled {
  background-color: #e9e9e9;
}

.form-group1 input:disabled + label,
.form-group1 textarea:disabled + label,
.form-group1 select:disabled + label {
  display: block;
  margin-bottom: 0;
  border: none;
}

.form-group1 input[type='checkbox'], .form-group1 input[type='radio'],
.form-group1 textarea[type='checkbox'],
.form-group1 textarea[type='radio'],
.form-group1 select[type='checkbox'],
.form-group1 select[type='radio'] {
  -moz-appearance: auto;
  /* Firefox */
  -webkit-appearance: auto;
  /* Safari and Chrome */
  appearance: auto;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.form-group1 input[type='checkbox'] + label.check-label, .form-group1 input[type='radio'] + label.check-label,
.form-group1 textarea[type='checkbox'] + label.check-label,
.form-group1 textarea[type='radio'] + label.check-label,
.form-group1 select[type='checkbox'] + label.check-label,
.form-group1 select[type='radio'] + label.check-label {
  position: relative;
  top: 0;
  left: 5px;
  padding: 0 28px;
  font-size: 14px;
  margin: 0;
  opacity: 1;
}

.form-group1 input[type='checkbox'] + label.check-label > small, .form-group1 input[type='radio'] + label.check-label > small,
.form-group1 textarea[type='checkbox'] + label.check-label > small,
.form-group1 textarea[type='radio'] + label.check-label > small,
.form-group1 select[type='checkbox'] + label.check-label > small,
.form-group1 select[type='radio'] + label.check-label > small {
  line-height: 1;
  font-size: 10px;
}

.form-group1 input:invalid:focus + label + .bar:after, .form-group1 input:invalid:focus + label + .bar::before, .form-group1 input.is-invalid + label + .bar:after, .form-group1 input.is-invalid + label + .bar::before,
.form-group1 textarea:invalid:focus + label + .bar:after,
.form-group1 textarea:invalid:focus + label + .bar::before,
.form-group1 textarea.is-invalid + label + .bar:after,
.form-group1 textarea.is-invalid + label + .bar::before,
.form-group1 select:invalid:focus + label + .bar:after,
.form-group1 select:invalid:focus + label + .bar::before,
.form-group1 select.is-invalid + label + .bar:after,
.form-group1 select.is-invalid + label + .bar::before {
  background-color: #9d1d27;
}

.form-group1 input:invalid:focus + label + .bar + .indicator, .form-group1 input.is-invalid + label + .bar + .indicator,
.form-group1 textarea:invalid:focus + label + .bar + .indicator,
.form-group1 textarea.is-invalid + label + .bar + .indicator,
.form-group1 select:invalid:focus + label + .bar + .indicator,
.form-group1 select.is-invalid + label + .bar + .indicator {
  opacity: 1;
}

.form-group1 input:invalid:focus + label + label + .bar + .indicator, .form-group1 input.is-invalid + label + label + .bar + .indicator,
.form-group1 textarea:invalid:focus + label + label + .bar + .indicator,
.form-group1 textarea.is-invalid + label + label + .bar + .indicator,
.form-group1 select:invalid:focus + label + label + .bar + .indicator,
.form-group1 select.is-invalid + label + label + .bar + .indicator {
  color: #ff0020;
  opacity: 1;
}

.form-group1 input:focus, .form-group1 input:active,
.form-group1 textarea:focus,
.form-group1 textarea:active,
.form-group1 select:focus,
.form-group1 select:active {
  box-shadow: none !important;
  color: #9d1d27;
}

.form-group1 input:focus + label, .form-group1 input:active + label,
.form-group1 textarea:focus + label,
.form-group1 textarea:active + label,
.form-group1 select:focus + label,
.form-group1 select:active + label {
  display: block;
}

.form-group1 input:focus + label > span, .form-group1 input:active + label > span,
.form-group1 textarea:focus + label > span,
.form-group1 textarea:active + label > span,
.form-group1 select:focus + label > span,
.form-group1 select:active + label > span {
  display: block !important;
}

.form-group1 input:focus + label > span + span, .form-group1 input:active + label > span + span,
.form-group1 textarea:focus + label > span + span,
.form-group1 textarea:active + label > span + span,
.form-group1 select:focus + label > span + span,
.form-group1 select:active + label > span + span {
  display: none !important;
}

.form-group1 input:focus + label + .bar:after, .form-group1 input:focus + label + .bar::before, .form-group1 input:active + label + .bar:after, .form-group1 input:active + label + .bar::before,
.form-group1 textarea:focus + label + .bar:after,
.form-group1 textarea:focus + label + .bar::before,
.form-group1 textarea:active + label + .bar:after,
.form-group1 textarea:active + label + .bar::before,
.form-group1 select:focus + label + .bar:after,
.form-group1 select:focus + label + .bar::before,
.form-group1 select:active + label + .bar:after,
.form-group1 select:active + label + .bar::before {
  background-color: #9d1d27;
}

.form-group1 input:focus + label + .bar + .indicator, .form-group1 input:active + label + .bar + .indicator,
.form-group1 textarea:focus + label + .bar + .indicator,
.form-group1 textarea:active + label + .bar + .indicator,
.form-group1 select:focus + label + .bar + .indicator,
.form-group1 select:active + label + .bar + .indicator {
  opacity: 1;
}

.form-group1 input:focus + label + label + .bar + .indicator, .form-group1 input:active + label + label + .bar + .indicator,
.form-group1 textarea:focus + label + label + .bar + .indicator,
.form-group1 textarea:active + label + label + .bar + .indicator,
.form-group1 select:focus + label + label + .bar + .indicator,
.form-group1 select:active + label + label + .bar + .indicator {
  opacity: 1;
}

.form-group1 input:focus + label + span + span + .range-slider__range,
.form-group1 input:focus + label + span + span + .range-slider__range + .range-value,
.form-group1 input:focus + label + label + span + span + .range-slider__range,
.form-group1 input:focus + label + label + span + span + .range-slider__range + .range-value, .form-group1 input:active + label + span + span + .range-slider__range,
.form-group1 input:active + label + span + span + .range-slider__range + .range-value,
.form-group1 input:active + label + label + span + span + .range-slider__range,
.form-group1 input:active + label + label + span + span + .range-slider__range + .range-value,
.form-group1 textarea:focus + label + span + span + .range-slider__range,
.form-group1 textarea:focus + label + span + span + .range-slider__range + .range-value,
.form-group1 textarea:focus + label + label + span + span + .range-slider__range,
.form-group1 textarea:focus + label + label + span + span + .range-slider__range + .range-value,
.form-group1 textarea:active + label + span + span + .range-slider__range,
.form-group1 textarea:active + label + span + span + .range-slider__range + .range-value,
.form-group1 textarea:active + label + label + span + span + .range-slider__range,
.form-group1 textarea:active + label + label + span + span + .range-slider__range + .range-value,
.form-group1 select:focus + label + span + span + .range-slider__range,
.form-group1 select:focus + label + span + span + .range-slider__range + .range-value,
.form-group1 select:focus + label + label + span + span + .range-slider__range,
.form-group1 select:focus + label + label + span + span + .range-slider__range + .range-value,
.form-group1 select:active + label + span + span + .range-slider__range,
.form-group1 select:active + label + span + span + .range-slider__range + .range-value,
.form-group1 select:active + label + label + span + span + .range-slider__range,
.form-group1 select:active + label + label + span + span + .range-slider__range + .range-value {
  display: block;
  opacity: 1;
}

.form-group1 input.code,
.form-group1 textarea.code,
.form-group1 select.code {
  letter-spacing: 10px;
}

.form-group1 input.is-valid + label,
.form-group1 textarea.is-valid + label,
.form-group1 select.is-valid + label {
  display: block;
  margin: 0;
}

.form-group1 input.is-valid + label + .bar:before, .form-group1 input.is-valid + label + .bar:after,
.form-group1 textarea.is-valid + label + .bar:before,
.form-group1 textarea.is-valid + label + .bar:after,
.form-group1 select.is-valid + label + .bar:before,
.form-group1 select.is-valid + label + .bar:after {
  width: 0;
}

.form-group1 input.is-valid + label.error,
.form-group1 textarea.is-valid + label.error,
.form-group1 select.is-valid + label.error {
  display: none !important;
}

.form-group1 input.is-valid + label.error + label.label,
.form-group1 textarea.is-valid + label.error + label.label,
.form-group1 select.is-valid + label.error + label.label {
  display: block;
  margin: 0;
}

.form-group1 input.is-valid + label.error + label.label + .bar:before, .form-group1 input.is-valid + label.error + label.label + .bar:after,
.form-group1 textarea.is-valid + label.error + label.label + .bar:before,
.form-group1 textarea.is-valid + label.error + label.label + .bar:after,
.form-group1 select.is-valid + label.error + label.label + .bar:before,
.form-group1 select.is-valid + label.error + label.label + .bar:after {
  width: 0;
}

.form-group1 input.is-valid + label + .bar + .indicator .icon,
.form-group1 textarea.is-valid + label + .bar + .indicator .icon,
.form-group1 select.is-valid + label + .bar + .indicator .icon {
  color: #FFCB05;
}

.form-group1 input.is-valid + label + label + .bar + .indicator .icon,
.form-group1 textarea.is-valid + label + label + .bar + .indicator .icon,
.form-group1 select.is-valid + label + label + .bar + .indicator .icon {
  color: #FFCB05;
}

.form-group1 input.is-invalid + label.error,
.form-group1 textarea.is-invalid + label.error,
.form-group1 select.is-invalid + label.error {
  display: block !important;
}

.form-group1 input.is-invalid + label.error + label.label,
.form-group1 textarea.is-invalid + label.error + label.label,
.form-group1 select.is-invalid + label.error + label.label {
  display: none;
}

.form-group1 input.is-invalid + label.error + label.label + .bar:after, .form-group1 input.is-invalid + label.error + label.label + .bar::before,
.form-group1 textarea.is-invalid + label.error + label.label + .bar:after,
.form-group1 textarea.is-invalid + label.error + label.label + .bar::before,
.form-group1 select.is-invalid + label.error + label.label + .bar:after,
.form-group1 select.is-invalid + label.error + label.label + .bar::before {
  background-color: #ff0020;
}

.form-group1 input.is-invalid + label.error#amount-error,
.form-group1 textarea.is-invalid + label.error#amount-error,
.form-group1 select.is-invalid + label.error#amount-error {
  top: 50px;
}

.form-group1 input.pb38,
.form-group1 textarea.pb38,
.form-group1 select.pb38 {
  padding-bottom: 38px;
}

.form-group1 input.pr48,
.form-group1 textarea.pr48,
.form-group1 select.pr48 {
  padding-right: 48px;
}

.form-group1 input.pr58,
.form-group1 textarea.pr58,
.form-group1 select.pr58 {
  padding-right: 58px;
}

.form-group1 input:focus,
.form-group1 textarea:focus,
.form-group1 select:focus {
  outline: none;
}

.form-group1 input:focus ~ .bar:before,
.form-group1 input:focus ~ .bar:after,
.form-group1 textarea:focus ~ .bar:before,
.form-group1 textarea:focus ~ .bar:after,
.form-group1 select:focus ~ .bar:before,
.form-group1 select:focus ~ .bar:after {
  width: 50%;
}

.form-group1 label {
  display: none;
  color: #25243b;
  opacity: 0.4;
  font-size: 12px;
  font-weight: normal;
  pointer-events: none;
  letter-spacing: -0.26px;
  line-height: 1;
  margin: 0;
  margin-bottom: 10px;
}

.form-group1 label.error {
  opacity: 1;
  color: #d10000;
  padding-right: 0px;
}

.form-group1 label.error:not(.d-none) + label.label {
  display: none;
}

@media (max-width: 767px) {
  .form-group1 label {
    font-size: 10px;
  }
}

.form-group1 .range-slider__range,
.form-group1 .range-value {
  opacity: 0;
  display: none;
}

.form-group1 .range-slider__range:hover {
  opacity: 1;
  display: block;
}

.form-group1 .range-slider__range:hover + .range-value {
  opacity: 0.4;
  display: block;
}

.form-group1 .bar {
  position: relative;
  display: block;
  width: 100%;
}

.form-group1 .bar:after, .form-group1 .bar::before {
  content: '';
  height: 1px;
  width: 50%;
  bottom: 0px;
  position: absolute;
  background: #e9e9e9;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
  border-radius: 8px;
}

.form-group1 .bar:before {
  left: 50%;
}

.form-group1 .bar:after {
  right: 50%;
}

.form-group1 .indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 10px;
}

.form-group1 .indicator.btn {
  opacity: 1;
  padding: 5px;
  font-weight: bold;
  color: #9d1d27;
  right: 10px;
  top: 10px;
}

.form-group1 .indicator.textVerify {
  top: 16px;
  opacity: 1;
  color: #00a07a;
}

.form-group1 .indicator.textVerify .icon {
  color: #00a07a !important;
  padding-right: 5px;
  font-size: 24px;
  display: inline-block !important;
  opacity: 1;
}

.form-group1 .indicator.minus {
  right: 10px;
  top: -4px;
}

.form-group1 .indicator.error .icon {
  color: #ff0020;
}

.form-group1 .indicator.active {
  opacity: 1;
}

.form-group1 .indicator.active .icon {
  color: #FFCB05;
}

.form-group1 .indicator.dd {
  top: 15px;
  right: 15px;
}

.form-group1 .indicator.dd .icon {
  color: #9d1d27;
  font-size: 24px;
  opacity: 1;
  font-weight: bold;
}

@media (max-width: 767px) {
  .form-group1 .indicator.dd .icon {
    font-size: 15px;
  }
}

.form-group1 .indicator .icon {
  font-size: 48px;
  opacity: 0.4;
}

.form-group1 .indicator .icon.f16 {
  top: 10px;
  right: 10px;
  font-size: 22px;
  opacity: 1;
}

@media (max-width: 767px) {
  .form-group1 .indicator .icon {
    font-size: 38px;
  }
}

/* circle button style */
.btn-circle {
  height: 80px;
  width: 80px;
  min-width: 80px;
  background-color: #9d1d27;
  border-radius: 50%;
}

.btn-circle.bgNone {
  background-color: transparent;
  margin-right: 60px;
}

.btn-circle.bgNone .icon {
  color: #9d1d27;
}

.btn-circle.bgNone:hover {
  background-color: #9d1d27;
}

.btn-circle.bgNone:hover .icon {
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .btn-circle.bgNone {
    margin-right: 30px;
  }
}

.btn-circle:hover {
  background-color: rgba(157, 29, 39, 0.8);
}

.btn-circle:disabled {
  background-color: #e9e9e9;
}

.btn-circle:disabled .icon {
  color: #9d1d27;
  opacity: 0.4;
}

.btn-circle:disabled .icon:before {
  color: #9d1d27;
}

.btn-circle .icon {
  font-size: 40px;
  color: #FFFFFF;
}

.btn-circle + strong {
  color: #9d1d27;
}

/* link button style */
.btn-link {
  color: #9d1d27;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.11px;
}

.btn-link.no-link:hover {
  color: #9d1d27;
}

.btn-link.no-link span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.26px;
  color: #25243b;
}

.btn-link:hover {
  color: rgba(157, 29, 39, 0.8);
  text-decoration: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: rgba(157, 29, 39, 0.4);
}

@media (max-width: 767px) {
  .btn-link {
    font-size: 14px;
  }
}

.box-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

/* flat button stype*/
.btn-flat {
  width: 250px;
  max-width: 100%;
  padding: 16px;
  border-radius: 32px;
  background-color: #9d1d27;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: bold;
}

.btn-flat.bg-white {
  font-weight: bold;
  width: 206px;
  height: 56px;
  color: #9d1d27;
}

@media (max-width: 767px) {
  .btn-flat.bg-white {
    width: 300px;
    height: 48px;
  }
}

.btn-flat.bg-white:hover {
  color: #9d1d27 !important;
}

.btn-flat.w160 {
  width: 160px;
}

.btn-flat:hover {
  color: #FFFFFF;
  background-color: rgba(157, 29, 39, 0.8);
}

@media (max-width: 767px) {
  .btn-flat {
    font-size: 14px;
    width: 185px;
    padding: 12px;
  }
}

.btn-radio-checkbox {
  border-width: 0 !important;
}

.btn-radio-checkbox:hover {
  background-color: #00a07a !important;
}

.btn-radio-checkbox:hover label {
  border-color: #00a07a;
  color: #ffffff !important;
}

.btn-radio-checkbox label {
  font-weight: bold;
  color: #9d1d27 !important;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #9d1d27;
}

.btn-radio-checkbox label:before {
  left: 1rem !important;
}

.btn-radio-checkbox label:after {
  left: 19px !important;
}

.btn-radio-checkbox label:before, .btn-radio-checkbox label:after {
  top: 50% !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
}

/* Modal box radius */
.radius-16 {
  border-radius: 16px;
}

.btn:focus, .btn:active {
  box-shadow: none;
  background-color: #ffcb04;
}

.btn:disabled {
  color: #9d1d27;
  opacity: 0.4;
  background-color: #e9e9e9;
}

.overlay-loader {
  z-index: 9999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

/* ANIMATIONS ================ */

@keyframes inputHighlighter {
  from {
    background: #5264AE;
  }
  to {
    width: 0;
    background: transparent;
  }
}

.branch-flow-body {
  background: #fff;
}

/* OTP Screen */
.ntb-branchflow-otp .otp-info {
  padding-top: 14px;
  color: #54565B;
  font-weight: 500;
}

.ntb-branchflow-otp #otpnumber1 {
  letter-spacing: normal;
}

.ntb-branchflow-otp .resend-otp {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 600;
  color: #9B1E26;
}

.ntb-branchflow-otp .aadhar-otp a {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  color: #9C1D26;
}

.otp-trouble-modal {
  max-width: 720px;
}

.otp-trouble-modal .modal-content {
  padding: 30px 60px;
}

@media screen and (max-width: 767px) {
  .otp-trouble-modal .modal-content {
    padding: 45px 12px;
  }
}

.otp-trouble-modal .popup-close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .otp-trouble-modal .popup-close {
    top: 12px;
  }
}

.otp-trouble-modal .resendotp-title {
  margin: 22px 0 24px 0;
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  color: #54565B;
}

@media screen and (max-width: 480px) {
  .otp-trouble-modal .resendotp-title {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}

.otp-trouble-modal .resendotp-info {
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.25;
  color: #54565B;
}

@media screen and (max-width: 767px) {
  .otp-trouble-modal .resendotp-info {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 75%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 480px) {
  .otp-trouble-modal .resendotp-info {
    width: 85%;
  }
}

.otp-trouble-modal .resendotp-link-container {
  margin: 32px 0 40px;
}

@media screen and (max-width: 767px) {
  .otp-trouble-modal .resendotp-link-container {
    margin: 24px 0 32px;
  }
}

.otp-trouble-modal .resendotp-link-container a {
  margin-top: 32px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  color: #9C1D26;
}

.otp-trouble-modal .resendotp-separator {
  position: relative;
}

.otp-trouble-modal .resendotp-separator:before {
  content: " ";
  display: block;
  border-bottom: 1px solid #DBDBDE;
  position: absolute;
  top: 50%;
  left: 0;
  width: 46%;
  transform: translate(0, -50%);
}

.otp-trouble-modal .resendotp-separator:after {
  content: " ";
  display: block;
  border-bottom: 1px solid #DBDBDE;
  position: absolute;
  top: 50%;
  right: 0;
  width: 46%;
  transform: translate(0, -50%);
}

.otp-trouble-modal .resendotp-kyc {
  margin: 40px 0 16px 0;
}

.otp-trouble-modal .resendotp-register {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #54565B;
}

@media screen and (max-width: 767px) {
  .otp-trouble-modal .resendotp-register {
    width: 75%;
    margin: 0 auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 480px) {
  .otp-trouble-modal .resendotp-register {
    width: 85%;
  }
}

.otp-trouble-modal .resendotp-desc {
  max-width: 320px;
  margin: 16px auto 40px;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #54565B;
}

.otp-trouble-modal .kyc-offline {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  color: #9C1D26;
}

/* Offline KYC Screen */
.branchflow-kyc .trackHeading {
  line-height: 1.25;
}

.branchflow-kyc .li-style {
  margin-top: 32px;
  font-weight: 700;
}

.branchflow-kyc .branchflow-form-desc {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 12px;
}

.branchflow-kyc .branchflow-form-container {
  width: 100%;
  padding: 32px 24px;
  margin-bottom: 32px;
  background-color: rgba(187, 187, 187, 0.1);
}

.branchflow-kyc .branchflow-form-container .form-list {
  margin-top: 0;
  /* li {
                &:last-child {
                    @media screen and (max-width: 992px) {
                        margin-bottom: 0;
                    }
                }
                @media screen and (max-width: 767px) {
                    margin-bottom: 0;
                }
            }*/
}

@media screen and (max-width: 992px) {
  .branchflow-kyc .branchflow-form-container {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .branchflow-kyc .branchflow-form-container {
    padding-bottom: 0;
  }
}

.branchflow-kyc .branchflow-form-container select {
  background: #ffffff url("../components/content/cc-ecom/scheduleAppointment/clientlibs/images/down.svg") no-repeat right center;
  background-position: 98% center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.branchflow-kyc .branchflow-form-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 12px;
  font-weight: 700;
}

.branchflow-kyc .branchflow-address-container {
  padding: 16px;
  background-color: #fff;
  /*@media screen and (max-width: 992px) {
            display: none;
        }*/
}

.branchflow-kyc .branchflow-address-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 8px;
  font-weight: 700;
}

.branchflow-kyc .ntb-branch-flow-address-wrapper,
.branchflow-kyc .pincode-address-wrapper {
  padding: 0 15px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.branchflow-kyc .branchflow-current-address {
  margin-bottom: 0;
}

.branchflow-kyc .ntb-branch-flow-address-container,
.branchflow-kyc .pincode-address-container {
  width: 47%;
  max-width: 550px;
}

@media screen and (max-width: 992px) {
  .branchflow-kyc .ntb-branch-flow-address-container,
  .branchflow-kyc .pincode-address-container {
    width: 100%;
    max-width: 100%;
  }
}

.branchflow-kyc .branchflow-current-address .branchflow-form-desc {
  margin-top: 40px;
}

.branchflow-kyc .branchflow-current-address .branchflow-form-container {
  padding: 32px 24px 40px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .branchflow-kyc .branchflow-current-address .branchflow-form-container {
    padding: 24px;
  }
}

.branchflow-kyc .branchflow-yes-address {
  font-size: 14px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .branchflow-kyc .pincode-wrap .pincode-address-container:first-child {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 992px) {
  .branchflow-kyc .pincode-wrap {
    margin-top: 32px;
  }
}

.branchflow-kyc .branchflow-otp-kyc {
  max-width: 330px;
}

.branchflow-kyc .branchflow-otp-kyc .ntb-branch-flow-otp-box {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.branchflow-kyc #confirmYes-error {
  display: none !important;
}

@media screen and (max-width: 576px) {
  .branchflow-kyc .trackHeading,
  .branchflow-kyc .form-details,
  .branchflow-kyc .branchflow-form-desc,
  .branchflow-kyc .pincode-wrap {
    padding: 0 15px;
  }
  .branchflow-kyc .current-addrss-wrap {
    margin: 0 15px;
  }
  .branchflow-kyc .branch-flow-tc-container {
    margin: 0 15px;
  }
}

/* Confirmation Screen */
.branchflow-congratulation-section {
  padding-top: 39px;
  background-color: #fff;
  /* Details of applicant starts */
  /* Details of applicant ends */
  /* Information of branch starts */
  /* Information of branch ends */
  /* Information of proof starts */
  /* Information of proof ends */
  /* Permanent Address */
  /* End of Permanent Address */
  /* having trouble? */
  /* having trouble ends */
}

.branchflow-congratulation-section .branchflow-congratulation-contents {
  text-align: center;
}

.branchflow-congratulation-section .congratulation-title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.25;
}

.branchflow-congratulation-section .congratulation-span {
  margin-bottom: 24px;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.25;
}

.branchflow-congratulation-section .details {
  width: 100%;
  border-bottom: 1px solid #dbdbde;
  padding-top: 24px;
}

.branchflow-congratulation-section .details-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
}

.branchflow-congratulation-section .details-application-no {
  margin-top: 12px;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 2px;
}

.branchflow-congratulation-section .details-instruct {
  font-weight: 400;
  font-size: 16px;
  color: #54565b;
  margin-top: 24px;
}

.branchflow-congratulation-section .details-nearbranch {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #9c1d26;
  margin: 16px 0 24px;
}

@media screen and (max-width: 767px) {
  .branchflow-congratulation-section .details-nearbranch {
    display: inherit;
    text-align: left;
  }
}

.branchflow-congratulation-section .branch-section {
  border-bottom: 1px solid #dbdbde;
  padding: 20px 0;
}

.branchflow-congratulation-section .branch-timing {
  font-size: 14px;
  line-height: 16px;
  color: #767676;
}

.branchflow-congratulation-section .branch-info {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
}

.branchflow-congratulation-section .document-proof {
  margin-top: 24px;
}

.branchflow-congratulation-section .document-proof-info {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.branchflow-congratulation-section .proof-list-container {
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 10px;
}

.branchflow-congratulation-section .proof-list-wrapper {
  margin-right: 30px;
  background: #f2f2f2;
  mix-blend-mode: normal;
  padding: 14px 14px;
  text-align: initial;
}

@media screen and (max-width: 767px) {
  .branchflow-congratulation-section .proof-list-wrapper {
    margin-right: 0;
  }
}

.branchflow-congratulation-section .proof-list-address {
  margin-right: 0;
  padding: 18px 24px 18px 18px;
}

.branchflow-congratulation-section .proof-type {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #54565b;
  padding-left: 6px;
}

.branchflow-congratulation-section .proof-list-item {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 10px;
}

.branchflow-congratulation-section .proof-list-item li {
  width: 50%;
  padding: 0 10px;
  margin-top: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  position: relative;
}

.branchflow-congratulation-section .proof-secondary-list-item li {
  width: 28%;
  padding-left: 2px;
}

.branchflow-congratulation-section .proof-secondary-list-item li:nth-child(3n) {
  width: 44%;
}

.branchflow-congratulation-section .proof-secondary-list-item .bullet-circle {
  top: 6px;
  left: -11px;
}

.branchflow-congratulation-section .bullet-circle {
  height: 7px;
  width: 7px;
  text-align: center;
  background: #54565b;
  border-radius: 50%;
  display: inline-block;
  content: "";
  position: absolute;
  top: 7px;
  left: -3px;
}

.branchflow-congratulation-section .permanent-address-list {
  width: 100%;
}

.branchflow-congratulation-section .permanent-address-list .proof-type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media screen and (max-width: 767px) {
  .branchflow-congratulation-section .permanent-address-list .proof-type {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}

.branchflow-congratulation-section .permanent-address-list .proof-list-item {
  -ms-flex-pack: center;
      justify-content: center;
}

.branchflow-congratulation-section .permanent-address-list .proof-list-item li {
  width: 18%;
}

@media screen and (max-width: 992px) {
  .branchflow-congratulation-section .permanent-address-list .proof-list-item li {
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .branchflow-congratulation-section .permanent-address-list .proof-list-item li {
    width: 50%;
  }
}

.branchflow-congratulation-section .switch-back-container {
  margin: 29px 0;
  padding: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22);
}

.branchflow-congratulation-section .switch-back-title {
  width: 65%;
  font-weight: 300;
  font-size: 36px;
  line-height: 42px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .branchflow-congratulation-section .switch-back-cta {
    width: 25%;
    text-align: right;
  }
}

@media screen and (max-width: 992px) {
  .branchflow-congratulation-section .proof-list-wrapper {
    width: 100%;
    margin-bottom: 12px;
  }
  .branchflow-congratulation-section .proof-list-item li:nth-child(3) {
    margin-top: 16px;
  }
  .branchflow-congratulation-section .proof-list-item li:nth-child(4) {
    margin-top: 16px;
  }
  .branchflow-congratulation-section .proof-list-address li {
    width: 50%;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(1) {
    -ms-flex-order: 1;
        order: 1;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(2) {
    -ms-flex-order: 2;
        order: 2;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(3) {
    width: 100%;
    -ms-flex-order: 5;
        order: 5;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(4) {
    -ms-flex-order: 3;
        order: 3;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(5) {
    -ms-flex-order: 4;
        order: 4;
  }
  .branchflow-congratulation-section .proof-list-address li:nth-child(6) {
    width: 100%;
    -ms-flex-order: 6;
        order: 6;
  }
  .branchflow-congratulation-section .proof-list-address {
    width: 100%;
  }
  .branchflow-congratulation-section .switch-back-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
  .branchflow-congratulation-section .switch-back-title {
    margin: 0 auto;
    font-size: 24px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .branchflow-congratulation-section .branchflow-congratulation-contents {
    padding: 0 15px;
  }
  .branchflow-congratulation-section .proof-list-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .branchflow-congratulation-section .details-instruct,
  .branchflow-congratulation-section .branch-timing,
  .branchflow-congratulation-section .branch-info,
  .branchflow-congratulation-section .document-proof-info {
    text-align: left;
  }
  .branchflow-congratulation-section .switch-back-container {
    -ms-flex-direction: column;
        flex-direction: column;
    box-shadow: none;
    padding: 10px 10px 24px;
    margin: 0;
  }
  .branchflow-congratulation-section .switch-back-title {
    width: 80%;
    margin-bottom: 24px;
  }
  .branchflow-congratulation-section .vkyc .completekycBttom {
    padding-left: 0;
  }
  .branchflow-congratulation-section .congratulation-section {
    margin-top: 26%;
  }
  .branchflow-congratulation-section .congratulation-span {
    margin: 12px 46px 20px 46px;
  }
}

@media screen and (max-width: 480px) {
  .branchflow-congratulation-section .switch-back-title {
    width: 100%;
  }
}

/* Video KYC Congratulation */
.branchflow-features {
  background: #f3f3f3;
  padding: 89px 0;
}

@media screen and (max-width: 992px) {
  .branchflow-features {
    padding: 32px 0;
  }
}

.branchflow-features .branchflow-features-row {
  -ms-flex-align: center;
      align-items: center;
}

.branchflow-features .branchflow-features-image {
  display: -ms-flexbox;
  display: flex;
}

.branchflow-features .branchflow-features-image img {
  max-width: 100%;
}

.branchflow-features .branchflow-features-container {
  margin-left: 45px;
}

.branchflow-features .branchflow-features-title {
  margin-top: 20px;
  font-weight: 300;
  font-size: 36px;
  line-height: 42px;
}

.branchflow-features .branchflow-features-title span {
  display: block;
}

@media screen and (max-width: 480px) {
  .branchflow-features .branchflow-features-title span {
    display: inline;
  }
}

.branchflow-features .branchflow-features-bg {
  padding: 12px;
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22);
  border-radius: 1px;
  font-size: 24px;
  line-height: 30px;
}

.branchflow-features .branchflow-features-desc {
  margin-left: 12px;
  margin-bottom: 0;
  font-size: 24px;
}

@media screen and (max-width: 992px) {
  .branchflow-features .branchflow-features-container {
    margin-left: 0;
  }
  .branchflow-features .branchflow-features-image {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .branchflow-features .branchflow-features-title {
    margin-top: 12px;
    font-size: 24px;
    text-align: center;
    width: 100%;
  }
  .branchflow-features .branchflow-features-desc {
    font-size: 16px;
  }
}

/* Video KYC Congratulation ends*/
.form-list li.ntbDropShow {
  margin-bottom: 0;
}

.private-credit-card-container img {
  max-width: 100%;
}

.form-details .private-credit-card-col {
  border-left: none;
}

#landingPopup .private-credit-card-img {
  width: 140%;
}

.cong-section .private-credit-card-img {
  max-width: 50%;
}

/* Footer */
@media screen and (min-width: 768px) {
  .footer-credit-card {
    padding-top: 60px;
  }
}

.ntb-calc .cardNames a {
  background: #fff;
}

.first-card .etbNewBanner .container .firstTxt1 {
  margin-bottom: 0;
  margin-top: 30px;
}

.first-card .etbNewBanner .container .firstTxt1 span {
  font-weight: 400;
}

.first-card .form-group1 .indicator.comGreenCheck {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/greenCheck.png) no-repeat;
}

.first-card .container {
  max-width: 1360px;
  padding: 0 40px;
}

.first-card .etbNewBanner {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/banBg.png) center top no-repeat;
  position: relative;
  min-height: 680px;
  padding-top: 60px;
}

.first-card .etbNewBanner .container .firstTxt1 {
  font-size: 26px;
  color: #fff;
}

.first-card .etbNewBanner .container h1 {
  padding: 40px 20px;
  color: #000;
  margin: 0;
  font-weight: 600;
}

.first-card .etbNewBanner .container h1 span {
  font-weight: 500;
}

.first-card .etbNewBanner .container .otpBox {
  padding-left: 40px;
  padding-right: 40px;
}

.first-card .etbNewBanner .container .etbnewBanImg {
  margin: -45px 0 0 0;
}

.first-card .etbNewBanner .container .firstLeft {
  position: absolute;
  bottom: 100px;
  margin-left: 20px;
}

.first-card .etbNewBanner .container .pi {
  position: initial;
}

.first-card .etbNewBanner .container .form-group1 {
  margin-bottom: 32px;
}

.first-card .etbNewBanner .container .btn-box .btn {
  margin-bottom: 40px;
}

.first-card .etbNewBanner .container .otpBox.cr-screen2 {
  padding: 0;
}

.first-card .etbNewBanner .container .cr-screen2 {
  margin-top: 0;
}

.first-card .etbNewBanner .container .cr-screen2 h1 {
  font-weight: 300;
  font-size: 26px;
  text-align: left;
  padding-left: 26px;
}

.first-card .etbNewBanner .container .cr-screen2 h1 span {
  font-weight: 600;
}

.first-card .etbNewBanner .container .cr-screen2 ul li {
  padding-left: 40px;
  padding-right: 40px;
}

.first-card .first-cardInn {
  background: linear-gradient(315deg, #EEE2D4 0%, #FAF5F0 100%);
  padding: 60px 0 30px;
}

.first-card .first-cardInn .rightCon {
  float: right;
  width: calc(100% - 500px);
  display: -ms-flexbox;
  display: flex;
}

.first-card .first-cardInn .rightCon li {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.first-card .first-cardInn .rightCon li span {
  display: block;
  line-height: normal;
  color: #25243B;
}

.first-card .first-cardInn .rightCon li .first-txt1, .first-card .first-cardInn .rightCon li .first-txt3 {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: -0.6px;
  color: #25243B;
  margin-bottom: 5px;
}

.first-card .first-cardInn .rightCon li .first-txt2 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -1px;
}

.first-card .first-cardInn .rightCon li .first-txt4 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.first-card .first-cardInn .rightCon li p {
  font-size: 14px;
  letter-spacing: -.5px;
}

.first-card .first-cardInn .rightCon .first3Boxes {
  width: 50%;
  float: left;
}

.first-card .first-cardInn .rightCon .first3Boxes li:last-child {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 31px;
}

.first-card .first-cardInn .rightCon .first2Boxes {
  width: 50%;
  float: left;
}

.first-card .first-cardInn .leftCon {
  float: left;
  width: 500px;
}

.first-card .first-cardInn .leftCon .cardImg {
  padding: 0;
  position: relative;
}

.first-card .first-cardInn .leftCon .cardImg img {
  max-width: 400px;
  width: 100%;
  height: auto;
}

.first-card .first-cardInn .leftCon .cardImg span {
  position: absolute;
  bottom: 60px;
  color: #fff;
  margin-left: 16px;
  font-size: 21px;
  font-weight: 300;
}

.first-card .first-cardInn .cardNames h3 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01px;
  color: #25243B;
  padding: 20px 0 10px 0;
}

.first-card .first-cardInn .cardNames p {
  font-weight: 300;
}

.first-card .first-cardInn2 {
  background: #F6F6F6;
  padding: 32px 0;
}

.first-card .first-cardInn2 .switch-step1Show {
  margin-top: 30px;
}

.first-card .first-cardInn2 .switch-step1Show .row {
  margin: 0 -40px;
}

.first-card .first-cardInn2 .switch-step1Show li {
  padding: 0 40px;
}

.first-card .first-cardInn2 .etb-docuTerms {
  text-align: left;
}

.first-card .first-cardInn2 .switch-box {
  padding-right: 65px;
}

.first-card .first-cardInn2 .switch-box .switch {
  right: 25px;
}

.first-card .first-cardInn2 .yesNo {
  position: absolute;
  top: 2px;
  right: -33px;
}

.first-card .first-cardInn2 .yesNo .yesNo1 {
  display: none;
}

.first-card .etb-docuTerms {
  padding-bottom: 40px;
}

.first-card .firstCongra {
  color: #25243B;
}

.first-card .firstCongra h3 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -1px;
  text-align: center;
  line-height: normal;
}

.first-card .firstCongra .firstApp {
  margin-top: 30px;
}

.first-card .firstCongra .firtGry {
  margin-top: 30px;
  background: #F6F6F6;
  padding: 20px 20px 10px;
  text-align: center;
}

.first-card .firstCongra .firtGry p {
  color: #25243B;
  font-weight: 300;
}

.first-card .firstCongra .firtGry p a {
  color: #9B1E26;
  font-weight: 500;
}

.first-card .firstCongra .cc-card figure figcaption {
  bottom: 40px;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
}

.first-card .terms-newPup .modal-dialog {
  max-width: 1000px;
}

.first-card .terms-newPup .modal-content {
  border-radius: 0;
}

/* Footer */
@media screen and (max-width: 990px) {
  .first-card .etbNewBanner {
    padding-top: 30px;
  }
  .first-card .etbNewBanner .container .white-box, .first-card .etbNewBanner .container .search-bxIn .search-ad .ad-card, .search-bxIn .search-ad .first-card .etbNewBanner .container .ad-card, .first-card .etbNewBanner .container .accordian .trgr, .accordian .first-card .etbNewBanner .container .trgr, .first-card .etbNewBanner .container .accordian .tog_cont, .accordian .first-card .etbNewBanner .container .tog_cont {
    margin-top: 30px;
  }
  .first-card .etbNewBanner .container .firstLeft {
    bottom: -25px;
  }
  .first-card .etbNewBanner .container .col-lg-8.pi {
    position: relative;
  }
  .first-card .first-cardInn .rightCon {
    float: none;
    width: 100%;
  }
  .first-card .first-cardInn .leftCon {
    float: none;
    width: 100%;
  }
  .first-card .first-cardInn .leftCon .cardImg {
    margin: auto;
    max-width: 400px;
    width: 100%;
  }
  .first-card .cardNames {
    text-align: center !important;
  }
  .first-card .cardNames h3, .first-card .cardNames p {
    text-align: left;
  }
}

@media screen and (max-width: 840px) {
  .first-card .etbNewBanner .container .firstLeft {
    position: initial;
    text-align: center;
    margin-left: 0;
  }
  .first-card .etbNewBanner .container .etbnewBanImg {
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  .first-card .etbNewBanner .container h1 {
    font-size: 20px;
    padding-top: 30px;
  }
  .first-card .etbNewBanner .container .cr-screen2 h1 {
    font-size: 20px;
    line-height: normal;
  }
}

@media screen and (max-width: 640px) {
  .first-card .first-cardInn2 .switch-step1Show .row {
    margin: 0;
  }
  .first-card .first-cardInn2 .switch-step1Show .row li {
    padding: 0;
  }
  .first-card .container {
    padding: 0 20px;
  }
  .first-card .cardNames {
    padding: 0;
  }
  .first-card .cardNames h3, .first-card .cardNames h4 {
    font-size: 16px !important;
  }
  .first-card .cardNames p {
    font-size: 14px;
  }
  .first-card .cardNames h4 {
    padding-bottom: 20px;
  }
  .first-card .first-cardInn {
    padding-top: 20px;
  }
  .first-card .first-cardInn .leftCon .cardImg span {
    font-size: 16px;
    bottom: 55px;
  }
  .first-card .first-cardInn .rightCon {
    display: block;
  }
  .first-card .first-cardInn .rightCon li .first-txt1, .first-card .first-cardInn .rightCon li .first-txt3, .first-card .first-cardInn .rightCon li .first-txt2 {
    font-size: 16px;
  }
  .first-card .first-cardInn .rightCon li p {
    font-size: 12px;
  }
  .first-card .first-cardInn .rightCon .first3Boxes {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .first-card .first-cardInn .rightCon .first3Boxes .p0New {
    padding: 0;
  }
  .first-card .first-cardInn .rightCon .first3Boxes li {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .first-card .first-cardInn .rightCon .first3Boxes li:last-child {
    padding-bottom: 0;
    display: block;
  }
  .first-card .first-cardInn .rightCon .first2Boxes {
    width: 100%;
    margin-top: 0px;
  }
  .first-card .first-cardInn .rightCon .first2Boxes li {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }
  .first-card .first-cardInn .rightCon .first2Boxes.yearlyFeesOnly li {
    width: 100%;
    -ms-flex: unset;
        flex: unset;
    max-width: unset;
  }
  .first-card .first-cardInn .rightCon .first2Boxes li.col-lg-2 {
    display: none !important;
  }
  .first-card .etbNewBanner .container .firstLeft img {
    width: 50%;
  }
  .first-card .etbNewBanner .container .firstLeft .firstTxt1 {
    font-size: 20px;
    padding: 10px 0 0;
    margin-bottom: 40px;
    margin-top: 0;
  }
  .first-card .etbNewBanner .container .otpBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .first-card .etbNewBanner .container .cr-screen2 ul li {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.dateLable {
  font-size: 21px;
  color: #a8a7b0  !important;
  font-weight: 600;
  position: absolute;
  margin-top: 5px;
  z-index: 1;
}

.birthTxt {
  display: none !important;
}

.first-card input#dateofbirth2 {
  z-index: 2;
  position: relative;
  background: none;
}

.first-card input#dateofbirth2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff  !important;
  opacity: 0  !important;
  font-size: 21px !important;
}

.first-card input#dateofbirth2::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff  !important;
  opacity: 0  !important;
  font-size: 21px !important;
}

.first-card input#dateofbirth2:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff  !important;
  opacity: 0  !important;
  font-size: 21px !important;
}

.first-card input#dateofbirth2:-moz-placeholder {
  /* Firefox 18- */
  color: #fff  !important;
  opacity: 0  !important;
  font-size: 21px !important;
}

.first-card input#dateofbirth2:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a8a7b0  !important;
  opacity: 1  !important;
}

.first-card input#dateofbirth2:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #a8a7b0  !important;
  opacity: 1  !important;
}

.first-card input#dateofbirth2:focus:-ms-input-placeholder {
  /* IE 10+ */
  color: #a8a7b0  !important;
  opacity: 1  !important;
}

.first-card input#dateofbirth2:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #a8a7b0  !important;
  opacity: 1  !important;
}

.first-private-card-gold .etbNewBanner {
  padding-top: 30px;
  padding-bottom: 20px;
  min-height: 580px;
}

.first-private-card-gold .etbNewBanner.firstCongraBan {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/banBg2.png) center top no-repeat;
}

.first-private-card-gold .etbNewBanner.firstCongraBan .container {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.first-private-card-gold .etbNewBanner.firstCongraBan .container h3 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 26px;
}

.first-private-card-gold .etbNewBanner.firstCongraBan .container h5 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 36px;
  margin-top: 20px;
}

.first-private-card-gold .etbNewBanner.firstCongraBan .container .firstApp {
  font-size: 17px;
  letter-spacing: -0.5px;
  line-height: 24px;
}

.first-private-card-gold .etbNewBanner.firstCongraBan .container h4 {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -1px;
  color: #fff;
  margin-top: 15px;
}

@media screen and (max-width: 480px) {
  .first-private-card-gold .etbNewBanner.firstCongraBan .container .card-hover img {
    width: 100%;
    height: auto;
  }
  .first-private-card-gold .etbNewBanner.firstCongraBan .container h5 {
    font-size: 22px;
    line-height: 100%;
  }
  .first-private-card-gold .etbNewBanner.firstCongraBan .container .firstApp {
    margin-top: 10px;
  }
}

.first-private-card-gold .etbNewBanner .container .firstLeft {
  bottom: 50px;
}

.first-private-card-gold .etbNewBanner .container h1 {
  padding: 30px 20px 20px;
}

.first-private-card-gold .etbNewBanner .container .form-group1 {
  margin-bottom: 22px;
}

.first-private-card-gold .etbNewBanner .container .firstTxt1 {
  font-size: 21px;
  font-weight: 300;
  letter-spacing: -0.6px;
  line-height: 30px;
  margin-top: 10px;
}

.first-private-card-gold .etbNewBanner .container .firstTxt1 span {
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  font-weight: bold;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.first-private-card-gold .etbNewBanner .container .etbnewBanImg {
  margin-top: -20px;
}

.first-private-card-gold #otpnumber1 {
  letter-spacing: 24px;
}

.first-private-card-gold .firstGoldMobListShow {
  display: none;
}

.first-private-card-gold .container .leftCon {
  position: relative;
}

.first-private-card-gold .container .leftCon .cardImg {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 990px) {
  .first-private-card-gold .container .leftCon .cardImg {
    margin-bottom: 30px;
  }
}

.first-private-card-gold .container .rightCon {
  display: block;
}

.first-private-card-gold .container .rightCon li .first-txt4 {
  font-size: 16px;
}

.first-private-card-gold .container .rightCon li .pt10 {
  padding-top: 10px;
}

@media screen and (max-width: 640px) {
  .first-private-card-gold .container .rightCon li {
    padding-top: 0;
  }
}

.first-private-card-gold .container .rightCon .first3Boxes {
  margin: 0px 0 30px;
}

.first-private-card-gold .container .rightCon .first3Boxes .first4Box {
  display: none !important;
}

@media screen and (max-width: 640px) {
  .first-private-card-gold .container .rightCon .first3Boxes .first1Box {
    text-align: right;
    position: relative;
    padding-right: 30px;
  }
  .first-private-card-gold .container .rightCon .first3Boxes .first1Box::after {
    content: '';
    width: 1px;
    height: 40px;
    position: absolute;
    right: 0;
    background: #fff;
    display: block;
    top: 5px;
  }
  .first-private-card-gold .container .rightCon .first3Boxes .first2Box {
    display: none;
  }
  .first-private-card-gold .container .rightCon .first3Boxes .first3Box {
    padding-left: 30p;
  }
  .first-private-card-gold .container .rightCon .first3Boxes .first4Box {
    display: block !important;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }
}

.first-private-card-gold .container .firstGradBg {
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/cardBg.png) no-repeat center top;
  width: 625px;
  height: 426px;
  position: absolute;
  left: 50%;
  margin-left: -360px;
  top: -60px;
}

.first-private-card-gold .etb-new-radio .custom-control {
  text-align: left;
}

@media screen and (max-width: 640px) {
  .first-private-card-gold {
    overflow: hidden;
  }
  .first-private-card-gold #switch-step1 .col-lg-6 {
    width: auto;
  }
}

.first-private-card-gold.firstCongra .firtGry {
  margin-top: 0;
  background: #F6F6F6;
  height: 134px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.first-private-card-gold.firstCongra .firtGry p {
  font-size: 17px;
}

.first-private-card-gold.firstCongra .firtGry p a {
  font-weight: 600;
}

@media screen and (max-width: 640px) {
  .first-private-card-gold.firstCongra .firtGry {
    display: block;
    text-align: left;
    height: auto;
  }
  .first-private-card-gold.firstCongra .firtGry p {
    font-size: 16px;
  }
}

.first-private-card-gold.firstCongra .white-box, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card, .first-private-card-gold.firstCongra .accordian .trgr, .accordian .first-private-card-gold.firstCongra .trgr, .first-private-card-gold.firstCongra .accordian .tog_cont, .accordian .first-private-card-gold.firstCongra .tog_cont {
  text-align: center;
  padding: 0 40px;
}

.first-private-card-gold.firstCongra .white-box h1, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card h1, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card h1, .first-private-card-gold.firstCongra .accordian .trgr h1, .accordian .first-private-card-gold.firstCongra .trgr h1, .first-private-card-gold.firstCongra .accordian .tog_cont h1, .accordian .first-private-card-gold.firstCongra .tog_cont h1 {
  padding: 60px 0 20px;
  text-align: center;
}

.first-private-card-gold.firstCongra .white-box h3, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card h3, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card h3, .first-private-card-gold.firstCongra .accordian .trgr h3, .accordian .first-private-card-gold.firstCongra .trgr h3, .first-private-card-gold.firstCongra .accordian .tog_cont h3, .accordian .first-private-card-gold.firstCongra .tog_cont h3 {
  font-size: 26px;
  font-weight: 300;
}

.first-private-card-gold.firstCongra .white-box .firstApp, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card .firstApp, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card .firstApp, .first-private-card-gold.firstCongra .accordian .trgr .firstApp, .accordian .first-private-card-gold.firstCongra .trgr .firstApp, .first-private-card-gold.firstCongra .accordian .tog_cont .firstApp, .accordian .first-private-card-gold.firstCongra .tog_cont .firstApp {
  padding: 40px 0 0;
  border-top: solid 1px #E9E9E9;
  margin: 60px 0 0;
}

.first-private-card-gold.firstCongra .white-box .hd, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card .hd, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card .hd, .first-private-card-gold.firstCongra .accordian .trgr .hd, .accordian .first-private-card-gold.firstCongra .trgr .hd, .first-private-card-gold.firstCongra .accordian .tog_cont .hd, .accordian .first-private-card-gold.firstCongra .tog_cont .hd {
  padding-bottom: 60px;
  font-size: 26px;
  font-weight: 300;
}

@media screen and (max-width: 990px) {
  .first-private-card-gold.firstCongra .white-box, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card, .first-private-card-gold.firstCongra .accordian .trgr, .accordian .first-private-card-gold.firstCongra .trgr, .first-private-card-gold.firstCongra .accordian .tog_cont, .accordian .first-private-card-gold.firstCongra .tog_cont {
    padding: 0 20px;
  }
}

@media screen and (max-width: 640px) {
  .first-private-card-gold.firstCongra .white-box, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card, .first-private-card-gold.firstCongra .accordian .trgr, .accordian .first-private-card-gold.firstCongra .trgr, .first-private-card-gold.firstCongra .accordian .tog_cont, .accordian .first-private-card-gold.firstCongra .tog_cont {
    background: none;
  }
  .first-private-card-gold.firstCongra .white-box h1, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card h1, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card h1, .first-private-card-gold.firstCongra .accordian .trgr h1, .accordian .first-private-card-gold.firstCongra .trgr h1, .first-private-card-gold.firstCongra .accordian .tog_cont h1, .accordian .first-private-card-gold.firstCongra .tog_cont h1 {
    padding: 0 0 20px;
    color: #fff;
  }
  .first-private-card-gold.firstCongra .white-box h3, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card h3, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card h3, .first-private-card-gold.firstCongra .accordian .trgr h3, .accordian .first-private-card-gold.firstCongra .trgr h3, .first-private-card-gold.firstCongra .accordian .tog_cont h3, .accordian .first-private-card-gold.firstCongra .tog_cont h3 {
    font-size: 20px;
    color: #fff;
  }
  .first-private-card-gold.firstCongra .white-box .firstApp, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card .firstApp, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card .firstApp, .first-private-card-gold.firstCongra .accordian .trgr .firstApp, .accordian .first-private-card-gold.firstCongra .trgr .firstApp, .first-private-card-gold.firstCongra .accordian .tog_cont .firstApp, .accordian .first-private-card-gold.firstCongra .tog_cont .firstApp {
    border-top: 0;
    margin-top: 0;
    color: #fff;
    font-size: 16px;
  }
  .first-private-card-gold.firstCongra .white-box .hd, .first-private-card-gold.firstCongra .search-bxIn .search-ad .ad-card .hd, .search-bxIn .search-ad .first-private-card-gold.firstCongra .ad-card .hd, .first-private-card-gold.firstCongra .accordian .trgr .hd, .accordian .first-private-card-gold.firstCongra .trgr .hd, .first-private-card-gold.firstCongra .accordian .tog_cont .hd, .accordian .first-private-card-gold.firstCongra .tog_cont .hd {
    padding-bottom: 0;
    color: #fff;
    font-size: 20px;
  }
}

@media screen and (max-width: 640px) {
  .first-private-card-gold.firstCongra .etbNewBanner {
    padding-bottom: 20px;
    min-height: auto;
  }
}

.first-card .first-cardInn.first-private-card-gold {
  background: linear-gradient(180deg, #6F1922 0%, black 100%);
}

.first-card .first-cardInn.first-private-card-gold .rightCon li .first-txt2, .first-card .first-cardInn.first-private-card-gold .rightCon li .first-txt1, .first-card .first-cardInn.first-private-card-gold .rightCon li .first-txt3, .first-card .first-cardInn.first-private-card-gold .rightCon li span {
  color: #fff;
}

.first-card .first-cardInn.first-private-card-gold .first2Boxes p {
  color: #fff;
}

.first-card .first-cardInn.first-private-card-gold .cardNames {
  position: relative;
  z-index: 2;
  margin-top: 30px;
}

.first-card .first-cardInn.first-private-card-gold .cardNames h4, .first-card .first-cardInn.first-private-card-gold .cardNames h3, .first-card .first-cardInn.first-private-card-gold .cardNames p {
  color: #fff;
}

.first-card .first-cardInn.first-private-card-gold .cardNames a {
  padding: 9px 13px;
}

@media screen and (max-width: 640px) {
  .first-card .first-cardInn.first-private-card-gold .first2Boxes {
    float: none;
    margin: 0;
  }
  .first-card .first-cardInn.first-private-card-gold .first2Boxes li {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .first-card .first-cardInn.first-private-card-gold .first2Boxes li span {
    display: inline-block;
    font-size: 14px;
  }
  .first-card .first-cardInn.first-private-card-gold .first2Boxes li .first-txt4 {
    font-size: 16px;
  }
  .first-card .first-cardInn.first-private-card-gold .first2Boxes p {
    display: none;
  }
  .first-card .first-cardInn.first-private-card-gold .firstGoldMobListShow {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: solid 2px #847172;
  }
  .first-card .first-cardInn.first-private-card-gold .firstGoldMobListShow li {
    padding-left: 20px;
    position: relative;
  }
  .first-card .first-cardInn.first-private-card-gold .firstGoldMobListShow li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
  }
  .first-card .first-cardInn.first-private-card-gold .firstGoldMobListShow strong {
    font-weight: 500;
  }
}

.first-private-card-gold.firstCongra .etbNewBanner {
  background-size: cover;
}

.first-card .firstCongra.cc-cardPrivate .cc-card {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}

.cc-cardPrivate .cc-card img {
  width: 100%;
}

.first-card .firstCongra.cc-cardPrivate .cc-card figure {
  margin-bottom: 0;
}

.first-card .firstCongra.cc-cardPrivate .cc-card figure figcaption {
  position: relative;
  bottom: 65px;
  left: 14px;
  text-align: left;
  font-size: 14px;
}

.first-card .firstCongra.cc-cardPrivate {
  height: calc(100vh - 70px);
}

.first-card .firstCongra.cc-cardPrivate .etbNewBanner {
  background-size: cover;
  height: 100%;
}

.first-card .firstCongra.cc-cardPrivate .firstApp {
  margin-top: 0;
}

.first-private-card-gold .etbnewBanImg {
  position: relative;
  max-width: 540px;
  margin: auto;
}

.first-private-card-gold .etbnewBanImg img {
  width: 100%;
}

.first-private-card-gold .etbnewBanImg figcaption {
  color: #fff;
  position: absolute;
  bottom: 68px;
  transform: rotate(-10deg);
  left: 69px;
}

@media screen and (max-width: 840px) {
  .first-private-card-gold .etbNewBanner .container .etbnewBanImg {
    margin: -20px auto;
  }
}

@media screen and (max-width: 640px) {
  .first-private-card-gold .etbnewBanImg figcaption {
    left: 56px;
    font-size: 14px;
    bottom: 57px;
  }
}

@media screen and (max-width: 400px) {
  .first-private-card-gold .etbnewBanImg figcaption {
    left: 45px;
    font-size: 14px;
    bottom: 49px;
  }
}

@media screen and (max-width: 360px) {
  .first-private-card-gold .etbnewBanImg figcaption {
    left: 40px;
    font-size: 12px;
    bottom: 40px;
  }
}

.loadingDot3 div {
  width: 4px;
  height: 4px;
  margin: 0 0 0 0;
  background: #fff;
  border-radius: 2px;
  animation: 0.9s bounce infinite alternate;
  display: inline-block;
}

.loadingDot3 div:nth-child(2) {
  animation-delay: 0.3s;
}

.loadingDot3 div:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -3px, 0);
  }
}

.private-card {
  background: #1d0105;
}

.private-card .privatePos {
  position: relative;
  background: linear-gradient(180deg, #360e19 9.25%, #1d0105 80.15%);
}

.private-card .topBanner {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: 50px;
}

.private-card .topBanner .CTR {
  width: 100%;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/privateBg.png) no-repeat center top;
  padding-bottom: 30px;
}

@media screen and (max-width: 640px) {
  .private-card .topBanner .CTR {
    background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/privateBg2.png) no-repeat center top;
    background-size: 100%;
  }
}

.private-card .topBanner .CTR .cc-card img {
  max-width: 409px;
  width: 100%;
}

.private-card .topBanner .CTR .firstApp {
  font-size: 48px;
  line-height: 120%;
  color: #fff;
  font-weight: bold;
}

.private-card .topBanner .CTR .firstApp span {
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  .private-card .topBanner .CTR .firstApp {
    font-size: 30px;
  }
}

.private-card .topBanner .CTR h4 {
  font-size: 16px;
  color: #fff;
  max-width: 650px;
  width: 100%;
  margin: 10px auto 30px;
  line-height: 150%;
}

.private-card .topBanner .cc-card {
  padding-top: 50px;
}

@media screen and (max-width: 1000px) {
  .private-card .topBanner .cc-card {
    padding-top: 100px;
  }
  .private-card .topBanner .container {
    padding: 0;
    max-width: 100%;
  }
  .private-card .topBanner .CTR {
    padding-left: 30px;
    padding-right: 30px;
    background-size: 100%;
  }
}

.private-card .owlLinksMain .owlLinks {
  margin-bottom: 15px;
}

.private-card .owlLinksMain .owlLinks li {
  display: inline-block;
}

.private-card .owlLinksMain .owlLinks li a {
  display: block;
  font-size: 18.5px;
  font-weight: 300;
  color: #ffdf66;
  line-height: 100%;
  position: relative;
  padding-bottom: 15px;
  margin-left: 25px;
}

.private-card .owlLinksMain .owlLinks li a.active {
  font-weight: 600;
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.private-card .owlLinksMain .owlLinks li a.active::after {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(45deg, #f3c855, #a1560e);
}

@media screen and (max-width: 1200px) {
  .private-card .owlLinksMain .owlLinks li a {
    margin-left: 15px;
    font-size: 17px;
  }
}

@media screen and (max-width: 768px) {
  .private-card .owlLinksMain .owlLinks li a {
    margin-left: 30px;
    font-size: 16px;
  }
}

@media screen and (max-width: 990px) {
  .private-card .owlLinksMain .owlLinks {
    width: 990px;
  }
}

@media screen and (max-width: 1024px) {
  .private-card .owlLinksMain {
    width: 100%;
    overflow: auto;
  }
}

.private-card .owl-carousel .item {
  background: #360e14;
}

.private-card .owl-carousel .item .owlContBox {
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}

.private-card .owl-carousel .item .owlContBox .owlImg {
  max-width: 400px;
  width: 100%;
}

.private-card .owl-carousel .item .owlContBox .owlImg img {
  width: 100%;
  height: auto;
  display: block;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox {
  color: #fff;
  line-height: 150%;
  padding: 30px;
  color: #f6f6f6;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox h4 {
  font-size: 36px;
  padding-bottom: 10px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.02em;
  color: #f6f6f6;
  padding-bottom: 20px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox p {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin-bottom: 30px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox p.smallp {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: 14px;
  letter-spacing: -0.2px;
  line-height: normal;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox p.smallp2 {
  margin-bottom: 15px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox strong {
  display: block;
  margin-bottom: 5px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox ul {
  /*margin-bottom: 10px;*/
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox ul li {
  font-size: 17px;
  font-weight: 300;
  position: relative;
  padding-left: 18px;
  padding-bottom: 15px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox ul li b {
  font-weight: 600;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/dot.png) no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 7px;
}

.private-card .owl-carousel .item .owlContBox .owlTxtBox .btnKnowmore {
  background: none;
  padding: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  .private-card .owl-carousel .item .owlContBox {
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0;
  }
  .private-card .owl-carousel .item .owlContBox .owlTxtBox {
    padding-top: 0px;
  }
  .private-card .owl-carousel .item .owlContBox .owlTxtBox h4 {
    font-size: 24px;
  }
  .private-card .owl-carousel .item .owlContBox .owlTxtBox p {
    font-size: 16px;
  }
  .private-card .owl-carousel .item .owlContBox .owlTxtBox ul li {
    font-size: 16px;
  }
}

.private-card .owl-nav {
  display: none;
}

.private-card .owl-nav .owl-prev {
  left: -70px;
  transform: rotate(180deg);
}

.private-card .owl-nav .owl-next {
  right: -70px;
}

.private-card .owl-nav span {
  width: 64px;
  height: 64px;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/owlArrow.png) no-repeat center center;
  display: block;
  font-size: 0;
}

@media screen and (max-width: 1000px) {
  .private-card .owl-nav {
    display: block;
  }
  .private-card .owl-nav span {
    width: 30px;
    height: 30px;
    background-size: 100%;
  }
  .private-card .owl-nav .owl-prev {
    left: 15px;
  }
  .private-card .owl-nav .owl-next {
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .private-card .owl-nav .owl-prev, .private-card .owl-nav .owl-next {
    top: 420px;
  }
}

@media screen and (max-width: 640px) {
  .private-card .owl-nav .owl-prev, .private-card .owl-nav .owl-next {
    top: 320px;
  }
}

@media screen and (max-width: 480px) {
  .private-card .owl-nav .owl-prev, .private-card .owl-nav .owl-next {
    top: 220px;
  }
}

@media screen and (max-width: 360px) {
  .private-card .owl-nav .owl-prev, .private-card .owl-nav .owl-next {
    top: 180px;
  }
}

.private-cardMain .modal-backdrop.show {
  opacity: 0.85;
}

.private-cardMain .privateCardPup .modal-dialog {
  max-width: 1000px;
}

.private-cardMain .privateCardPup .modal-dialog h4 {
  font-size: 36px;
  font-weight: 600;
  position: relative;
  color: #f6f6f6;
  padding-bottom: 20px;
  margin-bottom: 20px;
  line-height: normal;
}

.private-cardMain .privateCardPup .modal-dialog h4 span {
  display: block;
  max-width: 90%;
}

.private-cardMain .privateCardPup .modal-dialog h4::after {
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(45deg, #f3c855, #a1560e);
}

@media screen and (max-width: 1000px) {
  .private-cardMain .privateCardPup .modal-dialog h4 {
    font-size: 24px;
  }
}

.private-cardMain .privateCardPup .modal-dialog .modal-content {
  background: #360e14;
  padding: 20px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content p {
  color: #f6f6f6;
  font-size: 17px;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.5px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .close {
  position: absolute;
  right: 0;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/closeBtn.png) no-repeat;
  width: 40px;
  height: 40px;
  font-size: 0;
  right: 20px;
  z-index: 11;
  opacity: 1;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .pPupScroll {
  height: 380px;
  overflow: auto;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .btnKnowmore {
  background: none;
  padding: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian {
  padding-right: 20px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .trgr.act {
  background: #42191f;
  color: #fff;
  border-radius: 0;
  border: 0;
  padding-left: 20px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .trgr {
  margin-top: 20px;
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  border-radius: 0;
  border: 0;
  background: none;
  box-shadow: none;
  padding: 10px 30px 15px 0;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .trgr::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(45deg, #f3c855, #a1560e);
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .trgr::before {
  font-weight: 600;
  width: auto;
  right: 10px;
  font-size: 20px;
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  top: 50%;
  margin-top: -11px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .tog_cont {
  background: #42191f;
  border-radius: 0;
  padding: 20px;
}

.private-cardMain .privateCardPup .modal-dialog .modal-content .accordian .trgr:first-child {
  margin-top: 0;
}

.privatecarousel {
  padding-bottom: 80px;
}

@media screen and (max-width: 1000px) {
  .privatecarousel .container {
    max-width: 1000%;
  }
}

@media screen and (max-width: 768px) {
  .privatecarousel .container {
    padding: 0;
  }
  .privatecarousel .container .owlImg {
    max-width: inherit !important;
  }
  .privatecarousel .container .owl-carousel {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.privatecarousel .container:hover .owl-nav {
  display: block;
}

/*
.mainCanvs{
	overflow:hidden; position: fixed;
	transform: rotate(180deg);
}
.canvasNew{
	width: 100vw;
	height: 100vh;
 
	overflow: hidden;
   transform: scaleX(-1);
}*/
#particle-container {
  width: 100%;
}

.particle {
  position: absolute;
  border-radius: 50%;
}

@keyframes particle-animation-1 {
  100% {
    transform: translate3d(65vw, 23vh, 92px);
  }
}

.particle:nth-child(1) {
  animation: particle-animation-1 60s infinite;
  opacity: 0.6;
  height: 52px;
  width: 52px;
  animation-delay: -0.2s;
  transform: translate3d(72vw, 20vh, 92px);
  background: #a1560e5b;
}

@keyframes particle-animation-2 {
  100% {
    transform: translate3d(33vw, 74vh, 54px);
  }
}

.particle:nth-child(2) {
  animation: particle-animation-2 60s infinite;
  opacity: 0.45;
  height: 21.6666666667px;
  width: 21.6666666667px;
  animation-delay: -0.4s;
  transform: translate3d(10vw, 87vh, 72px);
  background: #e9ae1260;
}

@keyframes particle-animation-3 {
  100% {
    transform: translate3d(31vw, 85vh, 93px);
  }
}

.particle:nth-child(3) {
  animation: particle-animation-3 60s infinite;
  opacity: 0.21;
  height: 18.6666666667px;
  width: 18.6666666667px;
  animation-delay: -0.6s;
  transform: translate3d(75vw, 80vh, 67px);
  background: #f3c8557c;
}

@keyframes particle-animation-4 {
  100% {
    transform: translate3d(36vw, 57vh, 83px);
  }
}

.particle:nth-child(4) {
  animation: particle-animation-4 60s infinite;
  opacity: 0.56;
  height: 14px;
  width: 14px;
  animation-delay: -0.8s;
  transform: translate3d(1vw, 83vh, 22px);
  background: #e9ae1260;
}

@keyframes particle-animation-5 {
  100% {
    transform: translate3d(76vw, 19vh, 26px);
  }
}

.particle:nth-child(5) {
  animation: particle-animation-5 60s infinite;
  opacity: 0.3;
  height: 16.5px;
  width: 16.5px;
  animation-delay: -1s;
  transform: translate3d(31vw, 53vh, 84px);
  background: #f3c8557c;
}

@keyframes particle-animation-6 {
  100% {
    transform: translate3d(71vw, 68vh, 83px);
  }
}

.particle:nth-child(6) {
  animation: particle-animation-6 60s infinite;
  opacity: 0.4;
  height: 15.5px;
  width: 15.5px;
  animation-delay: -1.2s;
  transform: translate3d(3vw, 17vh, 78px);
  background: #f3c8557c;
}

@keyframes particle-animation-7 {
  100% {
    transform: translate3d(69vw, 60vh, 34px);
  }
}

.particle:nth-child(7) {
  animation: particle-animation-7 60s infinite;
  opacity: 0.86;
  height: 14.5px;
  width: 14.5px;
  animation-delay: -1.4s;
  transform: translate3d(11vw, 67vh, 70px);
  background: #a1560e5b;
}

@keyframes particle-animation-8 {
  100% {
    transform: translate3d(53vw, 49vh, 21px);
  }
}

.particle:nth-child(8) {
  animation: particle-animation-8 60s infinite;
  opacity: 0.74;
  height: 12px;
  width: 12px;
  animation-delay: -1.6s;
  transform: translate3d(59vw, 66vh, 41px);
  background: #f3c8557c;
}

@keyframes particle-animation-9 {
  100% {
    transform: translate3d(65vw, 45vh, 72px);
  }
}

.particle:nth-child(9) {
  animation: particle-animation-9 60s infinite;
  opacity: 0.68;
  height: 52px;
  width: 52px;
  animation-delay: -1.8s;
  transform: translate3d(23vw, 12vh, 70px);
  background: #a1560e5b;
}

@keyframes particle-animation-10 {
  100% {
    transform: translate3d(69vw, 21vh, 49px);
  }
}

.particle:nth-child(10) {
  animation: particle-animation-10 60s infinite;
  opacity: 0.04;
  height: 15px;
  width: 15px;
  animation-delay: -2s;
  transform: translate3d(1vw, 9vh, 24px);
  background: #f3c8557c;
}

@keyframes particle-animation-11 {
  100% {
    transform: translate3d(76vw, 62vh, 69px);
  }
}

.particle:nth-child(11) {
  animation: particle-animation-11 60s infinite;
  opacity: 0.79;
  height: 18.6666666667px;
  width: 18.6666666667px;
  animation-delay: -2.2s;
  transform: translate3d(6vw, 51vh, 8px);
  background: #e9ae1260;
}

@keyframes particle-animation-12 {
  100% {
    transform: translate3d(67vw, 13vh, 32px);
  }
}

.particle:nth-child(12) {
  animation: particle-animation-12 60s infinite;
  opacity: 0.79;
  height: 13px;
  width: 13px;
  animation-delay: -2.4s;
  transform: translate3d(30vw, 63vh, 2px);
  background: #f3c8557c;
}

@keyframes particle-animation-13 {
  100% {
    transform: translate3d(67vw, 85vh, 67px);
  }
}

.particle:nth-child(13) {
  animation: particle-animation-13 60s infinite;
  opacity: 0.14;
  height: 21.6666666667px;
  width: 21.6666666667px;
  animation-delay: -2.6s;
  transform: translate3d(46vw, 21vh, 98px);
  background: #f3c8557c;
}

@keyframes particle-animation-14 {
  100% {
    transform: translate3d(48vw, 81vh, 5px);
  }
}

.particle:nth-child(14) {
  animation: particle-animation-14 60s infinite;
  opacity: 0.22;
  height: 55px;
  width: 55px;
  animation-delay: -2.8s;
  transform: translate3d(83vw, 14vh, 68px);
  background: #a1560e5b;
}

@keyframes particle-animation-15 {
  100% {
    transform: translate3d(3vw, 24vh, 58px);
  }
}

.particle:nth-child(15) {
  animation: particle-animation-15 60s infinite;
  opacity: 0.01;
  height: 30px;
  width: 30px;
  animation-delay: -3s;
  transform: translate3d(62vw, 85vh, 83px);
  background: #e9ae1260;
}

@keyframes particle-animation-16 {
  100% {
    transform: translate3d(63vw, 42vh, 86px);
  }
}

.particle:nth-child(16) {
  animation: particle-animation-16 60s infinite;
  opacity: 0.45;
  height: 11px;
  width: 11px;
  animation-delay: -3.2s;
  transform: translate3d(5vw, 33vh, 52px);
  background: #f3c8557c;
}

@keyframes particle-animation-17 {
  100% {
    transform: translate3d(50vw, 37vh, 35px);
  }
}

.particle:nth-child(17) {
  animation: particle-animation-17 60s infinite;
  opacity: 0.06;
  height: 12px;
  width: 12px;
  animation-delay: -3.4s;
  transform: translate3d(58vw, 20vh, 23px);
  background: #e9ae1260;
}

@keyframes particle-animation-18 {
  100% {
    transform: translate3d(28vw, 13vh, 29px);
  }
}

.particle:nth-child(18) {
  animation: particle-animation-18 60s infinite;
  opacity: 0.82;
  height: 55px;
  width: 55px;
  animation-delay: -3.6s;
  transform: translate3d(68vw, 16vh, 22px);
  background: #e9ae1260;
}

@keyframes particle-animation-19 {
  100% {
    transform: translate3d(81vw, 50vh, 6px);
  }
}

.particle:nth-child(19) {
  animation: particle-animation-19 60s infinite;
  opacity: 0.87;
  height: 51px;
  width: 51px;
  animation-delay: -3.8s;
  transform: translate3d(51vw, 33vh, 31px);
  background: #e9ae1260;
}

@keyframes particle-animation-20 {
  100% {
    transform: translate3d(15vw, 81vh, 77px);
  }
}

.particle:nth-child(20) {
  animation: particle-animation-20 60s infinite;
  opacity: 0.31;
  height: 18.6666666667px;
  width: 18.6666666667px;
  animation-delay: -4s;
  transform: translate3d(77vw, 29vh, 34px);
  background: #e9ae1260;
}

@keyframes particle-animation-21 {
  100% {
    transform: translate3d(56vw, 83vh, 47px);
  }
}

.particle:nth-child(21) {
  animation: particle-animation-21 60s infinite;
  opacity: 0.2;
  height: 54px;
  width: 54px;
  animation-delay: -4.2s;
  transform: translate3d(9vw, 15vh, 97px);
  background: #f3c8557c;
}

@keyframes particle-animation-22 {
  100% {
    transform: translate3d(14vw, 66vh, 69px);
  }
}

.particle:nth-child(22) {
  animation: particle-animation-22 60s infinite;
  opacity: 0.16;
  height: 11px;
  width: 11px;
  animation-delay: -4.4s;
  transform: translate3d(80vw, 10vh, 39px);
  background: #e9ae1260;
}

@keyframes particle-animation-23 {
  100% {
    transform: translate3d(31vw, 84vh, 6px);
  }
}

.particle:nth-child(23) {
  animation: particle-animation-23 60s infinite;
  opacity: 0.11;
  height: 11px;
  width: 11px;
  animation-delay: -4.6s;
  transform: translate3d(72vw, 18vh, 50px);
  background: #a1560e5b;
}

@keyframes particle-animation-24 {
  100% {
    transform: translate3d(1vw, 21vh, 26px);
  }
}

.particle:nth-child(24) {
  animation: particle-animation-24 60s infinite;
  opacity: 0.13;
  height: 16.5px;
  width: 16.5px;
  animation-delay: -4.8s;
  transform: translate3d(30vw, 23vh, 94px);
  background: #a1560e5b;
}

@keyframes particle-animation-25 {
  100% {
    transform: translate3d(25vw, 39vh, 84px);
  }
}

.particle:nth-child(25) {
  animation: particle-animation-25 60s infinite;
  opacity: 1;
  height: 52px;
  width: 52px;
  animation-delay: -5s;
  transform: translate3d(88vw, 11vh, 26px);
  background: #e9ae1260;
}

@keyframes particle-animation-26 {
  100% {
    transform: translate3d(18vw, 76vh, 15px);
  }
}

.particle:nth-child(26) {
  animation: particle-animation-26 60s infinite;
  opacity: 0.45;
  height: 14.5px;
  width: 14.5px;
  animation-delay: -5.2s;
  transform: translate3d(14vw, 81vh, 92px);
  background: #a1560e5b;
}

@keyframes particle-animation-27 {
  100% {
    transform: translate3d(4vw, 8vh, 74px);
  }
}

.particle:nth-child(27) {
  animation: particle-animation-27 60s infinite;
  opacity: 0.51;
  height: 54px;
  width: 54px;
  animation-delay: -5.4s;
  transform: translate3d(63vw, 52vh, 55px);
  background: #e9ae1260;
}

@keyframes particle-animation-28 {
  100% {
    transform: translate3d(2vw, 35vh, 68px);
  }
}

.particle:nth-child(28) {
  animation: particle-animation-28 60s infinite;
  opacity: 0.16;
  height: 13.5px;
  width: 13.5px;
  animation-delay: -5.6s;
  transform: translate3d(76vw, 81vh, 52px);
  background: #f3c8557c;
}

@keyframes particle-animation-29 {
  100% {
    transform: translate3d(57vw, 56vh, 42px);
  }
}

.particle:nth-child(29) {
  animation: particle-animation-29 60s infinite;
  opacity: 0.84;
  height: 21.6666666667px;
  width: 21.6666666667px;
  animation-delay: -5.8s;
  transform: translate3d(46vw, 9vh, 59px);
  background: #f3c8557c;
}

@keyframes particle-animation-30 {
  100% {
    transform: translate3d(20vw, 69vh, 14px);
  }
}

.particle:nth-child(30) {
  animation: particle-animation-30 60s infinite;
  opacity: 0.58;
  height: 18.6666666667px;
  width: 18.6666666667px;
  animation-delay: -6s;
  transform: translate3d(69vw, 19vh, 39px);
  background: #e9ae1260;
}

@keyframes particle-animation-31 {
  100% {
    transform: translate3d(8vw, 3vh, 47px);
  }
}

.particle:nth-child(31) {
  animation: particle-animation-31 60s infinite;
  opacity: 0.87;
  height: 55px;
  width: 55px;
  animation-delay: -6.2s;
  transform: translate3d(43vw, 44vh, 6px);
  background: #f3c8557c;
}

@keyframes particle-animation-32 {
  100% {
    transform: translate3d(15vw, 16vh, 3px);
  }
}

.particle:nth-child(32) {
  animation: particle-animation-32 60s infinite;
  opacity: 0.21;
  height: 55px;
  width: 55px;
  animation-delay: -6.4s;
  transform: translate3d(34vw, 75vh, 77px);
  background: #a1560e5b;
}

@keyframes particle-animation-33 {
  100% {
    transform: translate3d(49vw, 54vh, 79px);
  }
}

.particle:nth-child(33) {
  animation: particle-animation-33 60s infinite;
  opacity: 0.49;
  height: 13.5px;
  width: 13.5px;
  animation-delay: -6.6s;
  transform: translate3d(28vw, 30vh, 90px);
  background: #a1560e5b;
}

@keyframes particle-animation-34 {
  100% {
    transform: translate3d(13vw, 6vh, 33px);
  }
}

.particle:nth-child(34) {
  animation: particle-animation-34 60s infinite;
  opacity: 0.23;
  height: 55px;
  width: 55px;
  animation-delay: -6.8s;
  transform: translate3d(33vw, 27vh, 8px);
  background: #e9ae1260;
}

@keyframes particle-animation-35 {
  100% {
    transform: translate3d(88vw, 14vh, 40px);
  }
}

.particle:nth-child(35) {
  animation: particle-animation-35 60s infinite;
  opacity: 0.58;
  height: 26px;
  width: 26px;
  animation-delay: -7s;
  transform: translate3d(11vw, 68vh, 54px);
  background: #a1560e5b;
}

@keyframes particle-animation-36 {
  100% {
    transform: translate3d(25vw, 88vh, 40px);
  }
}

.particle:nth-child(36) {
  animation: particle-animation-36 60s infinite;
  opacity: 0.91;
  height: 11px;
  width: 11px;
  animation-delay: -7.2s;
  transform: translate3d(61vw, 64vh, 2px);
  background: #e9ae1260;
}

@keyframes particle-animation-37 {
  100% {
    transform: translate3d(22vw, 38vh, 78px);
  }
}

.particle:nth-child(37) {
  animation: particle-animation-37 60s infinite;
  opacity: 0.79;
  height: 11px;
  width: 11px;
  animation-delay: -7.4s;
  transform: translate3d(74vw, 89vh, 42px);
  background: #f3c8557c;
}

@keyframes particle-animation-38 {
  100% {
    transform: translate3d(34vw, 38vh, 16px);
  }
}

.particle:nth-child(38) {
  animation: particle-animation-38 60s infinite;
  opacity: 0.08;
  height: 16.5px;
  width: 16.5px;
  animation-delay: -7.6s;
  transform: translate3d(34vw, 58vh, 18px);
  background: #e9ae1260;
}

@keyframes particle-animation-39 {
  100% {
    transform: translate3d(85vw, 84vh, 61px);
  }
}

.particle:nth-child(39) {
  animation: particle-animation-39 60s infinite;
  opacity: 0.89;
  height: 53px;
  width: 53px;
  animation-delay: -7.8s;
  transform: translate3d(38vw, 17vh, 56px);
  background: #e9ae1260;
}

@keyframes particle-animation-40 {
  100% {
    transform: translate3d(44vw, 30vh, 25px);
  }
}

.particle:nth-child(40) {
  animation: particle-animation-40 60s infinite;
  opacity: 0.82;
  height: 14.5px;
  width: 14.5px;
  animation-delay: -8s;
  transform: translate3d(74vw, 22vh, 42px);
  background: #a1560e5b;
}

@keyframes particle-animation-41 {
  100% {
    transform: translate3d(30vw, 2vh, 28px);
  }
}

.particle:nth-child(41) {
  animation: particle-animation-41 60s infinite;
  opacity: 0.14;
  height: 20.6666666667px;
  width: 20.6666666667px;
  animation-delay: -8.2s;
  transform: translate3d(28vw, 36vh, 49px);
  background: #e9ae1260;
}

@keyframes particle-animation-42 {
  100% {
    transform: translate3d(14vw, 6vh, 72px);
  }
}

.particle:nth-child(42) {
  animation: particle-animation-42 60s infinite;
  opacity: 0.71;
  height: 53px;
  width: 53px;
  animation-delay: -8.4s;
  transform: translate3d(1vw, 84vh, 28px);
  background: #a1560e5b;
}

@keyframes particle-animation-43 {
  100% {
    transform: translate3d(86vw, 63vh, 8px);
  }
}

.particle:nth-child(43) {
  animation: particle-animation-43 60s infinite;
  opacity: 0.07;
  height: 53px;
  width: 53px;
  animation-delay: -8.6s;
  transform: translate3d(65vw, 82vh, 15px);
  background: #a1560e5b;
}

@keyframes particle-animation-44 {
  100% {
    transform: translate3d(3vw, 81vh, 36px);
  }
}

.particle:nth-child(44) {
  animation: particle-animation-44 60s infinite;
  opacity: 0.83;
  height: 13px;
  width: 13px;
  animation-delay: -8.8s;
  transform: translate3d(9vw, 29vh, 66px);
  background: #f3c8557c;
}

@keyframes particle-animation-45 {
  100% {
    transform: translate3d(13vw, 27vh, 89px);
  }
}

.particle:nth-child(45) {
  animation: particle-animation-45 60s infinite;
  opacity: 0.03;
  height: 28px;
  width: 28px;
  animation-delay: -9s;
  transform: translate3d(43vw, 69vh, 59px);
  background: #e9ae1260;
}

@keyframes particle-animation-46 {
  100% {
    transform: translate3d(50vw, 88vh, 9px);
  }
}

.particle:nth-child(46) {
  animation: particle-animation-46 60s infinite;
  opacity: 0.04;
  height: 20.6666666667px;
  width: 20.6666666667px;
  animation-delay: -9.2s;
  transform: translate3d(48vw, 58vh, 92px);
  background: #f3c8557c;
}

@keyframes particle-animation-47 {
  100% {
    transform: translate3d(58vw, 50vh, 78px);
  }
}

.particle:nth-child(47) {
  animation: particle-animation-47 60s infinite;
  opacity: 0.92;
  height: 13.5px;
  width: 13.5px;
  animation-delay: -9.4s;
  transform: translate3d(34vw, 35vh, 90px);
  background: #f3c8557c;
}

@keyframes particle-animation-48 {
  100% {
    transform: translate3d(79vw, 64vh, 4px);
  }
}

.particle:nth-child(48) {
  animation: particle-animation-48 60s infinite;
  opacity: 0.83;
  height: 16.5px;
  width: 16.5px;
  animation-delay: -9.6s;
  transform: translate3d(21vw, 75vh, 3px);
  background: #a1560e5b;
}

@keyframes particle-animation-49 {
  100% {
    transform: translate3d(43vw, 14vh, 10px);
  }
}

.particle:nth-child(49) {
  animation: particle-animation-49 60s infinite;
  opacity: 0.37;
  height: 30px;
  width: 30px;
  animation-delay: -9.8s;
  transform: translate3d(63vw, 7vh, 5px);
  background: #e9ae1260;
}

@keyframes particle-animation-50 {
  100% {
    transform: translate3d(11vw, 17vh, 10px);
  }
}

.particle:nth-child(50) {
  animation: particle-animation-50 60s infinite;
  opacity: 0.63;
  height: 17.5px;
  width: 17.5px;
  animation-delay: -10s;
  transform: translate3d(24vw, 76vh, 63px);
  background: #e9ae1260;
}

.rich_text_content {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}

.rich_text_content h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}

.rich_text_content h2 {
  font-size: 44px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}

.rich_text_content h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}

.rich_text_content h4 {
  font-size: 36px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  padding-bottom: 10px !important;
  margin-bottom: 0 !important;
}

.rich_text_content h4::after {
  display: none !important;
}

.rich_text_content h5 {
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}

.rich_text_content h6 {
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 10px;
}

.rich_text_content p {
  line-height: 140%;
  font-size: 17px;
}

.rich_text_content a {
  background: none;
  padding: 0;
  background-image: linear-gradient(45deg, #f3c855, #a1560e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.rich_text_content ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
  line-height: 140%;
}

.rich_text_content ul li {
  position: relative;
  padding-left: 18px;
  padding-bottom: 15px;
  line-height: 140%;
  font-weight: 300;
}

.rich_text_content ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../components/content/cc-ecom/scheduleAppointment/clientlibs/images/first-card/dot.png) no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 7px;
}

.rich_text_content ul li:last-child {
  padding-bottom: 0;
}

.rich_text_content ul li ul {
  padding-top: 10px;
  margin-top: 0;
}

.rich_text_content ul:last-child {
  padding-bottom: 0;
}

.rich_text_content ol {
  padding: 0;
  padding-left: 15px;
  margin-top: 30px;
  line-height: 140%;
}

.rich_text_content ol li {
  position: relative;
  /*padding-left: 18px;*/
  padding-bottom: 15px;
  line-height: 140%;
  font-weight: 300;
}

.rich_text_content ol li ol {
  padding-top: 10px;
  margin-top: 0;
}

.rich_text_content ol li ol li {
  list-style-type: lower-alpha;
}

.rich_text_content ol li ol ol li {
  list-style-type: circle;
}

.rich_text_content ol:last-child {
  padding-bottom: 0;
}

.rich_text_content table {
  width: 100%;
  border-right: solid 1px #6f2f38;
  border-top: solid 1px #6f2f38;
}

.rich_text_content table th, .rich_text_content table td {
  border-left: solid 1px #6f2f38;
  border-bottom: solid 1px #6f2f38;
  padding: 10px;
  font-weight: 300;
  font-size: 17px;
}

.rich_text_content table th {
  background: #6f2f38;
  font-weight: 400;
}

.congtaNew.addonBannerInn {
  padding-top: 10px;
}

.congtaNew.addonBannerInn.landing-faq .card.page-breaker .btn-box button {
  min-width: 130px;
  display: inline-block;
  width: 130px;
  height: 40px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.cong-section.addonCongr .addCongImg {
  margin-top: 10px;
}

.congtaNew.landing-faq .card.page-breaker .card-img img {
  max-width: 230px;
  bottom: 0;
}

.congtaNew.addonBannerInn .no-gutters {
  padding-top: 6px;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.congtaNew.landing-faq .card.page-breaker .btn-box {
  margin: 0;
}

.congtaNew.landing-faq .card.page-breaker {
  height: 210px;
  border-radius: 0;
  position: inherit;
}

.cardMain .cardSmTxt {
  font-size: 12px;
}

.congtaNew .congtaNewTxt {
  font-family: Roboto;
  padding-right: 20px;
}

.congtaNew .congtaNewTxt h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #54565B;
  margin-top: 10px;
  margin-bottom: 5px;
}

.congtaNew .congtaNewTxt p {
  font-size: 14px;
  color: #767676;
  margin-bottom: 10px;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .congtaNew.landing-faq .card.page-breaker .cardMain {
    padding: 0;
  }
  .congtaNew .congtaNewTxt h4 {
    margin-top: 7px;
  }
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .btn-box button {
    padding: 0;
    min-width: 100px;
    width: 100px;
  }
  .congtaNew .congtaNewTxt p {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 990px) {
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .card-img2 {
    -ms-flex: 100%;
        flex: 100%;
    max-width: 100%;
    width: 100%;
  }
  .congtaNew.landing-faq .card.page-breaker {
    margin-bottom: 50px;
  }
  .congtaNew .congtaNewTxt h4 {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .btn-box button {
    display: block;
    margin-bottom: 0;
  }
  .congtaNew .congtaNewTxt p {
    margin-bottom: 5px;
  }
  .congtaNew.landing-faq .card.page-breaker .card-img {
    bottom: auto;
    right: 0;
    top: 49%;
    padding: 0;
  }
  .congtaNew.landing-faq .card.page-breaker .card-img img {
    max-width: 100%;
    position: inherit;
    bottom: auto;
  }
  .congtaNew.addonBannerInn.landing-faq .btn-box .btn-white {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .congtaNew .congtaNewTxt h4 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .congtaNew .congtaNewTxt p {
    margin-bottom: 1rem;
  }
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .btn-box button {
    display: inline-block;
  }
}

@media screen and (max-width: 420px) {
  .congtaNew .congtaNewTxt h4 {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .btn-box button {
    display: block;
    margin-bottom: 0;
  }
  .congtaNew .congtaNewTxt p {
    margin-bottom: 5px;
  }
  .congtaNew.addonBannerInn.landing-faq .btn-box .btn-white {
    margin-left: 0;
  }
  .congtaNew.addonBannerInn.landing-faq .card.page-breaker .card-img2 {
    padding-right: 20px;
  }
}

#card-animation1 .perspective {
  width: 100%;
  perspective: 1000px;
}

#card-animation1 .card-animation {
  max-width: 409px;
  width: 100%;
  margin: auto;
  transform-style: preserve-3d;
  transition: transform 0.05s linear;
}

#card-animation2 {
  width: 409px;
  height: 290px;
  display: block;
  margin: 100px auto 0;
}

#card-animation2 .box {
  transform: translateZ(20px);
  transform-style: preserve-3d;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  place-items: center;
}

#card-animation2 h2 {
  width: 100%;
  transform: translateZ(50px);
  position: relative;
}

/*TOP header*/
.topHeaderLogin.smHeader {
  height: auto;
}

.topHeaderLogin.smHeader .top-nav {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.topHeaderLogin.smHeader .top-nav .logo {
  padding-top: 0;
}

@media (max-width: 991px) {
  .topHeaderLogin.smHeader .top-nav .login a {
    margin-right: 0 !important;
  }
}


/* fixed-deposit End here*/
.lh24 {
  line-height: 24px;
}

.fwb {
  font-weight: 600;
}

.fwm {
  font-weight: 500;
}

.manipal-flow {
  padding-top: 60px;
  font: 300 17px 'Inter', sans-serif;
  color: #25243B;
  background: #F9F9F9;
}

@media (max-width: 767px) {
  .manipal-flow {
    font-size: 14px;
  }
}

.manipal-flow .hd {
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #25243B;
}

.manipal-flow .hd + p {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.2px;
}

.manipal-flow .hd + p.f17 {
  font-size: 17px;
}

.manipal-flow .hd3 {
  font-weight: 600;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: -0.6px;
  color: #25243B;
}

@media (max-width: 767px) {
  .manipal-flow .hd3 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
  }
}

.manipal-flow .hd26 {
  font-weight: 600;
  font-size: 26px;
  letter-spacing: -0.01em;
  color: #25243B;
}

.manipal-flow .link1 {
  font-weight: 600;
  color: #9B1E26;
}

.manipal-flow .btn-line {
  display: inline-block;
  height: 50px;
  min-width: 160px;
  padding: 10px 30px;
  border-radius: 25px;
  border: 1px solid #9B1E26;
  background: #FFFFFF;
  color: #9B1E26;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  font-weight: 600;
  font-size: 17px;
}

@media (max-width: 991px) {
  .manipal-flow .btn-line {
    width: auto;
    padding: 0 30px;
    line-height: 3;
  }
}

.manipal-flow .btn-box.op1 {
  margin-top: 30px;
  display: -ms-flexbox;
  display: flex;
}

.manipal-flow .btn-box.op1 .btn-red.disabled {
  background: #9B1E26;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .manipal-flow .btn-box.op1 {
    -ms-flex-pack: center;
        justify-content: center;
  }
  .manipal-flow .btn-box.op1 .btn-red,
  .manipal-flow .btn-box.op1 .btn-line {
    min-width: 144px;
  }
}

.manipal-flow .form-group1 {
  max-width: 440px;
}

.manipal-flow .form-group1 input.is-valid + label.error + label.label,
.manipal-flow .form-group1 input.is-valid + label,
.manipal-flow .form-group1 textarea.is-valid + label,
.manipal-flow .form-group1 select.is-valid + label {
  margin-bottom: 10px;
}

.manipal-flow .form-group1 select.is-valid + label,
.manipal-flow .form-group1 select:valid + label {
  margin-bottom: 10px !important;
}

.manipal-flow .form-group1.tarea {
  max-width: 600px;
}

.manipal-flow .form-group1.disabled {
  background: #FFFFFF;
  pointer-events: all;
}

.manipal-flow .form-group1.disabled input {
  background: #FFFFFF;
}

.manipal-flow .form-group1.disabled .label {
  color: #25243B;
}

.manipal-flow .form-group1.disabled .bar {
  display: none;
}

.manipal-flow .edit-btn1 {
  position: absolute;
  top: 50%;
  bottom: auto;
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}

.manipal-flow .f12 {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #25243B;
}

.ban-section {
  background: linear-gradient(102.77deg, #FEE8DA 11.9%, #FECBB4 97.69%);
  mix-blend-mode: normal;
  padding: 60px 0;
}

.ban-section .credit-card-img {
  position: absolute;
  right: 0;
  top: 0;
}

.ban-section.op1 {
  background: linear-gradient(102.77deg, #FFEFD7 11.9%, #FED8AA 97.69%);
  padding: 50px 0;
}

@media screen and (max-width: 992px) {
  .ban-section.mobd.op1 .rt-mob {
    margin: 4px 0 32px;
  }
}

@media screen and (max-width: 767px) {
  .ban-section {
    padding-bottom: 0;
  }
  .ban-section .credit-card-img {
    position: static;
    text-align: center;
    margin: 25px 0 -85px;
  }
  .ban-section.op1 {
    padding: 30px 0;
  }
  .ban-section.op1 .rt-mob {
    margin-top: 32px;
  }
  .ban-section.op1 .rt-mob p {
    font-size: 14px;
  }
  .ban-section.op1 .rt-mob .hd26 {
    font-size: 18px;
  }
}

.main-ctnt {
  padding: 32px 0;
}

.main-ctnt .etb-radio {
  display: -ms-flexbox;
  display: flex;
}

.main-ctnt .etb-radio .custom-control {
  text-align: left;
  margin-right: 40px;
}

.main-ctnt .etb-radio .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label {
  font-weight: 600;
  line-height: 24px;
}

.main-ctnt .etb-radio .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border: 0;
}

.main-ctnt .etb-radio .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #FFF url(../../../content/dam/idfcfirstbank/images/ecom/ssel.svg) no-repeat center;
  border: 0;
}

.main-ctnt .etb-radio .custom-control .custom-control-label::before,
.main-ctnt .etb-radio .custom-control .custom-control-label::after {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  top: 0;
}

.main-ctnt .etb-radio .custom-control .custom-control-label::before {
  border: 0;
  background: #FFF url(../../../content/dam/idfcfirstbank/images/ecom/dsel.svg) no-repeat center;
  box-shadow: none;
}

.main-ctnt .form-group1 input,
.main-ctnt .form-group1 textarea,
.main-ctnt .form-group1 select {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -0.6px;
}

.main-ctnt .link12 {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #9B1E26;
}

.main-ctnt .custom-checkbox.green .custom-control-label {
  font-weight: 600;
}

.main-ctnt .custom-checkbox.green .custom-control-label::before {
  border-color: #9B1E26;
}

.main-ctnt .custom-checkbox.green .custom-control-input:checked ~ .custom-control-label::after {
  background: url(../../../content/dam/idfcfirstbank/images/ecom/check_box_selected.svg) no-repeat center;
}

.main-ctnt .btn-box .btn-red {
  font-weight: 600;
  font-size: 17px;
}

@media (max-width: 767px) {
  .main-ctnt {
    padding-top: 100px;
  }
  .main-ctnt.op1 {
    padding-top: 32px;
  }
}

.address-box {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, 0.05);
  border-radius: 8px;
  padding: 24px;
  max-width: 680px;
}

.address-box p {
  margin: 10px 0 0;
}

.cust-radio-bx {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cust-radio-bx.op1 .cust-radio {
  width: 360px;
  margin: 0 40px 0 0;
}

.cust-radio-bx.op1 .cust-radio .cust-bx {
  border-radius: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  white-space: normal;
  padding: 24px;
  border: 1px solid #FFFFFF;
}

.cust-radio-bx.op1 .cust-radio .checkmark {
  background: url(../../../content/dam/idfcfirstbank/images/ecom/dsel.svg) no-repeat center;
  right: auto;
  left: 25px;
  top: 25px;
}

.cust-radio-bx.op1 .cust-radio .checkmark + span {
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -0.6px;
  border-bottom: 1px solid #E9E9E9;
  padding: 0 0 12px 36px;
  margin-bottom: 12px;
}

.cust-radio-bx.op1 .cust-radio .lh24 {
  font-weight: 300;
  min-height: 72px;
}

.cust-radio-bx.op1 .cust-radio .cust-bx:hover {
  background: #FFFFFF;
  border-color: #9B1E26;
  color: #25243B;
}

.cust-radio-bx.op1 .cust-radio input:checked ~ .cust-bx {
  background: #FFFFFF;
  border-color: #9B1E26;
  padding-right: 24px;
  color: #25243B;
}

.cust-radio-bx.op1 .cust-radio input:checked ~ .cust-bx .checkmark {
  background-image: url(../../../content/dam/idfcfirstbank/images/ecom/ssel.svg);
}

@media (max-width: 991px) {
  .cust-radio-bx.op1 .cust-radio {
    width: 100%;
    margin: 0 0 20px;
  }
  .cust-radio-bx.op1 .cust-radio .lh24 {
    min-height: inherit;
  }
}

@media (max-width: 767px) {
  .cust-radio-bx.op1 .cust-radio .cust-bx {
    padding: 16px;
  }
  .cust-radio-bx.op1 .cust-radio .checkmark {
    left: 18px;
    top: 18px;
  }
  .cust-radio-bx.op1 .cust-radio .checkmark + span {
    font-size: 16px;
    line-height: 1.45;
  }
}

.cust-radio-bx .cust-radio {
  display: block;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 16px;
}

.cust-radio-bx .cust-radio label {
  margin-bottom: 0;
  display: block;
}

.cust-radio-bx .cust-radio .cust-bx {
  display: block;
  font-weight: normal;
  padding: 16px 24px;
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, 0.05);
  border-radius: 30px;
  transition: all .3s ease;
  white-space: nowrap;
}

.cust-radio-bx .cust-radio .cust-bx:hover {
  background: #9B1E26;
  color: #FFFFFF;
}

.cust-radio-bx .cust-radio .cust-bx:hover .checkmark {
  border-color: #FFFFFF;
}

.cust-radio-bx .cust-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.cust-radio-bx .checkmark {
  position: absolute;
  top: 14px;
  left: auto;
  right: 16px;
  height: 24px;
  width: 24px;
  border: 0;
}

.cust-radio-bx .cust-radio input:checked ~ .cust-bx {
  background: #9B1E26;
  color: #FFFFFF;
  padding-right: 50px;
}

.cust-radio-bx .cust-radio input:checked ~ .cust-bx .checkmark {
  background: url(../../../content/dam/idfcfirstbank/images/ecom/sele.svg) no-repeat;
}

.cust-radio-bx .error {
  margin: 10px auto 0;
  font-size: 16px;
  color: #9B1E26;
}

@media (max-width: 767px) {
  .cust-radio-bx .checkmark {
    top: 8px;
  }
  .cust-radio-bx .cust-radio .cust-bx {
    padding: 11px 24px;
  }
  .cust-radio-bx .cust-radio {
    margin-bottom: 10px;
  }
}

.white-box1 {
  background: #FFFFFF;
  box-shadow: 0px 4px 8px rgba(37, 36, 59, 0.05);
  border-radius: 8px;
  padding: 24px;
}

.kyc-ctnt {
  margin-left: 40px;
}

@media (max-width: 991px) {
  .kyc-ctnt {
    margin: 24px 0 0;
  }
}

@media (max-width: 767px) {
  .kyc-ctnt {
    margin: 24px -15px 0;
  }
  .kyc-ctnt .white-box1 {
    padding: 16px;
    border-radius: 0;
  }
  .kyc-ctnt .white-box1 .kyc-main {
    margin-top: 0;
  }
  .kyc-ctnt .hd3 {
    text-align: center;
    margin: 0 15% 20px;
  }
  .kyc-ctnt .kyc-bx {
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center;
    width: 30%;
  }
  .kyc-ctnt .kyc-bx figure {
    margin: 0 auto 12px;
  }
  .kyc-ctnt .kyc-bx p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
    font-weight: 300;
  }
  .kyc-ctnt .kyc-bx p br {
    display: none;
  }
}

.kyc-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.kyc-main.op1 .kyc-bx {
  -ms-flex-align: center;
      align-items: center;
  width: 31%;
}

.kyc-main.op1 .kyc-bx figure {
  -ms-flex: 0 0 86px;
      flex: 0 0 86px;
  height: 86px;
}

.kyc-main.op1 .kyc-bx p {
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: -0.6px;
}

.kyc-bx {
  display: -ms-flexbox;
  display: flex;
}

.kyc-bx figure {
  width: 40px;
  height: 40px;
  -ms-flex: 0 0 40px;
      flex: 0 0 40px;
  border-radius: 50%;
  background: #F6F6F6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 16px 0 0;
}

.kyc-bx p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.grad-bx {
  background: linear-gradient(110.47deg, #C4777D -6.21%, #9D1D27 47.31%);
  border-radius: 12px;
}

.grad-bx a {
  padding: 16px;
  color: #FFFFFF;
  display: block;
}

.grad-bx p {
  margin-bottom: 0;
  margin-top: 10px;
}

.grad-bx .fwb {
  letter-spacing: -0.5px;
  min-height: 42px;
}

.grad-bx .fwb + p {
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.grad-bx .link span {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  color: #FFCB05;
  display: -ms-flexbox;
  display: flex;
}

.grad-bx .link span em {
  margin-left: auto;
}

@media (max-width: 767px) {
  .grad-bx {
    margin: 15px 15px 0;
  }
  .grad-bx .fwb {
    min-height: inherit;
  }
}

.sec-wht {
  background: #FFFFFF;
  padding: 40px 0;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .sec-wht {
    background: none;
    padding: 0;
  }
  .sec-wht .kyc-main.op1 {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .sec-wht .kyc-main.op1 .kyc-bx {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(37, 36, 59, 0.05);
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 16px;
  }
  .sec-wht .kyc-main.op1 .kyc-bx figure {
    -ms-flex: 0 0 48px;
        flex: 0 0 48px;
    height: 48px;
  }
  .sec-wht .kyc-main.op1 .kyc-bx figure img {
    width: 18px;
    height: 18px;
  }
  .sec-wht .kyc-main.op1 .kyc-bx p {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
  }
}

@media (max-width: 1024px) {
  .congImg {
    margin-left: -36px;
  }
}

@media (max-width: 991px) {
  .congImg {
    margin: 0 auto;
    display: block;
  }
}

.kyc-main.op2 {
  -ms-flex-direction: column;
      flex-direction: column;
}

.kyc-main.op2 .kyc-bx {
  margin-bottom: 30px;
}

.kyc-main.op2 .kyc-bx figure {
  background: #F3F3F3;
  height: 48px;
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
  margin-right: 24px;
}

.kyc-main.op2 .kyc-bx p {
  font-weight: 300;
  font-size: 17px;
  letter-spacing: -0.5px;
}

.kyc-main.op2 .kyc-bx p strong {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.kyc-main.op3 {
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-top: 30px;
}

.kyc-main.op3 .kyc-bx {
  margin: 0 40px 0 0;
  -ms-flex-align: center;
      align-items: center;
}

.kyc-main.op3 .kyc-bx figure {
  background: #FFFFFF;
  height: 48px;
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
  margin-right: 12px;
}

.kyc-main.op3 .kyc-bx p {
  font-weight: 600;
  font-size: 17px;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .kyc-main.op3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .kyc-main.op3 .kyc-bx {
    margin: 0 20px 0 0;
  }
  .kyc-main.op3 .kyc-bx p {
    font-size: 14px;
  }
}

@media screen and (max-width: 360px) {
  .kyc-main.op3 .kyc-bx:last-child {
    margin-top: 12px;
  }
}

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

.list-num li .nom {
  background: linear-gradient(102.77deg, #FFEFD7 11.9%, #FED8AA 97.69%);
  height: 48px;
  -ms-flex: 0 0 48px;
      flex: 0 0 48px;
  font-style: italic;
  font-weight: 600;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -0.5px;
  color: #9B1E26;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
}

.list-num li strong {
  font-weight: 600;
}

.ecom-journey {
    padding-top:0px !important;
    }       


body {
  background-color: #f3f3f3;
  }
  
  @font-face {
  font-family: 'ocr-b_10_btregular';
  src: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/ocr-b_10_bt-webfont.woff2") format("woff2"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/ocr-b_10_bt-webfont.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
  }
  
  /* global css */

  .form-label-group .form-control.selectBankList.disabled {
      background: #E5E5E5 url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/down.svg") no-repeat 98% center !important;
    }

.colred{	
color:#9c1d27;	
}
  .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
  
  .clearfix {
  display: inline-block;
  }
  
  .bold {
  font-weight: 700;
  }
  
  a {
  text-decoration: none;
  color: #54565B;
  }
  
  a:hover {
  text-decoration: none;
  color: #54565B;
  }
  
  a:focus {
  text-decoration: none;
  color: #54565B;
  outline: none;
  }
  
  ul {
  margin: 0;
  padding: 0;
  }
  
  ul li {
  list-style: none;
  }
  
  b,
  strong {
  font-weight: 700;
  }
  
  /* Hides from IE-mac \*/
  * html .clearfix {
  height: 1%;
  }
  
  .clearfix {
  display: block;
  }
  
  .ohidden {
  overflow: hidden;
  }
  
  .FL {
  float: left;
  }
  
  .FR {
  float: right;
  }
  
  .flex {
  display: -ms-flexbox;
  display: flex;
  }
  
  .CTR {
  text-align: center;
  }
  
  .TAR {
  text-align: right;
  }
  
  .uline {
  text-decoration: underline;
  }
  
  .UC {
  text-transform: uppercase;
  }
  
  .tCap {
  text-transform: capitalize !important;
  }
  
  :focus,
  button:focus {
  outline: 0;
  }
  
  .PR {
  position: relative;
  }
  
  .PA0 {
  padding: 0;
  }
  
  .PA5 {
  padding: 5px;
  }
  
  .PA7 {
  padding: 7px;
  }
  
  .PA10 {
  padding: 10px;
  }
  
  .PA12 {
  padding: 12px;
  }
  
  .PA15 {
  padding: 15px;
  }
  
  .PA20 {
  padding: 20px;
  }
  
  .PT3 {
  padding-top: 3px;
  }
  
  .PT5 {
  padding-top: 5px;
  }
  
  .PT7 {
  padding-top: 7px;
  }
  
  .PT8 {
  padding-top: 8px;
  }
  
  .PT10 {
  padding-top: 10px;
  }
  
  .PT15 {
  padding-top: 15px;
  }
  
  .PT20 {
  padding-top: 20px;
  }
  
  .PT25 {
  padding-top: 25px;
  }
  
  .PT30 {
  padding-top: 30px;
  }
  
  .PT35 {
  padding-top: 35px;
  }
  
  .PT40 {
  padding-top: 40px;
  }
  
  .PT75 {
  padding-top: 75px;
  }
  
  .PT80 {
  padding-top: 75px;
  }
  
  .PB5 {
  padding-bottom: 5px;
  }
  
  .PB7 {
  padding-bottom: 7px;
  }
  
  .PB10 {
  padding-bottom: 10px;
  }
  
  .PB15 {
  padding-bottom: 15px;
  }
  
  .PB20 {
  padding-bottom: 20px;
  }
  
  .PB25 {
  padding-bottom: 25px;
  }
  
  .PB30 {
  padding-bottom: 30px;
  }
  
  .PB35 {
  padding-bottom: 50px;
  }
  
  .PB40 {
  padding-bottom: 40px;
  }
  
  .PB45 {
  padding-bottom: 45px;
  }
  
  .PB50 {
  padding-bottom: 50px;
  }
  
  .PB55 {
  padding-bottom: 55px;
  }
  
  .PB60 {
  padding-bottom: 60px;
  }
  
  .PL5 {
  padding-left: 5px;
  }
  
  .PL10 {
  padding-left: 10px;
  }
  
  .PL15 {
  padding-left: 15px;
  }
  
  .PL20 {
  padding-left: 20px;
  }
  
  .PL25 {
  padding-left: 25px;
  }
  
  .PR5 {
  padding-right: 5px;
  }
  
  .PR10 {
  padding-right: 10px;
  }
  
  .PR15 {
  padding-right: 15px;
  }
  
  .PR20 {
  padding-right: 20px;
  }
  
  .PL50 {
  padding-left: 50px;
  }
  
  .PR50 {
  padding-right: 50px;
  }
  
  .p0 {
  padding: 0px !important;
  }
  
  .relative {
  position: relative;
  }
  
  .MR5 {
  margin-right: 5px;
  }
  
  .MR7 {
  margin-right: 7px;
  }
  
  .MR10 {
  margin-right: 10px;
  }
  
  .MR15 {
  margin-right: 15px;
  }
  
  .MR20 {
  margin-right: 20px;
  }
  
  .MR25 {
  margin-right: 25px;
  }
  
  .MR30 {
  margin-right: 30px;
  }

  .MR45 {
  margin-right: 45px;
 }

  .MR0 {
  margin-right: 0 !important;
  }
  
  .ML2 {
  margin-left: 2px;
  }
  
  .ML5 {
  margin-left: 5px;
  }
  
  .ML7 {
  margin-left: 7px;
  }
  
  .ML10 {
  margin-left: 10px;
  }
  
  .ML15 {
  margin-left: 15px;
  }
  
  .ML20 {
  margin-left: 20px;
  }
  
  .ML30 {
  margin-left: 30px;
  }
  
  .MT3 {
  margin-top: 3px;
  }
  
  .MT5 {
  margin-top: 5px;
  }
  
  .MT7 {
  margin-top: 7px;
  }
  
  .MT10 {
  margin-top: 10px;
  }
  
  .MT12 {
  margin-top: 12px;
  }
  
  .MT15 {
  margin-top: 15px;
  }
  
  .MT20 {
  margin-top: 20px;
  }
  
  .MT25 {
  margin-top: 25px;
  }
  
  .MT30 {
  margin-top: 30px;
  }
  
  .MT35 {
  margin-top: 35px;
  }
  
  .MT40 {
  margin-top: 40px;
  }
  
  .MT45 {
  margin-top: 45px;
  }
  
  .MT50 {
  margin-top: 50px;
  }
  
  .MT70 {
  margin-top: 70px;
  }
  
  .MB5 {
  margin-bottom: 5px;
  }
  
  .MB10 {
  margin-bottom: 10px;
  }
  
  .MB15 {
  margin-bottom: 15px;
  }
  
  .MB20 {
  margin-bottom: 20px;
  }
  
  .MB30 {
  margin-bottom: 30px;
  }
  
  .MB40 {
  margin-bottom: 40px;
  }
  
  .strong {
  font-weight: 700;
  }
  
  @media (max-width: 767px) {
  [class*="col-"] .no-pad-right {
  padding-right: 15px;
  }
  }
  
  .custom-control.custom-radio #selectCard1-error {
  display: none !important;
  }
  
  .ui-autocomplete {
  max-height: 320px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  }
  
  /* IE 6 doesn't support max-height
  * we use height instead, but this forces the menu to always be this tall
  */
  * html .ui-autocomplete {
  height: 100px;
  }
  
  /* End */
  body {
  font: 400 1rem/1.25rem 'Roboto', sans-serif;
  color: #54565B;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: inherit;
  }
  
  .hd {
  font-size: 36px;
  line-height: 1;
  font-weight: 300;
  color: #54565b;
  margin-bottom: 1rem;
  }
  
  @media (max-width: 767px) {
  .hd {
  font-size: 24px;
  }
  }

  
  .hdr {
  font-size: 36px;
  line-height: 1.1;
  }
  
  @media (max-width: 767px) {
  .hdr {
  font-size: 24px;
  }
  }
  
  .hd1 {
  font-size: 64px;
  line-height: 1.1;
  letter-spacing: -2px;
  color: #FFFFFF;
  }
  
  .hd1.black {
  color: #54565B;
  }
  
  @media (max-width: 1024px) {
  .hd1 {
  font-size: 48px;
  letter-spacing: -1px;
  }
  }
  
  @media (max-width: 991px) {
  .hd1 {
  font-size: 36px;
  letter-spacing: 0;
  }
  }
  
  .hd1l {
  font-size: 64px;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -2px;
  color: #616161;
  }
  
  .hd2 {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  color: #FFFFFF;
  margin-bottom: 5px;
  }
  
  .hd2v {
  font-size: 24px;
  line-height: 1.2;
  }
  
  .sub-title {
  font-size: 24px;
  color: #54565b;
  margin-bottom: 25px;
  }
  
  .hd3 {
  color: #b8b8b8;
  font-size: 12px;
  margin-bottom: 5px;
  }
  
  .hd4 {
  font-size: 12px;
  color: #767676;
  }
  
  .hd4 span {
  display: block;
  color: #b8b8b8;
  }
  
  .hd5 {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  color: #54565b;
  margin-bottom: .50rem;
  }
  
  @media (max-width: 1024px) {
  .hd5 {
  font-size: 24px;
  }
  }
  
  .hd6 {
  color: #b8b8b8;
  font-size: 16px;
  margin-bottom: 5px;
  }
  
  .hd7 {
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
  }
  
  @media (max-width: 767px) {
  .hd7 {
  font-size: 24px;
  }
  }
  
  .read-stroy {
  color: #9d1d27;
  font-size: 14px;
  font-weight: 700;
  }
  
  .icon-star {
  width: 20px;
  display: inline-block;
  }
  
  .icon-star.active:hover::before {
  content: "\e91b";
  color: #9d1d27;
  }
  
  @media (max-width: 767px) {
  .icon-star.active:hover::before {
  content: "\e91b";
  color: #9d1d27;
  }
  }
  
  .icon-star.active::before {
  content: "\e91b";
  color: #9d1d27;
  }
  
  @media (max-width: 767px) {
  .icon-star.active::before {
  content: "\e91b";
  color: #9d1d27;
  }
  }
  
  .icon-star:hover::before {
  content: "\e91b";
  color: #9d1d27;
  }
  
  @media (max-width: 767px) {
  .icon-star:hover::before {
  content: "\e908";
  color: #787878;
  }
  }
  
  .black {
  color: #54565B;
  }
  
  .white {
  color: #FFFFFF;
  }
  
  .red {
  color: #9D1D27;
  }
  
  .clr-grey {
  color: #b8b8b8;
  }
  
  .link-arw {
  font-weight: 700;
  color: #9D1D27;
  }
  
  .link-arw .icon-Right {
  margin-left: 8px;
  }
  
  .link-arw .icon-Right:before {
  color: #9D1D27;
  }
  
  .hd3b {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  }
  
  .f12 {
  font-size: 12px;
  }
  
  .f12br {
  font-size: 12px;
  color: #9D1D27;
  font-weight: 700;
  }
  
  .f14 {
  font-size: 14px;
  }
  
  .f16b,
  .f16br {
  font-size: 16px;
  font-weight: 700;
  }
  
  .f16br {
  color: #9D1D27;
  }
  
  .f14l,
  .f20l {
  font-size: 14px;
  font-weight: 300;
  }
  
  .f20l {
  font-size: 20px;
  }
  
  .f24 {
  font-size: 24px;
  }
  
  .f14br,
  .f14g {
  font-size: 14px;
  font-weight: 700;
  color: #9D1D27;
  }
  
  .f14g {
  color: #767676;
  }
  
  .f100l {
  font-size: 100px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -5px;
  }
  
  .pad1 {
  padding: 60px 0;
  }
  
  @media (max-width: 767px) {
  .pad1 {
  padding: 40px 0;
  }
  }
  
  /* Breadcrum Start */
  .breadcrumb {
  background-color: #f3f3f3;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 13px;
  text-transform: uppercase;
  color: #767676;
  }
  
  .breadcrumb a {
  color: #767676;
  }
  
  .breadcrumb-wrap {
  padding-top: 20px;
  }
  
  .breadcrumb-wrap nav {
  display: inline-block;
  }
  
  .breadcrumb-wrap nav .breadcrumb {
  background: #E8E8E8;
  margin-bottom: 0;
  }
  
  @media (max-width: 767px) {
  .breadcrumb-wrap {
  display: none;
  }
  }
  
  .white-box, .accordian .trgr, .accordian .tog_cont {
  background: #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  }
  
  /* For Banenr breadcrumb */
  .banner-brdcrumb.breadcrumb-wrap {
  position: absolute;
  z-index: 2;
  }
  
  /* arrow End */
  .arrow {
  background: #9d1d27;
  width: 36px;
  height: 36px;
  display: -ms-flexbox;
  display: flex;
  border-radius: 18px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32);
  }
  
  .arrow span {
  font-size: 12px;
  }
  
  .arrow span::before {
  color: #ffffff;
  }
  
  .arrow.big {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  }
  
  .arrow.big span {
  font-size: 18px;
  }
  
  .arrow.white {
  background: #ffffff;
  }
  
  .arrow.white span::before {
  color: #9d1d27;
  }
  
  .arrow.yellow {
  background: #FFCB05;
  }
  
  .arrow.yellow span::before {
  color: #9d1d27;
  }
  
  .arrow.green {
  background: #ffffff;
  }
  
  .arrow.green span::before {
  color: #00a07a;
  }
  
  .arrow.gray {
  background: #ffffff;
  }
  
  .arrow.gray span::before {
  color: #737373;
  }
  
  /*  End  */
  .btn-box a.MR15 {
  margin-right: 15px;
  }
  
  .btn-box.btn-small .btn-white {
  width: auto;
  padding: 0 30px;
  height: 40px;
  line-height: 36px;
  font-size: 14px;
  }
  
  .btn-box .btn-link {
  color: #9D1D27;
  font-weight: 700;
  font-size: 14px;
  }
  
  .btn-box .btn-red,
  .btn-box .btn-white {
  display: inline-block;
  height: 50px;
  min-width: 160px;
  padding: 10px 30px;
  border-radius: 25px;
  background: #9D1D27;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  }
  
  @media (max-width: 991px) {
  .btn-box .btn-red,
  .btn-box .btn-white {
  width: auto;
  padding: 0 30px;
  line-height: 3;
  }
  }
  
  .btn-box button.btn-red {
  border: 0;
  }
  
  .btn-box .btn-red {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
  }
  
  .btn-box .btn-red.disabled {
  background-color: #d8d8d8;
  box-shadow: none;
  color: #767676;
  cursor: not-allowed;
  }
  
  .btn-box .btn-white {
  background: transparent;
  border: solid 2px #d8d8d8;
  color: #9d1d27;
  font-weight: 700;
  }
  
  .btn-box .btn-white.disabled {
  box-shadow: none;
  color: #767676;
  cursor: not-allowed;
  }
  
  /*  End  */
  .link {
  font-size: 14px;
  font-weight: 700;
  color: #9D1D27;
  }
  
  /* Scroll right-left on mobile start */
  @media (max-width: 767px) {
  .mob-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  }
  .mob-scroll::-webkit-scrollbar {
  display: none;
  }
  }
  
  /*  End  */
  /*  End  */
  /* common dropdwon */
  .dropdown .btn-secondary {
  background-color: transparent;
  font-weight: 700;
  color: #54565B;
  border-color: #d8d8d8;
  padding: 14px 55px 14px 20px;
  min-width: 300px;
  text-align: left;
  position: relative;
  }
  
  .dropdown .dropdown-toggle:after {
  font-family: icomoon;
  content: "\e900";
  border: 0;
  position: absolute;
  top: 15px;
  right: 15px;
  }
  
  .dropdown .dropdown-menu {
  min-width: 300px;
  background-color: #fafafa;
  height: 200px;
  overflow-y: auto;
  z-index: 1;
  }
  
  .dropdown .dropdown-menu .dropdown-item {
  padding: 12px 20px;
  font-weight: 700;
  color: #54565B;
  }
  
  .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f3f3f3;
  }
  
  .btn-secondary:not(:disabled):not(.disabled).active,
  .btn-secondary:not(:disabled):not(.disabled):active,
  .show > .btn-secondary.dropdown-toggle {
  background-color: transparent;
  color: #54565B;
  border-color: #d8d8d8;
  }
  
  .btn-secondary:not(:disabled):not(.disabled).active:focus,
  .btn-secondary:not(:disabled):not(.disabled):active:focus,
  .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
  }
  
  /* common dropdwon end */
  /*form list*/
  .form-list {
  margin-top: 30px;
  }
  
  .form-list li {
  margin-bottom: 20px;
  }
  
  @media (max-width: 767px) {
  .form-list li {
  margin-bottom: 28px;
  }
  }
  
  /*form list end*/
  /* common notes */
  .notes {
  margin-top: 35px;
  }
  
  .notes.op2 li {
  margin: 3px 0 20px 14px;
  }
  
  .notes li {
  margin: 3px 0 0 14px;
  position: relative;
  }
  
  .notes li::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #54565B;
  }
  
  .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;
  }
  
  @media (max-width: 767px) {
  .form-details .col-left.op1 {
  width: 100%;
  overflow-x: auto;
  padding-top: 30px;
  }
  }
  
  @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: 55px;
  }
  }
  
  .form-details .col-right {
  width: 100%;
  border-left: 1px solid rgba(151, 151, 151, 0.3);
  padding: 75px 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 20px;
  border: 0;
  }
  }
  
  @media (max-width: 767px) {
  .form-details .col-right.op2 {
  padding: 30px 10px;
  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/ntb/ntb-cc/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;
  }
  .ML30N {
  margin-left: -30px;
  }
  
  .modal-dialog {
  max-width: 600px;
  }
  
  .modal-dialog.container {
  max-width: 1100px;
  }
  
  .modal-dialog.container.op1 {
  max-width: 970px;
  }
  
  .modal-dialog .modal-body.op1 {
  padding: 70px 100px;
  }
  
  @media (max-width: 767px) {
  .modal-dialog .modal-body.op1 {
  padding: 50px 30px;
  }
  }
  
  .popup-close {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 1;
  }
  
  .more-reasons {
  background: #ffecee;
  background: linear-gradient(0deg, #ffecee 0%, #c2b5b5 100%);
  padding: 75px 55px;
  height: 100%;
  }
  
  @media (max-width: 991px) {
  .more-reasons {
  background: white;
  background: linear-gradient(360deg, white 30%, #ffecee 30%, #c2b5b5 100%);
  padding: 75px 55px 0 55px;
  }
  }
  
  @media (max-width: 767px) {
  .more-reasons {
  padding: 30px 30px 0 30px;
  }
  .more-reasons img {
  width: 250px;
  }
  }
  
  .popup-list-box {
  padding: 40px 65px 90px 100px;
  }
  
  @media (max-width: 991px) {
  .popup-list-box {
  padding: 30px 55px;
  }
  }
  
  @media (max-width: 767px) {
  .popup-list-box {
  padding: 0 30px 30px 30px;
  }
  }
  
  .popup-list-box .list-benefits li {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 35px;
  }
  
  @media (max-width: 991px) {
  .popup-list-box .list-benefits li {
  width: 47%;
  }
  }
  
  @media (max-width: 767px) {
  .popup-list-box .list-benefits li {
  width: 100%;
  }
  }
  
  .MB0 {
  margin-bottom: 0;
  }
  
  .MT5N {
  margin-top: -5px;
  }
  
  .tooltips {
  margin-left: 5px;
  }
  
  .tooltip-box {
  position: absolute;
  right: -40px;
  top: 10px;
  }
  
  @media (max-width: 767px) {
  .tooltip-box {
  right: -30px;
  }
  }
  
  .tooltip {
  margin-left: 10px;
  font-size: 13px;
  }
  
  .tooltip.pt1 {
  opacity: 1;
  }
  
  .tooltip .arrow {
  background: none;
  }
  
  .tooltip .arrow::before {
  border-style: solid;
  border-color: transparent #F5F5F5;
  }
  
  .tooltip .tooltip-inner {
  background: #F5F5F5;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  color: #54565B;
  padding: 5px;
  text-align: left;
  }
  
  @media (max-width: 767px) {
  .tooltip .tooltip-inner {
  width: 140px;
  }
  }
  
  .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #F5F5F5;
  border-bottom: 10px solid transparent;
  margin-right: -3px;
  }
  
  .switch-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }
  
  .switch-box .switch {
  margin-left: 10px;
  }
  
  .switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 20px;
  }
  
  .switch input {
  opacity: 0;
  width: 0;
  height: 0;
  }
  
  .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  }
  
  .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 0px;
  bottom: -1px;
  background-color: white;
  transition: .4s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  }
  
  input:checked + .slider {
  background-color: #00a07a;
  }
  
  input:focus + .slider {
  box-shadow: 0 0 1px #00a07a;
  }
  
  input:checked + .slider:before {
  transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
  border-radius: 34px;
  }
  
  .slider.round:before {
  border-radius: 50%;
  }
  
  @media (max-width: 767px) {
  .M-MB30 {
  margin-bottom: 30px;
  }
  }
  
  .PA30 {
  padding: 30px;
  }
  
  .choose-box {
  border: 1px solid #d8d8d8;
  height: 100%;
  padding: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  transition: transform .5s;
  }
  
  .choose-box label {
  color: #b8b8b8;
  }
  
  .choose-box.active label {
  color: #54565B;
  }
  
  .choose-box .img-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  }
  
  .choose-box .img-box img {
  transition: transform .5s;
  }
  
  .choose-box .img-box:hover img {
  transform: scale(1.1);
  }
  
  .choose-box .img-box.active img {
  opacity: 1;
  }
  
  .choose-box img {
  width: 100%;
  height: auto;
  opacity: .5;
  }
  
  .choose-box img.other {
  width: 180px;
  display: block;
  margin: 0 auto;
  min-height: 285px;
  }
  
  .choose-box .custom-control-label {
  padding-top: 50px;
  margin-top: 30px;
  padding-left: 0 !important;
  text-align: center;
  width: 100%;
  left: -20px;
  }
  
  .choose-box .custom-control-label::before, .choose-box .custom-control-label::after {
  left: 41%;
  }
  
  /* common notes end*/
  /* cusome upload button*/
  .page-loader.act {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 2;
  }
  
  .page-loader {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/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;
  }
  
  /* Safari */
  
  @keyframes spin {
  0% {
  transform: rotate(0deg);
  }
  100% {
  transform: rotate(360deg);
  }
  }
  
  .loader-cust {
  border: 4px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #9d1d27;
  width: 150px;
  height: 150px;
  /* Safari */
  animation: spin 2s linear infinite;
  }
  
  .img-fluidv2 {
  width: 100%;
  }
  
  @media (max-width: 767px) {
  .mob-scrollm {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  }
  .mob-scrollm::-webkit-scrollbar {
  display: none;
  }
  .mob-scrollm ul {
  min-width: 820px;
  }
  .car-journey .mob-scrollm ul {
  min-width: 630px;
  }
  }
  
  @media (max-width: 767px) {
  .title-box {
  padding: 10px;
  }
  }
  
  @media (max-width: 767px) {
  .mobile-body {
  height: 420px;
  overflow-y: auto;
  padding: 15px;
  }
  }
  
  .bg-2 {
  background: #FAFAFA;
  }
  
  .form-control:disabled, .form-control[readonly] {
  background: #E5E5E5;
  }
  
  .share-box {
  position: relative;
  display: inline-block;
  margin-left: 36px;
  }
  
  .share-box .share-positon-box {
  position: absolute;
  right: -4px;
  top: -48px;
  display: none;
  min-width: 200px;
  }
  
  .share-box.open .share-positon-box {
  display: block;
  }
  
  .share-box .share-bubble {
  position: relative;
  background: #FFCB05;
  padding: 10px 24px;
  border-radius: 21px;
  }
  
  .share-box .share-bubble:after {
  top: 100%;
  right: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #FFCB05;
  border-width: 7px;
  margin-left: -7px;
  }
  
  .share-box .share-bubble .social {
  display: -ms-flexbox;
  display: flex;
  }
  
  .share-box .share-bubble .social li {
  margin-right: 20px;
  }
  
  .share-box .share-bubble .social li a {
  display: block;
  }
  
  .share-box .share-bubble .social li a i {
  font-size: 15px;
  vertical-align: middle;
  }
  
  .share-box .share-bubble .social li a img {
  height: 15px;
  width: auto;
  }
  
  .share-box .share-bubble .social li:last-child {
  margin-right: 0;
  }
  
  @media (max-width: 991px) {
  .share-box .share-positon-box {
  right: auto;
  left: 0;
  }
  .share-box .share-bubble:after {
  right: auto;
  left: 30px;
  }
  }
  
  .cust-tooltip {
  position: relative;
  }
  
  .cust-tooltip .share-positon-box {
  display: none;
  width: 200px;
  position: absolute;
  right: -140px;
  z-index: 1;
  top: -20px;
  }
  
  @media (max-width: 1024px) {
  .cust-tooltip .share-positon-box {
  right: -100px;
  }
  }
  
  @media (max-width: 991px) {
  .cust-tooltip .share-positon-box {
  position: static;
  width: auto;
  top: auto;
  right: auto;
  margin-top: 10px;
  }
  }
  
  .cust-tooltip .share-positon-box .inner-box {
  margin-left: 10px;
  font-size: 13px;
  background: #F5F5F5;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  color: #54565B;
  padding: 5px;
  text-align: left;
  position: relative;
  }
  
  .cust-tooltip .share-positon-box .inner-box::before {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-top: 10px solid transparent;
  border-right: 20px solid #F5F5F5;
  border-bottom: 10px solid transparent;
  margin-right: -3px;
  left: -15px;
  top: 20px;
  border-color: transparent #F5F5F5;
  }
  
  @media (max-width: 991px) {
  .cust-tooltip .share-positon-box .inner-box::before {
  top: -12px;
  left: 15px;
  border: 0;
  border-bottom: 20px solid #F5F5F5;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  }
  }
  
  @media (max-width: 767px) {
  .cust-tooltip .share-positon-box .inner-box::before {
  top: -12px;
  left: 165px;
  border: 0;
  border-bottom: 20px solid #F5F5F5;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  }
  }
  
  .cust-tooltip.open .share-positon-box {
  display: block;
  }
  
  .cust-tooltip .error {
  display: none !important;
  }
  .cust-error {
  position: static;
  margin: 0;
  padding: 5px 0;
  color: #d10000;
  font-size: 14px;
  background: none;
  }
  
  @media (max-width: 767px) {
  .MT10M {
  margin-top: 15px;
  }
  }
  
  .invalid-error {
  color: #d10000;
  }
  
  @font-face {
  font-family: 'icomoon';
  src: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.eot?6t37sc");
  src: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.eot?6t37sc#iefix") format("embedded-opentype"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.ttf?6t37sc") format("truetype"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.woff?6t37sc") format("woff"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.svg?6t37sc#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
  }
  [class^="icon-"],
  [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-date:before {
  content: "\e907";
  color: #787878;
  }
  
  .icon-star-filled:before {
  content: "\e91b";
  color: #9d1d27;
  }
  
  .icon-tick:before {
  content: "\e91a";
  color: #9c1d26;
  }
  
  .icon-close:before {
  content: "\e919";
  color: #fff;
  }
  
  .icon-share:before {
  content: "\e918";
  color: #787878;
  }
  
  .icon-login:before {
  content: "\e916";
  color: #787878;
  }
  
  .icon-search:before {
  content: "\e917";
  color: #787878;
  }
  
  .icon-instagram:before {
  content: "\e914";
  color: #fff;
  }
  
  .icon-youtube:before {
  content: "\e915";
  color: #fff;
  }
  
  .icon-copy:before {
  content: "\e912";
  color: #fff;
  }
  
  .icon-whatsapp:before {
  content: "\e913";
  color: #fff;
  }
  
  .icon-fb:before {
  content: "\e90a";
  color: #fff;
  }
  
  .icon-linkedin:before {
  content: "\e90c";
  color: #fff;
  }
  
  .icon-twitter:before {
  content: "\e911";
  color: #fff;
  }
  
  .icon-menu:before {
  content: "\e90b";
  color: #787878;
  }
  
  .icon-service-req:before {
  content: "\e90d";
  color: #787878;
  }
  
  .icon-complaints:before {
  content: "\e90e";
  color: #787878;
  }
  
  .icon-compliments:before {
  content: "\e90f";
  color: #787878;
  }
  
  .icon-contact-us:before {
  content: "\e910";
  color: #787878;
  }
  
  .icon-play:before {
  content: "\e909";
  color: #fff;
  }
  
  .icon-star:before {
  content: "\e908";
  color: #787878;
  }
  
  .icon-minus:before {
  content: "\e905";
  }
  
  .icon-plus:before {
  content: "\e906";
  color: #787878;
  }
  
  .icon-rs:before {
  content: "\e904";
  color: #54565b;
  }
  
  .icon-Down:before {
  content: "\e900";
  color: #787878;
  }
  
  .icon-Up:before {
  content: "\e903";
  color: #787878;
  }
  
  .icon-Left:before {
  content: "\e901";
  color: #787878;
  }
  
  .icon-Right:before {
  content: "\e902";
  color: #787878;
  }
  
  /*!
  * animate.css -http://daneden.me/animate
  * Version - 3.5.0
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
  *
  * Copyright (c) 2016 Daniel Eden
  */
  .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  }
  
  /* .owl-animated-out - only for current item */
  /* This is very important class. Use z-index if you want move Out item above In item */
  .owl-animated-out {
  z-index: 1;
  }
  
  /* .owl-animated-in - only for upcoming item
  /* This is very important class. Use z-index if you want move In item above Out item */
  .owl-animated-in {
  z-index: 0;
  }
  
  .animated.infinite {
  animation-iteration-count: infinite;
  }
  
  .animated.hinge {
  animation-duration: 2s;
  }
  
  .animated.flipOutX,
  .animated.flipOutY,
  .animated.bounceIn,
  .animated.bounceOut {
  animation-duration: .75s;
  }
  
  @keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translate3d(0, -30px, 0);
  }
  70% {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  transform: translate3d(0, -15px, 0);
  }
  90% {
  transform: translate3d(0, -4px, 0);
  }
  }
  
  .bounce {
  animation-name: bounce;
  transform-origin: center bottom;
  }
  
  @keyframes flash {
  from,
  50%,
  to {
  opacity: 1;
  }
  25%,
  75% {
  opacity: 0;
  }
  }
  
  .flash {
  animation-name: flash;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @keyframes pulse {
  from {
  transform: scale3d(1, 1, 1);
  }
  50% {
  transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
  transform: scale3d(1, 1, 1);
  }
  }
  
  .pulse {
  animation-name: pulse;
  }
  
  @keyframes rubberBand {
  from {
  transform: scale3d(1, 1, 1);
  }
  30% {
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  transform: scale3d(0.95, 1.05, 1);
  }
  75% {
  transform: scale3d(1.05, 0.95, 1);
  }
  to {
  transform: scale3d(1, 1, 1);
  }
  }
  
  .rubberBand {
  animation-name: rubberBand;
  }
  
  @keyframes shake {
  from,
  to {
  transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
  transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
  transform: translate3d(10px, 0, 0);
  }
  }
  
  .shake {
  animation-name: shake;
  }
  
  @keyframes headShake {
  0% {
  transform: translateX(0);
  }
  6.5% {
  transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
  transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
  transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
  transform: translateX(2px) rotateY(3deg);
  }
  50% {
  transform: translateX(0);
  }
  }
  
  .headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
  }
  
  @keyframes swing {
  20% {
  transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
  transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
  transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
  transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
  transform: rotate3d(0, 0, 1, 0deg);
  }
  }
  
  .swing {
  transform-origin: top center;
  animation-name: swing;
  }
  
  @keyframes tada {
  from {
  transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
  transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
  transform: scale3d(1, 1, 1);
  }
  }
  
  .tada {
  animation-name: tada;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @keyframes wobble {
  from {
  transform: none;
  }
  15% {
  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
  transform: none;
  }
  }
  
  .wobble {
  animation-name: wobble;
  }
  
  @keyframes jello {
  from,
  11.1%,
  to {
  transform: none;
  }
  22.2% {
  transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
  transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
  transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
  transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
  transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
  transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
  transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  }
  
  .jello {
  animation-name: jello;
  transform-origin: center;
  }
  
  @keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
  opacity: 1;
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  }
  }
  
  .bounceIn {
  animation-name: bounceIn;
  }
  
  @keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  transform: translate3d(0, -3000px, 0);
  }
  60% {
  opacity: 1;
  transform: translate3d(0, 25px, 0);
  }
  75% {
  transform: translate3d(0, -10px, 0);
  }
  90% {
  transform: translate3d(0, 5px, 0);
  }
  to {
  transform: none;
  }
  }
  
  .bounceInDown {
  animation-name: bounceInDown;
  }
  
  @keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
  opacity: 0;
  transform: translate3d(-3000px, 0, 0);
  }
  60% {
  opacity: 1;
  transform: translate3d(25px, 0, 0);
  }
  75% {
  transform: translate3d(-10px, 0, 0);
  }
  90% {
  transform: translate3d(5px, 0, 0);
  }
  to {
  transform: none;
  }
  }
  
  .bounceInLeft {
  animation-name: bounceInLeft;
  }
  
  @keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
  opacity: 0;
  transform: translate3d(3000px, 0, 0);
  }
  60% {
  opacity: 1;
  transform: translate3d(-25px, 0, 0);
  }
  75% {
  transform: translate3d(10px, 0, 0);
  }
  90% {
  transform: translate3d(-5px, 0, 0);
  }
  to {
  transform: none;
  }
  }
  
  .bounceInRight {
  animation-name: bounceInRight;
  }
  
  @keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
  opacity: 0;
  transform: translate3d(0, 3000px, 0);
  }
  60% {
  opacity: 1;
  transform: translate3d(0, -20px, 0);
  }
  75% {
  transform: translate3d(0, 10px, 0);
  }
  90% {
  transform: translate3d(0, -5px, 0);
  }
  to {
  transform: translate3d(0, 0, 0);
  }
  }
  
  .bounceInUp {
  animation-name: bounceInUp;
  }
  
  @keyframes bounceOut {
  20% {
  transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
  opacity: 1;
  transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
  opacity: 0;
  transform: scale3d(0.3, 0.3, 0.3);
  }
  }
  
  .bounceOut {
  animation-name: bounceOut;
  }
  
  @keyframes bounceOutDown {
  20% {
  transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
  opacity: 1;
  transform: translate3d(0, -20px, 0);
  }
  to {
  opacity: 0;
  transform: translate3d(0, 2000px, 0);
  }
  }
  
  .bounceOutDown {
  animation-name: bounceOutDown;
  }
  
  @keyframes bounceOutLeft {
  20% {
  opacity: 1;
  transform: translate3d(20px, 0, 0);
  }
  to {
  opacity: 0;
  transform: translate3d(-2000px, 0, 0);
  }
  }
  
  .bounceOutLeft {
  animation-name: bounceOutLeft;
  }
  
  @keyframes bounceOutRight {
  20% {
  opacity: 1;
  transform: translate3d(-20px, 0, 0);
  }
  to {
  opacity: 0;
  transform: translate3d(2000px, 0, 0);
  }
  }
  
  .bounceOutRight {
  animation-name: bounceOutRight;
  }
  
  @keyframes bounceOutUp {
  20% {
  transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
  opacity: 1;
  transform: translate3d(0, 20px, 0);
  }
  to {
  opacity: 0;
  transform: translate3d(0, -2000px, 0);
  }
  }
  
  .bounceOutUp {
  animation-name: bounceOutUp;
  }
  
  @keyframes fadeIn {
  from {
  opacity: 0;
  }
  to {
  opacity: 1;
  }
  }
  
  .fadeIn {
  animation-name: fadeIn;
  }
  
  @keyframes fadeInDown {
  from {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInDown {
  animation-name: fadeInDown;
  }
  
  @keyframes fadeInDownBig {
  from {
  opacity: 0;
  transform: translate3d(0, -2000px, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInDownBig {
  animation-name: fadeInDownBig;
  }
  
  @keyframes fadeInLeft {
  from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInLeft {
  animation-name: fadeInLeft;
  }
  
  @keyframes fadeInLeftBig {
  from {
  opacity: 0;
  transform: translate3d(-2000px, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInLeftBig {
  animation-name: fadeInLeftBig;
  }
  
  @keyframes fadeInRight {
  from {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInRight {
  animation-name: fadeInRight;
  }
  
  @keyframes fadeInRightBig {
  from {
  opacity: 0;
  transform: translate3d(2000px, 0, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInRightBig {
  animation-name: fadeInRightBig;
  }
  
  @keyframes fadeInUp {
  from {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInUp {
  animation-name: fadeInUp;
  }
  
  @keyframes fadeInUpBig {
  from {
  opacity: 0;
  transform: translate3d(0, 2000px, 0);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .fadeInUpBig {
  animation-name: fadeInUpBig;
  }
  
  @keyframes fadeOut {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  }
  }
  
  .fadeOut {
  animation-name: fadeOut;
  }
  
  @keyframes fadeOutDown {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  }
  }
  
  .fadeOutDown {
  animation-name: fadeOutDown;
  }
  
  @keyframes fadeOutDownBig {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(0, 2000px, 0);
  }
  }
  
  .fadeOutDownBig {
  animation-name: fadeOutDownBig;
  }
  
  @keyframes fadeOutLeft {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  }
  }
  
  .fadeOutLeft {
  animation-name: fadeOutLeft;
  }
  
  @keyframes fadeOutLeftBig {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(-2000px, 0, 0);
  }
  }
  
  .fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
  }
  
  @keyframes fadeOutRight {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  }
  }
  
  .fadeOutRight {
  animation-name: fadeOutRight;
  }
  
  @keyframes fadeOutRightBig {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(2000px, 0, 0);
  }
  }
  
  .fadeOutRightBig {
  animation-name: fadeOutRightBig;
  }
  
  @keyframes fadeOutUp {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  }
  }
  
  .fadeOutUp {
  animation-name: fadeOutUp;
  }
  
  @keyframes fadeOutUpBig {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(0, -2000px, 0);
  }
  }
  
  .fadeOutUpBig {
  animation-name: fadeOutUpBig;
  }
  
  @keyframes flip {
  from {
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  animation-timing-function: ease-out;
  }
  40% {
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  animation-timing-function: ease-out;
  }
  50% {
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  animation-timing-function: ease-in;
  }
  80% {
  transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
  animation-timing-function: ease-in;
  }
  to {
  transform: perspective(400px);
  animation-timing-function: ease-in;
  }
  }
  
  .animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
  }
  
  @keyframes flipInX {
  from {
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  animation-timing-function: ease-in;
  }
  60% {
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
  transform: perspective(400px);
  }
  }
  
  .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
  }
  
  @keyframes flipInY {
  from {
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  animation-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  animation-timing-function: ease-in;
  }
  60% {
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
  }
  80% {
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
  transform: perspective(400px);
  }
  }
  
  .flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
  }
  
  @keyframes flipOutX {
  from {
  transform: perspective(400px);
  }
  30% {
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  opacity: 1;
  }
  to {
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
  }
  }
  
  .flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  }
  
  @keyframes flipOutY {
  from {
  transform: perspective(400px);
  }
  30% {
  transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
  opacity: 1;
  }
  to {
  transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
  opacity: 0;
  }
  }
  
  .flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
  }
  
  @keyframes lightSpeedIn {
  from {
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  transform: skewX(-5deg);
  opacity: 1;
  }
  to {
  transform: none;
  opacity: 1;
  }
  }
  
  .lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
  }
  
  @keyframes lightSpeedOut {
  from {
  opacity: 1;
  }
  to {
  transform: translate3d(100%, 0, 0) skewX(30deg);
  opacity: 0;
  }
  }
  
  .lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
  }
  
  @keyframes rotateIn {
  from {
  transform-origin: center;
  transform: rotate3d(0, 0, 1, -200deg);
  opacity: 0;
  }
  to {
  transform-origin: center;
  transform: none;
  opacity: 1;
  }
  }
  
  .rotateIn {
  animation-name: rotateIn;
  }
  
  @keyframes rotateInDownLeft {
  from {
  transform-origin: left bottom;
  transform: rotate3d(0, 0, 1, -45deg);
  opacity: 0;
  }
  to {
  transform-origin: left bottom;
  transform: none;
  opacity: 1;
  }
  }
  
  .rotateInDownLeft {
  animation-name: rotateInDownLeft;
  }
  
  @keyframes rotateInDownRight {
  from {
  transform-origin: right bottom;
  transform: rotate3d(0, 0, 1, 45deg);
  opacity: 0;
  }
  to {
  transform-origin: right bottom;
  transform: none;
  opacity: 1;
  }
  }
  
  .rotateInDownRight {
  animation-name: rotateInDownRight;
  }
  
  @keyframes rotateInUpLeft {
  from {
  transform-origin: left bottom;
  transform: rotate3d(0, 0, 1, 45deg);
  opacity: 0;
  }
  to {
  transform-origin: left bottom;
  transform: none;
  opacity: 1;
  }
  }
  
  .rotateInUpLeft {
  animation-name: rotateInUpLeft;
  }
  
  @keyframes rotateInUpRight {
  from {
  transform-origin: right bottom;
  transform: rotate3d(0, 0, 1, -90deg);
  opacity: 0;
  }
  to {
  transform-origin: right bottom;
  transform: none;
  opacity: 1;
  }
  }
  
  .rotateInUpRight {
  animation-name: rotateInUpRight;
  }
  
  @keyframes rotateOut {
  from {
  transform-origin: center;
  opacity: 1;
  }
  to {
  transform-origin: center;
  transform: rotate3d(0, 0, 1, 200deg);
  opacity: 0;
  }
  }
  
  .rotateOut {
  animation-name: rotateOut;
  }
  
  @keyframes rotateOutDownLeft {
  from {
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  transform-origin: left bottom;
  transform: rotate3d(0, 0, 1, 45deg);
  opacity: 0;
  }
  }
  
  .rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  }
  
  @keyframes rotateOutDownRight {
  from {
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  transform-origin: right bottom;
  transform: rotate3d(0, 0, 1, -45deg);
  opacity: 0;
  }
  }
  
  .rotateOutDownRight {
  animation-name: rotateOutDownRight;
  }
  
  @keyframes rotateOutUpLeft {
  from {
  transform-origin: left bottom;
  opacity: 1;
  }
  to {
  transform-origin: left bottom;
  transform: rotate3d(0, 0, 1, -45deg);
  opacity: 0;
  }
  }
  
  .rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  }
  
  @keyframes rotateOutUpRight {
  from {
  transform-origin: right bottom;
  opacity: 1;
  }
  to {
  transform-origin: right bottom;
  transform: rotate3d(0, 0, 1, 90deg);
  opacity: 0;
  }
  }
  
  .rotateOutUpRight {
  animation-name: rotateOutUpRight;
  }
  
  @keyframes hinge {
  0% {
  transform-origin: top left;
  animation-timing-function: ease-in-out;
  }
  20%,
  60% {
  transform: rotate3d(0, 0, 1, 80deg);
  transform-origin: top left;
  animation-timing-function: ease-in-out;
  }
  40%,
  80% {
  transform: rotate3d(0, 0, 1, 60deg);
  transform-origin: top left;
  animation-timing-function: ease-in-out;
  opacity: 1;
  }
  to {
  transform: translate3d(0, 700px, 0);
  opacity: 0;
  }
  }
  
  .hinge {
  animation-name: hinge;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @keyframes rollIn {
  from {
  opacity: 0;
  transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
  opacity: 1;
  transform: none;
  }
  }
  
  .rollIn {
  animation-name: rollIn;
  }
  
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
  
  @keyframes rollOut {
  from {
  opacity: 1;
  }
  to {
  opacity: 0;
  transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
  }
  
  .rollOut {
  animation-name: rollOut;
  }
  
  @keyframes zoomIn {
  from {
  opacity: 0;
  transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
  opacity: 1;
  }
  }
  
  .zoomIn {
  animation-name: zoomIn;
  }
  
  @keyframes zoomInDown {
  from {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomInDown {
  animation-name: zoomInDown;
  }
  
  @keyframes zoomInLeft {
  from {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomInLeft {
  animation-name: zoomInLeft;
  }
  
  @keyframes zoomInRight {
  from {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomInRight {
  animation-name: zoomInRight;
  }
  
  @keyframes zoomInUp {
  from {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomInUp {
  animation-name: zoomInUp;
  }
  
  @keyframes zoomOut {
  from {
  opacity: 1;
  }
  50% {
  opacity: 0;
  transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
  opacity: 0;
  }
  }
  
  .zoomOut {
  animation-name: zoomOut;
  }
  
  @keyframes zoomOutDown {
  40% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
  transform-origin: center bottom;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomOutDown {
  animation-name: zoomOutDown;
  }
  
  @keyframes zoomOutLeft {
  40% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
  opacity: 0;
  transform: scale(0.1) translate3d(-2000px, 0, 0);
  transform-origin: left center;
  }
  }
  
  .zoomOutLeft {
  animation-name: zoomOutLeft;
  }
  
  @keyframes zoomOutRight {
  40% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
  opacity: 0;
  transform: scale(0.1) translate3d(2000px, 0, 0);
  transform-origin: right center;
  }
  }
  
  .zoomOutRight {
  animation-name: zoomOutRight;
  }
  
  @keyframes zoomOutUp {
  40% {
  opacity: 1;
  transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
  opacity: 0;
  transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
  transform-origin: center bottom;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  }
  
  .zoomOutUp {
  animation-name: zoomOutUp;
  }
  
  @keyframes slideInDown {
  from {
  transform: translate3d(0, -100%, 0);
  visibility: visible;
  }
  to {
  transform: translate3d(0, 0, 0);
  }
  }
  
  .slideInDown {
  animation-name: slideInDown;
  }
  
  @keyframes slideInLeft {
  from {
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
  }
  to {
  transform: translate3d(0, 0, 0);
  }
  }
  
  .slideInLeft {
  animation-name: slideInLeft;
  }
  
  @keyframes slideInRight {
  from {
  transform: translate3d(100%, 0, 0);
  visibility: visible;
  }
  to {
  transform: translate3d(0, 0, 0);
  }
  }
  
  .slideInRight {
  animation-name: slideInRight;
  }
  
  @keyframes slideInUp {
  from {
  transform: translate3d(0, 100%, 0);
  visibility: visible;
  }
  to {
  transform: translate3d(0, 0, 0);
  }
  }
  
  .slideInUp {
  animation-name: slideInUp;
  }
  
  @keyframes slideOutDown {
  from {
  transform: translate3d(0, 0, 0);
  }
  to {
  visibility: hidden;
  transform: translate3d(0, 100%, 0);
  }
  }
  
  .slideOutDown {
  animation-name: slideOutDown;
  }
  
  @keyframes slideOutLeft {
  from {
  transform: translate3d(0, 0, 0);
  }
  to {
  visibility: hidden;
  transform: translate3d(-100%, 0, 0);
  }
  }
  
  .slideOutLeft {
  animation-name: slideOutLeft;
  }
  
  @keyframes slideOutRight {
  from {
  transform: translate3d(0, 0, 0);
  }
  to {
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  }
  }
  
  .slideOutRight {
  animation-name: slideOutRight;
  }
  
  @keyframes slideOutUp {
  from {
  transform: translate3d(0, 0, 0);
  }
  to {
  visibility: hidden;
  transform: translate3d(0, -100%, 0);
  }
  }
  
  .slideOutUp {
  animation-name: slideOutUp;
  }
  
  .os-animation {
  opacity: 0;
  }
  
  .os-animation.animated {
  opacity: 1;
  }
  
  .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  }
  
  .animated.hinge {
  animation-duration: 2s;
  }
  
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  transform: translateY(20px);
  }
  100% {
  opacity: 1;
  transform: translateY(0);
  }
  }
  
  .fadeInUp {
  animation-name: fadeInUp;
  }
  
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  transform: translateY(2000px);
  }
  100% {
  opacity: 1;
  transform: translateY(0);
  }
  }
  
  .fadeInUpBig {
  animation-name: fadeInUpBig;
  }
  
  body {
  padding-top: 70px;
  }
  
  header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  height: 80px;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  transition: .5s;
  }
  
  header.sticky {
  height: 70px;
  overflow: hidden;
  z-index: 3;
  }
  
  .header-main {
  max-width: 1366px;
  margin: 0 auto;
  }
  
  .top-nav {
  height: 70px;
  }
  
  .top-nav .logo {
  padding: 15px 40px 15px 20px;
  }
  
  .top-nav .logo a img {
  display: block;
  }
  
  .footer {
  font-size: 14px;
  font-weight: 300;
  background-color: #f3f3f3;
  }
  
  .footer p {
  margin-bottom: 0;
  }
  
  .footer .stoke-value {
  font-size: 24px;
  line-height: 1;
  float: right;
  }
  
  .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: 767px) {
  .footer-btm .d-flex {
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: center;
  }
  .footer-btm .d-flex p:first-child {
  margin-bottom: 20px;
  }
  }
  
  /*Service box*/
  .service-box {
  background-color: #FFFFFF;
  padding: 100px 0;
  position: relative;
  }
  
  .service-box::before {
  background: #f3f3f3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 185px;
  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 .cards {
  margin-top: 60px;
  }
  
  .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: 100px 0 30px;
  }
  .service-box::before {
  height: 160px;
  }
  .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;
  }
  }
  
  /* Component wise SCSS*/
  /* Banner common start */
  /* circle type list start */
  .list-item {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 16px;
  }
  
  .list-item.with-arw li {
  position: relative;
  }
  
  .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;
  width: 50px;
  height: 50px;
  }
  
  .list-item.op1 li span img {
  width: 24px;
  height: 24px;
  }
  
  @media (max-width: 991px) {
  .list-item.op1 li a {
  color: #54565B;
  }
  }
  
  .list-item li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
  }
  
  .list-item li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  }
  
  .list-item li span {
  display: inline-block;
  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;
  margin-right: 15px;
  }
  
  .list-item li span.opt1 {
  background: #FFFFFF;
  }
  
  @media (max-width: 1024px) {
  .list-item li {
  margin-bottom: 20px;
  }
  }
  
  /*joureny banner*/
  .explorer11 .date-of-birth .form-label-group .form-control ~ label.error {
  display: none !important;
  }
  
  .banner {
  background: #DDCDCE;
  padding-top: 50px;
  color: #FFFFFF;
  padding-top: 30px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  }
  
  .banner input::-webkit-outer-spin-button,
  .banner input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  }
  
  .banner input[type=number] {
  -moz-appearance: textfield;
  }
  
  .banner .date-of-birth .date-bx {
  border: 2px solid #d8d8d8;
  border-radius: .25rem;
  }
  
  .banner .date-of-birth .row {
  margin: 0;
  -ms-flex-direction: row;
  flex-direction: row;
  }
  
  .banner .date-of-birth .row .form-label-group .form-control {
  border-color: white;
  border-radius: 0;
  }
  
  .banner .date-of-birth .row .form-label-group .form-control.is-invalid {
  border-color: #d10000;
  }
  
  @media (max-width: 767px) {
  .banner .date-of-birth .row .form-label-group {
  margin-bottom: 0;
  }
  }
  
  .banner .date-of-birth .col-4 {
  padding: 0;
  }
  
  .banner .date-of-birth .col-4:first-child, .banner .date-of-birth .col-4:nth-child(2) {
  border-right: 2px solid #d8d8d8;
  }
  
  .banner .date-of-birth .col-4 .error {
  display: none !important;
  }
  
  .banner .date-of-birth .col-4 .form-control.is-valid,
  .banner .date-of-birth .col-4 .was-validated .form-control:valid,
  .banner .date-of-birth .col-4 .form-control.is-invalid,
  .banner .date-of-birth .col-4 .was-validated .form-control:invalid {
  background: none;
  padding: 0.85rem 0.75rem;
  }
  
  .banner .cust-error {
  color: #d10000;
  }
  
  @media (max-width: 767px) {
  .banner {
  padding-bottom: 40px;
  }
  }
  
  .banner .hero-img {
  margin-left: -30px;
  }
  
  @media (max-width: 1024px) {
  .banner .hero-img {
  margin-left: -60px;
  }
  }
  
  @media (max-width: 991px) {
  .banner .hero-img {
  margin: 0;
  }
  }
  
  .banner figure {
  margin: 0;
  position: relative;
  }
  
  .banner figure figcaption {
  position: absolute;
  left: 0;
  top: 59%;
  padding-left: 30px;
  font-family: 'ocr-b_10_btregular';
  font-size: 13px;
  }
  
  .banner figure img {
  display: block;
  }
  
  .banner figure img.center {
  margin: 0 auto;
  }
  
  @media (max-width: 1024px) {
  .banner figure img.center {
  width: auto;
  }
  }
  
  @media (max-width: 1024px) {
  .banner figure img {
  width: 340px;
  margin-left: 30px;
  }
  }
  
  @media (max-width: 991px) {
  .banner figure img {
  width: 300px;
  margin-left: 0;
  }
  }
  
  @media (max-width: 767px) {
  .banner figure img {
  width: 100%;
  margin: 0 auto;
  }
  }
  
  .banner .list-item {
  border-top: 0;
  }
  
  @media (max-width: 767px) {
  .banner .list-item li {
  -ms-flex: 0 0 305px;
      flex: 0 0 305px;
  margin-right: 15px;
  }
  }
  
  @media (max-width: 767px) and (max-width: 991px) {
  .banner .list-item li {
  -ms-flex: 0 0 285px;
      flex: 0 0 285px;
  }
  }
  
  .banner .hd2v {
  margin-bottom: 10px;
  font-weight: 700;
  }
  
  .banner.cs-opt {
  background: white;
  background: radial-gradient(circle, white 0%, #d5d7d9 100%);
  min-height: 590px;
  padding: 0;
  }
  
  .banner.cs-opt figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  }
  
  @media (max-width: 1024px) {
  .banner.cs-opt figure img {
  width: auto;
  }
  }
  
  @media (max-width: 991px) {
  .banner.cs-opt figure img {
  width: 500px;
  }
  }
  
  @media (max-width: 767px) {
  .banner.cs-opt figure img {
  width: 100%;
  }
  }
  
  .banner.cs-opt .banner-form {
  margin-bottom: auto;
  padding: 15px 40px;
  }
  
  @media (max-width: 1024px) {
  .banner.cs-opt .banner-form {
  padding: 15px 20px;
  }
  }
  
  .banner.cs-opt .banner-form .score-box {
  font-size: 44px;
  color: #00a07a;
  font-weight: 700;
  }
  
  .list-cont {
  width: 80%;
  color: #54565B;
  }
  
  @media (max-width: 767px) {
  .list-cont {
  width: 70%;
  }
  }
  
  /* joureny banner end*/
  /* common font colors*/
  .grey-c-400 {
  color: #737373;
  }
  
  .grey-c-3 {
  color: #b8b8b8;
  }
  
  /*end*/
  .banner-form {
  padding: 45px 40px 40px;
  margin-bottom: -70px;
  min-height: 540px;
  color: #54565B;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  }
  
  @media (max-width: 991px) {
  .banner-form {
  min-height: 400px;
  margin-bottom: -30px;
  }
  }
  
  @media (max-width: 767px) {
  .banner-form {
  margin-bottom: 0;
  min-height: 310px;
  }
  .banner-form figure img.center {
  width: auto;
  }
  }
  
  .banner-form .form-list {
  margin-top: 0;
  }
  
  .banner-form .form-list li:last-child {
  margin-bottom: 0;
  }
  
  .banner-form textarea.form-control {
  resize: none;
  }
  
  .banner-form .custom-checkbox {
  color: #54565B;
  }
  
  .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,
  .form-label-group textarea {
  padding: 0.85rem 0.75rem;
  }
  
  .form-label-group > input.search {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/svg/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 > label.pincodeCityState {
  color: #767676;
  /* font-family: Roboto; */
  font-size: 11px;
  letter-spacing: 0;
  line-height: 15px;
  position: relative;
  padding: 5px 0 0;
  top: unset;
  left: unset;
  text-transform: capitalize;
  }
  
  .form-label-group input:-ms-input-placeholder {
  color: transparent;
  }
  
  .form-label-group input::placeholder {
  color: transparent;
  }
  
  .form-label-group input:not(:placeholder-shown),
  .form-label-group textarea: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,
  .form-label-group textarea:not(:placeholder-shown) ~ label {
  font-size: 12px;
  color: #777;
  background: #fff;
  border-radius: 0px;
  display: inline-block;
  width: auto;
  /* padding: 1px 4px; */
  padding: 1px 0px;
  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:focus ~ .custom-control-label::before,
  .custom-control.green.green .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #d8d8d8;
  }
  
  .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 .form-control.hasDatepicker,
  .form2 .form-label-group .form-control.hasDatepicker {
  background: none;
  }
  
  .form1 .form-label-group > label,
  .form2 .form-label-group > label {
  color: #737373;
  }
  
  .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/ntb/ntb-cc/svg/checkbox.svg) no-repeat;
  }  sprint2c */
  
  .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;
  }
  
  .selec-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  
  @media (max-width: 1024px) {
  .selec-nowrap {
  width: 100% !important;
  padding-right: 30px !important;
  }
  }
  
  .sa-form {
  display: none;
  }
  
  .sa-form.active {
  display: block;
  }
  
  .boc-form {
  display: none;
  }
  
  /* joureny benifits*/
  .white-bg {
  background-color: #fff;
  }
  
  .list-benefits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }
  
  .list-benefits li {
  width: 30%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  }
  
  @media (max-width: 991px) {
  .list-benefits li {
  width: 47%;
  }
  .list-benefits li:nth-child(odd) {
  margin-right: 15px;
  }
  }
  
  @media (max-width: 767px) {
  .list-benefits li {
  width: 100%;
  }
  .list-benefits li:nth-child(odd) {
  margin-right: 0;
  }
  }
  
  .list-benefits li figure {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  background: #f3f3f3;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  
  .list-benefits li .img-ctr {
  width: 80%;
  }
  
  .list-benefits li .img-ctr strong {
  display: block;
  font-weight: 700;
  margin-top: 3px;
  }
  
  .list-benefits.op1 li {
  width: 100%;
  }
  
  /* common terms and skip links */
  .terms {
  margin: 25px 0 45px 0;
  }
  
  .skip {
  font-size: 14px;
  font-weight: 700;
  color: #767676;
  }
  
  /* common terms and skip links */
  .hide {
  display: none;
  }
  
  .otp-bx {
  margin-top: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }
  
  /* Scroll right-left on mobile start */
  @media (max-width: 767px) {
  .mob-scroll,
  .mob-scroll1 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  }
  .mob-scroll::-webkit-scrollbar,
  .mob-scroll1::-webkit-scrollbar {
  display: none;
  }
  }
  
  /*  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;
  }
  
  .jvalidation #cancel-card textarea {
  background: none !important;
  }
  
  .cs-title-box {
  padding: 30px 0 0 35px;
  }
  
  @media (max-width: 991px) {
  .cs-title-box {
  padding: 30px 0 0 0;
  }
  }
  
  @media (max-width: 767px) {
  .cs-title-box {
  text-align: center;
  margin-bottom: 30px;
  }
  }
  
  @media (max-width: 767px) {
  .proceed-box {
  padding-bottom: 0;
  }
  .proceed-box .btn-box {
  margin: 0;
  }
  .proceed-box .btn-box .btn-red {
  border-radius: 0;
  width: 100%;
  }
  }
  
  .customer-speak-carousel .owl-nav {
  position: absolute;
  left: -260px;
  top: 120px;
  }
  
  @media (max-width: 991px) {
  .customer-speak-carousel .owl-nav {
  left: -190px;
  }
  }
  
  @media (max-width: 767px) {
  .customer-speak-carousel .owl-nav {
  position: static;
  text-align: center;
  padding: 30px 0;
  }
  }
  
  .customer-speak-carousel .owl-nav .owl-prev,
  .customer-speak-carousel .owl-nav .owl-next {
  width: 48px;
  height: 48px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  margin: 0 10px;
  }
  
  @media (max-width: 767px) {
  .customer-speak-carousel .owl-nav .owl-prev,
  .customer-speak-carousel .owl-nav .owl-next {
  background: #FFFFFF !important;
  }
  }
  
  .customer-speak-carousel .owl-nav .owl-prev span,
  .customer-speak-carousel .owl-nav .owl-next span {
  display: none;
  }
  
  .customer-speak-carousel .owl-nav .owl-prev::before {
  font-family: icomoon;
  content: "\e901";
  color: #9D1D27;
  }
  
  .customer-speak-carousel .owl-nav .owl-next::before {
  font-family: icomoon;
  content: "\e902";
  color: #9D1D27;
  }
  
  .customer-speak {
  background: white;
  background: linear-gradient(90deg, white 40%, #c4777d 40%, #9d1d1d 100%);
  }
  
  @media (max-width: 767px) {
  .customer-speak {
  background: white;
  background: linear-gradient(180deg, white 48%, #c4777d 48%, #9d1d27 100%);
  }
  }
  
  .customer-speak .container.shape {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/shape.svg") no-repeat 0 -2px;
  padding: 120px 15px 120px 15px;
  }
  
  @media (max-width: 767px) {
  .customer-speak .container.shape {
  padding: 80px 15px 0 15px;
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/shape.svg") no-repeat center -2px;
  }
  }
  
  .customer-speak .white-box, .customer-speak .accordian .trgr, .accordian .customer-speak .trgr, .customer-speak .accordian .tog_cont, .accordian .customer-speak .tog_cont {
  padding: 30px 20px;
  margin: 2px;
  min-height: 205px;
  }
  
  .rating-box {
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
  padding-bottom: 10px;
  }
  
  .rating-box .icon-star {
  width: 16px;
  }
  
  .rating-box .icon-star::before {
  color: rgba(151, 151, 151, 0.3);
  }
  
  .rating-box .icon-star.active::before {
  color: #FFCB05;
  }
  
  .notes {
  margin-top: 0px;
  }
  
  .notes ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
  }
  
  .notes ol li {
  margin: 3px 0 0 14px;
  position: relative;
  padding-bottom: 6px;
  }
  
  .notes ol li::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #54565b;
  }
  
  #tandc .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  }
  
  #tandc .modal-body {
  overflow: scroll;
  height: 450px;
  }
  
  .ui-widget {
  background: #FFFFFF;
  width: 320px !important;
  }
  
  .ui-autocomplete {
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  width: 100%;
  }
  
  .ui-autocomplete li .ui-menu-item-wrapper {
  padding: 10px;
  }
  
  .ui-autocomplete .ui-state-active {
  background: #f3f3f3;
  }
  
  .edit-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  background: white;
  }
  
  .referBanner .container {
  max-width: 1366px;
  }
  
  .referBanner {
  background: linear-gradient(229.31deg, #C2B5B5 0%, #FFECEE 100%);
  }
  
  .referBanner .offer-box {
  background: none;
  }
  
  .referBanner .offer-inner {
  position: relative;
  left: -120px;
  }
  
  .referBanner .offer-inner .hd1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 23px;
  }
  
  .referBanner .btn-box a {
  width: 194px;
  font-size: 14px;
  font-weight: bold;
  }
  
  .referBanner .btn-trans {
  display: inline-block;
  height: 50px;
  min-width: 160px;
  padding: 10px 30px;
  border-radius: 25px;
  background: none;
  color: #9C1D26;
  text-align: center;
  line-height: 30px;
  white-space: nowrap;
  }
  
  .referBanner .btn-box {
  margin-top: 35px;
  }
  
  .referNowPopup .more-reasons {
  background: linear-gradient(222.72deg, #FFECEE 0%, #C2B5B5 100%);
  border-radius: .3rem 0 0 .3rem;
  padding-bottom: 0;
  }
  
  .referNowPopup .ML100N {
  margin-left: 100px;
  }
  
  .referNowPopup .popup-list-box .list-benefits li {
  width: 100%;
  }
  
  .referNowPopup .popup-list-box {
  padding-bottom: 70px;
  }
  
  @media (max-width: 1100px) {
  .referBanner .offer-inner {
  position: absolute;
  left: auto;
  right: 0;
  width: 500px;
  }
  }
  
  @media (max-width: 991px) {
  .referBanner .btn-box a {
  width: auto;
  min-width: auto;
  padding: 0 30px;
  line-height: 50px;
  }
  .referNowPopup .more-reasons {
  border-radius: .3rem .3rem 0 0;
  }
  }
  
  @media (max-width: 920px) {
  .referBanner .offer-inner {
  width: 450px;
  }
  }
  
  @media (max-width: 800px) {
  .referBanner .offer-inner {
  width: 400px;
  }
  }
  
  @media (max-width: 768px) {
  .referBanner .offer-inner {
  position: inherit;
  left: inherit;
  width: 100%;
  }
  .referBanner .btn-box {
  margin-top: 10px;
  }
  .referBanner .offer-inner .hd1 {
  font-size: 30px;
  }
  }
  
  @media (max-width: 768px) {
  .referNowPopup .ML100N {
  margin: 0;
  }
  }
  
  .pd-section {
  padding: 35px 0 20px 0;
  background: #ffecee;
  background: linear-gradient(180deg, #ffecee 0%, #c3b5b5 100%);
  }
  
  @media (max-width: 991px) {
  .pd-section .hd {
  font-size: 24px;
  }
  }
  
  @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%;
  }
  }
  
  /* Special offering page*/
  @media (max-width: 991px) {
  .special-offering {
  margin-top: 50px;
  }
  }
  
  .special-offering table {
  border: 1px solid #d8d8d8;
  width: 100%;
  }
  
  .special-offering table th {
  font-weight: 400;
  }
  
  .special-offering table th strong {
  display: block;
  font-size: 12px;
  }
  
  .special-offering table th .form-group {
  margin: -28px 0 0 10px;
  padding-bottom: 20px;
  }
  
  @media (max-width: 991px) {
  .special-offering table th {
  text-align: center;
  }
  }
  
  .special-offering table th, .special-offering table td {
  padding: 15px 30px;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  color: #737373;
  }
  
  @media (max-width: 991px) {
  .special-offering table th, .special-offering table td {
  padding: 15px;
  }
  }
  
  @media (max-width: 767px) {
  .special-offering table th, .special-offering table td {
  border-right: 0;
  padding: 10px;
  }
  }
  
  .special-offering table th:nth-child(2), .special-offering table th:nth-child(3), .special-offering table td:nth-child(2), .special-offering table td:nth-child(3) {
  text-align: center;
  width: 30%;
  }
  
  @media (max-width: 991px) {
  .special-offering table th:nth-child(2), .special-offering table th:nth-child(3), .special-offering table td:nth-child(2), .special-offering table td:nth-child(3) {
  width: 50%;
  }
  }
  
  .special-offering table td .box-details {
  display: -ms-flexbox;
  display: flex;
  }
  
  .special-offering table td .box-details figure {
  margin: 0 20px 0 0;
  }
  
  @media (max-width: 991px) {
  .special-offering table td .box-details figure {
  display: none;
  }
  }
  
  /* Special offering page end*/
  .cong-section {
  padding: 70px 0;
  background: #ffffff;
  height: 100%;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100;
  padding: 200px 0px 50px 0px;
  }
  
  @media (max-width: 767px) {
  .cong-section {
  padding: 30px 0;
  }
  }
  
  .cong-section figure {
  margin: 0;
  }
  
  .cong-section.op1 {
  padding-bottom: 0;
  }
  
  .cong-section .cc-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  }
  
  .cong-section .cc-card figure {
  position: relative;
  }
  
  .cong-section .cc-card figure figcaption {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding-left: 15px;
  font-family: 'ocr-b_10_btregular';
  color: #FFFFFF;
  font-size: 13px;
  }
  
  .cong-section .cc-card.op1 figure figcaption {
  top: 105px;
  }
  
  @media (max-width: 991px) {
  .mobile-fix {
  display: block;
  margin: 0 auto;
  width: 240px;
  }
  .mobile-fix .btn-red.brdn.MR30 {
  margin: 0;
  }
  .mobile-fix .f14g {
  display: block;
  margin-top: 15px;
  }
  }
  
  .next-step {
  padding: 60px 0;
  background: #9d1d27;
  background: linear-gradient(90deg, #9d1d27 0%, #c4777d 64%, #f3f3f3 64%, #f3f3f3 100%);
  }
  
  .next-step .next-step-cont {
  padding-right: 50px;
  }
  
  @media (max-width: 1024px) {
  .next-step .next-step-cont {
  padding-right: 0;
  }
  }
  
  @media (max-width: 767px) {
  .next-step {
  background: #9d1d27;
  background: linear-gradient(180deg, #9d1d27 0%, #c4777d 64%, #f3f3f3 64%, #f3f3f3 100%);
  }
  }
  
  .c-white {
  color: #FFFFFF;
  }
  
  .cong-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  }
  
  @media (max-width: 767px) {
  .cong-list {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  }
  }
  
  .cong-list li {
  padding: 0 90px;
  border-right: 1px solid #d8d8d8;
  }
  
  @media (max-width: 1024px) {
  .cong-list li {
  padding: 0 20px;
  }
  }
  
  @media (max-width: 767px) {
  .cong-list li {
  border-right: 0;
  margin: 20px 0;
  }
  }
  
  .cong-list li:last-child {
  border-right: 0;
  }
  
  .cong-list li p {
  margin: 0;
  }
  
  .cong-list li strong {
  display: block;
  font-size: 24px;
  }
  
  .step-list li {
  background: #FFFFFF;
  padding: 20px 90px 20px 20px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  box-shadow: 0 1px 2px rgba(84, 86, 91, 0.2);
  }
  
  .step-list li:nth-child(2) {
  padding-bottom: 5px;
  }
  
  .step-list li input.f-input {
  border: 0;
  width: 100%;
  font-size: 12px;
  height: 15px;
  }
  
  @media (max-width: 1024px) {
  .step-list li {
  padding: 15px 60px 15px 20px;
  }
  }
  
  .step-list li figure {
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  margin-right: 20px;
  }
  
  .step-list li:last-child {
  margin-bottom: 0;
  }
  
  .step-list li .arrow.yellow {
  position: absolute;
  right: 20px;
  }
  
  .step-list li .arrow.yellow span::before {
  color: #54565B;
  }
  
  .step-list li p {
  margin: 0;
  }
  
  .c-grey-3 {
  color: #b8b8b8;
  }
  
  .fileUpload {
  position: absolute;
  right: 0px;
  top: 30px;
  }
  
  .fileUpload.active .arrow.yellow {
  background: #00a07a url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/svg/checkbox.svg") no-repeat center center;
  }
  
  .fileUpload.active .arrow.yellow span {
  display: none;
  }
  
  .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  }
  
  .common-section {
  background: #FFFFFF;
  padding: 75px 0;
  }
  
  .page-breaker {
  border: 2px solid #9D1D27;
  border-radius: 8px;
  }
  
  @media (max-width: 767px) {
  .page-breaker.op1 {
  padding: 20px 20px 0 20px;
  }
  .page-breaker.op1 .download-box a {
  margin-bottom: 15px;
  display: block;
  }
  }
  
  .latest-offer {
  padding: 70px 0;
  background: #fafafa;
  }
  
  @media (max-width: 991px) {
  .latest-offer .tabs-opt {
  max-width: 360px;
  }
  }
  
  @media (max-width: 767px) {
  .latest-offer .col-md-4 {
  margin-bottom: 30px;
  }
  }
  
  .card-box {
  background: #FFFFFF;
  border-radius: 4px;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px rgba(84, 86, 91, 0.2);
  overflow: hidden;
  height: 100%;
  }
  
  @media (max-width: 767px) {
  .card-box {
  height: auto;
  margin-bottom: 30px;
  }
  }
  
  .card-box .icon-star::before {
  color: #FFCB05;
  }
  
  .card-box .icon-star:hover::before {
  color: #FFCB05;
  }
  
  .card-box .arrow {
  position: absolute;
  right: 70px;
  top: 110px;
  }
  
  @media (max-width: 991px) {
  .card-box .arrow {
  top: 70px;
  }
  }
  
  .card-box .img-box {
  width: 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  }
  
  @media (max-width: 1024px) {
  .card-box .hd2v {
  font-size: 18px;
  }
  }
  
  @media (max-width: 991px) {
  .card-box .hd2v {
  font-size: 24px;
  }
  .card-box .link {
  padding: 15px;
  }
  }
  
  .credit-card-box {
  margin-bottom: -60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  }
  
  .credit-card-box figure {
  position: relative;
  }
  
  .credit-card-box figure figcaption {
  position: absolute;
  left: 0;
  bottom: 24px;
  padding-left: 15px;
  font-family: 'ocr-b_10_btregular';
  color: #FFFFFF;
  font-size: 13px;
  }
  
  @media (max-width: 767px) {
  .credit-card-box figure figcaption {
  bottom: 14px;
  padding-left: 9px;
  }
  }
  
  @media (max-width: 767px) {
  .credit-card-box {
  -ms-flex-pack: start;
      justify-content: flex-start;
  }
  .credit-card-box img {
  width: 200px;
  }
  }
  
  .credit-card-box.op1 figure figcaption {
  top: 105px;
  }
  
  /*!
  * 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;
  z-index: 3 !important;
  }
  
  @media (max-width: 767px) {
  .ui-datepicker {
  padding: 5px 5px 0;
  }
  }
  
  .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;
  }
  
  @media (max-width: 767px) {
  .ui-datepicker td span,
  .ui-datepicker td a {
  padding: 5px;
  width: 30px;
  border: 0;
  font-size: 13px;
  }
  }
  
  .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*/
  }
  
  /* Accordian style */
  .accordian {
  /* common accordian like FAQ */
  /* common accordian like FAQ end */
  /* Product Detail page Eligibility */
  /* Product Detail Eligibility end*/
  }
  
  .accordian .trgr {
  padding: 20px 50px 20px 30px;
  margin-top: 1rem;
  position: relative;
  cursor: pointer;
  }
  
  .accordian .trgr::before {
  position: absolute;
  width: 15px;
  height: 15px;
  font-family: icomoon;
  content: "\e900";
  right: 30px;
  top: 20px;
  color: #9d1d27;
  }
  
  .accordian .trgr.act {
  border-radius: 5px 5px 0 0;
  }
  
  .accordian .trgr.act::before {
  content: "\e903";
  }
  
  .accordian .tog_cont {
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #9d1d27;
  padding: 20px 30px;
  margin-bottom: 1rem;
  }
  
  .accordian .tog_cont .block {
  display: block;
  }
  
  @media (max-width: 767px) {
  .accordian .trgr {
  padding: 20px 50px 20px 20px;
  }
  .accordian .tog_cont {
  padding: 20px;
  }
  }
  
  .accordian.op1 .trgr {
  box-shadow: none;
  font-size: 36px;
  font-weight: 300;
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 50px 10px 0;
  border-radius: 0;
  line-height: 1;
  }
  
  @media (max-width: 1024px) {
  .accordian.op1 .trgr {
  font-size: 24px;
  }
  }
  
  .accordian.op1 .trgr::before {
  content: "\e906";
  height: auto;
  width: auto;
  right: 0;
  color: #54565B;
  top: 15px;
  font-size: 24px;
  }
  
  @media (max-width: 1024px) {
  .accordian.op1 .trgr::before {
  font-size: 18px;
  }
  }
  
  .accordian.op1 .trgr.act::before {
  content: "\e905";
  }
  
  .accordian.op1 .tog_cont {
  box-shadow: none;
  border: 0;
  padding-left: 20px;
  margin: 0;
  }
  
  @media (max-width: 1024px) {
  .accordian.op1 .tog_cont {
  padding-bottom: 16px;
  }
  }
  
  .accordian.op1 .tog_cont ul li {
  list-style: disc;
  margin-bottom: 15px;
  }
  
  @media (max-width: 1024px) {
  .accordian.op1 .tog_cont ul li {
  margin-bottom: 8px;
  }
  }
  
  .cc-section {
  padding: 35px 0 20px 0;
  background: #ffecee;
  background: linear-gradient(180deg, #ffecee 0%, #c3b5b5 100%);
  }
  
  .cc-section .CTR {
  padding: 0 18px;
  }
  
  .cc-section figure .topicon {
  width: 36px;
  }
  
  .cc-section .cc-card {
  text-align: center;
  margin-bottom: -160px;
  }
  
  .cc-section .cc-card figure {
  position: relative;
  margin: 0 auto;
  }
  
  @media (max-width: 360px) {
  .cc-section .cc-card figure img {
  width: 300px;
  }
  }
  
  .list-item-app li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 16px;
  }
  
  .list-item-app li a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  }
  
  .list-item-app li span {
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 15px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  }
  
  .list-item-app li span img {
  width: 18px;
  height: 18px;
  }
  
  .list-item-app li div {
  color: #9D1D27;
  }
  
  .cc-card-point {
  padding-top: 140px;
  background-color: #FFFFFF;
  }
  
  .cc-card-point .innerContainer {
  padding: 0 17px;
  }
  
  @media (max-width: 767px) {
  .cc-card-point .btn-box {
  margin: 0;
  }
  .cc-card-point .btn-box p {
  margin: 0;
  }
  }
  
  .list-item.op3 li span {
  width: 60px;
  height: 60px;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  background: #f3f3f3;
  }
  
  .title-wrap h3 span {
  color: #9D1D27;
  }
  
  .title-wrap p {
  text-align: center;
  }
  
  .img-box .label-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  }
  
  .img-box .label-flex .custom-control {
  margin-right: 10px;
  }
  
  .cc-card-opt {
  background-color: #FFFFFF;
  }
  
  @media (max-width: 767px) {
  .cc-card-opt .btn-box {
  margin: 0;
  }
  .cc-card-opt .btn-box p {
  margin: 0;
  }
  .cc-card-opt .btn-box .btn-red {
  border-radius: 0;
  width: 100%;
  }
  }
  
  .choose-card label {
  color: #b8b8b8;
  }
  
  .choose-card.active label {
  color: #54565B;
  }
  
  .choose-card .img-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  }
  
  .choose-card .img-box img {
  transition: transform .5s;
  opacity: .5;
  }
  
  .choose-card .img-box:hover img {
  transform: scale(1.1);
  }
  
  .choose-card .img-box.active img {
  opacity: 1;
  }
  
  /* @media (max-width: 540px) {
  .credit-card-compare .btn-box .btn-red, .credit-card-compare .btn-box .btn-white {
  min-width: inherit;
  padding: 0 20px;
  }
  .credit-card-compare .btn-box.MT30, .credit-card-compare .flex.MT30 {
  margin-top: 0;
  }
  .credit-card-compare table tr td .hd2v {
  min-height: 60px;
  }
  .credit-card-compare table tr td.cal-data {
  padding: 20px 15px;
  }
  }  sprint2c */
  
  /* */
  .ntbHead1 {
  font-size: 24px;
  color: #54565B;
  font-weight: bold;
  line-height: 100%;
  }
  
  .form-label-group {
  position: relative;
  }
  
  /*.form-label-group > label.panNo { position: absolute; display: block; margin-bottom: 0; line-height: 1.5; color: #787878; border: 1px solid transparent; border-radius: 0.25rem;  transition: all 0.1s ease-in-out;  font-size: 12px;    background: #fff;  display: inline-block;  width: auto;  left: 11px;  top: -13px;  padding: 5px; }*/
  .inHeight .form-control {
  padding: 0.85rem 0.75rem;
  }
  
  .paBox {
  position: relative;
  }
  
  .tooltipAb {
  position: absolute;
  right: -30px;
  top: 15px;
  }
  
  .listDis {
  pointer-events: none;
  opacity: 0.3;
  }
  
  .fetchTxt,
  .fetchTxt2,
  .hideNew,
  .fetchTxt3 {
  display: none;
  }
  
  .addressPop .modal-dialog {
  max-width: 800px;
  }
  
  .addRight {
  float: left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  padding: 40px 40px 30px;
  }
  
  .addLeft {
  float: left;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: -10px;
  }
  
  .clear {
  clear: both;
  }
  
  .unlockOffer .modal-dialog .modal-body.op1 {
  padding: 50px 100px;
  }
  
  .resendImg {
  background: #F3F3F3;
  width: 90px;
  height: 90px;
  margin: auto;
  border-radius: 45px;
  text-align: center;
  line-height: 90px;
  margin-bottom: 15px;
  }
  
  p.font24 {
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 150%;
  }
  
  .resendImg2 {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  }
  
  .resendImg2 img {
  width: 100%;
  height: auto;
  }
  
  .date-bx .col {
  padding: 0 2px;
  }
  
  .date-bx .col:first-child {
  padding-left: 0;
  }
  
  .date-bx .col:last-child {
  padding-right: 0;
  }
  
  .mg5p {
  margin-bottom: 5px;
  }
  
  .ntgCircle {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/circle_bor.svg");
  text-align: center;
  width: 160px;
  height: 160px;
  margin:146px;
  line-height: 160px;
  }
  
  .ntgCircle2 {
  background: none;
  /* width: 100px;
  height: 100p; sprint2c */
  width: 200px;
  height: auto;
  }
  
  .ntgCircle2 img {
  width: 100%;
  }
  
  /*.tooltip.show{ opacity: 1;}
  .tooltip .tooltip-inner{ background: #fff; padding: 10px;}
  .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 20px solid #fff;
  border-bottom: 10px solid transparent;
  margin-right: -3px;
  
  }*/
  .bannerNewCard {
  /* height: 434px; */
  height: 100%;

  }
  
  .bannerNewCard h3 {
  font-size: 24px;
  color: #54565B;
  line-height: 22px;
  }
  
  /* .bannerNewCard h4 {
  
  margin-bottom: 30px;
  
  color: #54565B;
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  } sprint2c */
  .bannerNewCard h4 {
  font-size: 36px;
  color: #54565B;
  line-height: 40px;
  margin-bottom: 40px;
  }
  
  .newCardBox {
  position: relative;
  padding: 35px 0 0;
  box-shadow: 12px 27px 38px rgba(0, 0, 0, 0.0871941);
  }
  
  .newcBox1 {
  /* padding: 0 35px 15px; sprint2c */
  padding: 0 35px 35px;
  border-bottom: 1px solid #DFDFDF;
  }
  
  .newCardBox .newcBox1:last-child {
  border-bottom: 0;
  /* padding: 0 35px 35px; sprint2c */
  }
  
  .newCardBox h5 {
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -1.2px;
  color: #54565B;
  font-weight: bold;
  padding: 20px 0 30px;
  }
  
  .newTxt1 {
  position: relative;
  font-size: 16px;
  color: #B8B8B8;
  }
  
  .newTxt2 {
  font-size: 24px;
  color: #54565B;
  line-height: 28px;
  font-weight: 300;
  }
  
  .newTxt3 {
  font-size: 14px;
  color: rgba(84, 96, 91, 0.3);
  text-decoration: line-through;
  position: absolute;
  margin-top: -20px;
  }

.higherlimitlink a {
      height: 18px;
      width: 117px;
      color: #9C1D26;
      font-family: Roboto;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 18px;
      text-decoration: underline;
  } 
    /* sprint2c */
  
  .newCardBoxLeft {
  width: 320px;
  float: left;
  /* text-align: center; sprint2c */
  }
  
  .newCardBoxRight {
  width: calc(100% - 320px);
  float: left;
  padding-left: 42px;
  padding-right: 30px;
  }
  
  .newCtoolTip,
  .optTooltip {
  position: absolute;
  right: -10px;
  }
  
  .optTooltip {
  margin-top: 17px;
  right: -30px;
  }
  
  .newCarList .list-item li {
  margin-bottom: 0;
  }
  
  .newCarList .list-item li span {
  margin-right: 10px;
  }
  
  .seeMoreLink {
  margin: 10px 0 0 12px;
  }
  
  .seeMoreLink a {
  color: #9D1D27;
  }
  
  /* .greenBox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  right: 0;
  }  sprint2c */
  
  .greenBox {
  position: relative;
  float: right;
  margin-top: -52px;
  margin-bottom: 20px;
  margin-right: 80px;
  margin-left: 80px;
  }
  
  /* .greenBox .greTxt {
  padding: 0;
  background: #00A07A;
  width: auto;
  margin: auto;
  min-width: 204px;
  min-height: 36px;
  height: auto;
  font-size: 12px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  padding: 8px 15px 8px 25px;
  }  sprint2c */
  
  .greenBox .greTxt {
  padding: 0;
  background: #00A07A;
  /* border-radius: 35px; */
  width: auto;
  margin: auto;
  min-width: 234px;
  min-height: 44px;
  height: auto;
  font-size: 12px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 12px 15px 12px;
  }
  
  .yellowBox .greTxt {
  background: #FFCB05;
  color: #54565B;
  font-weight: bold;
  }
  
  /* .greenBox:before {
  display: block;
  width: 0;
  height: 0;
  border: 18px solid #fff;
  content: '';
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 0;
  }  sprint2c */
  
  /* .redBox {
  float: right;
  margin-top: -70px;
  } */
  
  .redBox {
      float: right;
      margin-top: -5px;
  }

  .redBox .btn {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.0871941);
  padding: 0;
  background: #9D1D27;
  border-radius: 25px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  }
  
  .newCardDiv {
  /* margin: 40px 0 30px; sprint2c */
  margin: 80px 0 70px;
  width: 100%;
  height: 1px;
  background: #DFDFDF;
  }
  
  .resendImg2 {
  top: 0;
  margin-top: 12px;
  }
  
  .ui-autocomplete {
  z-index: 9999;
  }
  
  #confirm-error {
  display: none !important;
  }
  
  .unlockOffer .tooltipAb {
  top: 15px;
  }
  
  #optSend .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 24px;
  }
  
  .unlockOffer .acnumber .tooltipAb {
  right: -15px;
  }
  
  .acnumber #nameoftheBank.form-control.is-valid,
  .acnumber #nameoftheCard.form-control.is-valid {
  background: #fff;
  }
  
  .banner .date-of-birthNew .date-bx {
  border: 0;
  }
  
  .banner .date-of-birthNew .row .form-label-group .form-control {
  border-bottom: solid 2px #d8d8d8;
  padding: 10px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  }
  
  .banner .date-of-birthNew .col-4 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  }
  
  .banner .date-of-birthNew .row {
  margin-left: -15px;
  margin-right: -15px;
  }
  
  .redBox {
   float: right;
   margin-top: -20px;
  }
  
  .banner .date-of-birthNew .form-label-group > label {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  }
  
  .banner .date-of-birthNew .col-4:first-child,
  .banner .date-of-birthNew .col-4:nth-child(2) {
  border: 0;
  }
  
  .banner .date-of-birthNew .col-4:first-child::after,
  .banner .date-of-birthNew .col-4:nth-child(2)::after {
  content: '/';
  display: block;
  position: absolute;
  right: -8px;
  top: 40%;
  font-size: 30px;
  color: #d8d8d8;
  font-weight: 300;
  }
  
  .banner .date-of-birthNew .row .form-label-group .form-control.is-invalid {
  border: 0;
  border-bottom: solid 2px #d10000;
  }
  
  .jvalidation .date-of-birthNew .custom-control-input.is-valid ~ .custom-control-label,
  .jvalidation .date-of-birthNew .was-validated .custom-control-input:valid ~ .custom-control-label {
  color: inherit;
  }
  
  /*.banner .date-of-birth2 .col-4 .error{ display: block !important; padding: 0 !important;}*/
  .ntbTxt {
  position: absolute;
  margin-top: 150px;
  color: #fff;
  display: none;
  }
  
  .ntbShow .ntbTxt {
  display: block;
  }
  
  .page-loader {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/idfc-loader.gif") no-repeat center center rgba(0, 0, 0, 0.8);
  background-size: 100px;
  }
  
  .page-loader .loader-cust {
  display: none;
  }
  
  .etbFadeDiv {
  padding-top: 15px;
  position: relative;
  width: 100%;
  height: 100px;
  margin: auto;
  }
  
  .etbFadeDiv div {
  position: absolute;
  width: 100%;
  text-align: center;
  margin: auto;
  }
  
  #tandc .modal-body {
  overflow: auto;
  }
  
  #proceedPup .modal-footer {
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  }
  
  .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/ntb/ntb-cc/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;
  }
  
  .modal input[type=number] {
  -moz-appearance: textfield;
  }
  
  .form-list li.acnumber {
  margin-bottom: 28px;
  }
  
  .corejourneyDobValidAge {
  position: fixed;
  top: -500px;
  left: -500px;
  opacity: 0;
  }
  
  .form2 .form-label-group > label {
  color: #666;
  }
  
  .jvalidation .form-control.is-valid,
  .jvalidation .was-validated .form-control:valid {
  background: #fff;
  }
  
  .proeRadio {
  padding: 0 20px;
  }
  
  .proeRadio .addRight {
  padding: 0;
  box-shadow: none;
  }
  
  .proeRadio li {
  margin-bottom: 0;
  }
  
  .form-details select {
  background: #ffffff url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/down.svg") no-repeat right center !important;
  background-position: 98% center !important;
  }
  
  .form2 .form-label-group > label {
  cursor: pointer;
  }
  
  .form-label-group input:hover,
  .jvalidation .form-control.is-valid:hover,
  .jvalidation .was-validated .form-control:valid:hover {
  border: 2px solid #000;
  }
  
  .jvalidation .form-control.is-valid,
  .jvalidation .was-validated .form-control:valid {
  border: 2px solid #d8d8d8;
  color: #000;
  }
  
  .banner .date-of-birthNew .row .form-label-group .form-control:focus,
  .banner .date-of-birthNew .row .form-label-group .form-control:hover {
  border-bottom: solid 2px #000;
  }
  
  .form-label-group input:focus ~ label,
  .form-label-group textarea:focus ~ label {
  font-size: 12px;
  color: #777;
  background: #fff;
  border-radius: 0px;
  display: inline-block;
  width: auto;
  /* padding: 1px 4px; */
  padding: 1px 0px;
  margin-left: 7px;
  margin-top: -10px;
  border-radius: 5px;
  }
  
  .congrBox {
  padding: 18px 20px;
  text-align: left;
  margin-bottom: 40px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  background: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  }
  .calWidthLeft {
  width: calc(100% - 291px);
  float: left;
  padding-left: 20px;
  }
  
  .calWidthRight {
  width: 291px;
  float: left;
  }
  
  .conTxt {
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  }
  
  .congrBox strong {
  font-size: 16px;
  font-weight: normal;
  color: #54565B;
  padding-bottom: 5px;
  display: block;
  }
  
  .congrBox p {
  font-size: 12px;
  color: #A6A6A6;
  line-height: 16px;
  margin: 0;
  }
  
  .conAdd {
  /* background: url(../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/con_icon1.jpg) no-repeat left center; */
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/con_icon1.jpg") no-repeat left top;
  padding-left: 40px;
  }
  
  .conProof {
  /* background: url(../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/con_icon2.jpg) no-repeat left center; */
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/con_icon2.jpg") no-repeat left top;
  padding-left: 50px;
  }
  
  
  
  .landingV3.hero-banner.vendor-banner {
  background: linear-gradient(135.57deg, #C4777D 0%, #9D1D27 100%);
  }

  .newCardBoxRight .row .col-lg-3 .newTxt2 {
      color: #000;
    }
  
  @media (max-width: 1199px) {
  .newCardBoxLeft {
  text-align: center;
  width: 100%;
  }
  .newCardBoxLeft img {
  width: 100%;
  }
  .newCardBoxRight {
  width: 100%;
  padding-left: 0;
  }
  .greenBox {
  float: none;
  margin: -52px auto 20px;
  /* margin: 0; sprint2c */
  padding: 0;
  }
  .greenBox .greTxt {
  display: inline-block;
  float: right;
  }
  }
  
  @media (max-width: 900px) {
  .calWidthLeft {
  width: 100%;
  }
  .calWidthRight {
  width: 100%;
  padding-left: 0;
  }
  }
  
  @media (max-width: 768px) {
  body {
  padding-top: 60px;
  }
  header, header.sticky {
  height: 60px;
  }
  header .top-nav {
  height: 60px;
  }
  header .top-nav .logo {
  padding: 10px 40px 10px 20px;
  }
  .redBox {
  margin-top: 30px;
  float: none;
  }
  .unlockOffer .modal-dialog .modal-body.op1 {
  padding: 50px 30px;
  }
  .greenBox {
  text-align: center;
  }
  .greenBox .greTxt {
  float: none;
  }
  .form2 .confirm-box .form-label-group {
  margin-bottom: 0;
  }
  .form-list li.acnumber li {
  margin-bottom: 0;
  }
  .newCarList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .newCarList .redBox {
  text-align: center;
  margin: 30px 0 20px;
  }
  .newCardBox {
  padding: 60px 0 0;
  }
  
.newcBox1 {
  padding: 0 15px 15px;
}
.newCardBoxRight {
  padding-right: 0;
}
.newCardBoxRight .row {
  margin: 0;
}
.newCardBoxRight .row .col-lg-12 {
  padding: 0;
}
.newCardBoxRight .row .col-lg-3 {
  padding-left: 0;
}
.newCardBox h5 {
  padding: 20px 0 10px;
}
.newCardBoxRight .row .col-lg-3:nth-child(2), .newCardBoxRight .row .col-lg-3:nth-child(3) {
  max-width: 30%;
}
.newCardBoxRight .row .col-lg-3:nth-child(4) {
  max-width: 39%;
  -ms-flex: 0 0 39%;
      flex: 0 0 39%;
}
  }
  
  @media (max-width: 600px) {
  .newCardBoxRight .col-lg-3 {
  width: 50%;
  }
  .newCarList .list-item li {
  margin-bottom: 20px;
  }
  }
  
  @media (max-width: 480px) {
  .upload-details-core {
  overflow: auto;
  }
  }
  
  /**/
  .form-label-group > label.pincodeCityState {
  margin-left: 0 !important;
  font-size: 11px !important;
  padding-left: 0 !important;
  }
  
  .ntbCore h2 {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -1.2px;
  line-height: 42px;
  color: #54565B;
  }
  
  .ntbCore .headBox {
  font-size: 16px;
  line-height: 20px;
  }
  
  .ntbCore h4.hd {
  font-size: 24px;
  }
  
  .ntbCore .headBox2 {
  text-decoration: line-through;
  opacity: 0.3;
  margin-bottom: 8px;
  }
  
  .coreBox1 {
  font-size: 14px;
  color: #54565B;
  border-radius: 5px;
  background-color: #fcfcfc;
  padding: 24px 12px 0;
  }
  
  .coreBox1 li {
  padding-bottom: 30px;
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/dot.png") no-repeat left 5px;
  padding-left: 10px;
  }
  
  .coreBox1 li span {
  display: block;
  color: #B8B8B8;
  font-size: 12px;
  padding-top: 0px;
  }
  
  .upload-details-core table td, .upload-details table th {
  text-align: center;
  padding: 15px;
  height: 70px;
  }
  
  .upload-details table th:first-child, .upload-details-core table td:first-child, .upload-details table th:nth-child(2), .upload-details-core table td:nth-child(2) {
  text-align: left;
  }
  
  .ntb-core-sprint .btn-red {
  font-size: 14px;
  }
  
  .ntb-core-sprint .upload-file .filetext {
  /* background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/icon14.png") no-repeat 96% center; */
  }
  
  .ntb-core-sprint .progress-list {
  transition: top 0.3s linear;
  }
  
  .ntb-core-sprint .progress-list li {
  width: 110px;
  float: right;
  text-align: left;
  }
  
  .ntb-core-sprint .progress-list ul li span {
  z-index: 3;
  font-weight: 700;
  }
  
  .corePopup .modal-dialog .modal-body.op1 {
  padding: 50px 80px 20px;
  }
  
  .corePopup .modal-dialog {
  max-width: 480px;
  }
  
  .corePopup .btn-box {
  text-align: center;
  }
  
  .corePopup .btn-box button.btn-red {
  width: 220px;
  /*float: right;*/
  }
  
  .corePopup .go-back {
  float: left;
  padding: 14px 0;
  }
  
  .corePopup .switch {
  width: 56px;
  height: 30px;
  }
  
  .corePopup .slider:before {
  height: 30px;
  width: 32px;
  bottom: 0;
  }
  
  .ntb-core-sprint .form-details .col-right {
  padding-right: 20px;
  }
  
  .ntb-core-sprint .core-form {
  max-width: 500px;
  width: 100%;
  }
  
  .headBox .tooltipAb2 {
  right: auto;
  top: 5px;
  margin-left: 5px;
  }
  
  .form-details .col-right .tooltipAb2 {
  position: relative;
  right: 0;
  top: 0;
  }
  
  .tooltipAbNew {
  font-size: 12px;
  }
  
  .tooltipAbNew li {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/dot2.png") no-repeat 5px 8px;
  padding-left: 15px;
  }
  
  .headBox .tooltipAb2 {
  top: 0;
  }
  
  .headBox .tooltipAb2 img {
  width: 18px;
  }
  
  .tooltip > .tooltip-inner {
  font-size: 12px;
  }
  
  .coreBtn, .credit-card-boxMob {
  display: none;
  }
  
  .coreBtn {
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  color: #9C1D26 !important;
  }
  
  .ntb-core-sprint .upload-file .f-input:disabled {
  border: 2px solid #b8b8b8;
  background: #fff;
  }
  
  .w100 {
  width: 100px;
  display: inline-block;
  }
  
  .form-details .w100 select {
  background-position: 90% center !important;
  }
  
  .w100Full {
  width: calc(100% - 110px);
  margin-left: 0;
  display: block;
  float: right;
  }
  
  .prconfirm {
  display: inline-block;
  }
  
  .prconfirm .tooltip-box {
  top: 0;
  }
  
  .ntb-core-sprint .form-list li {
  margin-bottom: 30px;
  }
  
  .ntb-core-sprint .form-list li.prconfirm {
  margin-bottom: 0;
  }
  
  .ntb-core-sprint .credit-card-box figure figcaption {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  }
  
  .ntb-core-sprint input[type=number] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  margin: 0;
  }
  
  .ntb-core-sprint input[type=number]::-webkit-inner-spin-button,
  .ntb-core-sprint input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  }
  
  header, .progress-list {
  transition: all .2s ease-in-out;
  }
  
  .toggle-password {
  z-index: 2;
  cursor: pointer;
  }
  
  .filename2Mb {
  display: none;
  color: #d10000;
  font-size: 14px;
  /*position: absolute;*/
  margin-top: 5px;
  }
  
  .corePopup .btn-box button.btn-red.disabled {
  opacity: .5;
  }
  
  .filetext span {
  font-size: 12px;
  font-weight: normal;
  color: #b8b8b8;
  }
  
  .coreBox1 {
  margin-top: 10px;
  }
  
  .ntb-core-sprint .form-list li li, .ntb-core-sprint .form-list li {
  vertical-align: top;
  }
  
  .conAdd, .conProof {
  background-position: left top;
  min-height: 80px;
  height: auto;
  }
  
  .congratBox2 .conAdd, .congratBox2 .conProof {
  min-height: 110px;
  }
  
  .form-label-group > label.pincodeCityState.newPin, .form-label-group > label.pincodeCityState2.newPin2 {
  display: none;
  }
  
  .form-label-group > label.pincodeCityState2 {
  color: #767676;
  font-family: Roboto;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 15px;
  position: relative;
  padding: 5px 0 0;
  top: unset;
  left: unset;
  }
  
  .form-label-group > label.pincodeCityState2 {
  margin-left: 0 !important;
  font-size: 11px !important;
  padding-left: 0 !important;
  }
  
  .form-label-group > label.pincodeCityState.newPin {
  display: none;
  }
  
  #uploadHide.uploadHide {
  opacity: 0.5;
  filter: grayscale(1);
  }
  
  .upload-details-core .filename input {
  background: none;
  border: 0;
  }
  
  .upBox2 .upBox2In {
  display: none;
  }
  
  .ntb-core-sprint .progress-list.mobProGess {
  display: none;
  position: fixed;
  top: -55px;
  background: #fff;
  z-index: 99;
  padding: 5px 10px;
  left: 0;
  }
  
  .ntb-core-sprint .form-list li.MB10 {
  margin-bottom: 10px;
  }
  
  .sprint2Step4In .addLeft {
  margin-left: 0;
  position: absolute;
  float: none;
  width: 100%;
  top: auto;
  margin: 0;
  }
  
  .w50Per {
  width: 50%;
  }
  
  .sprint2Step4In {
  margin: 0;
  }
  
  .sprint2Step4In li.MB20 {
  margin-bottom: 30px;
  }
  
  .sprint2Step4In li {
  padding-left: 0;
  }
  
  .sprint2Step4In li .addLeft .error {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 25px;
  color: #d10000;
  font-size: 14px;
  }
  
  /* .redBox {
  float: right;
  margin-top: -20px;
  } */
  
  @media (max-width: 1199px) {
  .credit-card-box img {
  width: 100%;
  height: auto;
  }
  .congratBox2 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }
  }
  
  @media (max-width: 1180px) {
  .credit-card-box img {
  width: 100%;
  height: auto;
  }
  }
  
  @media (max-width: 991px) {
  .credit-card-box img {
  width: 100%;
  height: auto;
  }
  .congratBox2 .conAdd, .congratBox2 .conProof {
  min-height: 150px;
  }
  }
  
  @media (max-width: 901px) {
  .credit-card-box img {
  width: 100%;
  height: auto;
  }
  .congratBox2 .conAdd, .congratBox2 .conProof {
  min-height: auto;
  }
  .calWidthLeft {
  padding-left: 0;
  }
  }
  
  @media (max-width: 767px) {
  .pd-section.ntb-core-sprint {
  padding: 12px 0;
  }
  .ntb-core-sprint .progress-list ul li.op1 {
  width: auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 37px;
  }
  .ntb-core-sprint .mob-scrollm ul {
  min-width: auto;
  padding: 5px 0;
  }
  .ntb-core-sprint .form-details {
  padding-top: 50px;
  }
  .corePopup .modal-dialog .modal-body.op1 {
  padding-left: 20px;
  padding-right: 20px;
  }
  .ntb-core-sprint .progress-list.sticky {
  top: 0;
  left: 10px;
  z-index: 99;
  }
  .mob-scrollm {
  background: #fff;
  z-index: 9999;
  }
  .ntb-core-sprint .form-details .col-right.colPt70 {
  padding-top: 90px;
  }
  .pmob0 {
  margin-bottom: 0;
  }
  
  
  .ntb-core-sprint .form-details .col-right {
  padding-left: 10px;
  padding-right: 10px;
  }
  .ntb-core-sprint .PT30 {
  padding-top: 15px;
  }
  .mob-scrollm {
  z-index: 1;
  }
  .w50 {
  width: 50%;
  }
  }
  
  @media (max-width: 480px) {
  
      .mobBtnBox {
          overflow: hidden;
          padding-bottom: 10px;
          text-align: center;
        }
        .mobBtnBox .f14g, .mobBtnBox.redBox .f14g {
          float: none;
          padding-top: 15px;
          margin-right: 20px !important;
        }
        .mobBtnBox .brdn {
          float: none;
        }
        .mobBtnBox.redBox .btn {
          float: none;
        }
  
  .ntb-core-sprint .credit-card-box {
  -ms-flex-pack: center;
      justify-content: center;
  }
  .upload-details-core table td, .upload-details table th {
  padding: 15px 5px;
  }
  .credit-card-box, .coreMobBox {
  display: none;
  }
  .credit-card-boxMob {
  width: 72px;
  float: left;
  margin-right: 20px;
  }
  .credit-card-boxMob img {
  width: 100%;
  }
  .ntb-core-sprint .hd {
  font-size: 16px;
  }
  .ntb-core-sprint .hd {
      line-height: normal;
      overflow: hidden;
    }
  .ntbCore .headBox {
  font-size: 12px;
  }
  .ntbCore h4.hd {
  font-size: 16px;
  }
  .ntb-core-sprint .myrow-banner.MT40 {
  margin-top: 15px;
  }
  .credit-card-boxMob, .coreBtn {
  display: block;
  }
  .ntb-core-sprint .form-details {
  padding-top: 0;
  }
  .corePopup .btn-box button.btn-red {
  width: 150px;
  }
  .ntb-core-sprint .form-list li li,
   .ntb-core-sprint .form-list li {
  margin-bottom: 0;
  }
  .coreBtn {
      margin-top: 5px;
  /* margin-left: 16px; */
  margin-left: 0px;

  }
  .coreBox1 {
  margin-top: 20px;
  }
  .wMob90 {
  width: 90%;
  }
  .ntb-core-sprint .progress-list.mobProGess {
  display: block;
  overflow: scroll;
  }
  }
  
  .landingV3 {
  background: linear-gradient(135.57deg, #C4777D 0%, #9D1D27 100%);
  }
  
  .page-loader {
  z-index: 3;
  }
  
  
  
  .page-loader .loadingTxt {
  color: #fff;
  margin-top: 70px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  width: 100%;
  top: 50%;
  }
  
  .page-loader .loadingTxtIn {
  color: #fff;
  margin-top: 10px;
  font-size: 14px;
  }
  
  .product-banner .btn-box.landDeskOff {
  display: none;
  }
  
  .landingV3 .hero-banner {
  background: none;
  }
  
  .landingV3 .hero-banner .owl-dots {
  display: none;
  }
  
  .landingV3 .product-banner figure {
  text-align: right;
  }
  
  .landingV3 .product-banner figure img {
  width: auto;
  }
  
  .landingWidth {
  max-width: 550px;
  -ms-flex: inherit;
  flex: inherit;
  }
  
  .landingWidth .owl-item > div[id*="ladingHero-"] {
  /**/
  min-height: 210px;
  }
  
  .landingV3 .hd2,
  .landingV3 .hd1,
  .landingV3 .hd3 {
  display: block;
  }
  
  .landingV3 .hd2,
  .landingV3 .hd1,
  .landingV3 .hd3,
  .landingV3 .hd3 a {
  color: #fff;
  }
  
  .landingV3 .owl-carousel .owl-item {
  text-align: left;
  }
  
  .landingV3 .owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
  margin: 0 -20px 0 auto;
  }
  
  .landingV3 .btn-box .banner-ctnt {
  text-align: left;
  }
  
  .landingV3 .btn-box .btn-white {
  background: #fff;
  border: solid 2px #fff;
  }
  
  .btnKnowMore {
  border: 0;
  border-top: solid 1px #E8E8E8;
  text-align: center;
  background: none;
  font-size: 14px;
  color: #9C1D26;
  font-weight: bold;
  width: 95%;
  display: block;
  margin: auto;
  padding: 10px 0;
  }
  
  .landingV3 .hd3 {
  display: block;
  padding-top: 10px;
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  }
  
  .tableLanding td {
  width: 25%;
  padding: 20px;
  color: #737373;
  font-size: 14px;
  vertical-align: top;
  border-left: solid 2px #F3F3F3;
  border-right: solid 2px #F3F3F3;
  }
  
  .tableLanding td:first-child {
  border-left: solid 2px transparent;
  }
  
  .tableLanding td:last-child {
  border-right: solid 2px transparent;
  }
  
  .tableLanding .tdHead {
  background: #F3F3F3;
  padding: 0 20px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  font-weight: bold;
  }
  
  .tableLanding ul {
  margin-left: 20px;
  }
  
  .tableLanding li {
  list-style-type: disc;
  padding-bottom: 5px;
  }
  
  .tableLanding .btn-box .btn-red {
  height: 40px;
  line-height: 20px;
  width: 148px;
  background: #9D1D27;
  margin-top: 10px;
  }
  
  .tableLanding td.noBor {
  border: 0;
  }
  
  .tableLanding h5 {
  text-align: center;
  font-size: 24px;
  color: #54565B;
  font-weight: bold;
  margin: 20px 0 10px;
  }
  
  .landingList.white-bg {
  border-bottom: solid 1px #F3F3F3;
  padding-bottom: 0;
  position: relative;
  }
  
  .landingList.white-bg .container {
  padding: 0;
  }
  
  .listNote {
  padding: 0;
  }
  
  .listNote p {
  font-size: 14px;
  margin: 0;
  padding-top: 8px;
  }
  
  .landingList h4 {
  color: #54565B;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  padding-bottom: 40px;
  }
  
  .landingListProImg {
  position: relative;
  }
  
  .landinProCirbg {
  background: linear-gradient(149.98deg, #D8D8D8 0%, #EEEEEE 100%);
  width: 150px;
  height: 150px;
  margin: auto;
  border-radius: 75px;
  }
  
  .landinProImg {
  text-align: center;
  position: absolute;
  top: 23px;
  left: 50%;
  margin-left: -83px;
  width: 167px;
  }
  
  .landinProImg img {
  display: inline-block;
  }
  
  .landingListProImg2 .landinProImg {
  top: 11px;
  }
  
  .landingMobile {
  display: none;
  }
  
  .landing-faq h4 {
  font-weight: 400;
  }
  
  .landing-faq .faqsm {
  text-align: center;
  }
  
  .landing-faq .card.page-breaker {
  overflow: hidden;
  margin-bottom: 120px;
  }
  
  .landing-faq .card.page-breaker .card-img {
  position: relative;
  padding-left: 65px;
  }
  
  .landing-faq .card.page-breaker .card-img img {
  max-width: 268px;
  position: relative;
  z-index: 1;
  }
  
  .landing-faq .card.page-breaker .cardMain .card-body {
  float: left;
  max-width: 60%;
  }
  
  .landing-faq .card.page-breaker .btn-box {
  float: left;
  margin: 15px 0;
  }
  
  .landingBanCircle {
  width: 290px;
  height: 290px;
  background: linear-gradient(106.65deg, #C4777D 0%, #9D1D27 100%);
  border-radius: 145px;
  position: absolute;
  top: 10%;
  }
  
  .landing-faq .card.page-breaker .card-body h4.hd2 {
  color: #54565B;
  font-weight: bold;
  line-height: 28px;
  }
  
  .landing-faq .card.page-breaker .card-body h4.hd3 {
  font-size: 16px;
  line-height: 21px;
  color: #54565B;
  font-weight: 400;
  }
  
  .landingV3 .banner-ctnt {
  /**/
  z-index: 2;
  }
  
  .forumLeft {
  position: relative;
  background: linear-gradient(134.88deg, #C4777D 0%, #9D1D27 100%);
  height: 410px;
  width: 474px;
  float: left;
  }
  
  .forumLeftCont {
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
  color: #fff;
  letter-spacing: -0.8px;
  line-height: 43px;
  padding: 140px 0 0 120px;
  }
  
  .forumBg {
  position: absolute;
  top: 0;
  left: 0;
  }
  
  .forumRight {
  float: left;
  width: calc(100% - 474px);
  }
  
  .forumRight .container {
  max-width: 800px;
  margin: 0;
  padding-left: 85px;
  }
  
  .landingforum .confirm-box {
  /*padding-top: 50px;*/
  }
  
  .landingforum .confirm-box1 {
  padding-top: 80px;
  }
  
  .landingforum .form-list.confirm-box {
  width: 65%;
  }
  
  .landingforum {
  padding: 20px 0 0;
  }
  
  .landingforum .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/svg/checkIcon.png") no-repeat;
  }
  
  .landingPupBox {
  padding: 0 !important;
  }
  
  .landingPupBox .modal-dialog {
  max-width: 100%;
  margin: 0;
  }
  
  .landingPupBox .modal-dialog-centered {
  min-height: 100%;
  }
  
  .landingPupBox .modal-content {
  /*height: 100vh;*/
  border-radius: 0;
  border: 0;
  margin: 0 auto;
  min-height: 435px;
  padding: 40px;
  width: 65%;
  }
  
  .landingPupBox .modal-body {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  }
  
  .landingPupSm {
  color: #54565B;
  font-weight: bold;
  margin-bottom: 0;
  padding: 10px 0 60px;
  }
  
  .landingPupBox .btn-box .btn-white {
  margin: 0 10px;
  font-size: 14px;
  background: #fff;
  border: 2px solid #9C1D26;
  padding: 10px 55px;
  margin-bottom: 15px;
  }
  
  .landingPupBox h2.hd {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 53px;
  color: #54565B;
  }
  
  .landingPupBox h2.hd span {
  color: #9C1D26;
  font-weight: 400;
  }
  
  .landingPupBottom {
  position: relative;
  border-radius: 5px;
  max-width: 722px;
  width: 100%;
  margin: 35px auto 0;
  background: linear-gradient(134.88deg, #C4777D 0%, #9D1D27 100%);
  padding: 34px 20px;
  display: none;
  }
  
  .landingPupBottom .btn-box .btn-white {
  border: 2px solid #fff;
  /*box-shadow: 0 1px 4px 0 rgb(0 0 0 32%); */
  width: 196px;
  padding: 10px 0;
  }
  
  .landingPupBottom p {
  color: #fff;
  margin-bottom: 8px;
  }
  
  .landingPupBottom p.LpBHead {
  font-size: 24px;
  line-height: 28px;
  line-height: 28px;
  margin-bottom: 20px;
  }
  
  .landingPupBottom:before {
  position: absolute;
  content: '';
  border-bottom: 14px solid #af474f;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  top: -14px;
  left: 50%;
  margin-left: -14px;
  }
  
  .landingPupBox .container .slider-wraper {
  max-width: 945px;
  width: 100%;
  margin: auto;
  }
  
  .landingPupBox .ui-widget.ui-widget-content {
  background: #FFCB05;
  height: 5px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  width: 100% !important;
  }
  
  .landingPupBox .ui-slider .ui-slider-handle {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  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;
  margin-left: -12px;
  }
  
  .landingPupBox .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background: #9D1D27;
  height: 5px;
  }
  
  .landingPupBox .slider-wraper {
  margin-right: 0;
  }
  
  .landingPupBox .slider-wraper .help-block {
  font-size: 24px;
  margin-top: 20px;
  }
  
  .landingPupBox .slider-wraper .help-block span {
  font-weight: 300;
  }
  
  input.sliderAmount {
  border: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #9C1D26;
  }
  
  #landingPanVer1 .form-list {
  max-width: 500px;
  margin: auto;
  }
  
  #landingPanVer1 input {
  text-align: left;
  }
  
  .ui-autocomplete {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.32);
  background-color: #FAFAFA;
  }
  
  .ui-autocomplete .ui-menu-item-wrapper:hover {
  background: #f3f3f3 url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/sign.png") no-repeat right center !important;
  }
  
  .landingPupBox .searchIcon {
  width: 34px;
  height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 20px;
  background: #fff url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/searchIcon.png") no-repeat right center !important;
  margin-right: 2px;
  z-index: 99;
  cursor: pointer;
  }
  
  /*.landingPupBox .popup-close {
  right: 50px;
  top: 50px
  }*/
  .landingforum input[type=number] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  }
  
  .landingforum input[type=number]::-webkit-outer-spin-button,
  .landingforum input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  }
  
  .landingCompare1 select,
  .landingCompare2 select {
  background: #ffffff url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/down.svg") no-repeat right center !important;
  background-position-x: right;
  background-position-y: center;
  background-position: 98% center !important;
  padding: 0.85rem 0.75rem;
  -webkit-appearance: none;
  -moz-appearance: none;
      appearance: none;
  /*margin-bottom: 20px;*/
  }
  
  @media (width: 768px) and (height: 1024px) {
  .landingWidth .owl-item > div[id*="ladingHero-"] {
  /**/
  min-height: unset;
  }
  }
  
  @media (min-width: 540px) {
  .uiautoWidth .ui-widget {
  width: 500px !important;
  }
  }
  
  @media (max-width: 1200px) {
  .landing-faq .card.page-breaker .cardMain {
  padding-left: 70px;
  }
  .landing-faq .card.page-breaker .cardMain .card-body {
  float: left;
  max-width: 100%;
  }
  }
  
  @media (max-width: 1100px) {
  .landingV3 .product-banner figure img {
  /**/
  width: 60%;
  }
  .forumLeft {
  width: 400px;
  }
  .forumRight {
  width: calc(100% - 400px);
  }
  .forumLeftCont {
  padding: 140px 0 0 50px;
  }
  }
  
  @media (max-width: 990px) {
  .tableRespos {
  overflow: auto !important;
  }
  .tableRespos table {
  width: 1100px;
  }
  .tableLanding .btn-box .btn-red {
  line-height: 40px;
  }
  .landingV3 .product-banner .banner-ctnt .hd1 {
  margin: 0;
  font-size: 36px;
  }
  .hero-banner .banner-ctnt .hd2 {
  font-size: 16px;
  }
  .landing-faq .card.page-breaker .card-img {
  padding-left: 20px;
  }
  .landing-faq .card.page-breaker .card-img2 {
  padding-left: 20px;
  -ms-flex: 60%;
      flex: 60%;
  max-width: 60%;
  width: 60%;
  }
  .forumRight .container {
  padding-left: 20px;
  }
  .landingPupBox .btn-box .btn-white {
  line-height: normal;
  }
  }
  
  @media (max-width: 860px) {
  .forumLeft {
  width: 100%;
  }
  .forumRight {
  width: 100%;
  }
  .landingforum .confirm-box1,
  .landingforum .form-list.confirm-box {
  padding-top: 0;
  }
  .forumLeft {
  height: 360px;
  }
  .forumBg {
  height: 100%;
  }
  .forumBg img {
  height: 100%;
  }
  .forumLeftCont {
  padding-left: 20%;
  }
  }
  
  @media (max-width: 768px) {
  .landing-faq .card.page-breaker .card-img {
  display: block;
  }
  .landingV3 .product-banner figure img {
  /**/
  width: 70%;
  }
  .forumRight {
  padding-bottom: 30px;
  }
  .landingPupBox .popup-close {
  top: 20px;
  right: 20px;
  }
  .landingforum .form-list.confirm-box {
  width: 100%;
  }
  .landing-faq .card.page-breaker .card-body {
  padding: 10px 0 0;
  }
  .landingforum.white-bg {
  padding: 0;
  }
  .landingPupBox .modal-content {
  width: 100%;
  padding: 20px;
  }
  .landingPupBox .btn-box .btn-white {
  padding: 10px 20px;
  }
  }
  
  @media (max-width: 767px) {
  .landing-faq .card.page-breaker .cardMain {
  padding: 0;
  }
  .landing-faq .card.page-breaker .card-img {
  display: block;
  }
  /* .landing-faq .card.page-breaker .card-img2,.landing-faq .card.page-breaker .card-img{flex: 100%;    max-width: 100%; width:100%; padding:0 }*/
  .landingV3 .product-banner figure img {
  /**/
  width: 70%;
  }
  .landingforum .form-list li {
  margin-bottom: 0;
  }
  .forumRight {
  padding-bottom: 30px;
  }
  /*  .landing-faq .card.page-breaker .card-img{ padding-left: 300px;}*/
  .landingPupBox .popup-close {
  top: 20px;
  right: 20px;
  }
  .landingforum .form-list.confirm-box {
  width: 100%;
  }
  .landingWidth .owl-item > div[id*="ladingHero-"] {
  /**/
  min-height: unset;
  }
  .landingforum .form-list li.otpLi {
  margin-bottom: 28px;
  }
  }
  
  @media (max-width: 640px) {
  .landingDesk {
  display: none;
  }
  .landingMobile {
  display: contents;
  }
  .landingMobile .tdHead {
  text-align: left;
  }
  .landingMobile2 .tdHead {
  text-align: left;
  }
  .landingV3 .hd3 br {
  display: none;
  }
  .landingV3 .hd3 a {
  font-weight: bold;
  text-decoration: underline;
  display: block;
  }
  .landingList h4 br {
  display: none;
  }
  .landingList h4 {
  font-size: 24px;
  line-height: 30px;
  padding: 0 20px 40px;
  }
  .tableLanding h5 {
  font-size: 16px;
  }
  .forumLeftCont {
  font-size: 24px;
  line-height: 28px;
  }
  .landingV3 .hd3 {
  padding: 10px 0 30px;
  }
  .landingPupBox .btn-box .btn-white {
  line-height: normal;
  margin-bottom: 20px;
  }
  .landing-faq .card.page-breaker .card-img2 {
  -ms-flex: 95%;
      flex: 95%;
  max-width: 95%;
  width: 95%;
  }
  .landing-faq .card.page-breaker .btn-box {
  padding: 0;
  }
  .landing-faq .card.page-breaker .btn-box button.btn-red {
  font-size: 14px;
  }
  .faq-section.landing-faq {
  padding: 0;
  }
  .landing-faq .card.page-breaker {
  margin-bottom: 60px;
  }
  }
  
  @media (max-width: 575px) {
  .landingV3 .owl-stage-outer .owl-stage .owl-item .product-banner .banner-wrapper figure {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  }
  .landingV3 .container {
  padding: 0 40px;
  }
  .landingV3 figure .container {
  padding: 0;
  }
  .landingV3 .product-banner figure img {
  /**/
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  }
  .landingV3 .product-banner figure img.d-sm-block2 {
  display: none !important;
  }
  .landingV3 .banner-wrapper .banner-ctnt {
  position: relative;
  }
  .forumLeft {
  height: 169px;
  }
  .forumBg {
  height: 100%;
  }
  .forumBg img {
  height: 100%;
  }
  .forumLeftCont {
  padding-top: 50px;
  }
  .whtBox {
  background: #fff;
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  }
  .landingPupBox h2.hd {
  font-size: 24px;
  line-height: normal;
  }
  .landingPupSm {
  padding-bottom: 30px;
  margin: 0;
  }
  .landingPupBox .slider-wraper .help-block span {
  font-size: 16px;
  }
  /**/
  .product-banner .btn-box.landMobOff {
  display: none;
  }
  .product-banner .btn-box.landDeskOff {
  display: block;
  }
  .landingPupBox .btn-box .btn-white {
  width: 250px;
  padding: 10px 0;
  }
  .forumLeftCont br:last-child {
  display: none;
  }
  }
  
  @media (max-width: 480px) {
  .landingV3 .owl-carousel .owl-item img {
  /**/
  max-width: 100%;
  margin: 30px auto 0;
  }
  .landing-faq .card.page-breaker .card-img {
  padding-left: 100px;
  }
  }
  
  .addonsCont .container {
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
  }
  
  .addonsCont .form-list li {
  margin-bottom: 30px;
  }
  
  .addonsCont .form-list li.MB0 {
  margin-bottom: 0;
  }
  
  .notTxt span {
  display: block;
  font-size: 12px;
  color: #767676;
  margin-top: 5px;
  }
  
  .addonFormList .btn-box button.btn-red {
  font-size: 14px;
  }
  
  .addonBanner {
  padding: 0;
  }
  
  .addonBanner .credit-card-box {
  margin-bottom: 0;
  }
  
  .addonBanner .credit-card-box figure {
  margin: 0;
  }
  
  .addonBanner h2.hd {
  font-size: 36px;
  font-weight: bold;
  color: #54565B;
  margin-top: 36px;
  }
  
  .addonBanner .addonBanSubHead {
  font-size: 24px;
  font-weight: 300;
  color: #54565B;
  margin-top: 15px;
  }
  
  .addonsCont .addRight {
  box-shadow: none;
  padding: 0;
  }
  
  .addonsCont .addLeft {
  margin: 0;
  top: 0;
  }
  
  .addonsCont .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/right.svg") no-repeat center center;
  background-size: 50%;
  }
  
  .form-label-group > label.pincodeCityState.newPin2 {
  display: none;
  }
  .black-bg{
  background-color: #000000cc !important;
  }
  
  .white-me{
  color: #fff;
  }
  
  input:focus::-webkit-input-placeholder{
  color:#888;
  }
  
  .ui-helper-hidden-accessible {
  display: none;
  }
  
  .addonLeft {
  max-width: 470px;
  padding: 40px 0;
  }
  
  .addonLeft img {
  width: 100%;
  height: auto;
  }
  
  .addonRight {
  width: calc(100% - 650px);
  margin-left: 80px;
  padding-top: 40px;
  margin-bottom: 100px;
  }
  
  .togetBox {
  margin-bottom: 15px;
  }
  
  .togetBox span {
  display: inline-block;
  padding-left: 5px;
  }
  
  .addonRight h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: bold;
  color: #54565B;
  margin-bottom: 15px;
  }
  
  .addonRight p {
  font-size: 16px;
  }
  
  .rewardsBox {
  width: 280px;
  }
  
  .addXXX {
  float: left;
  padding-top: 17px;
  }
  
  .w120 {
  width: 120px;
  float: right;
  }
  
  .form-list li.listP, .listP p {
  margin-bottom: 0;
  }
  
  .form-list li.listP {
  margin-bottom: 5px;
  }
  
  .form-list li.listP p {
  font-size: 12px;
  }
  
  .rewardsBox .btn-box .btn-red, .rewardsBox .btn-box .btn-white {
  width: 100%;
  }
  
  .addonOpps .modal-dialog {
  max-width: 860px;
  }
  
  .addonOpps .modal-dialog .modal-body.op1 {
  padding: 70px 50px;
  }
  
  .addonSorry .modal-dialog .modal-body.op1 {
  padding: 70px 50px;
  }
  
  .addonComp .modal-dialog {
  max-width: 700px;
  }
  
  .addonComp ul.row {
  margin: 0;
  }
  
  .addonComp ul {
  width: 100%;
  padding: 0;
  }
  
  .addonComp .addRight {
  float: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  text-align: center;
  }
  
  .addonComp .addLeft {
  top: auto;
  bottom: auto;
  left: auto;
  position: inherit;
  float: none;
  margin: 20px 0 0 45%;
  }
  
  .addonComp li {
  position: relative;
  text-align: center;
  }
  
  .addonComp .custom-control {
  padding: 0;
  }
  
  .addonComp h3 {
  font-size: 24px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 30px;
  }
  
  .addonComp .modal-dialog .modal-body.op1 {
  padding: 60px 60px 40px;
  }
  
  .addonComp .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: url("../../../content/dam/idfcfirstbank/images/ntb/ntb-cc/right.svg") no-repeat center center;
  background-size: 50%;
  }
  
  .addonComp li ul.addonCompInn {
  width: 305px;
  margin: auto;
  }
  
  .addonComp li .btn-box {
  margin: 0;
  }
  
  .rangeTrack .slider-wraper {
  max-width: 945px;
  width: 100%;
  margin: auto;
  }
  
  .rangeTrack .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;
  }
  
  .rangeTrack .ui-widget.ui-widget-content {
  background: #FFCB05;
  height: 5px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  width: 100% !important;
  }
  
  .rangeTrack .ui-slider .ui-slider-handle {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
  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;
  margin-left: -12px;
  cursor: pointer;
  }
  
  .rangeTrack .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background: #9D1D27;
  height: 5px;
  }
  
  .rangeTrack .slider-wraper {
  margin-right: 0;
  }
  
  .rangeTrack .slider-wraper .help-block {
  font-size: 16px;
  margin-top: 15px;
  }
  
  .rangeTrack .slider-wraper .help-block span {
  font-weight: 300;
  }
  
  input.sliderAmount {
  border: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #9C1D26;
  width: 100%;
  }
  
  input[type=number] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  margin: 0;
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  }
  
  @media (max-width: 990px) {
  .addonRight {
  width: 100%;
  }
  }
  
  @media (max-width: 767px) {
  .addonsCont .progress-list ul {
  display: block;
  text-align: center;
  }
  .progress-list ul li.cc {
  width: 110px;
  -ms-flex-pack: center;
      justify-content: center;
  display: inline-block;
  padding: 0;
  line-height: 50px;
  }
  .progress-list ul li.cc span {
  width: 100%;
  }
  .addonsCont .form1 .form-label-group, .addonsCont .form2 .form-label-group {
  margin-bottom: 0;
  }
  .progress-list.sticky {
  top: 5px;
  }
  .addonLeft {
  float: none;
  }
  .addonRight {
  margin-left: 0;
  float: none;
  }
  .rewardsBox {
  margin-left: auto;
  margin-right: auto;
  }
  .addonLeft {
  width: 200px;
  margin: auto;
  padding-bottom: 0;
  }
  }
  
  @media (max-width: 480px) {
  .addonBanner {
  display: none;
  }
  .addonBanner .credit-card-box {
  display: block;
  }
  .addonFormList .w100, .addonFormList .w100Full {
  width: 100%;
  float: none;
  }
  .addonFormList .w100 {
  margin-bottom: 30px !important;
  }
  .form-details .w100 select {
  background-position: 98% center !important;
  }
  .addonRightTop {
  width: 50%;
  }
  .addonRight h2 {
  font-size: 16px;
  line-height: 110%;
  }
  .addonRight p, .togetBox span {
  font-size: 12px;
  line-height: 110%;
  }
  .togetBox {
  margin-bottom: 10px;
  }
  .addonLeft {
  padding: 0;
  }
  .addHerBanner {
  position: absolute;
  width: 150px;
  right: -20px;
  margin-top: 30px;
  }
  }
  
  @media (max-width: 767px) {
  .black-bg.cong-section{
      padding: 200px 0px 50px 0px !important;
  }
  
  .black-bg.cong-section .ntgCircle2 {
      width: 150px;
      margin: auto;
  }
  
  .acnumber > ul > li{
  margin-bottom: 0px;
  }
  
  }
  
  
  .wordTxt {
  font-size: 12px;
  padding: 1px 0;
  }
  
  .w20per {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-right: 0;
  }
  
  .w22per {
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
  padding-right: 0;
  }
  
  .w40per {
  -ms-flex: 0 0 38%;
  flex: 0 0 38%;
  max-width: 38%;
  padding-right: 0;
  }
  
  .instBox1 {
  float: left;
  margin-right: 20px;
  }
  
  .w40per .instBox1:last-child {
  margin: 0;
  }
  
  .w22per .newTxt2, .w40per .newTxt2 {
  margin-bottom: 0;
  }
  
  .w40per .instBox1 .higherlimitlink {
  font-size: 12px;
  color: #54565B;
  text-decoration: line-through;
  }
  
  .newTxt2 span {
  font-size: 16px;
  color: #B8B8B8;
  display: inline-block;
  padding-left: 2px;
  }
  
  .w40per .newTxt1 {
  display: inline-block;
  }
  
  .w40per .newTxt1 .newCtoolTip {
  right: -30px;
  }
  
  
  .MAFLNONE {
  float: none;
  margin: auto;
  }
  
  .higherlimitlink {
  line-height: 18px;
  }
  
  @media (max-width: 990px) {
  .w20per, .w22per {
      -ms-flex: 0 0 33.33%;
      flex: 0 0  33.33%;
      max-width: 33.33%;
  }
  .w40per {
      -ms-flex: 0 0 100%;
      flex: 0 0  100%;
      max-width: 100%;
  }
  }
  
  input[type=number] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: textfield !important;
  margin: 0;
  }
  
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin: 0; 
  }
  
  @media (max-width: 640px) {
  .w20per .newTxt1, .w22per .newTxt1, .w40per .newTxt1 {
      font-size: 12px;
      margin-bottom: 0;
  }
  .w20per .newTxt2, .w22per .newTxt2, .w40per .newTxt2 {
      font-size: 16px;
  }
  }
  
  #word,#word2 {
  text-transform: capitalize;
  }

  .landingHd{
    margin-bottom: 1rem;
  }
  .mainHdg{
    color: #e9e9e9;
    font-size: 16px;
    margin-bottom: 1rem;
  }
  strong {
      font-weight: 700;
  }
  
  img {
      vertical-align: middle;
      border-style: none;
  }
  
  .CTR {
      text-align: center;
  }
  .fMor {
    color: #54565B;
    font-size: 12px;
  }
  
  @media (min-width: 768px){
  /* .col-md-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  } */
      }
  
  
      .cong-section {
      padding: 70px 0;
      background: #ffffff;
  }
  
      .col {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      min-width: 0;
      max-width: 100%;
  }
  
          .MT30 {
      margin-top: 30px;
  }
  
          section {
      display: block;
  }
  
  .page-loader {
      background: url("../../../content/dam/idfcfirstbank/images/idfc-loader.gif") no-repeat center center rgba(0, 0, 0, 0.8) !important;
      background-size: 100px;
  }
  
  .bg-none{
      background:none !important;
  }
  
  input:-internal-autofill-selected {
      background-color: transparent !important;
  }
  
  .bold-me{
      font-weight: 600;
  }
  
  .banner figure img {
      display: block;
      max-width: 420px;
  }

  @media (max-width: 767px){
    .banner figure #bannerImgMob {
        width: 80%;
        margin: 0 auto;
    }

    header, header.sticky {
        height: 60px;
    }

    .ML30N {
        margin-left: 0px !important;
    }
}

.fiveCardsClass {
    width: 100%;
}

.pan-red-txt {
    color: #9D1D27;
    font-weight: 400;
}

.ecom-journey {
    padding-top:0px !important;
    } 

.landing-white-bg {
    background: #fff;
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(clientlib-ecom/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.form-details select {
  
    background: #ffffff url("../../../content/dam/idfcfirstbank/images/down.svg") no-repeat right center;
   
  }
  .progress-list ul li strong {
   
    background: #9D1D27 url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/right.svg") no-repeat center center;
   
  }
  
  .upload-file .filetext {
  background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/upload.svg") no-repeat 96% center;
  }
  
  .toggle-password {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/eye_cross.svg") no-repeat center center;
  }
  
  .toggle-password.active {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/eye.svg") no-repeat center center;
  }
  
  .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);
  }
  
  .form-label-group > input.search {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/svg/search.svg") no-repeat 98% center;
  }
  
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/svg/checkbox.svg") no-repeat;
  }
  
  .customer-speak .container.shape {
    background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/shape.svg") no-repeat 0 -2px;
  }
  
  @media (max-width: 767px) {
    .customer-speak .container.shape {
      background: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/shape.svg") no-repeat center -2px;
    }
  }
  
  .fileUpload.active .arrow.yellow {
    background: #00a07a url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/svg/checkbox.svg") no-repeat center center;
  }
  
  @font-face {
    src: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.eot?6t37sc");
    src: url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.eot?6t37sc#iefix") format("embedded-opentype"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.ttf?6t37sc") format("truetype"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.woff?6t37sc") format("woff"), url("../../../content/dam/idfcfirstbank/images/credit-card/etb/pre-approved/fonts/icomoon.svg?6t37sc#icomoon") format("svg");
   
  }