/* Desktop Header CSS Start */
@media(max-width: 991px) {
    body.grnt-new-header-app-body.body-head-static {
        padding-top: 157px
    }
}

.new-head-body.body-head-static {
    padding-top: 77px
}

body.bg-overlay:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 8
}

body.qr-body-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
}

@media(max-width: 991px) {
    body.grnt-new-header-app-body {
        padding-top: 80px
    }

    body.grnt-new-header-app-body .grnt-new-header {
        height: auto
    }

    body.grnt-new-header-app-body .grnt-new-header .grnt-newhe-top-main {
        padding: 20px 0px 0px
    }

    body.grnt-new-header-app-body .grnt-new-header::before {
        top: 80px
    }
}

@media(max-width: 991px) {
    body.grnt-new-header-app-body.body-head-static {
        padding-top: 157px
    }
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbde;
    margin-top: -20px;
    background: #fff
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex {
    gap: 12px
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex .gam-left {
    gap: 9px
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex .gam-left .btn-close {
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    border: 0;
    box-shadow: none;
    outline: none
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex .gam-left picture img,
body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex .gam-left figure img {
    max-width: 188px
}

body.grnt-new-header-app-body .grnt-new-header .grnt-app-mob-main .grnt-app-mob-flex .btn-red {
    padding: 12.5px 20px;
    border-radius: 99px;
    background: #9d1d27;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px
}

.grnt-new-header {
    height: auto;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    transition: .1s all;
    z-index: 9
}

.grnt-new-header:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 125px;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    z-index: -1
}

@media(max-width: 767px) {
    .grnt-new-header:before {
        height: 75px
    }
}

.grnt-new-header .header-top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.grnt-new-header .ht-left-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    padding-left: 70px
}

.grnt-new-header .ht-right-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding-right: 70px
}

.grnt-new-header .new-nav-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px
}

@media(max-width: 1440px) {
    .grnt-new-header .new-nav-menu {
        gap: 30px
    }
}

@media(max-width: 1366px) {
    .grnt-new-header .new-nav-menu {
        gap: 25px
    }
}

.grnt-new-header .new-nav-menu li.menu-item-has-children {
    position: static
}

.grnt-new-header .new-nav-menu li.menu-item-has-children a {
    padding: 28.5px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    display: block;
    position: relative;
    transition: .5s all
}

@media(max-width: 1199px) {
    .grnt-new-header .new-nav-menu li.menu-item-has-children a {
        font-size: 12px
    }
}

.grnt-new-header .new-nav-menu li.menu-item-has-children>a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #9d1d27;
    transition: .5s all
}

.grnt-new-header .new-nav-menu li.menu-item-has-children>a.active {
    color: #9b1e26;
    font-weight: 600
}

.grnt-new-header .new-nav-menu li.menu-item-has-children>a.active:before {
    width: 100%
}

.grnt-new-header .new-nav-menu li.menu-item-has-children:hover>a,
.grnt-new-header .new-nav-menu li.menu-item-has-children:focus>a,
.grnt-new-header .new-nav-menu li.menu-item-has-children:active>a {
    color: #9b1e26;
    font-weight: 600
}

.grnt-new-header .new-nav-menu li.menu-item-has-children:hover>a:before,
.grnt-new-header .new-nav-menu li.menu-item-has-children:focus>a:before,
.grnt-new-header .new-nav-menu li.menu-item-has-children:active>a:before {
    width: 100%
}

.grnt-new-header .mega-menu-open {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transition: all .4s ease-out;
    transform: rotateX(90deg);
    transform-origin: top;
    opacity: 0;
    display: block;
    z-index: 190
}

.grnt-new-header .mega-menu-open.active {
    opacity: 1;
    transform: rotateX(0);
    transform-origin: top
}

.grnt-new-header .mega-menu-open a {
    padding: 28.5px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    display: block;
    position: relative;
    transition: .5s all
}

.grnt-new-header .mega-menu-open .mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transition: all .5s ease-out;
    transform: rotateX(0deg);
    transform-origin: top;
    opacity: 1;
    display: block;
    border-top: 1px solid #e9e9e9;
    z-index: 100;
    background: #f6f6f6;
    max-height: calc(100vh - 150px);
    height: 520px;
    overflow: auto
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .mega-menu {
        height: 500px
    }
}

.grnt-new-header .mega-menu-open .mega-menu.op2 {
    bottom: 0;
    top: 0
}

.grnt-new-header .mega-menu-open .mega-menu.op2#login {
    background: radial-gradient(107.48% 419.43% at -9.67% 117.43%, rgba(0, 0, 0, 0) 46.13%, rgba(0, 0, 0, 0.2) 94.71%), linear-gradient(0deg, #6E0A0F, #6E0A0F), #f6f6f6;
    border-top-color: #6e0a0f;
    overflow-y: hidden
}

.grnt-new-header .mega-menu-open .mega-menu .nav-top-common-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 16px;
    margin: 0;
    color: #222
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .mega-menu .nav-top-common-title {
        font-size: 14px
    }
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content {
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .nav-top-common-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .nav-top-common-title .all-accbtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 12px;
    padding: 0;
    line-height: 17px;
    color: #9b1e26
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .nav-top-common-title .all-accbtn svg {
    max-width: 20px
}

.grnt-new-header .mega-menu-open .mega-menu .col-lg-3,
.grnt-new-header .mega-menu-open .mega-menu .col-lg-9 {
    display: inherit
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs {
    padding: 20px 0 30px 70px;
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 24px rgba(120, 120, 120, .08);
    z-index: 2;
    height: 518px;
    max-height: 100%;
    overflow-y: auto
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs {
        padding: 20px 0 30px 50px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs {
        padding: 20px 0 30px 30px
    }
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .all-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    gap: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #9b1e26;
    padding: 0px 20px;
    margin: 10px 0px 15px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .all-btn svg,
.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .all-btn img {
    max-width: 20px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .mega-tabs-links a {
    display: block;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6e0a0f;
    transition: 0s all;
    position: relative;
    z-index: 1
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .mega-tabs-links a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f6f6f6;
    border-radius: 50px 0px 0px 50px;
    z-index: -1;
    opacity: 0;
    transition: 0s all
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .mega-tabs-links a span {
    display: inline-block;
    padding: 4px 10px;
    background: linear-gradient(135deg, #9B1E26 0%, #56070C 98.08%);
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    margin-left: 8px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .mega-tabs-links a.active {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #6e0a0f
}

.grnt-new-header .mega-menu-open .mega-menu .mega-left-tabs .mega-tabs-links a.active::before {
    opacity: 1
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content {
    width: 100%;
    padding: 20px 70px 30px 20px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-main {
    height: 100%
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .mega-menu .mega-right-content {
        padding: 20px 50px 30px 20px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .mega-menu .mega-right-content {
        padding: 20px 30px 3 0px 20px
    }
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc {
    display: none;
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc>.row {
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc .col-lg-8 {
    display: inherit;
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc .col-lg-8>.mega-tabs-inner {
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc .col-lg-6 {
    position: relative;
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc .col-lg-4 {
    position: relative;
    display: inherit;
    height: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc .col-lg-4>.mega-tabs-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box {
    margin-top: 20px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box.privil-only-box {
    margin-top: 0
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box .privilage-inbox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 51px auto;
    grid-template-columns: 51px auto;
    gap: 9px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 16px;
    margin-top: 10px;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box .privilage-inbox .privilage-img img {
    max-width: 51px;
    border-radius: 4px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box .privilage-inbox .privilage-desc .pri-txt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6e0a0f;
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box .privilage-inbox+.privilage-inbox {
    margin-top: 25px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .privilage-box .privilage-inbox:hover .pri-txt {
    font-weight: 500;
    color: #bd3e46
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links li a {
    padding: 10px 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #6e0a0f;
    width: -moz-fit-content;
    width: fit-content;
    transition: .5s all
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links li a:hover,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links li a:focus,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links li a:active {
    font-style: normal;
    font-weight: 500;
    color: #bd3e46
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links+.mega-tabs-desc-links {
    margin-top: 9px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links.credit-card-tabs-desc li a {
    padding: 0;
    line-height: normal;
    width: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links.credit-card-tabs-desc li+li {
    margin-top: 8px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links.credit-card-tabs-desc li:nth-child(2n) .cc-tab-link {
    background: rgba(0, 0, 0, 0)
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link {
    padding: 12px 16px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .tit {
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    color: #6e0a0f;
    display: block
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    margin-top: 10px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctlb-img {
    max-width: 51px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctlb-img img {
    max-width: 100%
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc {
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span {
    padding: 2px 8px;
    background: linear-gradient(0deg, rgba(250, 225, 225, 0.6), rgba(250, 225, 225, 0.6)), #fff;
    border: 1px solid #fae1e1;
    border-radius: 4px;
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    color: #222;
    text-transform: capitalize
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.pink-bg {
    background: linear-gradient(0deg, rgba(250, 225, 225, 0.6), rgba(250, 225, 225, 0.6)), #fff;
    border: 1px solid #fae1e1
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.yellow-bg {
    background: linear-gradient(0deg, rgba(242, 232, 179, 0.4), rgba(242, 232, 179, 0.4)), #fff;
    border: 1px solid #f2e8b3
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.liblue-bg {
    background: linear-gradient(0deg, rgba(198, 226, 226, 0.6), rgba(198, 226, 226, 0.6)), #fff;
    border: 1px solid #c6e2e2
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.purple-bg {
    background: linear-gradient(0deg, rgba(216, 203, 246, 0.4), rgba(216, 203, 246, 0.4)), #fff;
    border: 1px solid #d8cbf6
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.lipink-bg {
    background: linear-gradient(0deg, rgba(252, 224, 248, 0.6), rgba(252, 224, 248, 0.6)), #fff;
    border: 1px solid #fce0f8
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-tabs-desc-links .cc-tab-link .cctl-bottom .cctl-desc span.green-bg {
    background: linear-gradient(0deg, rgba(198, 226, 203, 0.4), rgba(198, 226, 203, 0.4)), #fff;
    border: 1px solid #c6e2cb
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box {
    border: 1px solid #dbdbde;
    border-radius: 12px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box img {
    width: 100%;
    border-radius: 12px 12px 0 0
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc {
    padding: 20px;
    border-radius: 0 0 12px 12px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.pink-bg {
    background: #f6e5e5
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.white-bg {
    background: #fff
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.grey-bg {
    background: #e9e9e9
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.yellow-bg {
    background: #ffedcb
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient {
    background: linear-gradient(180deg, #1A2549 0%, #3C4A75 100%)
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .h3 {
    color: #fff
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .txt {
    color: #fff
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .btn-red-border {
    border-color: #fff;
    color: #fff
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:hover,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:focus,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    margin-bottom: 8px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .txt {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    margin-bottom: 20px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .btn-red-border {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #9d1d27;
    border-radius: 24px;
    color: #9d1d27;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px
}

.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .btn-red-border:hover,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .btn-red-border:focus,
.grnt-new-header .mega-menu-open .mega-menu .mega-right-content .mega-discover-box .discover-desc .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-new-header .mega-menu-open .customer-support {
    position: relative;
    padding: 40px 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support {
        padding: 30px 0
    }
}

.grnt-new-header .mega-menu-open .customer-support .row .row {
    row-gap: 30px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .row .row {
        row-gap: 20px
    }
}

.grnt-new-header .mega-menu-open .customer-support .row .row .col-lg-4 {
    display: inherit
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box {
    width: 100%;
    padding: 24px 12px 24px 16px;
    background: #eee;
    border-radius: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px auto;
    grid-template-columns: 20px auto;
    gap: 8px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-box {
        padding: 12px 12px 12px 16px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-icon img {
    width: 20px;
    height: 20px;
    object-fit: fill
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .title-icon {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 20px;
    grid-template-columns: auto 20px;
    gap: 8px;
    margin-bottom: 6px
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .title-icon .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .title-icon .title {
        font-size: 12px;
        line-height: 16px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .title-icon img {
    width: 20px;
    height: 20px;
    object-fit: fill
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .desc {
    width: calc(100% - 28px);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-desc .desc {
        font-size: 10px;
        line-height: 14px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-box .cust-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-bottom {
    border-top: 1px solid #dbdbde
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box {
    position: relative;
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-help-box {
        margin-top: 20px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-img img {
    width: 58px;
    height: 58px;
    object-fit: fill
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .title-icon {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content 20px;
    grid-template-columns: max-content 20px;
    gap: 8px;
    margin-bottom: 6px
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .title-icon .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .title-icon .title {
        font-size: 12px;
        line-height: 16px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .title-icon img {
    width: 20px;
    height: 20px;
    object-fit: fill
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cnhb-desc .desc {
        font-size: 10px;
        line-height: 14px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-help-box .cust-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main {
    padding: 32px 50px;
    min-height: 384px;
    z-index: 1
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main {
        padding: 20px;
        min-height: 310px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-img img {
    width: 100%;
    height: 100%
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-qr-desc {
    text-align: center
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-qr-desc .title {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    background: linear-gradient(97.67deg, rgba(55, 10, 14, 0.8) 6.64%, rgba(157, 29, 39, 0.8) 90.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-qr-desc .title {
        font-size: 16px;
        line-height: 20px
    }
}

.grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-qr-desc .desc {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #6e0a0f;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .customer-support .cust-new-qr-main .cust-new-qr-desc .desc {
        font-size: 12px
    }
}

.grnt-new-header .mega-menu-open .login-menu {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0px 0
}

.grnt-new-header .mega-menu-open .login-menu>.container {
    max-height: 100%
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    background: linear-gradient(93.81deg, #E9E9E9 0%, #838383 154.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .title {
        font-size: 28px;
        line-height: 34px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .desc {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #fafafa;
    opacity: .5;
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-top: 40px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left {
        margin-top: 30px;
        row-gap: 20px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left .mobile-img {
    -ms-flex: 0 0 192px;
    flex: 0 0 192px;
    width: 192px
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left .mobile-img {
        -ms-flex: 0 0 162px;
        flex: 0 0 162px;
        width: 162px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left .mobile-img {
        -ms-flex: 0 0 162px;
        flex: 0 0 162px;
        width: 162px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left .mobile-img img {
    width: 100%
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .login-new-grid-left .mobile-img img {
        max-width: 93%
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main .playstore-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main .playstore-grid+.playstore-grid {
    margin-top: 20px
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main .playstore-grid img {
    -ms-flex: 0 0 68px;
    flex: 0 0 68px;
    width: 68px;
    height: 60px
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main .playstore-grid a {
    padding: 0
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main .playstore-grid a img {
    -ms-flex: 0 0 172px;
    flex: 0 0 172px;
    width: 172px;
    height: 54px
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right {
    padding-bottom: 25px
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top {
    margin-bottom: 25px
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top {
        margin-bottom: 15px
    }
}

@media(max-width: 991px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top {
        margin-bottom: 18px;
        text-align: center
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top {
        margin-bottom: 24px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top img {
    width: 100%
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top img {
        width: auto;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top img {
        max-width: 80%
    }
}

@media(max-width: 991px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top img {
        max-width: 70%;
        margin: auto
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-top img {
        max-width: 360px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle {
    margin-bottom: 17px;
    text-align: center
}

@media(max-width: 1366px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle {
        margin-bottom: 10px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle {
        margin-bottom: 6px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle .txt {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle .txt {
        font-size: 14px;
        line-height: 22px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle .txt:last-child {
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-middle .txt b {
    font-weight: 600
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 15px 24px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .2);
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last {
        gap: 20px;
        padding: 12px 10px
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last {
        padding: 15px;
        gap: 32px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: auto
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box {
        max-width: 100%
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box+.hcasbaril-box {
    position: relative;
    z-index: 1
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box+.hcasbaril-box::before {
    content: "";
    position: absolute;
    left: -19px;
    top: 0;
    bottom: 0;
    width: 2px;
    border-left: 1px solid rgba(255, 255, 255, .1);
    z-index: -1
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box+.hcasbaril-box::before {
        left: -9px
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box+.hcasbaril-box::before {
        left: -16px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .con {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .con {
        font-size: 13px;
        line-height: 17px
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .con {
        font-size: 15px;
        line-height: 20px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img {
    max-width: 102px;
    -ms-flex: 0 0 102px;
    flex: 0 0 102px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img {
        max-width: 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img {
        max-width: 102px;
        -ms-flex: 0 0 102px;
        flex: 0 0 102px
    }
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img a {
    padding: 0 !important;
    line-height: 1 !important
}

.grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img img {
    width: 102px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img img {
        width: 80px
    }
}

@media(max-width: 767px) {
    .grnt-new-header .mega-menu-open .login-menu .login-new-left .playstore-main.new-design .hcasba-right .hcasbari-last .hcasbaril-box .hcasbaril-img img {
        width: 102px
    }
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.24) 100%);
    border-radius: 24px;
    padding: 12px
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner {
    padding: 20px 24px;
    background: #fff;
    border-radius: 20px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner {
        padding: 20px
    }
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .main-title {
    margin-bottom: 32px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .main-title {
        margin-bottom: 22px
    }
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .main-title .title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #9b1e26;
    margin-bottom: 8px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .main-title .title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px
    }
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .main-title .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #222;
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 20px;
    grid-template-columns: auto 20px;
    position: relative;
    gap: 8px
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid+.new-login-box-grid {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e9e9e9
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    gap: 8px
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left img {
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left .lgbg-desc .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222;
    margin-bottom: 4px
}

@media(max-width: 1199px) {
    .grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left .lgbg-desc .title {
        font-size: 14px
    }
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left .lgbg-desc .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #686873;
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-arrow {
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.grnt-new-header .mega-menu-open .login-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    z-index: 1
}

.grnt-new-header .mega-menu-open .search-main {
    padding: 30px 0px;
    height: 100%
}

.grnt-new-header .mega-menu-open .search-main .mega-tabs-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box {
    max-width: 90%
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box img {
    width: 100%;
    border-radius: 12px 12px 0 0
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc {
    padding: 20px;
    border-radius: 0 0 20px 20px
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.pink-bg {
    background: #f6e5e5
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.white-bg {
    background: #fff
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.grey-bg {
    background: #e9e9e9
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.yellow-bg {
    background: #ffedcb
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient {
    background: linear-gradient(180deg, #1A2549 0%, #3C4A75 100%)
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .h3 {
    color: #fff
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .txt {
    color: #fff
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border {
    border-color: #fff;
    color: #fff
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:hover,
.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:focus,
.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    margin-bottom: 8px
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .txt {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    margin-bottom: 20px
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .btn-red-border {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #9d1d27;
    border-radius: 24px;
    color: #9d1d27;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px
}

.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .btn-red-border:hover,
.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .btn-red-border:focus,
.grnt-new-header .mega-menu-open .search-main .mega-discover-box .discover-desc .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    height: 450px;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .recent-activity .title {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .recent-activity .recent-activity-searched {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .recent-activity .recent-activity-searched a {
    color: #686873;
    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: #e9e9e9;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .recent-activity .recent-activity-searched a:hover {
    color: #686873;
    background: #dbdbde
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product {
    margin: 22px 0px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box+.searchmp-box {
    margin-top: 32px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .title {
    color: #222;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container {
    gap: 12px 16px;
    padding: 0 9px 4px 9px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip {
    -ms-flex: 1;
    flex: 1;
    border-radius: 12px;
    background: #e9e9e9;
    box-shadow: none;
    padding: 10px;
    -ms-flex: 0 0 31.6%;
    flex: 0 0 31.6%;
    max-width: 31.6%;
    transition: .5s all
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip:hover {
    background: #dbdbde
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip img {
    margin-right: 5px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip .f14sb {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #222
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip .link {
    color: #9b1e26;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    text-decoration: underline;
    background: rgba(0, 0, 0, 0)
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip .link:hover {
    text-decoration: none
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box {
    position: relative
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box img {
    width: 44px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box div {
    max-width: 172px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-bottom: 0
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-new-redirect img {
    position: absolute;
    top: 10px;
    right: 0;
    width: 20px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.chip2 {
    padding: 5px 10px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .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
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.chip2 .sbgs-search .apply-btn-container {
    position: relative;
    z-index: 2
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchm-product .searchmp-box .chip-container .item-chip.chip2 .sbgs-search .entire-box-link {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .more-btn {
    color: #9b1e26;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-align: center;
    padding: 0;
    margin: 25px auto 0px;
    display: block
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip {
    padding: 5px 10px;
    position: relative;
    border-radius: 12px;
    background: #fff;
    -ms-flex: 1;
    flex: 1;
    box-shadow: 0px 2px 7.2px 0px rgba(0, 0, 0, .16)
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip+.searchmp-chip {
    margin-top: 20px
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip .sbgs-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 25px;
    position: relative
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip .sbgs-search .sbgs2 {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin: 10px 0
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip .sbgs-search .apply-btn-container {
    position: relative;
    z-index: 2
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip .sbgs-search .apply-btn-container .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
}

.grnt-new-header .mega-menu-open .search-main .searchm-inner .searchmp-blogs .searchmp-chip .sbgs-search .entire-box-link {
    display: block;
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.grnt-new-header .ht-right-content .header-search {
    background: rgba(0, 0, 0, 0)
}

.grnt-new-header .ht-right-content .header-search .header-search-box input {
    border-radius: 24px;
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    padding: 11px 13px 11px 45px;
    min-width: 262px;
    max-width: 270px;
    color: #fff;
    font-size: 16px;
    outline: 0;
    font-weight: 400;
    line-height: normal
}

.grnt-new-header .ht-right-content .header-search .header-search-box input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.grnt-new-header .ht-right-content .header-search .header-search-box input::placeholder {
    color: #fff;
    opacity: 1
}

@media(max-width: 1366px) {
    .grnt-new-header .ht-right-content .header-search .header-search-box input {
        padding-left: 40px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .ht-right-content .header-search .header-search-box input {
        min-width: 160px;
        max-width: 160px;
        padding-left: 40px
    }
}

@media(max-width: 991px) {
    .grnt-new-header .ht-right-content .header-search .header-search-box input {
        min-width: auto;
        max-width: 100%
    }
}

.grnt-new-header .ht-right-content .header-search .header-search-box .grnt-search-img {
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    position: absolute;
}

.grnt-new-header .ht-right-content .header-search .cta-container {
    gap: 11px
}

@media(max-width: 1199px) {
    .grnt-new-header .ht-right-content .header-search .cta-container {
        gap: 6px
    }
}

.grnt-new-header .ht-right-content .header-search .drop-down {
    padding: 15px 0px
}

.grnt-new-header .ht-right-content .header-search .drop-down .login-drodown-menu .inner {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0;
    border-radius: 0
}

.grnt-new-header .ht-right-content .header-search .drop-down .login-drodown-menu .inner .login-upgrade {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 0;
    border-radius: 12px
}

.grnt-new-header .ht-right-content .header-search .drop-down .login-drodown-menu .inner .loan-and-wholesale {
    margin-top: 30px
}

.grnt-new-header .ht-right-content .header-search .drop-down .login-drodown-menu .inner .loan-and-wholesale a {
    padding: 10px !important;
    background: #e9e9e9;
    box-shadow: 0 0 0;
    border-radius: 12px;
    border-bottom: 0 !important;
    margin: 0
}

.grnt-new-header .ht-right-content .header-search .drop-down .login-drodown-menu .inner .loan-and-wholesale a+a {
    margin-top: 25px
}

.grnt-new-header .ht-right-content .header-search .login-btn {
    min-width: 70px;
    padding: 10px 20px;
    font-weight: 500;
    height: 44px;
    font-size: 14px;
    color: #000 !important;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11px;
    margin-left: 0 !important
}

.grnt-new-header .ht-right-content .header-search .login-btn svg {
    max-width: 15px
}

.grnt-new-header .ht-right-content .header-search .login-btn+.dropdown-content {
    top: 49px !important;
    background: #f5f5f5;
    border-radius: 0;
    padding: 24px 38px;
    z-index: 7
}

.grnt-new-header .ht-right-content .header-search .accessibility-button {
    margin-left: 15px
}

@media(max-width: 1199px) {
    .grnt-new-header .ht-right-content .header-search .accessibility-button {
        margin-left: 5px
    }
}

.grnt-new-header .ht-right-content .header-search .accessibility-button .btn-accessibility {
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 50%
}

.grnt-new-header .ht-right-content .header-search .accessibility-button .btn-accessibility svg {
    max-width: 19px
}

.grnt-new-header .ht-right-content .header-search .accessibility-button .btn-accessibility svg path {
    fill: #fff;
    transition: all .5s
}

.grnt-new-header .ht-right-content .header-search .search-tab-button .btntab-search {
    width: 44px;
    height: 44px;
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, 0);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 50%
}

.grnt-new-header .ht-right-content .header-search .search-tab-button .btntab-search svg {
    max-width: 19px
}

.grnt-new-header .ht-right-content .header-search .search-tab-button .btntab-search svg path {
    fill: #fff;
    transition: all .5s
}

@media(max-width: 1199px) {
    .grnt-new-header .ht-right-content .header-search .pay-button {
        margin-left: 3px
    }
}

.grnt-new-header .ht-right-content .header-search .btn-pay {
    min-width: 65px;
    padding: 10px 20px;
    font-weight: 500;
    height: 44px;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 25px;
    margin-left: 12px
}

@media(max-width: 1199px) {
    .grnt-new-header .ht-right-content .header-search .btn-pay {
        margin-left: 0
    }
}

.grnt-new-header .ht-right-content .header-search .customer-care .mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: -moz-fit-content;
    height: fit-content;
    transition: all .5s ease-out;
    transform: rotateX(90deg);
    transform-origin: top;
    opacity: 0;
    display: block;
    background: #f5f5f5;
    border-top: 1px solid #e9e9e9;
    z-index: 100
}

.grnt-new-header .ht-right-content .header-search .customer-care:hover .mega-menu,
.grnt-new-header .ht-right-content .header-search .customer-care:focus .mega-menu,
.grnt-new-header .ht-right-content .header-search .customer-care:active .mega-menu {
    display: block;
    opacity: 1;
    transform: rotateX(0);
    transform-origin: top
}

.grnt-new-header .ht-right-content .header-search .customer-care .cc-links {
    padding: 15px 70px;
    gap: 30px
}

.grnt-new-header .ht-right-content .header-search .customer-care .cc-links a {
    color: #353535;
    transition: .5s all
}

.grnt-new-header .ht-right-content .header-search .customer-care .cc-links a:hover,
.grnt-new-header .ht-right-content .header-search .customer-care .cc-links a:focus,
.grnt-new-header .ht-right-content .header-search .customer-care .cc-links a:active {
    font-weight: 600;
    color: #9b1e26
}

.grnt-new-header.zindex {
    box-shadow: 0 2px 4px 10px rgba(0, 0, 0, .05)
}

.grnt-new-header.bg-white-state,
.grnt-new-header.zindex {
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.grnt-new-header.bg-white-state:before,
.grnt-new-header.zindex:before {
    display: none
}

.grnt-new-header.bg-white-state .menu-toggle-btn svg path,
.grnt-new-header.zindex .menu-toggle-btn svg path {
    fill: #9d1d27
}

.grnt-new-header.bg-white-state li.menu-item-has-children>a,
.grnt-new-header.zindex li.menu-item-has-children>a {
    color: #9b1e26
}

.grnt-new-header.bg-white-state .grnt-help-link,
.grnt-new-header.zindex .grnt-help-link {
    color: #1a1a1a
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .login-btn,
.grnt-new-header.zindex .ht-right-content .header-search .login-btn {
    background: #9b1e26 !important;
    color: #fff !important
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .login-btn svg path,
.grnt-new-header.zindex .ht-right-content .header-search .login-btn svg path {
    fill: #fff !important
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .header-search-box input,
.grnt-new-header.zindex .ht-right-content .header-search .header-search-box input {
    border: 1px solid #222 !important;
    color: #222 !important
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .header-search-box input:-ms-input-placeholder,
.grnt-new-header.zindex .ht-right-content .header-search .header-search-box input:-ms-input-placeholder {
    color: #222 !important
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .header-search-box input::placeholder,
.grnt-new-header.zindex .ht-right-content .header-search .header-search-box input::placeholder {
    color: #222 !important
}

.grnt-new-header.bg-white-state .ht-right-content .header-search .header-search-box svg path,
.grnt-new-header.zindex .ht-right-content .header-search .header-search-box svg path {
    fill: #3f3f3f
}

.grnt-new-header.bg-white-state .ht-right-content .customer-care,
.grnt-new-header.zindex .ht-right-content .customer-care {
    position: relative
}

.grnt-new-header.bg-white-state .ht-right-content .customer-care .grnt-customer-service,
.grnt-new-header.zindex .ht-right-content .customer-care .grnt-customer-service {
    color: #222 !important;
    border: 1px solid #222;
    background: #d9d9d9 !important
}

.grnt-new-header.bg-white-state .ht-right-content .customer-care .cuca-img svg path,
.grnt-new-header.zindex .ht-right-content .customer-care .cuca-img svg path {
    fill: #9b1e26
}

.grnt-new-header.bg-white-state .ht-right-content .customer-care a,
.grnt-new-header.zindex .ht-right-content .customer-care a {
    color: #9b1e26
}

.grnt-new-header.bg-white-state .ht-right-content .btn-pay,
.grnt-new-header.zindex .ht-right-content .btn-pay {
    background: #fff;
    border-color: #9b1e26;
    color: #9b1e26
}

.grnt-new-header.bg-white-state .ht-right-content .btn-accessibility,
.grnt-new-header.zindex .ht-right-content .btn-accessibility {
    border-color: #9b1e26 !important;
    background: #fff !important
}

.grnt-new-header.bg-white-state .ht-right-content .btn-accessibility svg path,
.grnt-new-header.zindex .ht-right-content .btn-accessibility svg path {
    fill: #9b1e26 !important
}

.grnt-new-header.bg-white-state .ht-right-content .search-tab-button .btntab-search,
.grnt-new-header.zindex .ht-right-content .search-tab-button .btntab-search {
    border-color: #9b1e26 !important;
    background: #fff !important
}

.grnt-new-header.bg-white-state .ht-right-content .search-tab-button .btntab-search svg path,
.grnt-new-header.zindex .ht-right-content .search-tab-button .btntab-search svg path {
    fill: #9b1e26 !important
}

.grnt-new-header.bg-white-state li.menu-item-has-children:hover .mega-tabs-desc-main,
.grnt-new-header.bg-white-state li.menu-item-has-children:focus .mega-tabs-desc-main,
.grnt-new-header.bg-white-state li.menu-item-has-children:active .mega-tabs-desc-main {
    display: block !important
}

.grnt-new-header.default-white-state {
    background: #fff;
    border-bottom: 1px solid #e9e9e9
}

.grnt-new-header.default-white-state.zindex {
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0)
}

.grnt-new-header.default-white-state:before {
    display: none
}

.grnt-new-header.default-white-state li.menu-item-has-children>a {
    color: #9b1e26
}

.grnt-new-header.default-white-state .grnt-help-link {
    color: #1a1a1a
}

.grnt-new-header.default-white-state .ht-right-content .header-search .login-btn {
    background: #9b1e26 !important;
    color: #fff !important
}

.grnt-new-header.default-white-state .ht-right-content .header-search .login-btn svg path {
    fill: #fff !important
}

.grnt-new-header.default-white-state .ht-right-content .header-search .header-search-box input {
    border: 1px solid #222 !important;
    color: #222 !important
}

.grnt-new-header.default-white-state .ht-right-content .header-search .header-search-box input:-ms-input-placeholder {
    color: #222 !important
}

.grnt-new-header.default-white-state .ht-right-content .header-search .header-search-box input::placeholder {
    color: #222 !important
}

.grnt-new-header.default-white-state .ht-right-content .header-search .header-search-box svg path {
    fill: #3f3f3f
}

.grnt-new-header.default-white-state .ht-right-content .customer-care {
    position: relative
}

.grnt-new-header.default-white-state .ht-right-content .customer-care .grnt-customer-service {
    color: #222 !important;
    border: 1px solid #222;
    background: #d9d9d9 !important
}

.grnt-new-header.default-white-state .ht-right-content .customer-care .cuca-img svg path {
    fill: #9b1e26
}

.grnt-new-header.default-white-state .ht-right-content .customer-care a {
    color: #9b1e26
}

.grnt-new-header.default-white-state .ht-right-content .btn-pay {
    background: #fff;
    border-color: #9b1e26;
    color: #9b1e26
}

.grnt-new-header.default-white-state .ht-right-content .btn-accessibility {
    border-color: #9b1e26 !important;
    background: #fff !important
}

.grnt-new-header.default-white-state .ht-right-content .btn-accessibility svg path {
    fill: #9b1e26 !important
}

.grnt-new-header.default-white-state .ht-right-content .search-tab-button .btntab-search {
    border-color: #9b1e26 !important;
    background: #fff !important
}

.grnt-new-header.default-white-state .ht-right-content .search-tab-button .btntab-search svg path {
    fill: #9b1e26 !important
}

.grnt-new-header.default-white-state li.menu-item-has-children:hover .mega-tabs-desc-main,
.grnt-new-header.default-white-state li.menu-item-has-children:focus .mega-tabs-desc-main,
.grnt-new-header.default-white-state li.menu-item-has-children:active .mega-tabs-desc-main {
    display: block !important
}

.grnt-new-header.zindex .head-accessibility {
    display: none
}

@media(max-width: 1299px) {
    .grnt-new-header .ht-left-content {
        padding-left: 30px
    }

    .grnt-new-header .ht-right-content {
        padding-right: 30px
    }
}

@media(max-width: 1199px) {
    .grnt-new-header .new-nav-menu {
        gap: 20px
    }

    .grnt-new-header .ht-left-content {
        gap: 15px
    }

    .grnt-new-header .ht-right-content {
        gap: 15px
    }
}

.grnt-search-modal .modal-header .grnt-search-img {
    top: 9.5px;
    left: 13px;
    position: absolute
}

.grnt-search-modal .modal-header .grnt-search-img input {
    border: 1px solid #fff;
    color: #fff
}

.grnt-search-modal .modal-header .grnt-search-img input:-ms-input-placeholder {
    color: #fff
}

.grnt-search-modal .modal-header .grnt-search-img input::placeholder {
    color: #fff
}

.grnt-search-modal .modal-header .grnt-search-img svg path {
    fill: #3f3f3f
}

.grnt-new-header.mobile-menu {
    padding: 20px 0;
    height: 76px;
    border-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

.grnt-new-header.mobile-menu.zindex .menu-toggle-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-outer-cs {
    background: #9d1d27;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-pay {
    color: #9d1d27;
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-accessibility {
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .mob-search-outer-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.default-white-state {
    border-bottom: 1px solid #e9e9e9
}

.grnt-new-header.mobile-menu.default-white-state .menu-toggle-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-outer-cs {
    background: #9d1d27;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-pay {
    color: #9d1d27;
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-accessibility {
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .mob-search-outer-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right {
    gap: 8px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn {
    margin-right: 3px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-outer-cs {
    padding: 8px 12px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
    background: #4b4b4b;
    border: 1px solid #787878;
    border-radius: 24px;
    outline: none
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-pay {
    padding: 8px 14px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #787878;
    border-radius: 24px;
    outline: none
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility svg {
    max-width: 20px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #fff
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn svg,
.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn img {
    max-width: 20px
}

.grnt-new-header.mobile-menu .header-top svg {
    transition: .5s all
}

/* Desktop Header CSS End */
/* --------------------------------------------------------------------------------------------------- */
/* Mobile Header CSS Start */
.grnt-mob-cs-dropdown-menu {
    position: fixed;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: -200%;
    transition: .5s all
}

.grnt-mob-cs-dropdown-menu .inner {
    background: #f6f6f6;
    border-radius: 24px 24px 0 0;
    padding: 20px 0px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new {
    padding: 20px 20px 0;
    height: calc(100% - 200px);
    overflow-y: auto
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .row {
    row-gap: 8px;
    margin: 0 -4px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .row .col-6,
.grnt-mob-cs-dropdown-menu .inner .inner-top-new .row .col-12 {
    padding: 0 4px;
    display: inherit
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box {
    width: 100%;
    padding: 12px;
    background: #eee;
    border-radius: 12px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 6px;
    text-align: center
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-icon img {
    width: 20px;
    height: 20px;
    object-fit: fill
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-desc .title-icon {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content max-content;
    grid-template-columns: max-content max-content;
    gap: 0;
    margin-bottom: 6px;
    -ms-flex-pack: center;
    justify-content: center
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-desc .title-icon .title {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-bottom: 0
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-desc .title-icon img {
    width: 16px;
    height: 16px;
    object-fit: fill;
    position: relative;
    top: -1px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-desc .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #686873;
    margin-bottom: 0
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-box .cust-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-bottom {
    border-top: 1px solid #dbdbde;
    width: 100%
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box {
    position: relative;
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dbdbde
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cnhb-img img {
    width: 40px;
    height: 40px;
    object-fit: fill
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cnhb-desc .title-icon {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max-content 20px;
    grid-template-columns: max-content 20px;
    gap: 0;
    margin-bottom: 2px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cnhb-desc .title-icon .title {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #222;
    margin-bottom: 0
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cnhb-desc .title-icon img {
    width: 20px;
    height: 20px;
    object-fit: fill
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cnhb-desc .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    color: #222;
    margin-bottom: 0
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-help-box .cust-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main {
    padding: 16px 20px;
    min-height: 130px;
    width: 100%;
    z-index: 1
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-img img {
    width: 100%;
    height: 100%
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-qr-desc {
    text-align: left;
    max-width: 175px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-qr-desc .title {
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 18px;
    background: linear-gradient(97.67deg, rgba(55, 10, 14, 0.8) 6.64%, rgba(157, 29, 39, 0.8) 90.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 8px
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-qr-desc .desc {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #6e0a0f;
    margin-bottom: 0
}

.grnt-mob-cs-dropdown-menu .inner .inner-top-new .cust-new-qr-main .cust-new-qr-desc .btn-red {
    margin-top: 20px;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 20px;
    background: #9b1e26;
    border-radius: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff
}

.grnt-mob-cs-dropdown-menu a.grnt-mob-cs-close {
    padding: 0 !important;
    left: auto;
    right: 15px;
    position: absolute;
    top: 15px;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 12;
    background: rgba(0, 0, 0, 0) !important;
    opacity: 1 !important
}

.grnt-login-cs-dropdown-menu {
    position: fixed;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: -200%;
    transition: .5s all
}

.grnt-login-cs-dropdown-menu .grlocs-inner {
    border-radius: 24px 24px 0 0;
    padding: 20px;
    background: radial-gradient(107.48% 419.43% at -9.67% 117.43%, rgba(0, 0, 0, 0) 46.13%, rgba(0, 0, 0, 0.2) 94.71%), #6e0a0f;
    height: calc(100% - 200px);
    overflow-y: auto
}

.grnt-login-cs-dropdown-menu .log-pop-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 16px
}

.grnt-login-cs-dropdown-menu .new-login-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.24) 100%);
    border-radius: 24px;
    padding: 12px;
    margin-top: 35px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner {
    padding: 20px 24px;
    background: #fff;
    border-radius: 20px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .main-title {
    margin-bottom: 32px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .main-title .title {
    font-style: normal;
    font-weight: 600;
    color: #222;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .main-title .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #222;
    margin-bottom: 0
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 20px;
    grid-template-columns: auto 20px;
    position: relative;
    gap: 8px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid+.new-login-box-grid {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #e9e9e9
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    gap: 8px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left img {
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left .lgbg-desc .title {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #222;
    margin-bottom: 4px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-left .lgbg-desc .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #686873;
    margin-bottom: 0
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-arrow {
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.grnt-login-cs-dropdown-menu .new-login-box .new-login-box-inner .new-login-box-grid .lgbg-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    z-index: 1
}

.grnt-login-cs-dropdown-menu .new-login-cta {
    padding: 16px 20px;
    min-height: 138px;
    width: 100%;
    margin-top: 16px;
    z-index: 1
}

.grnt-login-cs-dropdown-menu .new-login-cta .new-login-cta-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
}

.grnt-login-cs-dropdown-menu .new-login-cta .new-login-cta-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 16px
}

@media(max-width: 767px) {
    .grnt-login-cs-dropdown-menu .new-login-cta .new-login-cta-img img {
        object-fit: fill
    }
}

.grnt-login-cs-dropdown-menu .new-login-cta .login-cta-desc {
    max-width: 230px
}

.grnt-login-cs-dropdown-menu .new-login-cta .login-cta-desc .title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    background: linear-gradient(93.81deg, #E9E9E9 0%, #838383 154.51%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0);
    margin-bottom: 18px
}

.grnt-login-cs-dropdown-menu .new-login-cta .login-cta-desc .btn-white {
    padding: 10px 20px;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    border-radius: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #9b1e26
}

.grnt-login-cs-dropdown-menu a.grnt-login-cs-close {
    padding: 0 !important;
    left: auto;
    right: 20px;
    position: absolute;
    top: 20px;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 12;
    background: rgba(0, 0, 0, 0) !important;
    opacity: 1 !important
}

.grnt-login-cs-dropdown-menu a.grnt-login-cs-close svg {
    width: 22px;
    height: 22px
}

.grnt-mob-cs-dropdown-menu a.grnt-mob-cs-close svg {
    width: 22px;
    height: 22px
}

.grnt-new-header.mobile-menu {
    padding: 20px 0;
    height: 76px;
    border-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9
}

.grnt-new-header.mobile-menu.zindex .menu-toggle-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-outer-cs {
    background: #9d1d27;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-pay {
    color: #9d1d27;
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-accessibility {
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #9d1d27
}

.grnt-new-header.mobile-menu.zindex .mob-search-outer-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.default-white-state {
    border-bottom: 1px solid #e9e9e9
}

.grnt-new-header.mobile-menu.default-white-state .menu-toggle-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-outer-cs {
    background: #9d1d27;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-pay {
    color: #9d1d27;
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-accessibility {
    background: #fff;
    border-color: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #9d1d27
}

.grnt-new-header.mobile-menu.default-white-state .mob-search-outer-btn svg path {
    fill: #9b1e26
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right {
    gap: 8px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn {
    margin-right: 3px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-outer-cs {
    padding: 8px 12px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
    background: #4b4b4b;
    border: 1px solid #787878;
    border-radius: 24px;
    outline: none
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-pay {
    padding: 8px 14px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #787878;
    border-radius: 24px;
    outline: none
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility svg {
    max-width: 20px
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .grnt-mob-accessibility svg path {
    fill: #fff
}

.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn svg,
.grnt-new-header.mobile-menu .header-top .grnewhet-right .mob-search-outer-btn img {
    max-width: 20px
}

.grnt-new-header.mobile-menu .header-top svg {
    transition: .5s all
}

.grnt-mobile-menu-container {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    z-index: 5;
    background: #f9f9f9;
    overflow: auto;
    z-index: 10
}

.grnt-mobile-menu-container .mob-logo-close {
    padding: 20px 15px;
    border-bottom: 1px solid #e9e9e9
}

.grnt-mobile-menu-container .cust-main-close {
    gap: 15px
}

.grnt-mobile-menu-container .cust-main-close .customer-care .grnt-mob-cs-li {
    background: #fff;
    color: #222 !important;
    border: 1px solid #222;
    padding: 9px 15px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 25px;
    text-align: center;
    white-space: nowrap
}

.grnt-mobile-menu-container .cust-main-close .customer-care .grnt-mob-cs-li.with-anim {
    position: relative;
    display: block
}

.grnt-mobile-menu-container .cust-main-close .customer-care .grnt-mob-cs-li.with-anim .grnt-animation-odometer {
    height: 1.2em;
    overflow: hidden;
    position: relative
}

.grnt-mobile-menu-container .cust-main-close .customer-care .grnt-mob-cs-li.with-anim .grnt-animation-odometer .grnt-odometer-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: transform .6s ease-in-out
}

.grnt-mobile-menu-container .cust-main-close .customer-care .grnt-mob-cs-li.with-anim .grnt-animation-odometer .grnt-odometer-track span {
    height: 1.2em;
    line-height: 1.2em;
    white-space: nowrap
}

.grnt-mobile-menu-container .mob-menu-category {
    position: relative;
    z-index: 1
}

.grnt-mobile-menu-container .mob-menu-category .has-sub-category>a {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px
}

.grnt-mobile-menu-container .mob-menu-category .has-sub-category+.has-sub-category {
    border-top: 1px solid #e9e9e9
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main {
    background: #f9f9f9;
    height: auto;
    margin: 0 auto;
    display: none;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    bottom: 80px;
    padding: 0px;
    border: 0;
    border-radius: 0;
    z-index: 1;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main.active {
    opacity: 1;
    visibility: visible;
    display: block
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    gap: 30px;
    padding: 0 20px 0
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding: 16px 0
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 3px;
    background: #9b1e26;
    opacity: 0;
    transition: opacity .3s ease
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu li.active:before {
    opacity: 1
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu li.active a {
    color: #222;
    font-weight: 600
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .new-nav-menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #686873
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner {
    background: #f9f9f9;
    height: calc(100% - 80px);
    margin: 0 auto;
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0px;
    border: 0;
    border-radius: 0;
    z-index: 1;
    overflow: auto;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .momecat-view-all-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    gap: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #9b1e26
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner.active {
    opacity: 1;
    visibility: visible
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .back {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    background: #e9e9e9;
    color: #222 !important;
    gap: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current-single>a {
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #222;
    gap: 20px;
    border-top: 1px solid #e9e9e9
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current>a {
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #222;
    gap: 20px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current>a .new-tag {
    display: inline-block;
    padding: 4px 10px;
    background: linear-gradient(135deg, #9B1E26 0%, #56070C 98.08%);
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    margin-left: 8px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current>a svg {
    transform: rotate(0deg);
    max-width: 25px;
    transition: .5s all
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current>a.active {
    background: #f2f2f2
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current>a.active svg {
    transform: rotate(-180deg)
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main {
    display: none;
    overflow: hidden
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top {
    padding-left: 20px;
    padding-right: 20px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top ul {
    padding: 12px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, .04)
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top li>a {
    padding: 12px;
    font-size: 14px;
    line-height: 22px;
    display: block;
    font-weight: 400;
    color: #222
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .momecat-view-all a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: #9b1e26;
    font-weight: 600
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc li>a {
    padding: 15px 10px;
    line-height: normal;
    width: 100%
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc li {
    border-bottom: 1px solid #e9e9e9
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .tit {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #6e0a0f;
    display: block
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 11px;
    margin-top: 10px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctlb-img {
    max-width: 60px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctlb-img img {
    max-width: 100%
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span {
    padding: 2px 8px;
    background: linear-gradient(0deg, rgba(250, 225, 225, 0.6), rgba(250, 225, 225, 0.6)), #fff;
    border: 1px solid #fae1e1;
    border-radius: 4px;
    font-size: 9px;
    line-height: 11px;
    font-weight: 600;
    color: #222;
    text-transform: uppercase
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.pink-bg {
    background: linear-gradient(0deg, rgba(250, 225, 225, 0.6), rgba(250, 225, 225, 0.6)), #fff;
    border: 1px solid #fae1e1
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.yellow-bg {
    background: linear-gradient(0deg, rgba(242, 232, 179, 0.4), rgba(242, 232, 179, 0.4)), #fff;
    border: 1px solid #f2e8b3
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.liblue-bg {
    background: linear-gradient(0deg, rgba(198, 226, 226, 0.6), rgba(198, 226, 226, 0.6)), #fff;
    border: 1px solid #c6e2e2
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.purple-bg {
    background: linear-gradient(0deg, rgba(216, 203, 246, 0.4), rgba(216, 203, 246, 0.4)), #fff;
    border: 1px solid #d8cbf6
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.lipink-bg {
    background: linear-gradient(0deg, rgba(252, 224, 248, 0.6), rgba(252, 224, 248, 0.6)), #fff;
    border: 1px solid #fce0f8
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .credit-card-tabs-desc .cc-tab-link .cctl-bottom .cctl-desc span.green-bg {
    background: linear-gradient(0deg, rgba(198, 226, 203, 0.4), rgba(198, 226, 203, 0.4)), #fff;
    border: 1px solid #c6e2cb
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .provilege-card-tabs-desc .privilage-inbox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 51px auto;
    grid-template-columns: 51px auto;
    gap: 9px;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 12px;
    margin: 10px 0px;
    max-width: 100%
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .provilege-card-tabs-desc .privilage-inbox+.privilage-inbox {
    margin-top: 22px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .provilege-card-tabs-desc .privilage-inbox .privilage-img img {
    max-width: 51px;
    border-radius: 4px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .provilege-card-tabs-desc .privilage-inbox .privilage-desc .pri-txt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #222;
    margin-bottom: 0
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top .h3 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0px;
    margin-bottom: 15px;
    padding: 0px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-top+.momecatle-top {
    padding-top: 22px;
    border-top: 1px solid #f6f6f6
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom {
    padding: 10px 20px 20px 20px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .nav-top-common-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding: 0;
    margin-bottom: 25px;
    color: #222
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40% auto;
    grid-template-columns: 40% auto;
    border-radius: 20px;
    overflow: hidden
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box picture {
    height: 100%
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box picture img {
    width: 100%;
    border-radius: 20px 0px 0px 20px;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc {
    padding: 20px 10px 20px 20px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc h3 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: #222;
    margin-bottom: 10px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc p {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc .btn-red-border {
    padding: 7px 14px;
    border-radius: 24px;
    border: 1px solid #9d1d27;
    display: block;
    font-size: 12px;
    line-height: 20px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    font-weight: 400;
    color: #9d1d27
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc.pink-bg {
    background: #f6e5e5
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc.white-bg {
    background: #fff
}

.grnt-mobile-menu-container .mob-menu-category .mobmenucat-inner-main .mobmenucat-inner .mobmenucat-current .momecat-last-main .momecatle-bottom .mega-discover-box .discover-desc.grey-bg {
    background: #e9e9e9
}

.grnt-mobile-menu-container .mobile-menu-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100vh;
    height: 100dvh
}

.grnt-mobile-menu-container .mobile-menu-main .header-search {
    padding: 18px 20px !important;
    border-top: 1px solid #dbdbde
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .header-search-box .img-search {
    top: 11px;
    left: 13px
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .header-search-box input {
    border-radius: 59.5px;
    padding: 13px 10px 13px 45px;
    color: #222
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .header-search-box input:-ms-input-placeholder {
    color: #222;
    opacity: 1
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .header-search-box input::placeholder {
    color: #222;
    opacity: 1
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .btn-pay {
    padding: 12px 24px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    line-height: 20px;
    color: #9b1e26;
    font-weight: 400;
    background: rgba(0, 0, 0, 0);
    border-radius: 24px;
    margin-left: 6px;
    border: 1px solid #9b1e26
}

.grnt-mobile-menu-container .mobile-menu-main .header-search .login-button .login-btn {
    padding: 12px 24px;
    height: 44px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 400;
    background: #9b1e26;
    border-radius: 24px;
    margin-left: 6px;
    outline: none;
    border: 0
}

.grnt-mobile-menu-container .mobile-menu-middle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 80px;
    background: rgba(34, 34, 34, .95);
    z-index: 9
}

.grnt-mobile-menu-container .mobile-menu-middle .menu-middle-close {
    position: absolute;
    top: 25px;
    right: 20px
}

.grnt-mobile-menu-container .mobile-menu-middle .bottom-text-with-img {
    position: absolute;
    left: 60px;
    right: 60px;
    bottom: 5px
}

.grnt-mobile-menu-container .mobile-menu-middle .bottom-text-with-img p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    margin: 0
}

/* Mobile Header CSS End */
/* ----------------------------------------------------------------------------------------------- */
/* Mobile Header Search CSS Start */
.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-box .img-search {
    top: 10px;
    left: 23px
}

.header-search-box .img-close {
    top: 10px;
    right: 23px;
    cursor: pointer;
    display: none
}

.header-search {
    background: #fff
}

.header-search #login-dropdonw-li:hover::before,
.header-search #help-dropdonw-li:hover::before {
    top: 42px
}

.header-search #help-dropdonw-li:hover::before,
.header-search #login-dropdonw-li:hover::before {
    content: "";
    position: absolute;
    top: 62px;
    box-shadow: 0 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='18' viewBox='0 0 29 18' fill='%23F6F6F6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.7361 16.75L14.3993 1L1.0625 16.75' stroke='%23E9E9E9'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 17px;
    opacity: 0;
    right: 0;
    left: 20px;
    margin: auto;
    transform: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 191
}

.header-search #login-dropdonw-li:hover::before {
    left: 0
}

.header-search #help-dropdonw-li::before,
.header-search #search-box::before {
    content: "";
    position: absolute;
    top: 62px;
    box-shadow: 0 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='18' viewBox='0 0 29 18' fill='%23F6F6F6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.7361 16.75L14.3993 1L1.0625 16.75' stroke='%23E9E9E9'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 16px;
    opacity: 0;
    right: 0;
    left: 20px;
    margin: auto;
    transform: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 191
}

.header-search #help-dropdonw-li.active::before,
.header-search #search-box.active::before {
    opacity: 1
}

.header-search #login-dropdonw-li::before {
    content: "";
    position: absolute;
    top: 62px;
    box-shadow: 0 0 0;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 14px;
    opacity: 0;
    right: 0;
    left: 0px;
    margin: auto;
    transform: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 191;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='16' viewBox='0 0 27 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.595 15.25H1.07837L13.3362 0.773438L25.595 15.25Z' fill='%236E0A0F' stroke='%236E0A0F'/%3E%3C/svg%3E%0A")
}

.header-search #login-dropdonw-li.active::before {
    opacity: 1
}

.header-search #login-dropdonw-li:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='16' viewBox='0 0 27 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.595 15.25H1.07837L13.3362 0.773438L25.595 15.25Z' fill='%236E0A0F' stroke='%236E0A0F'/%3E%3C/svg%3E%0A");
    height: 14px
}

.header-search #search-box:before {
    content: "";
    position: absolute;
    top: 45px;
    box-shadow: 0 0 0;
    background-image: url("data:image/svg+xml,%3Csvg width='29' height='18' viewBox='0 0 29 18' fill='%23F6F6F6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.7361 16.75L14.3993 1L1.0625 16.75' stroke='%23E9E9E9'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 17px;
    opacity: 0;
    right: 0;
    left: 20px;
    margin: auto;
    transform: none;
    background-color: rgba(0, 0, 0, 0);
    z-index: 191
}

.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: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: 175px;
    padding: 7px 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #fff !important;
    border: 1px solid #787878;
    border-radius: 50px;
    background: #4b4b4b !important;
    display: block
}

@media(max-width: 1366px) {
    .header-search .customer-support {
        padding: 7px 14px;
        min-width: 145px
    }
}

@media(max-width: 1199px) {
    .header-search .customer-support {
        padding: 7px 20px;
        min-width: 145px;
        margin-left: 2px !important
    }
}

.header-search .customer-support:after {
    display: none
}

.header-search .customer-support+.help-drodown-menu {
    top: 0px !important;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    overflow: visible;
    border: 0
}

.header-search .customer-support+.help-drodown-menu .grnt-cs-dropdown-menu {
    margin-left: 0;
    top: 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 .customer-support.grnt-customer-service {
    position: relative
}

.header-search .customer-support.grnt-customer-service .grnt-animation-loop {
    position: relative;
    height: 30px;
    overflow: hidden;
    min-width: 70
}

.header-search .customer-support.grnt-customer-service .grnt-animation-loop span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: all .6s ease;
    white-space: nowrap;
    text-align: center
}

.header-search .customer-support.grnt-customer-service .grnt-animation-loop span.show {
    opacity: 1;
    transform: translateY(0)
}

.header-search .customer-support.grnt-customer-service .grnt-animation-odometer {
    height: 30px;
    overflow: hidden;
    position: relative
}

.header-search .customer-support.grnt-customer-service .grnt-animation-odometer .grnt-odometer-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: transform .6s ease-in-out;
    text-align: center
}

.header-search .customer-support.grnt-customer-service .grnt-animation-odometer .grnt-odometer-track span {
    height: 30px;
    line-height: 30px;
    white-space: nowrap
}

header.zindex #header-search-section #search-container .logo {
    display: block
}

@media(max-width: 991px) {
    header.zindex #header-search-section #search-container .logo {
        display: none
    }
}

@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
    }
}

#search-container .logo {
    margin-right: 15px;
    display: none
}

@media(min-width: 1580px) {
    #search-container .logo {
        margin-right: 15px;
        position: absolute;
        left: 70px
    }
}

#search-container .logo img {
    height: 36px;
    display: block;
    width: auto
}

.grnt-search-cs-menu {
    position: fixed;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: -200%;
    display: none;
    transition: .5s all;
    background: rgba(0, 0, 0, 0);
    padding: 30px 0px 0px;
    max-height: calc(100vh - 0px)
}

@media(max-width: 991px) {
    .grnt-search-cs-menu {
        max-height: auto
    }
}

.grnt-search-cs-menu .inner {
    background: #f6f6f6;
    border-radius: 24px 24px 0 0;
    padding: 50px 0px 25px;
    position: relative
}

.grnt-search-cs-menu .inner .inner-top-new {
    padding: 0px 0px 0;
    height: calc(100% - 200px);
    overflow-y: auto
}

.grnt-search-cs-menu .img-close {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #9b1e26;
    margin: 0
}

.grnt-search-cs-menu .grnt-mob-search-close {
    position: absolute;
    top: 20px;
    right: 24px
}

.grnt-search-cs-menu .grsecs-input .header-search-box .img-search {
    top: 11px;
    left: 14px
}

.grnt-search-cs-menu .grsecs-input .header-search-box input {
    font-size: 14px;
    line-height: 21px;
    border-radius: 49.5px;
    padding: 10px 38px 10px 45px;
    background: #f6f6f6
}

.grnt-search-cs-menu .grsecs-input .header-search-box .img-close {
    top: 13px;
    right: 12px;
    cursor: pointer;
    display: block
}

.grnt-search-cs-menu .grsecs-inner {
    height: 98%;
    overflow: auto;
    padding: 0px 0px 0px
}

.grnt-search-cs-menu .grsecs-inner .search-main {
    max-height: 470px;
    overflow: auto;
    margin-top: 18px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .grsecs-inner .search-main {
        margin-top: 0px
    }
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .grsecs-inner .search-main .mega-tabs-inner {
        display: none
    }
}

.grnt-search-cs-menu .search-main .row {
    padding: 0
}

.grnt-search-cs-menu .search-main .row .col-lg-8 {
    padding: 0
}

.grnt-search-cs-menu .search-main .row .col-lg-4 {
    padding: 0
}

.grnt-search-cs-menu .search-main .mega-discover-box img {
    width: 100%;
    border-radius: 12px 12px 0 0
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc {
    padding: 20px;
    border-radius: 0 0 20px 20px
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.pink-bg {
    background: #f6e5e5
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.white-bg {
    background: #fff
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.grey-bg {
    background: #e9e9e9
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.yellow-bg {
    background: #ffedcb
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient {
    background: linear-gradient(180deg, #1A2549 0%, #3C4A75 100%)
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .h3 {
    color: #fff
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .txt {
    color: #fff
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border {
    border-color: #fff;
    color: #fff
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:hover,
.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:focus,
.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc.mayura-gradient .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222;
    margin-bottom: 8px
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .txt {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    margin-bottom: 20px
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .btn-red-border {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #9d1d27;
    border-radius: 24px;
    color: #9d1d27;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    margin-top: 20px
}

.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .btn-red-border:hover,
.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .btn-red-border:focus,
.grnt-search-cs-menu .search-main .mega-discover-box .discover-desc .btn-red-border:active {
    background: #9d1d27;
    border-color: #9d1d27;
    color: #fff
}

.grnt-search-cs-menu .search-main .nav-top-common-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    padding: 15px 16px;
    margin: 0;
    color: #222
}

.grnt-search-cs-menu .search-main .searchm-inner {
    padding-bottom: 17px;
    margin-top: 17px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-inner {
        padding-bottom: 0
    }
}

.grnt-search-cs-menu .search-main .recent-activity .title {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 12px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .recent-activity .title {
        font-size: 15px;
        font-weight: 600;
        color: #222
    }
}

.grnt-search-cs-menu .search-main .recent-activity .recent-activity-searched {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.grnt-search-cs-menu .search-main .recent-activity .recent-activity-searched a {
    color: #686873;
    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: #e9e9e9;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.grnt-search-cs-menu .search-main .recent-activity .recent-activity-searched a:hover {
    color: #686873;
    background: #dbdbde
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .recent-activity .recent-activity-searched a {
        font-size: 11px;
        white-space: nowrap;
        font-weight: 600
    }
}

.grnt-search-cs-menu .search-main .searchm-product {
    margin: 22px 0px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product {
        margin: 32px 0px 0px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box+.searchmp-box {
    margin-top: 20px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box+.searchmp-box {
        margin-top: 32px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .title {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .title {
        font-size: 14px;
        font-weight: 600;
        color: #222;
        margin-bottom: 12px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container {
    gap: 26px;
    padding: 0 9px 4px 9px;
    overflow: auto
}

@media(max-width: 1199px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container {
        gap: 9px
    }
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container {
        gap: 8px;
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip {
    -ms-flex: 1;
    flex: 1;
    border-radius: 12px;
    background: #e9e9e9;
    box-shadow: 0 0 0;
    padding: 10px;
    transition: all .5s
}

@media(max-width: 1199px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip {
        -ms-flex: 0 0 31.333%;
        flex: 0 0 31.333%
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip:hover {
    background: #dbdbde
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip {
        min-width: 167px;
        max-width: 167px;
        box-shadow: 0 0 0
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip img {
    margin-right: 5px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip img {
        width: 40px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip .f14sb {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #222
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip .f14sb {
        font-size: 12px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip .link {
    color: #9b1e26;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    text-decoration: underline;
    background: rgba(0, 0, 0, 0)
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip .link {
        font-size: 10px
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip .link:hover {
    text-decoration: none
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box {
    position: relative
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #222;
    margin-bottom: 0
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-new-redirect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.hh-chip-box .hh-new-redirect img {
    position: absolute;
    top: 10px;
    right: 0;
    width: 20px
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.chip2 {
    padding: 5px 10px
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .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
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.chip2 .sbgs-search .apply-btn-container {
    position: relative;
    z-index: 2
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.chip2 .sbgs-search .apply-btn-container {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .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) {
    .grnt-search-cs-menu .search-main .searchm-product .searchmp-box .chip-container .item-chip.chip2 .sbgs-search {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(max-width: 991px) {
    .grnt-search-cs-menu .search-main .searchmp-get {
        padding: 0px 7px
    }
}

.grnt-search-cs-menu .search-main .searchmp-get .title {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-get .title {
        font-size: 14px
    }
}

.grnt-search-cs-menu .search-main .searchmp-get .row {
    row-gap: 16px
}

.grnt-search-cs-menu .search-main .searchmp-get .searchi-box .item-chip {
    background: #e9e9e9;
    border: 1px solid rgba(154, 27, 36, .02);
    padding: 10px;
    box-shadow: 0px 2px 7.2px 0px rgba(0, 0, 0, .16);
    border-radius: 12px;
    -ms-flex: 1;
    flex: 1
}

.grnt-search-cs-menu .search-main .searchmp-get .searchi-box .item-chip:hover {
    background: #dbdbde
}

.grnt-search-cs-menu .search-main .searchmp-get .searchi-box .h3 {
    font-size: 14px;
    font-weight: bold;
    color: #9b1e26;
    margin: 0
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-get .searchi-box .h3 {
        font-size: 12px
    }
}

.grnt-search-cs-menu .search-main .searchmp-get .searchi-box .gtus {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    margin: 0
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-get .searchi-box .gtus {
        font-size: 12px
    }
}

@media(max-width: 1199px) {
    .grnt-search-cs-menu .search-main .searchmp-blogs {
        padding: 0px 24px 22px 7px
    }
}

@media(max-width: 991px) {
    .grnt-search-cs-menu .search-main .searchmp-blogs {
        padding: 0px 7px
    }
}

.grnt-search-cs-menu .search-main .searchmp-blogs .more-btn {
    color: #9b1e26;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-align: center;
    margin: 25px auto 0px;
    padding: 0;
    display: block
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip {
    padding: 5px 10px;
    position: relative;
    border-radius: 12px;
    background: #fff;
    -ms-flex: 1;
    flex: 1;
    box-shadow: 0px 2px 7.2px 0px rgba(0, 0, 0, .16)
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip+.searchmp-chip {
    margin-top: 20px
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip+.searchmp-chip {
        margin-top: 10px
    }
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 25px;
    position: relative
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search {
        gap: 15px
    }
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .sbgs2 {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin: 10px 0
}

@media(max-width: 767px) {
    .grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .sbgs2 {
        font-size: 12px
    }
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .apply-btn-container {
    position: relative;
    z-index: 2
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .apply-btn-container.ML30 {
    margin-left: 0 !important
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .apply-btn-container .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
}

.grnt-search-cs-menu .search-main .searchmp-blogs .searchmp-chip .sbgs-search .entire-box-link {
    display: block;
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.grnt-search-cs-menu a.grnt-login-cs-close {
    padding: 0 !important;
    left: auto;
    right: 20px;
    position: absolute;
    top: 20px;
    margin: 0 auto;
    width: 22px;
    height: 22px;
    margin: 0;
    z-index: 12;
    background: rgba(0, 0, 0, 0) !important;
    opacity: 1 !important
}

.grnt-search-cs-menu a.grnt-login-cs-close svg {
    width: 22px;
    height: 22px
}

/* Mobile Header Search CSS End */
/* ----------------------------------------------------------------------------------------------- */

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