body {
    font-size: 100%
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

@media screen and (max-width:1024px) {
    .clearfixsm {
        clear: both
    }
}

.col-half-offset {
    margin-left: 4.166666667%
}

.break {
    flex-basis: 100%;
    height: 0
}

.formArea .labelSelect {
    top: -12px
}

.btncustom,
.btncustom:visited,
.btncustom:hover,
.btncustom:active,
.btncustom:focus {
    text-transform: capitalize !important;
    transition: ease all .5s !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    background-color: #9D1D27 !important
}

.btncustom-outline,
.btncustom-outline:visited,
.btncustom-outline:hover,
.btncustom-outline:active,
.btncustom-outline:focus {
    display: inline-block;
    text-transform: capitalize !important;
    transition: ease all .5s !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.25 !important;
    color: #9D1D27 !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    background-color: transparent !important;
    border: solid 1px #9D1D27 !important
}

.btn-upload {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #9D1D27;
    padding: 13px 23px;
    border-radius: 4px;
    border: solid 1px #9D1D27;
    background-color: #fff;
    margin-bottom: 22px
}

.button-outline,
.button-outline:visited,
.button-outline:hover,
.button-outline:active,
.button-outline:focus {
    background: 0 0;
    color: #9D1D27;
    border: 1px solid #9D1D27;
    border-radius: 4px
}

.formArea .btn-outlinePrimary,
.formArea .btn-outlinePrimary:visited,
.formArea .btn-outlinePrimary:hover,
.formArea .btn-outlinePrimary:active,
.formArea .btn-outlinePrimary:focus {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    color: #9D1D27;
    padding: 13px 23px;
    border-radius: 4px;
    outline: none !important;
    border: solid 1px #9D1D27 !important;
    background-color: #fff !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-60 {
    margin-top: 60px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-60 {
    padding-top: 10px
}

.d-none {
    display: none !important
}

.borderb-none {
    border-bottom: none !important
}

.bgprimary {
    background-color: #fdf2ff
}

.bgWhite {
    background-color: #fff
}

.bgsecondry {
    background-color: #fff2f0
}

.ccardrow {
    margin-right: -15px !important;
    margin-left: -15px !important
}

.justfybtwn {
    justify-content: space-between !important
}

.rating {
    border: none;
    float: left
}

.rating>input {
    display: none
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005"
}

.rating>.half:before {
    content: "\f089";
    position: absolute
}

.rating>label {
    color: #ddd;
    float: right
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: #9D1D27
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
    color: #f7ab85
}

.form-check {
    display: block;
    margin-bottom: 15px
}

.form-check-inline {
    display: inline-flex;
    margin-right: 15px;
    margin-top: 6px
}

.form-check input {
    padding: 0;
    height: 25px;
    width: 25px;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.form-check label {
    position: relative;
    cursor: pointer
}

.form-check label:before {
    content: "";
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 4px;
    border: solid 1px #979797;
    padding: 10.5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px
}

.form-check input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 6px;
    height: 12px;
    border: solid #417505;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-check input:checked+label:before {
    border: solid 1px #417505;
    background-color: #fff
}

.termsCond label {
    text-indent: -34px;
    padding-left: 34px;
    font-size: 12px
}

.termscond a {
    color: #9D1D27
}

.tog {
    display: flex;
    flex-wrap: wrap
}

.p-lght {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #9b9b9b !important;
    margin-right: 20px
}

.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden
}

.cmn-toggle+label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input.cmn-toggle-round-flat+label {
    padding: 2px;
    width: 52px;
    height: 30px;
    background-color: #ddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat+label:before,
input.cmn-toggle-round-flat+label:after {
    display: block;
    position: absolute;
    content: ""
}

input.cmn-toggle-round-flat+label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    -o-transition: background .4s;
    transition: background .4s
}

input.cmn-toggle-round-flat+label:after {
    top: 8px;
    left: 6px;
    bottom: 4px;
    width: 16px;
    height: 16px;
    background-color: #ddd;
    border-radius: 50%;
    -webkit-transition: margin .4s, background .4s;
    -moz-transition: margin .4s, background .4s;
    -o-transition: margin .4s, background .4s;
    transition: margin .4s, background .4s
}

input.cmn-toggle-round-flat:checked+label {
    background-color: #9D1D27
}

input.cmn-toggle-round-flat:checked+label:after {
    margin-left: 28px;
    background-color: #9D1D27;
    left: 2px
}

.modal {
    text-align: center;
    padding: 0 !important;
    z-index: 99999
}

.modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.modal-closeiconWrapper .close {
    font-size: 40px;
    color: #9D1D27;
    line-height: 1;
    opacity: 1;
    float: none;
    top: -4px;
    right: 5px;
    position: absolute;
    z-index: 9
}

.modal-closeiconWrapper .close,
.modal-closeiconWrapper .close:visited,
.modal-closeiconWrapper .close:hover,
.modal-closeiconWrapper .close:active,
.modal-closeiconWrapper .close:focus {
    background-color: transparent !important
}

.modalformArea-title {
    font-size: 24px;
    color: #9D1D27;
    font-weight: 700;
    margin-bottom: 35px;
    text-align: center
}

.ccardDefaultModal .modal-body {
    padding: 0
}

.modalformArea .form-group {
    margin-bottom: 30px
}

.formArea.modalformArea .inputText:focus~.label,
.formArea.modalformArea .inputText:not(:placeholder-shown)~.label {
    top: -10px;
    opacity: 1
}

.formArea.modalformArea .selectText:focus~.label,
.formArea.modalformArea .selectText:not([value=""]):valid~.label {
    top: -12px;
    opacity: 1
}

@media screen and (max-width:768px) {
    .mobilemt-70 {
        margin-top: 70px
    }

    .breadcrumbs {
        display: block
    }
}

.mt-50 {
    margin-top: 50px !important
}

.mt-40 {
    margin-top: 20px !important
}

.formArea .labelSelect {
    left: 15px
}

.colors-blue1 {
    color: #9d1d27 !important
}

.colors-uploadDoc {
    color: #9D1D27;
    font-weight: 700
}

.ccardfmtitle {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 20px
}

.radio-button {
    margin-bottom: 1rem
}

.radio-button__label-wrapper {
    border-radius: 50%;
    cursor: pointer;
    display: block;
    padding-left: 2.5rem;
    position: relative;
    top: .25rem
}

.radio-button__label-wrapper:hover .radio-button__input~.radio-button__custom-indicator {
    border-color: #000
}

.radio-button__label-title {
    margin-bottom: .25rem
}

.radio-button__label-subtext {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #777
}

.radio-button__custom-indicator {
    background-color: #fff;
    border: 2px solid #9D1D27;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
}

.radio-button__custom-indicator::after {
    background-color: #603084;
    border-radius: 50%;
    content: "";
    display: none;
    height: 8px;
    left: 4.1px;
    position: absolute;
    top: 4.1px;
    width: 8px
}

.radio-button__input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.radio-button__input:focus~.radio-button__custom-indicator {
    border-color: #603084
}

.radio-button__input:checked~.radio-button__custom-indicator {
    border-color: #603084
}

.radio-button__input:checked~.radio-button__custom-indicator::after {
    display: block
}

.radio-button__input:disabled~.radio-button__custom-indicator {
    opacity: .6;
    pointer-events: none
}

.ccHomePageSlider.owl-theme .owl-nav button.disabled,
.viewAllCreditCardSlider.owl-theme .owl-nav button.disabled,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav button.disabled,
.viewAllOfferSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.ccHomePageSlider.owl-theme .owl-nav [class*=owl-],
.viewAllCreditCardSlider.owl-theme .owl-nav [class*=owl-],
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav [class*=owl-],
.viewAllOfferSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 40%;
    z-index: 999
}

.ccHomePageSlider.owl-theme .owl-nav button:hover,
.viewAllCreditCardSlider.owl-theme .owl-nav button:hover,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav button:hover,
.viewAllOfferSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.ccHomePageSlider.owl-theme .owl-nav .owl-prev,
.viewAllCreditCardSlider.owl-theme .owl-nav .owl-prev,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav .owl-prev,
.viewAllOfferSlider.owl-theme .owl-nav .owl-prev {
    left: 5px
}

.ccHomePageSlider.owl-theme .owl-nav .owl-next,
.viewAllCreditCardSlider.owl-theme .owl-nav .owl-next,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav .owl-next,
.viewAllOfferSlider.owl-theme .owl-nav .owl-next {
    right: 5px
}

.dashHeaderSlid1 .owl-theme .owl-nav .disabled,
.dashHeaderSlid1 .owl-theme .owl-nav .disabled,
.dashHeaderSlid1 .owl-theme .owl-nav .disabled,
.viewAllOfferSlider .owl-theme .owl-nav .disabled {
    opacity: 0
}

.ccHomePageSlider.owl-theme .owl-nav .disabled img,
.viewAllCreditCardSlider.owl-theme .owl-nav .disabled img,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-nav .disabled img,
.viewAllOfferSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.ccHomePageSlider.owl-theme .owl-dots,
.viewAllOfferSlider.owl-theme .owl-dots {
    top: 0;
    position: relative;
    z-index: 9999;
    margin-top: -40px
}

.viewAllCreditCardSlider.owl-theme .owl-dots,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-dots {
    top: 0;
    position: relative;
    z-index: 9999;
    margin-top: -64px
}

.ccHomePageSlider.owl-theme .owl-dots .owl-dot span,
.viewAllCreditCardSlider.owl-theme .owl-dots .owl-dot span,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-dots .owl-dot span,
.viewAllOfferSlider.owl-theme .owl-dots .owl-dot span {
    background: #87878763 !important
}

.ccHomePageSlider.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.viewAllCreditCardSlider.owl-theme .owl-dots .owl-dot.active span,
.viewAllCreditCardSlider.owl-theme .owl-dots .owl-dot:hover span,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-dots .owl-dot.active span,
.ccHomeExploreCardViewAllSlider.owl-theme .owl-dots .owl-dot:hover span,
.viewAllOfferSlider.owl-theme .owl-dots .owl-dot.active span,
.viewAllOfferSlider.owl-theme .owl-dots .owl-dot:hover span {
    background: #9D1D27 !important
}

.ccHomePageSlider.owl-theme .carousel-caption,
.viewAllCreditCardSlider.owl-theme .carousel-caption,
.ccHomeExploreCardViewAllSlider.owl-theme .carousel-caption,
.viewAllOfferSlider.owl-theme .carousel-caption {
    right: 0%;
    left: 5%;
    padding-bottom: 30px
}

.ccHomePageSlider,
.viewAllCreditCardSlider,
.ccHomeExploreCardViewAllSlider,
.viewAllOfferSlider {
    position: relative;
    position: relative;
    height: 460px
}

.owl-carousel .owl-stage-outer {
    height: 100%
}

.owl-carousel .owl-stage {
    height: 100%
}

.owl-carousel .owl-item {
    height: 100%
}

.banner1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-image: url(../images/banner/banner1.jpg);
    visibility: inherit;
    opacity: 1
}

.offerbanner1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-image: url(../images/bannerOffer/offerbanner1.png);
    visibility: inherit;
    opacity: 1
}

.ccHomePageSlider-content {
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%)
}

.ccHomePageSlider-subhead img {
    width: 38px !important;
    height: auto
}

.ccHomePageSlider-head {
    font-family: Quicksand;
    font-size: 40px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 35px
}

.ccHomePageSlider-head span {
    display: block
}

.ccHomePageSlider-subhead {
    margin-bottom: 55px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    display: inline-flex
}

.ccHomePageSlider-subhead div {
    display: inline-block;
    margin-left: 20px
}

.ccHomePageSlider .button-outline {
    margin-left: 20px
}

.ccHomePageSlider-list {
    width: 330px;
    position: absolute;
    right: 5%;
    top: 0;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5)
}

.ccHomePageSlider-item {
    display: flex;
    border-bottom: 1px solid #ddd;
    height: 25%;
    justify-content: flex-start;
    align-items: center
}

.ccHomePageSlider-item img {
    width: 28px !important;
    height: auto
}

.ccHomePageSlider-item:last-child {
    border-bottom: none
}

.item-inside {
    padding-right: 20px;
    padding-left: 20px;
    display: flex;
    align-items: center
}

.ccHomePageSlider-name {
    margin-left: 12px;
    font-size: 16px;
    color: #878787
}

.ccHomePageSlider-list-mobile {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow: hidden;
    display: none
}

.ccHomePageSlider-slide {
    white-space: nowrap;
    overflow: auto
}

.ccHomePageSlider-item-mobile {
    background: #fff;
    margin-right: -3px;
    display: inline-block;
    width: 28.5%;
    text-align: center;
    border-right: 1px solid #cfcfcf;
    padding: 15px
}

.ccHomePageSlider-name-mobile {
    font-size: 12px;
    margin-top: 5px
}

@media screen and (max-width:1300px) {
    .ccHomePageSlider.owl-theme .owl-nav [class*=owl-] {
        width: 32px;
        height: 32px
    }

    .ccHomePageSlider.owl-theme .owl-nav .owl-next,
    .owl-theme .owl-nav .owl-next:hover {}

    .ccHomePageSlider.owl-theme .owl-nav .owl-prev,
    .ccHomePageSlider.owl-theme .owl-nav .owl-prev:hover {
        background-position: 11px 8px !important
    }
}

@media screen and (max-width:992px) {
    .ccHomePageSlider-list {
        display: none
    }

    .ccHomePageSlider-list-mobile {
        display: block
    }

    .ccHomePageSlider-head {
        font-size: 24px
    }
}

@media screen and (max-width:768px) {
    .ccHomePageSlider-btn .btncustom {
        display: block;
        margin: 0 !important;
        margin-bottom: 6px !important
    }

    .ccHomePageSlider-btn .btncustom-outline {
        display: inline-block
    }

    .ccHomePageSlider-btn .button-outline {
        margin-top: 24px !important
    }
}

.ccSubnavigation {
    box-shadow: 0 3px 2px 0 rgba(132, 132, 132, .2);
    box-sizing: border-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow: hidden
}

.ccSubnavigation ul {
    white-space: nowrap;
    overflow: auto
}

.ccSubnavigation li {
    display: inline-block
}

.ccSubnavigation li a {
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize;
    padding: 13px 24px;
    color: #3f3f3f
}

.ccSubnavigation li.active a {
    color: #9d1d27;
    border-bottom: 4px solid #9d1d27
}

.section-credit>.container {
    padding-top: 0;
    padding-bottom: 0
}

.tabContent-cc {
    padding: 42px 0 60px
}

.tabcontent-mainheading {
    font-size: 40px;
    font-weight: 700;
    color: #9d1d27;
    text-transform: capitalize
}

.tabcontent-subheading {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.tabcontent-subhead {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #030303
}

.tabContent-cc p {
    font-size: 14px;
    font-weight: 500;
    color: #878787
}

.documentationTabs .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.documentationTabs .nav-tabs a {
    padding: 10px 60px !important;
    margin-right: 0;
    font-size: 16px
}

.documentationTabs .nav-tabs .ccsalariedlink {
    border: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px
}

.documentationTabs .nav-tabs .ccselfemployedlink {
    border: 1px solid #ddd;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.documentationTabs .nav-tabs li.active a {
    background: #9D1D27;
    color: #fff
}

.doccard-single {
    text-align: center
}

.doccard-icon {
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background: #fff2f0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 8px
}

.doccard-icon {
    color: #9d1d27;
    font-size: 32px;
    font-weight: 700
}

.doccard-text {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

@media screen and (max-width:1200px) {
    .col-half-offset {
        margin-left: 0
    }

    .documentationTabs .col-xs-2 {
        width: 33%;
        margin-bottom: 25px
    }
}

@media screen and (max-width:992px) {
    .documentationTabs .col-xs-2 {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .documentationTabs .col-xs-2 {
        width: 100%
    }

    .doccard-icon {
        width: 40px;
        height: 40px;
        margin: 0;
        margin-right: 8px
    }

    .doccard-icon span {
        font-size: 20px
    }

    .doccard-single {
        text-align: left;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .doccard-text {
        font-size: 16px
    }
}

@media screen and (max-width:480px) {
    .documentationTabs .nav-tabs a {
        padding: 8px 24px !important
    }

    .documentationTabs .col-xs-2 {
        padding: 0
    }
}

.section-features {
    overflow-x: hidden;
    padding-bottom: 40px
}

.ccFeatureSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.ccFeatureSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.ccFeatureSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.ccFeatureSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.ccFeatureSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.ccFeatureSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.ccFeatureSlider .owl-stage-outer {
    overflow: visible !important
}

.ccFeatureSlider .owl-item {
    opacity: 0 !important;
    transition: opacity 500ms !important
}

.ccFeatureSlider .owl-item.active {
    opacity: 1 !important
}

.ccFeatureSlider-card {
    background-color: #fff;
    padding: 20px;
    padding-top: 67px;
    position: relative
}

.ccFeatureSlider-card {
    border-radius: 6px;
    box-shadow: 0 1px 4px 1px rgba(72, 72, 72, .4)
}

.ccFeatureSlider-img {
    position: absolute;
    top: -67px;
    left: 50%;
    transform: translateX(-50%)
}

.ccFeatureSlider-img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.ccFeatureSlider-img img {
    width: 60px !important;
    height: auto
}

.ccFeatureSlider-heading {
    font-size: 24px;
    font-weight: 700;
    color: #9d1d27
}

.ccFeatureSlider-heading span {
    display: block;
    line-height: 1.25
}

.tabContent.tabContent-feature {
    margin-bottom: 100px
}

@media screen and (max-width:1200px) {
    .ccFeatureSlider.owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .ccFeatureSlider.owl-theme .owl-nav .owl-next {
        right: 0
    }
}

@media screen and (max-width:992px) {
    .ccFeatureSlider-card {
        box-shadow: none
    }
}

@media screen and (max-width:768px) {
    .ccFeatureSlider-heading {
        font-size: 18px
    }

    .ccFeatureSlider-heading span {
        display: inline-block;
        line-height: 1
    }

    .ccFeatureSlider-img {
        position: static;
        transform: none;
        margin-bottom: 12px
    }
}

.section-howItWorks {
    padding: 40px 0
}

.tabcontent-paratitle {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

.howorksrow {
    margin-top: 60px
}

.howorks-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .1)
}

.howorks-single {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.howsingle {
    padding-bottom: 15px
}

.howsingle::after {
    content: "";
    background: url(../images/howworks/line.png);
    position: absolute;
    background-repeat: repeat;
    left: 150px;
    top: 75px;
    display: inline-block;
    width: 100%;
    height: 5px;
    z-index: 1
}

.howorkscol:last-child .howsingle:after {
    content: "";
    display: none
}

.howorks-content {
    text-align: center
}

.howorks-title {
    font-size: 24px;
    font-weight: 700;
    color: #9d1d27
}

.howorks-text {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

@media screen and (max-width:1199px) {
    .howsingle {
        position: relative;
        padding-bottom: 120px
    }

    .howsingle::after {
        content: "";
        background: url(../images/howworks/line.png);
        position: absolute;
        background-repeat: repeat;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        display: inline-block;
        z-index: 1;
        width: 3px;
        height: 100%
    }

    .howorks-single {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: row
    }

    .howorkscol:last-child .howsingle {
        padding-bottom: 0
    }

    .howorks-content {
        text-align: left;
        padding-left: 12px;
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .tabcontent-mainheading {
        font-size: 24px
    }

    .tabcontent-paratitle {
        font-size: 14px
    }

    .howorks-icon {
        width: 120px;
        height: 120px
    }

    .howorks-title {
        font-size: 18px
    }

    .howorks-text {
        font-size: 14px
    }
}

.section-digiFoot {
    padding: 40px 0
}

.digiFoot-left p {
    font-family: Quicksand;
    font-size: 24px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 1.5;
    margin-bottom: 30px
}

.digiFoot-buttons a {
    display: inline-block;
    margin-right: 20px
}

.digiFoot-buttons a:last-child {
    margin-right: 0
}

@media screen and (max-width:992px) {
    .section-digiFoot {
        text-align: center;
        padding: 40px 0
    }

    .digiFoot-left .tabcontent-mainheading {
        font-size: 24px
    }

    .digiFoot-left p {
        font-size: 18px
    }

    .digiFoot-buttons a {
        margin-bottom: 24px
    }
}

.contactUs-search {
    padding: 0
}

.contactUs-search-row {
    display: flex;
    justify-content: center;
    align-items: center
}

.ccresultBox {
    display: flex
}

.ccresultBoxArea {
    margin-bottom: 20px
}

.ccresults-single {
    float: left;
    width: 50%;
    border: solid 1px #cfcfcf;
    padding: 20px
}

.ccCityName {
    font-size: 18px;
    font-weight: 700;
    color: #272727;
    margin-bottom: 13px
}

.ccCityName-para {
    font-size: 14px;
    font-weight: 500;
    color: #878787;
    line-height: 1.43;
    margin-right: 20px
}

.ccdirection {
    font-size: 16px;
    font-weight: 700;
    color: #9D1D27;
    line-height: 1.5
}

.ccdirection img {
    margin-right: 8px
}

.ccresults-contactinfo {
    margin-bottom: 10px
}

.ccresults-contactinfo,
.ccresults-contactinfo a {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.ccresults-contactinfo img {
    margin-right: 6px
}

.contactUsCard {
    border-radius: 12px;
    border: 1px solid #fdf2ff;
    background-color: #fdf2ff;
    margin-bottom: 20px;
    padding: 20px;
    display: flex;
    align-items: center
}

.contactUsCard-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.contactUsCard-title {
    font-size: 20px;
    font-weight: 500;
    color: #9d1d27
}

.contactUsCard-subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #878787
}

.ccbuttonWrapper {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ccbuttonWrapper a {
    margin-right: 20px;
    margin-bottom: 20px
}

.ccbuttonWrapper a:last-child {
    margin-right: 0
}

@media screen and (max-width:992px) {
    .ccresultBox {
        display: block
    }

    .ccresults-single {
        float: none;
        width: 100%
    }
}

.section-eligibDocument {
    padding: 40px 0
}

.eligibDocumentSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.eligibDocumentSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    z-index: 999
}

.eligibDocumentSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.eligibDocumentSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.eligibDocumentSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.eligibDocumentSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.eligibDocument-img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 16px
}

.eligibDocument-img img {
    max-width: 52px !important
}

.eligibDocument-heading {
    font-size: 18px;
    font-weight: 500;
    color: #878787;
    line-height: 1.33
}

@media screen and (max-width:1200px) {
    .eligibDocumentSlider.owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .eligibDocumentSlider.owl-theme .owl-nav .owl-next {
        right: 0
    }
}

.section-howtoregister {
    padding: 40px 15px;
    padding-bottom: 60px
}

.howtoregisterSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.howtoregisterSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 20%;
    z-index: 999
}

.howtoregisterSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.howtoregisterSlider.owl-theme .owl-nav .owl-prev {
    left: -60px
}

.howtoregisterSlider.owl-theme .owl-nav .owl-next {
    right: -60px
}

.howtoregisterSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.howtoregister-card {
    padding-bottom: 60px
}

.howtoregisterSlider .owl-item.active.center {
    transform: scale(1.2)
}

.howtoregisterSlider .owl-item.active:not(.center) {
    transform: scale(.8)
}

.howtoregister-img {
    border-radius: 100%;
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 16px
}

.howtoregister-img img {
    max-width: 52px !important
}

.howtoregister-heading {
    font-size: 16px;
    font-weight: 700;
    color: #19202c;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 8px
}

.howtoregister-para {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left
}

@media screen and (max-width:1200px) {
    .howtoregisterSlider.owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .howtoregisterSlider.owl-theme .owl-nav .owl-next {
        right: 0
    }

    .howtoregisterSlider .owl-item.active.center {
        transform: scale(1)
    }

    .howtoregisterSlider .owl-item.active:not(.center) {
        transform: scale(1)
    }
}

.e-c-base {
    fill: none;
    stroke: #f1f1f1;
    stroke-width: 3px
}

.e-c-progress {
    fill: none;
    stroke: #9D1D27;
    stroke-width: 4px;
    transition: stroke-dashoffset .7s
}

.otpscreenCredit .OTP {
    padding-top: 0;
    padding-left: 0;
    padding-right: 30px
}

.otpscreenCredit .OTP fieldset input {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 20px;
    padding: 0 5px;
    padding-bottom: 12px;
    margin-bottom: 15px;
    margin-right: 10px;
    font-size: 18px
}

.otpscreenCredit .OTP h3 {
    color: #9D1D27;
    font-weight: 700
}

.otpscreenCredit .e-c-pointer {
    fill: #fff;
    stroke: #f7958e;
    stroke-width: 2px
}

.otpscreenCredit .timerContainer {
    position: relative
}

.otpscreenCredit .circle {
    display: inline-block;
    padding: 45px 0;
    padding: 0 !important;
    width: auto;
    height: auto;
    margin-top: 0 !important
}

.otpscreenCredit .controlls {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

.otpscreenCredit .display-remain-time {
    font-family: roboto;
    font-weight: 100;
    font-size: 25px;
    color: #9D1D27
}

.otpscreenCredit .sucessSMG {
    margin-left: 0;
    text-align: center
}

.otpscreenCredit .iconHolder {
    display: block;
    position: static;
    margin: 0 auto
}

.Modalotpscreen .controlls {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.Modalotpscreen .OTP {
    padding-right: 0
}

.formArea button {
    padding: 13px 24px
}

.formArea .label {
    color: #878787;
    font-size: 14px;
    font-weight: 500;
    left: 15px
}

.ctcard-formWrapper {
    max-width: 400px
}

.bgformArea {
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    padding: 40px;
    background-image: url(../images/creditCard/trackStatus.png);
    background-position: right 40px bottom 0;
    background-repeat: no-repeat;
    background-size: 230px auto
}

.nobgformArea {
    background-image: none
}

.bgcardArea {
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    padding: 40px
}

.bgformArea .formArea {
    padding: 0
}

.ctcard-heading {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: normal;
    color: #000;
    line-height: 1.67;
    margin-bottom: 25px
}

.wizard .nav-tabs {
    position: relative;
    border-bottom: none
}

.wizard>div.wizard-inner {
    position: relative
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 41%;
    margin: 0 auto;
    left: 110px;
    top: 16%;
    z-index: 0
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tab {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    text-align: center;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center
}

button.btn.btn-default.cc_marginBottom20px1:hover {
    color: #fff;
    border: none
}

button.btn.next-step.hidewizard:hover {
    color: #fff
}

span.round-tab i {
    color: #555;
    font-size: 10px
}

.wizard li.active span.round-tab {
    background: #9D1D27;
    border: 2px solid #9D1D27
}

.wizard li.active span.round-tab i {
    color: #fff
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333
}

.gl-wizard .nav-tabs>li {
    width: 20%;
    text-align: center;
    position: relative
}

.gl-wizard .nav-tabs li:not(.active) a {
    pointer-events: none
}

.wizard .nav-tabs>li a {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    border-radius: 100%;
    padding: 0
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: none;
    border-radius: 4px
}

.wizard .nav-tabs>li a:hover {
    background: 0 0
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 30px
}

span.steps-heading {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-top: 4px;
    display: inline-block
}

.wizard {
    margin-top: 46px
}

.ccardTracking-title {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.ccardTracking-number {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.ccardTracking-statustitle {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    margin-right: 5px
}

.ccardTracking-status {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 700;
    color: #f5a623
}

.steps-subheading,
.ccardDate {
    display: block;
    font-size: 14px;
    font-family: Quicksand;
    font-weight: 500;
    margin-top: -3px
}

.colors-default {
    color: #9b9b9b
}

.evhead {
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.fcbuttonWrapper {
    display: flex;
    align-items: center;
    margin-top: 50px
}

.fcardsingle {
    margin-bottom: 20px
}

.fcard-title {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.fcard-content {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    max-width: 310px
}

.fcLink a {
    font-size: 16px;
    font-weight: 500;
    color: #9d1d27
}

.fcLink .fa {
    font-size: 23px;
    margin-right: 17px;
    color: #9d1d27
}

.uploadTxtWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.uploadTxtContent {
    display: inline-block;
    margin-right: 20px
}

#fileName span {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

.cancel-btn i {
    font-size: 24px;
    color: #3f3f3f
}

.cancel-btn {
    display: none
}

#progress-bar {
    display: none
}

.my-form {
    border: 2px dashed #ccc;
    border-radius: 20px;
    margin: 0 auto;
    padding: 20px 20px 5px
}

#drop-area.highlight {
    border-color: purple
}

.my-form {
    margin-bottom: 10px
}

#gallery img {
    width: 28px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle
}

.button {
    display: inline-block;
    padding: 10px;
    color: #2982d1;
    cursor: pointer;
    text-align: center;
    width: 100%
}

#fileElem {
    display: none
}

#progress-bar {
    width: 100%;
    height: 5px
}

progress {
    border: none;
    height: 5px;
    background: crimson
}

progress {
    color: #add8e6
}

progress::-webkit-progress-value {
    background: #99be36
}

progress::-moz-progress-bar {
    background: #99be36
}

progress::-webkit-progress-value {
    background: #99be36
}

progress::-webkit-progress-bar {
    background: #99be36
}

.drag-or::before {
    content: "";
    width: 100px;
    height: 1px;
    background: red;
    border: 1px solid #dadada;
    display: inline-block;
    margin-right: 10px
}

.drag-or::after {
    content: "";
    width: 100px;
    height: 1px;
    background: red;
    border: 1px solid #dadada;
    display: inline-block;
    margin-left: 10px
}

.ModaliconHolder {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff2f0;
    text-align: center;
    font-size: 25px;
    padding: 10px;
    margin-bottom: 25px
}

.ModaliconHolder i {
    color: green;
    font-size: 75px
}

.ModaliconHolder-heading {
    font-size: 24px;
    margin-bottom: 30px
}

.ModaliconHolder-text {
    font-size: 14px;
    color: #878787
}

.freeCreditCard .tab-pane {
    padding-left: 0;
    padding-right: 0
}

.ccardDefaultModal .modal-dialog {
    width: auto;
    width: 96%;
    margin: 30px auto
}

.ccapp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #fff2f0
}

.ccapp-icon span {
    display: inline-block
}

.downloadApp {
    border: 3px dashed;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    position: relative
}

.ccard-viewOfferHeader {
    margin-bottom: 45px
}

.offer-logo {
    width: 40px;
    height: 40px;
    border: solid 1px #ddd;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px
}

.viewOfferHeader-title {
    display: flex;
    align-items: center;
    margin-bottom: 14px
}

.viewOfferHeader-text {
    font-size: 16px;
    font-weight: 500;
    color: #3f3f3f
}

.viewOfferHeader-name {
    border: solid 1px #dcdcdc;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px
}

.viewOfferHeader-code {
    font-size: 16px;
    font-weight: 500;
    color: #4a4a4a
}

.viewOfferHeader-date {
    font-size: 16px;
    font-weight: 500;
    color: #4a4a4a
}

.viewofferTabs {}

.viewofferTabs .nav-tabs {
    border-top: 1px solid rgba(171, 158, 155, .4);
    border-bottom: 1px solid rgba(171, 158, 155, .4);
    margin-bottom: 40px
}

.viewofferTabs .nav-tabs li a {
    font-size: 16px;
    font-weight: 700;
    color: #9b9b9b
}

.viewofferTabs .nav-tabs li.active a {
    color: #9d1d27;
    border-bottom: 4px solid #9d1d27;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-right: 14px;
    padding-left: 18px;
    padding-right: 18px
}

.custom-list {
    list-style: none
}

.custom-list li {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px
}

.custom-list li::before {
    content: "•";
    color: #9D1D27;
    font-size: 33px;
    line-height: 0;
    margin-right: 8px
}

.downloadApp-wrapper {
    position: relative
}

.downloadApp {
    background: url(images/offer/rectangle-steps.html);
    background-size: cover;
    background-position: top 73px center;
    background-repeat: no-repeat
}

.downloadApp-content {
    display: inline-block;
    position: relative;
    z-index: 9999999;
    background: #fff
}

.cardnote-box {
    border: solid 1px #ddd;
    max-width: 400px
}

.cardnote-head {
    background-color: #9D1D27;
    color: #fff;
    padding: 10px;
    display: flex;
    width: 100%;
    justify-content: space-between
}

.cardnote-title {
    font-size: 14px
}

.cardnote-amt {
    font-size: 15px
}

.cardnote-body {
    padding: 20px
}

.cardnote-body__title {
    font-size: 15px;
    font-weight: 700;
    color: #4a4a4a
}

.cardnote-body__text {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.refnum {
    color: #878787;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.ccardWrapper-row {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 10px
}

.ccardWrapper-box {
    width: 380px;
    float: left
}

.ccardWrapper-box:first-child {
    margin-right: 2%
}

.ccardWrapper {
    border: solid 1px #ddd;
    border-radius: 8px;
    background-color: #fff;
    padding: 12px 20px
}

.ccard-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ccard-row:first-child {
    margin-bottom: 10px
}

.ccardWrapper-label {
    color: #878787;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.ccard-row__div {
    display: flex;
    align-items: center
}

.ccard-row__cardImg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff2f0;
    margin-right: 10px
}

.ccard-row__cardName {
    display: inline-block
}

.cardName {
    font-size: 14px;
    font-weight: 700;
    color: #9d1d27;
    line-height: 1;
    margin-bottom: 4px
}

.cardBlanace {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    line-height: 1
}

.ccardWrapper-box {
    margin-right: 2%;
    margin-bottom: 20px
}

.ccard-row__cardImg img {
    width: 24px
}

.ccard-row__cardImg.cardImgactive {
    background: #fff
}

.ccardWrapper-box.activeCard .ccardWrapper {
    border-radius: 8px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .2);
    border: solid 1px #9D1D27;
    background-color: #fff2f0
}

.ccard-row__div.checkCircle img {
    display: none
}

.ccardWrapper-box.activeCard .ccard-row__div.checkCircle img {
    display: block
}

.ccardWrapper-box.activeCard .ccard-row__cardImg {
    background: #fff
}

.tick-holder {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #fff2f0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tick-holder img {
    max-width: 24px
}

.acardsuccess-content {
    max-width: 600px;
    margin: 0 auto;
    text-align: left
}

.acardsuccess-text {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.07;
    color: #417505;
    margin-top: 10px
}

.acardsuccess-para {
    font-size: 14px;
    color: #4a4a4a
}

.acardsuccess-title {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    margin-right: 40px
}

.acardsuccess-num {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.successWidth {
    max-width: 475px;
    margin: 0 auto
}

.successShare {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.successShare-applyCard,
.successShare-sharelink {
    font-size: 14px
}

.ccSucess-feature {
    height: 100px;
    width: 100px;
    border-radius: 8px;
    box-shadow: 0 0 2px 3px rgba(135, 135, 135, .21);
    background-color: #fff2f0;
    margin: 0 0 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .ccSucess-feature {
        margin-left: auto;
        margin-right: auto
    }

    .ccSucess-featurebox {
        margin-bottom: 20px
    }
}

.ccSucess-title {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #9d1d27;
    margin-top: 10px
}

.billpayment {
    border: solid 1px #ddd;
    border-radius: 8px;
    background-color: #fff;
    padding: 20px
}

.billpayment-box {
    margin-bottom: 30px
}

.billpayment-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.billpayment-label {
    color: #878787;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.billpayment-row__div {
    display: flex;
    align-items: center
}

.billpayment-row__cardImg {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff2f0;
    margin-right: 10px
}

.billpayment-row__cardName {
    display: inline-block
}

.billpaymentcardName {
    font-size: 14px;
    font-weight: 700;
    color: #9d1d27;
    line-height: 1
}

.billpaymentcardBlanace {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    line-height: 1;
    margin-top: 10px
}

.billpayment-row__cardImg img {
    width: 24px
}

.billpayment-row__cardImg.cardImgactive {
    background: #fff
}

.billpayment-box.activeCard .billpayment {
    border-radius: 8px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .2);
    border: solid 1px #9D1D27;
    background-color: #fff2f0
}

.billpayment-row__div.checkCircle img {
    display: none
}

.billpayment-box.activeCard .billpayment-row__div.checkCircle img {
    display: block
}

.billpayment-box.activeCard .billpayment-row__cardImg {
    background: #fff
}

.orSepration {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #cfcfcf;
    line-height: .1em;
    margin: 10px 0 20px
}

.orSepration span {
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.ccardOptionfmtitle {
    font-size: 14px;
    font-weight: 700;
    color: #3f3f3f;
    margin-bottom: 20px
}

.optiontype-title {
    font-size: 14px;
    font-weight: 500;
    color: #a5a5a5;
    margin-bottom: 10px
}

@media screen and (max-width:1023px) {
    .acardsuccess-titleCol {
        width: 50%;
        float: left
    }
}

@media screen and (max-width:540px) {
    .acardsuccess-titleCol {
        width: 100%;
        float: none
    }

    .featureboxcol {
        width: 50%;
        float: left
    }
}

@media screen and (min-width:993px) {
    .cardnote-box {
        margin-top: -40px
    }

    .cardnote-billpayment {
        margin-top: 30px
    }
}

@media screen and (max-width:920px) {
    .ccardWrapper-box {
        width: 48%
    }
}

@media screen and (max-width:768px) {
    .ccardWrapper-box {
        width: 100%;
        margin-bottom: 24px
    }

    .ccardWrapper-box:first-child {
        margin-right: 0
    }

    .long-label {
        white-space: initial;
        line-height: 1 !important
    }

    .formArea .inputText:focus~.long-label,
    .formArea .inputText:not(:placeholder-shown)~.long-label {
        top: -20px;
        opacity: 1
    }
}

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

    #activateCardSec,
    #blockCardSec {
        padding: 0
    }

    .long-label {
        white-space: initial;
        line-height: 1 !important
    }

    .formArea .inputText:focus~.long-label,
    .formArea .inputText:not(:placeholder-shown)~.long-label {
        top: -20px;
        opacity: 1
    }
}

@media screen and (max-width:375px) {
    .ccardWrapper {
        padding: 10px
    }
}

.ccard-row__cardNumber {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.sortingSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.sortingSlider.owl-theme .owl-nav [class*=owl-] {
    width: 20px;
    height: 20px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 0%;
    z-index: 999
}

.sortingSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.sortingSlider.owl-theme .owl-nav .owl-prev {
    left: -45px
}

.sortingSlider.owl-theme .owl-nav .owl-next {
    right: -45px
}

.sortingSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.sortingSlider.owl-theme .owl-nav .owl-prev,
.sortingSlider.owl-theme .owl-nav .owl-prev:hover {
    background-image: url(https://www.aubank.in/assets/au_creditcard/au-small-final-shared/images/LeftArrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 6px 4px !important;
    background-size: 6px !important
}

.sortingSlider.owl-theme .owl-nav .owl-next,
.sortingSlider.owl-theme .owl-nav .owl-next:hover {
    background-image: url(https://www.aubank.in/assets/au_creditcard/au-small-final-shared/images/Rightarrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: 6px 4px !important;
    background-size: 6px !important
}

.section-exploreCards {
    padding: 40px 0 60px
}

.section-container {
    padding-left: 15px;
    padding-right: 15px
}

.sortingrow-wrapper {
    border-top: solid 1px #cfcfcf;
    border-bottom: solid 1px #cfcfcf;
    padding: 15px;
    padding-bottom: 8px
}

.sortingrow-wrapper>.container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.ccsorting {
    display: inline-flex;
    align-items: center
}

.sorting-img {}

.sorting-fitlerby {
    border-right: 1px solid #979797;
    padding-right: 10px;
    margin-right: 20px;
    cursor: pointer
}

.sorting-sortby {
    cursor: pointer
}

.sorting-name {
    font-size: 14px;
    padding: 0 10px
}

.cctoshorted {
    display: flex;
    align-items: center
}

.cctoshorted-img img {
    width: 24px !important;
    height: auto
}

.cctoshorted-name {
    font-size: 14px;
    font-weight: 500;
    color: #272727;
    margin-left: 6px
}

.selectedSorting {
    display: flex;
    flex-wrap: wrap
}

.cctoshorted.cctoshorted-selected img {
    width: 24px !important;
    height: auto
}

.cctoshorted .cctoshorted-closeimg {
    margin-right: 12px
}

.cctoshorted .cctoshorted-closeimg img {
    width: 12px !important;
    height: auto
}

.cctoshorted.cctoshorted-selected {
    border: solid 1px #b2b2b2;
    padding: 8px 12px;
    border-radius: 100px;
    margin-bottom: 6px;
    margin-right: 6px
}

.col-lg-3.colFilterby {
    width: 23%
}

.categoryFilterWrapper {
    position: absolute;
    left: 0;
    top: 75px;
    width: 360px;
    z-index: 9999;
    border-radius: 12px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 20px
}

.sortbyFilterWrapper {
    position: absolute;
    left: 0;
    top: 75px;
    width: 360px;
    z-index: 9999;
    border-radius: 12px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 20px
}

.sortbyRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cfcfcf
}

.sortby-name {
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.sortby-icon span {
    font-size: 18px;
    margin-left: 7px;
    color: #9D1D27
}

.ccfilterButtonWrapper {
    justify-content: space-between
}

.collapse-category .fa {
    color: #9D1D27
}

.categories-list .category {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 3px 0 3px 22px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: 300;
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #cfcfcf
}

.categories-list .category label {
    width: 100%;
    margin-bottom: 20px
}

.categories-list .category a {
    color: #95939a;
    position: absolute;
    right: 0;
    z-index: 1000
}

.categories-list .category input[type=checkbox] {
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    top: 7px;
    width: 18px;
    height: 18px
}

.categories-list .category .subcategories {
    margin-left: 0;
    display: none;
    padding: 5px;
    flex-direction: column
}

.categories-list .category .subcategories .category {
    padding-left: 22px;
    flex-direction: column
}

.categories-list .category .subcategories .category:last-child {
    border-bottom: none
}

.section-offerCards {
    padding: 40px 0;
    padding-bottom: 15px
}

.offercardsSlider {
    padding-top: 100px
}

.section-offerCards>.container {
    padding-top: 0;
    padding-bottom: 0
}

.expcard-imgWrapper {
    position: relative
}

.expcardCheck.form-check label {
    font-size: 14px
}

.expcardCheck.form-check input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 6px;
    height: 12px;
    border: solid #9D1D27;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.expcardCheck.form-check input:checked+label:before {
    border: solid 1px #9D1D27;
    background-color: #fff
}

.expcardCheck {
    position: absolute;
    top: 20px;
    right: 20px
}

.expcardsingle {
    border-radius: 12px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin: 10px
}

.offercard-imgWrapper {
    position: relative
}

.offercard-bedge {
    position: absolute;
    top: 0;
    right: 20px
}

.offercard-bedge img {
    width: 50px !important;
    height: auto
}

.expcard-content {
    padding: 10px 30px 50px
}

.expcard-title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px
}

.expcard-lists {
    font-size: 14px;
    font-weight: 500;
    color: #878787;
    margin-bottom: 10px
}

.expcardBtnWrapper {
    justify-content: space-between
}

.expcardlink {
    font-size: 14px;
    font-weight: 500;
    color: #9D1D27
}

.expcardsSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.expcardsSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.expcardsSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.expcardsSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.expcardsSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.expcardsSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.comparebytype-single {
    border-radius: 12px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin-bottom: 15px;
    position: relative;
    display: flex;
    align-items: center
}

.comparebytype-img {
    width: 40%;
    float: left
}

.comparebytypeCheck {
    position: absolute;
    right: 0;
    top: 10px
}

.comparebytype-text {
    width: 60%;
    float: left;
    display: flex;
    align-items: center;
    padding: 20px
}

.comparebytype-title {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

@media screen and (max-width:1199px) {
    .colcatFilter {
        display: none
    }

    .col-lg-3.colFilterby {
        width: 100%
    }

    .sortingrow-wrapper {}
}

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

    .categoryFilterWrapper,
    .sortbyFilterWrapper {
        width: 100%
    }

    .offercardsSlider {
        padding-top: 20px
    }
}

.offercardsSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.offercardsSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.offercardsSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.offercardsSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.offercardsSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.offercardsSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

.expcard-imgWrapper {
    position: relative
}

.expcardCheck.form-check label {
    font-size: 14px
}

.expcardCheck.form-check input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 9px;
    width: 6px;
    height: 12px;
    border: solid #9D1D27;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.expcardCheck.form-check input:checked+label:before {
    border: solid 1px #9D1D27;
    background-color: #fff
}

.expcardCheck {
    position: absolute;
    top: 20px;
    right: 20px
}

.expcardsingle {
    border-radius: 12px;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin: 10px
}

.expcard-content {
    padding: 10px 30px 50px
}

.expcard-title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px
}

.expcard-lists {
    font-size: 14px;
    font-weight: 500;
    color: #878787;
    margin-bottom: 10px
}

.expcardBtnWrapper {
    justify-content: space-between
}

.expcardlink {
    font-size: 14px;
    font-weight: 500;
    color: #9D1D27
}

.offercard-title {
    font-size: 14px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 13px
}

.offercard-content {
    padding: 12px
}

.offercardBtnWrapper {
    justify-content: space-between;
    align-items: center;
    padding-top: 0
}

.offercardBtnWrapper a {
    margin-bottom: 5px
}

.offercardlink {
    font-size: 12px;
    font-weight: 500;
    color: #878787
}

.alloffer {
    font-size: 14px;
    font-weight: 500;
    color: #878787;
    margin-bottom: 30px
}

.colViewAllOffer {
    padding-left: 15px;
    padding-right: 15px
}

.colViewAllOffer .expcardsingle {
    margin: 0;
    margin-bottom: 20px
}

.colViewAllCreditCard .expcardsingle {
    margin: 0;
    margin-bottom: 30px
}

.colViewAllOffer .offercard-title {
    margin-bottom: 7px
}

.ratingrow {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.faqtabs.nav-tabs {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.faqtabs.nav-tabs>li {
    margin-right: 16px;
    width: 162px;
    height: 80px
}

.faqtabs.nav-tabs>li>a {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 3px 1px rgba(158, 141, 139, .51);
    background-color: #fff;
    text-align: center
}

.faqtabs.nav-tabs>li>a img {
    margin-bottom: 9px
}

.section-faq {
    padding: 40px 0
}

.faqtabsWrapper {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    overflow: hidden
}

.faqtabsWrapper>ul {
    white-space: nowrap;
    overflow: auto;
    text-align: center
}

.faqtabsWrapper>ul li {
    display: inline-block;
    float: none !important
}

.section-faq .faqcard-header h5 {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between
}

.section-faq .faqcard-header h5 i {
    font-size: 30px
}

.section-faq .faqcard-body {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #3f3f3f
}

.section-faq .faqcard {
    border-bottom: solid 1px #dbcbc9;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.viewcardDetailsec {
    max-width: 800px
}

.viewmoreLess {
    font-size: 16px;
    color: #9D1D27
}

.ccardfmsubtitle {
    font-size: 18px;
    font-weight: 700;
    color: #9d1d27
}

.unlockfeature-single {
    margin-bottom: 35px
}

.unlockfeature-img {
    margin-right: 20px;
    display: inline-block
}

.unlockfeature-img img {
    width: 24px;
    height: auto
}

.unlockfeature-text {
    font-size: 14px;
    font-weight: 500;
    color: #3f3f3f;
    display: inline-block
}

.featurebenifit-single {
    border-radius: 4px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .16);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
    align-items: center
}

.featurebenifit-img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: solid 1px #ddd;
    background-color: #fff;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.featurebenifit-content {}

.featurebenifit-text {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f
}

.featurebenifit-subtext {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.comparedetailWrapper {
    display: flex
}

.compartitle {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px
}

.comparimg {
    max-width: 120px;
    height: auto;
    margin: 0 auto
}

.comparedetailBox {
    float: left;
    width: 33.3333%;
    padding: 10px;
    text-align: center;
    border: solid 1px #ddd
}

.comparetext {
    font-size: 16px;
    font-weight: 500;
    color: #3f3f3f
}

.compareParentHeading {
    background: #fff2f0;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.compareParentHeading-img {
    display: inline-block;
    margin-right: 10px
}

.compareParentHeading-title {
    font-size: 24px;
    font-weight: 700;
    color: #9d1d27;
    display: inline-block
}

.comparesubhead {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f;
    padding-top: 20px;
    padding-bottom: 20px
}

.featureviewAllcard-single {
    margin-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px
}

.featureviewAllcard-img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 1px 6px 3px rgba(200, 200, 200, .45);
    background-color: #fdf2ff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.featureviewAllcard-img img {
    max-width: 60px;
    margin: 0 auto
}

.featureviewAllcard-content {
    text-align: center
}

.featureviewAllcard-title {
    font-size: 18px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 8px;
    line-height: 1
}

.featureviewAllcard-text {
    font-size: 18px;
    font-weight: 500;
    color: #3f3f3f
}

.taxessingleContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.taxes-single {
    display: flex;
    align-items: center
}

.taxes-imgWrapper {}

.taxes-img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.taxes-img img {
    max-width: 40px;
    height: auto
}

.taxes-content {
    max-width: 230px
}

.taxes-title {
    font-size: 20px;
    font-weight: 700;
    color: #9d1d27
}

.taxes-text {
    font-size: 14px;
    font-weight: 500;
    color: #878787
}

.featureviewall-single {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.featureviewall-flItem {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

.featureviewall-imgWrapper {}

.taxes-img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

.taxes-img img {
    max-width: 24px;
    height: auto
}

.featureviewall-content {}

.featureviewall-title {
    font-size: 18px;
    font-weight: 700;
    color: #030303;
    line-height: 1
}

.featureviewall-guItem {}

.featureviewall-text {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

.section-applynow {
    padding: 40px 0
}

.transEmiDetailFinal .wizard-inner {
    margin: 0 auto;
    max-width: 600px
}

.transEmiDetailFinal .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: 162px;
    top: 28%;
    z-index: 0
}

.transEmiDetailFinal .gl-wizard .nav-tabs>li {
    width: 50%
}

.transEmiDetailFinal .wizard li.active span.round-tab {
    background: #9d1d27;
    border: 2px solid #9d1d27
}

.transEmiDetailFinal .steps-heading {
    font-size: 12px;
    font-weight: 500;
    color: #4a4a4a;
    display: inline-block;
    margin-top: 15px
}

.transEmiDetailFinal .wizard li span.round-tab img.activeImage {
    display: none
}

.transEmiDetailFinal .wizard li.active span.round-tab img.activeImage {
    display: block
}

.transEmiDetailFinal .wizard li.active span.round-tab img.InactiveImage {
    display: none
}

.transemirow {
    border-bottom: solid 1px #dbdbdb;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.CTemicheck.form-check {
    margin-bottom: 0
}

.transemisortWrapCol {
    display: flex
}

.transemisortWrap {
    margin-left: auto
}

.sortransemi .selectText {
    font-size: 16px;
    display: inline-block;
    width: auto;
    background: url(https://www.aubank.in/assets/au_creditcard/au-small-final-shared/images/arrowdown.svg) 95.99%/15% no-repeat;
    padding-right: 20px
}

.CTemicheck.form-check input:checked+label:after {
    top: 4.5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.form-check input:checked+label:before {
    border: solid 1px #9D1D27;
    background-color: #9D1D27
}

.LCTfirsthalf {
    float: left;
    width: 60%
}

.RCTfirsthalf {
    float: left;
    width: 40%
}

.CTfirsthalf-Lcontent {
    float: left;
    width: 40%
}

.CTemiName {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a
}

.CTfirsthalf-Lcontent .CTemicheck {
    display: inline-block;
    margin-right: 16px
}

.CTfirsthalf-Lcontent .CTnumberBox {
    display: inline-block;
    font-size: 18px
}

.CTfirsthalf-Ncontent {
    float: left;
    width: 60%
}

.CTemiContent {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.CTfirsthalf-name {
    width: 20%;
    float: left
}

.CTfirsthalf-name {
    width: 60%;
    float: left
}

.CTemiName {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a
}

.CTemiDate {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.CTemiSelect .btnSelect {
    padding: 9px 16px;
    font-size: 12px
}

.CTfirsthalf-dateWrapper {
    width: 40%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.CTemiDate-mob {
    display: none
}

@media screen and (max-width:992px) {
    .transEmiDetailFinal .gl-wizard .nav-tabs>li {
        width: 30%
    }

    .transEmiDetailFinal .wizard-inner {
        width: 680px;
        max-width: 680px
    }

    .transEmiDetailFinal .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 32%;
        margin: 0 auto;
        left: 95px;
        top: 28%;
        z-index: 0
    }

    .CTfirsthalf-Lcontent {
        float: none;
        width: 100%
    }

    .CTfirsthalf-Ncontent {
        float: none;
        width: 100%;
        margin-left: 54px
    }

    .CTemiDate-mob {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #9b9b9b;
        margin-top: 5px
    }

    .RCTfirsthalf {
        display: flex;
        flex-wrap: wrap
    }

    .CTfirsthalf-name {
        width: 100%;
        float: none;
        order: 2;
        text-align: right
    }

    .CTemiDate {
        display: none
    }

    .CTemiName {
        margin-top: 55px
    }

    .CTemiSelect {
        margin-left: auto
    }

    .CTfirsthalf-dateWrapper {
        width: 100%;
        float: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        order: 1
    }
}

@media screen and (max-width:480px) {
    .transEmiDetailFinal .wizard-inner {
        width: 320px;
        max-width: 320px
    }

    .transEmiDetailFinal .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 33%;
        margin: 0 auto;
        left: 49px;
        top: 28%;
        z-index: 0
    }
}

.transdetailWrapper {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px !important;
    margin-bottom: 20px
}

.transEmiDetailFinal .ccardfmtitle {
    font-size: 18px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 12px
}

.transdetailBox {
    float: left;
    width: 25%;
    padding: 20px;
    text-align: center;
    border: solid 1px #ddd
}

@media screen and (max-width:992px) {
    .transdetailBox {
        width: 50%
    }

    .transdetailBox.transdetailBox-date {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .transdetailBox {
        text-align: left;
        width: 100%;
        border: 0;
        padding: 0;
        margin-bottom: 24px
    }

    .transdetailBox.transdetailBox-date {
        width: 44%
    }

    .cteBr {
        border-right: solid 1px #ddd;
        padding-right: 20px;
        margin-right: 20px
    }
}

@media screen and (max-width:470px) {
    .transdetailBox.transdetailBox-date {
        width: 100%
    }

    .cteBr {
        border-right: 0;
        padding-right: 0;
        margin-right: 0
    }
}

.transdetailBox .transamt {
    font-size: 14px;
    font-weight: 500;
    color: #afafaf
}

.transdetailBox .transnum {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.transEmiWrapper .ccardfmtitle {
    font-size: 18px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 12px
}

.ccardfmtitle-subtitle {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    margin-bottom: 20px
}

.emtenure-title {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    margin-bottom: 13px
}

.transEmiWrapper .smtxts {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    margin-top: 8px
}

.amountslidrWrapper {
    margin-bottom: 20px;
    margin-top: 15px
}

.amountslidr-txt {
    text-align: left;
    border-bottom: solid 1px #ddd;
    display: inline-block;
    width: 100px
}

.amountslidr-txt .cal_input {
    border-bottom: 0;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #272727;
    margin: 0;
    width: 25px
}

.amountslidr-txt span {
    font-size: 18px;
    font-weight: 500;
    color: #272727;
    margin: 0
}

.cteCardnote-box {
    border: solid 1px #ddd;
    max-width: 400px
}

.cteCardnote-head {
    background-color: #9D1D27;
    color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.cardnote-title {
    font-size: 14px
}

.cardnote-amt {
    font-size: 15px
}

.cteCardnote-body {
    padding: 20px
}

.cardnote-row {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.cardnote-row:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.cardnote-body__title {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.cteCardnote-body__text {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: right
}

.cteCardnote-title {
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.cteCardnote-amt {
    font-size: 18px;
    font-weight: 500;
    color: #fff
}

.ctebtnWrapper {
    justify-content: space-between
}

.domIntUsageWrapper {
    margin-top: 20px
}

.domIntUsageWrapper .ui-widget {
    font-size: 1.8em
}

.domIntUsageWrapper .amountslidr-txt .cal_input {
    width: 90px
}

.domIntUsageWrapper .amountslidr-txt {
    width: 135px
}

.domintHeadBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 16px
}

.domintTitle {
    font-family: Quicksand;
    font-size: 18px;
    font-weight: 500;
    color: #9b9b9b
}

.domIntUsage-title {
    font-size: 14px;
    color: #9b9b9b;
    font-weight: 500;
    margin-bottom: 16px;
    text-transform: capitalize
}

.domIntUsageWrapper .smtxtWrapper {
    margin-top: 16px
}

.domIntUsageWrapper .smtxts {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b
}

.domIntUsageWrapper .domintSection {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.domintstatus {
    font-size: 14px;
    color: #cdcdcd;
    font-weight: 500;
    margin-top: -15px
}

.bgcardArea.bgenabledisable .domintHeadBox {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.bgcardArea.bgenabledisable .domintHeadBox:last-child {
    border-bottom: none
}

@media screen and (max-width:1280px) {}

@media(min-width:768px) {
    .ccardDefaultModal .modal-dialog {
        width: 440px;
        margin: 30px auto
    }
}

@media screen and (max-width:1200px) {
    .viewOfferHeader-banner {
        margin-bottom: 30px
    }
}

@media screen and (max-width:992px) {
    .trackStatusWizard .connecting-line {
        height: 70%;
        width: 2px;
        top: 8px;
        left: 12px
    }

    .trackStatusWizard.gl-wizard .nav-tabs>li {
        width: 100%;
        float: none;
        text-align: left;
        display: flex;
        align-items: center;
        margin-bottom: 75px
    }

    .trackStatusWizard.wizard .nav-tabs>li a {
        margin: 0
    }

    .trackStatusWizard span.steps-heading {
        padding-left: 12px
    }

    .trackStatusWizard .ccardDate {
        display: flex;
        margin-left: auto
    }

    .trackStatusWizard .steps-subheading {
        position: absolute;
        top: 40px;
        left: 31px
    }
}

@media screen and (max-width:768px) {
    .bgformArea {
        padding: 24px;
        background-position: right 30px bottom 0;
        background-size: 130px auto;
        padding-bottom: 190px !important
    }

    .bgcardArea {
        padding: 24px
    }

    .nopadding-mobile {
        padding-left: 0;
        padding-right: 0
    }

    .bgviewAlloffer {
        box-shadow: none
    }

    .formArea .label {
        left: 0
    }

    .formArea .labelSelect {
        left: 15px
    }

    button.mt-50 {
        margin-top: 20px !important
    }

    .uploadTxtWrapper {
        margin-bottom: 20px
    }

    .bgviewAlloffer {
        padding: 0
    }
}

@media only screen and (max-width:680px) {
    h1 {
        margin-left: 0
    }
}

@media only screen and (max-width:480px) {
    .viewofferTabs .nav-tabs li.active a {
        margin-right: 8px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width:375px) {
    .otpscreenCredit .OTP fieldset input {
        margin-right: 7px
    }
}

@media screen and (max-width:360px) {
    .modal-dialog {
        margin-top: 73px !important
    }
}

.progressBar-tick {
    display: flex
}

#progressTick {
    color: #417505;
    font-size: 14px !important;
    margin-top: -5px;
    margin-left: 5px
}

.autoCorrect {
    display: flex
}

.autoCorrect img {
    position: absolute;
    left: 92%;
    top: 30%;
    font-size: 19px
}

.anotherUpi {
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #9D1D27;
    margin-top: -23px
}

.goToSwiggy {
    text-align: center
}

#OtpError {
    color: red
}

#RePinError {
    color: red
}

#PinError {
    color: red
}

.ccardWrapper-box {
    margin-right: 2%;
    margin-bottom: 20px
}

.disabledOTP {
    pointer-events: none;
    cursor: default
}

.OTP input {
    border-bottom-color: #9d1d27
}

.OTP input:focus {
    outline: none !important
}

i#OTPtogglePassword {
    font-size: 16px
}

#ui-datepicker-div {
    z-index: 2
}

input.customCalendar[type=text] {
    position: relative;
    font-size: 18px;
    color: #000
}

span.round-tab {
    display: flex;
    justify-content: center;
    align-items: center
}

input.customCalendar {
    font-family: fontawesome
}

input.customCalendar:before {
    font-family: fontawesome;
    color: red;
    position: relative;
    left: -5px;
    content: "\f133"
}

.hasDatepicker {
    border-left: none;
    border-right: none;
    border-top: none
}

.hasDatepicker.form-control {
    box-shadow: none !important
}

.ui-datepicker {
    background-color: #fff;
    box-shadow: 0 .125rem .3rem rgba(0, 0, 0, .2);
    margin-top: .25rem;
    border-radius: .5rem;
    padding: 0
}

.ui-datepicker .ui-state-default {
    border: 0;
    background: #f6f6f6;
    text-align: center;
    font-weight: 400;
    color: #333
}

.ui-datepicker .ui-state-default.ui-state-highlight {
    border: 1px solid #9D1D27;
    color: #9D1D27
}

.ui-datepicker .ui-state-default.ui-state-active {
    background: #9D1D27;
    color: #fff
}

.ui-datepicker-calendar {
    padding: .5rem
}

.ui-datepicker-header {
    background: #fff;
    color: #9D1D27
}

.ui-datepicker .ui-state-hover {
    background: 0 0;
    border: none;
    font-size: inherit
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    background-image: none !important
}

.ui-datepicker-header a.ui-datepicker-prev::after {
    font-family: material icons;
    content: "\e314";
    font-size: 1.5rem;
    color: #9D1D27;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 4px
}

.ui-datepicker-header a.ui-datepicker-next {
    right: 0
}

.ui-datepicker-header a.ui-datepicker-next::after {
    font-family: material icons;
    content: "\e315";
    font-size: 1.5rem;
    color: #9D1D27;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 4px
}

.formArea.SetANewPIN .ctcard-formWrapper {
    max-width: 768px !important
}

svg circle {
    stroke-dasharray: 620px;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2px;
    stroke: #fff;
    stroke: #9D1D27;
    fill: none;
    animation: countdown 300s linear infinite forwards
}

.svgCircleRunAnimation {
    animation: countdown 300s linear infinite forwards
}

@keyframes countdown {
    from {
        stroke-dashoffset: 0
    }

    to {
        stroke-dashoffset: 620px
    }
}

.stopAnimation {
    animation: none !important
}

.secondaryText {
    margin-top: 30px
}

.para-link {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.btns-click,
.btns-click:link,
.btns-click:visited,
.btns-click:hover,
.btns-click:active,
.btns-click:focus {
    color: blue;
    text-decoration: underline !important
}

.para-note {
    font-size: 10px;
    font-weight: 700;
    margin-top: 80px
}

.formArea .inputText,
.formArea .selectText {
    padding: 7px 0
}

#OTPtogglePassword {
    cursor: pointer
}

@media screen and (max-width:768px) {
    .ctcard-heading {
        font-size: 18px
    }

    .formArea .label.reslabel {
        left: 15px
    }
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb40 {
    margin-bottom: 40px
}

input.InputwithdateIcon[type=date] {
    position: relative
}

.ccManageCardSlider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px !important
}

.ccManageCardSlider .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px
}

input.InputwithdateIcon[type=date]:after {
    font-family: fontawesome;
    font-weight: 900;
    content: "\f133";
    color: #9D1D27;
    padding: 0 5px;
    font-size: 14px
}

input.InputwithdateIcon[type=date]:hover:after {
    color: #9D1D27
}

input.InputwithdateIcon[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: 0 0
}

input[type=date]::-webkit-inner-spin-button {
    z-index: 1
}

input[type=date]::-webkit-clear-button {
    z-index: 1
}

button.btnInverse {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.11;
    color: #9D1D27;
    padding: 10px 22px;
    border-radius: 4px;
    display: inline-block;
    border: solid 1px #9D1D27;
    background-color: #fff
}

button.btnInverse:hover,
button.btnInverse:focus {
    background-color: #fff !important;
    color: #9D1D27 !important
}

.ccmangeCardSwitch input.cmn-toggle-round-flat+label {
    height: 25px
}

.ccmangeCardSwitch input.cmn-toggle-round-flat+label:after {
    top: 5.2px
}

.AUpintTitle {
    font-size: 12px
}

.ccAUToggleEyeIcon {
    font-size: 13px !important;
    color: #9D1D27
}

.OTP fieldset input {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 20px;
    padding: 0 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    font-size: 18px
}

.OTP input:focus {
    outline: none !important
}

.OTP input {
    border-bottom-color: #9d1d27
}

#OTPtogglePassword {
    cursor: pointer
}

.disabledOTP {
    pointer-events: none
}

.auInput {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.auInput,
.auInput:focus {
    border: none;
    outline: none;
    line-height: 1;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd
}

.auFormGroup label {
    margin-bottom: 0
}

.AUformAreaWrapper {
    max-width: 860px;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 rgb(0 0 0/30%);
    background-color: #fff;
    padding: 40px
}

.manageCC-backbtnWrapper {
    max-width: 860px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 0 15px
}

.manageCC-backbtnWrapper a {
    font-size: 14px
}

.manageCC-backbtnWrapper a span {
    margin-right: 10px
}

.AuBgManageCC {
    min-height: 520px;
    background-image: url(../images/manageCC/manageccDefaultbg.html);
    background-position: right 15px bottom 30px;
    background-repeat: no-repeat;
    background-size: 230px auto;
    position: relative
}

.btnfixedToAuBgManageCC {
    position: absolute;
    bottom: 40px
}

.AUformAreaWrapper .formArea {
    padding: 0
}

.manageCreditCardSec .row {
    margin-right: -15px;
    margin-left: -15px
}

.AuFormnote {
    background-color: #f7f7f7;
    padding: 20px
}

.AuFormnote p {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    font-weight: 600
}

.auIconHeadWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

.auIconHead {
    background-color: #9d1d27;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px
}

.AuCard-heading {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0
}

.AUiconInput {
    position: relative
}

.AUiconInput img {
    max-width: 40px;
    position: absolute;
    right: 0
}

@media screen and (max-width:767px) {
    .AUformAreaWrapper {
        padding: 20px
    }

    .AuFormnoteCol {
        display: none !important
    }

    .btnfixedToAuBgManageCC {
        position: absolute;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%)
    }

    .auIconHead {
        width: 30px;
        height: 30px
    }

    .auIconHead img {
        max-width: 14px
    }

    .AuBgManageCC {
        padding: 20px
    }

    .manageCC-colCont {
        padding-left: 0;
        padding-right: 0
    }

    .elmPadding {
        padding-left: 0;
        padding-right: 0
    }
}

.AuCard-subheading {
    font-size: 18px;
    font-weight: 700;
    color: #9d1d27;
    margin-bottom: 10px
}

.AuCard-otpPara {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 20px
}

.AuCard-otpPara span {
    display: block;
    color: #9b9b9b;
    margin-top: 10px
}

.CCotpScreen .timerContainer {
    display: inline-block
}

.CCotpScreen .OTP {
    padding-right: 0
}

.auCCImageWrapper {
    padding: 30px;
    text-align: center
}

.auCCImageWrapper__content {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.auCCImageWrapper__content-txt {
    text-align: left;
    position: absolute;
    bottom: 25%;
    left: 16%;
    color: #fff
}

.auCCImageWrapper__cardNumber {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 15px
}

.auCCImageWrapper__PName {
    font-size: 12px;
    line-height: 1
}

.ccResetEnbDsbAccordion .panel-title {
    display: flex;
    align-items: center
}

.ccResetEnbDsbAccordion .panel-heading .accordion-toggle:after {
    display: none
}

.ccResetEnbDsbAccordion .panel-heading .accordion-toggle:before {
    font-family: fontawesome;
    content: "\f077";
    float: left;
    color: #9D1D27;
    margin-right: 10px;
    font-size: 16px;
    position: relative;
    top: 2px
}

.ccResetEnbDsbAccordion .panel-heading .accordion-toggle.collapsed:before {
    font-family: fontawesome;
    content: "\f078"
}

.cardStatusWrap {
    background-color: #fef7ff;
    padding: 25px 40px
}

.AUformAreaWrapper.noPadding {
    padding: 0
}

.AUformAreaWrapper.noPadding .manageCC__formWrapper {
    padding: 0 40px 40px
}

.cardStatusWrap__content {
    display: flex;
    align-items: center
}

.cardStatus-title {
    font-size: 16px;
    font-weight: 700;
    margin-right: 4px
}

.cardStatus-status {
    font-size: 14px;
    color: #b8b3b9;
    margin-right: 20px
}

.cardStatus-status span {
    display: inline-block;
    margin-left: 9px
}

.cardStatus-status img {
    max-width: 16px
}

@media screen and (max-width:767px) {
    .AUformAreaWrapper.noPadding .manageCC__formWrapper {
        padding: 0 20px 20px
    }

    .cardStatusWrap {
        padding: 20px
    }
}

.AUiconInputW-fixed {
    max-width: 155px
}

.AUiconInputW-fixed {
    position: relative
}

.AUiconInputW-fixed {
    position: relative
}

.iconAbsCal {
    position: absolute;
    right: 0;
    top: 0
}

.iconAbsCal .fa {
    color: #9D1D27;
    font-size: 13px
}

.enableDisableCont {
    display: flex;
    flex-wrap: wrap
}

.enableDisableCol {
    flex-grow: 1;
    margin-bottom: 20px
}

.enableDisableCol:first-child {
    padding-right: 130px
}

.enableDisable__title {
    font-size: 16px;
    color: #9D1D27;
    margin-bottom: 20px
}

.enableDisable__Single {
    font-size: 14px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .enableDisableCol {
        flex-basis: 100%
    }

    .enableDisableCol:first-child {
        padding-right: 0
    }
}

.congtraszBox {
    border-bottom: solid 1px #cfcfcf;
    margin-bottom: 20px
}

.congraszBox__Content {
    padding: 20px;
    text-align: center
}

.congtrasz-output {
    display: inline-block
}

.congtrasz-text {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #417505;
    margin-bottom: 10px;
    margin-top: 10px
}

.congtrasz-para {
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px
}

.cardDetailLinks {
    color: #9D1D27;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    cursor: pointer
}

.congtrasz-output__row {
    display: flex;
    margin-bottom: 15px
}

.congtrasz-output__name {
    font-size: 14px;
    font-weight: 500;
    color: #9b9b9b;
    margin-right: 20px
}

.congtrasz-output__num {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

@media screen and (max-width:767px) {
    .congtraszBox {
        text-align: left
    }

    .congtrasz-output {
        display: block
    }

    .cardDetailLinks {
        text-align: left
    }

    .cardOthersUnLinks__Wicon {
        display: flex;
        justify-content: space-between
    }
}

.cardOthersUnLinks__Wicon {
    display: flex;
    margin-bottom: 20px
}

.cardOthersUnLinks__Wicon-single {
    display: flex;
    align-items: center
}

.cardOthersUnLinks__Wicon-single:first-child {
    margin-right: 60px
}

.cardOthersUnLinks__Wicon-img {
    max-width: 24px;
    margin-right: 10px
}

.cardOthersUnLinks__Wicon-txt {
    font-size: 14px;
    font-weight: 500;
    color: #9D1D27
}

.ccMangeCarouselWrapper {
    margin-bottom: 20px
}

.productPaymentSection {
    padding: 0 20px;
    margin-bottom: 40px
}

.CCfeatureboxWraper,
.auCCSecondaryBoxShow {
    max-width: 420px;
    margin: 0 auto
}

.AUFeature__row {
    display: flex;
    flex-wrap: wrap
}

.AUFeature__single {
    text-align: center;
    flex: 1;
    padding-right: 20px;
    margin-bottom: 20px
}

.AUFeature__single:nth-child(3n+0) {
    padding-right: 0
}

.CCfeatureboxWraper .AUFeature__IconBox {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 1px 0 2px 3px rgb(135 135 135/8%);
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center
}

.CCfeatureboxWraper .AUFeature__title {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #9d1d27;
    margin-top: 10px
}

.auCCSecondaryBoxShow__content {
    background-color: #ffe9e1;
    padding: 20px;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap
}

.auCCSecondaryBoxShow__txt {
    margin-right: 10px
}

.auCCSecondaryBoxShow__txt p {
    font-size: 14px;
    font-weight: 700;
    color: #9d1d27
}

.auCCSecondaryBoxShow__txt p span {
    display: block
}

@media screen and (max-width:767px) {
    .auCCSecondaryBoxShow {
        padding: 0 20px
    }

    .auCCSecondaryBoxShow__txt p span {
        display: inline-block
    }

    .auCCSecondaryBoxShow__txt {
        margin-right: 0;
        text-align: center
    }

    .auCCSecondaryBoxShow__content {
        justify-content: center
    }

    .productPaymentSection .cardDetailLinks {
        text-align: center
    }
}

.AUModalMangeCC .modalformArea-title {
    margin-bottom: 0
}

.AUModalMangeCC .ModaliconHolder-text {
    font-size: 12px;
    text-align: center
}

.auMangeccBtnWrapper button {
    border: 1px solid transparent;
    transition: all .4s ease
}

.auMangeccBtnWrapper button:hover {
    background-color: #fff !important;
    color: #9D1D27;
    border: 1px solid #9D1D27
}

.auMangeccBtnWrapper button.btnInverse {
    border: 1px solid #9D1D27;
    transition: all .4s ease
}

.auMangeccBtnWrapper button.btnInverse:hover {
    background-color: #9D1D27 !important;
    color: #fff !important;
    border: 1px solid transparent
}

.AUbgGray {
    background-color: #f8f8f8
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none
}

.rating-stars ul>li.star {
    display: inline-block
}

.rating-stars ul>li.star>i.fa {
    font-size: 3.5em;
    color: #ccc
}

.rating-stars ul>li.star.hover>i.fa {
    color: #9D1D27
}

.rating-stars ul>li.star.selected>i.fa {
    color: #9D1D27
}

.loggedOut-img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #fff2f0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 16px
}

.loggedOut-img img {
    max-width: 52px !important
}

.loggedOut-subheading {
    font-size: 24px;
    font-weight: 700;
    color: #000
}

.loggedOut-paratitle {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

.loggedOutWrapper {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.loggedOutWrapper a {
    margin-right: 20px;
    margin-bottom: 20px
}

.loggedOutWrapper a:last-child {
    margin-right: 0
}

.loggedOutWrapper .btncustom-outline {
    width: 216px
}

.rate-section {
    background-color: #fff !important
}

.rate-title {
    font-size: 24px;
    font-weight: 700;
    color: #9d1d27
}

.rate-paratitle {
    font-size: 18px;
    font-weight: 500;
    color: #878787
}

.ratebuttonWrapper {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ratebuttonWrapper a {
    margin-right: 20px;
    margin-bottom: 20px
}

.ratebuttonWrapper a:last-child {
    margin-right: 0
}

@media screen and (max-width:600px) {
    .loggedOutWrapper a {
        display: block;
        margin-right: 0 !important;
        margin-bottom: 20px;
        width: 100%
    }

    .loggedOutWrapper a.btncustom-outline {
        width: 100%
    }

    .rating-stars ul>li.star>i.fa {
        font-size: 3em;
        color: #ccc
    }
}

.BillSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.BillSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    top: 30%;
    z-index: 999
}

.BillSlider.owl-theme .owl-nav button:hover {}

.BillSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.BillSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.bill-section {
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: linear-gradient(119deg, #ffeae0 21%, #fdd8d1 54%)
}

.bill-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 16px
}

.bill-img img {
    max-width: 32px !important
}

.bill-title {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    color: #9d1d27
}

.auSecTabs .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.auSecTabs .nav-tabs a {
    padding: 10px 60px !important;
    margin-right: 0;
    font-size: 16px
}

.auSecTabs .nav-tabs .ccsalariedlink {
    border: 1px solid #ddd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px
}

.auSecTabs .nav-tabs .ccselfemployedlink {
    border: 1px solid #ddd;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.auSecTabs .nav-tabs li.active a {
    background: #9D1D27;
    color: #fff
}

@media screen and (max-width:480px) {
    .auSecTabs .nav-tabs a {
        padding: 8px 24px !important
    }
}

.section-utiliserv {
    padding: 30px 0
}

.utilservSingleCont {
    width: 16.666%;
    float: left
}

@media(max-width:1023px) {
    .utilservSingleCont {
        width: 20%
    }
}

@media(max-width:991px) {
    .utilservSingleCont {
        width: 25%
    }
}

@media(max-width:767px) {
    .utilservSingleCont {
        width: 33.333%
    }

    .utilservS-text {
        min-height: 58px
    }
}

@media(max-width:500px) {
    .utilservSingleCont {
        width: 50%
    }

    .utilservS-text {
        min-height: 58px
    }
}

.utilservS-single {
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.utilservS-icon {
    background-image: linear-gradient(165deg, #ffece2 5%, #fdd8d1 89%);
    border-radius: 8px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.utilservS-text {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-top: 10px
}

.utiliservTab-content {
    margin-top: 40px
}

.utiliservTab-content {
    margin-top: 40px
}

.sectionOffers {
    padding: 30px 0
}

@media screen and (max-width:767px) {
    .section-utiliserv .cardDetailLinks {
        text-align: center
    }
}

.AUofferSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.AUofferSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.AUofferSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.AUofferSlider.owl-theme .owl-nav .owl-prev {
    left: -25px
}

.AUofferSlider.owl-theme .owl-nav .owl-next {
    right: -25px
}

.offercardbox {
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(132 132 132/50%);
    background-color: #fff;
    margin: 10px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.offercardbox__img {
    flex-basis: 145px
}

.offercardbox__text {
    padding: 10px
}

.offercardbox__text h4 {
    display: block;
    margin-bottom: 20px
}

.offercardbox__text h4 a {
    font-size: 16px;
    font-weight: 700;
    color: #9d1d27
}

.offercardbox__para {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #878787
}

.offercardbox__link {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #9D1D27
}

.offercardbox__link span {
    font-size: 12px
}

@media(max-width:767px) {
    .offercardbox__img {
        flex-basis: 30%
    }

    .offercardbox__text {
        padding-left: 20px
    }

    .offercardbox__text h4 {
        display: block;
        margin-bottom: 10px
    }
}

@media(max-width:500px) {

    .offercardbox__text h4,
    .offercardbox__para {
        margin-bottom: 10px
    }
}

.sectionOfferSecondary {
    padding: 20px 15px;
    max-width: 767px;
    margin: 0 auto
}

.sectionOfferSecondarySlider.owl-theme .owl-nav button.disabled {
    display: none
}

.sectionOfferSecondarySlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.sectionOfferSecondarySlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.sectionOfferSecondarySlider.owl-theme .owl-nav .owl-prev {
    left: -25px
}

.sectionOfferSecondarySlider.owl-theme .owl-nav .owl-next {
    right: -25px
}

.loggedoutContent__insideBanner {
    margin-top: 0;
    text-align: center;
    padding-bottom: 0
}

.loggedoutContent__insideBanner .language {
    margin: 0
}

.loggedoutContent__insideBanner .loggedOut-img {
    width: 90px;
    height: 90px
}

.loggedoutContent__insideBanner .loggedoutContent {
    display: inline-block;
    border-bottom: solid 1px #bca29e;
    padding-bottom: 12px
}

.loggedoutContent__insideBanner .loggedOut-subheading {
    font-size: 18px
}

.loggedoutContent__insideBanner .downloadbtns .download {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 10px;
    font-size: 16px;
    padding-right: 10px
}

.loggedoutContent__insideBanner .appbtns a {
    font-size: 16px
}

.loggedoutContent__insideBanner .appbtns img {
    max-width: 26px
}

.loggedoutContent__insideBanner .downloadbtns {
    bottom: 0;
    padding-bottom: 40px
}

.loggedoutContent__insideBanner .crop {
    overflow: hidden;
    margin-bottom: 10px !important
}

.loggedoutContent__insideBanner .loggedOutWrapper {
    display: block
}

@media(max-width:1024px) {
    .loggedoutContent__insideBanner .col-sm-7 {
        float: none;
        width: 100%
    }

    .loggedoutContent__insideBanner .loggedoutContent {
        padding-bottom: 10px
    }

    .loggedoutContent__insideBanner .btncustom {
        margin-bottom: 0
    }

    .loggedoutContent__insideBanner .downloadbtns {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 99;
        padding-bottom: 15px;
        background: rgba(255, 255, 255, .8);
        margin-left: 0
    }

    .loggedoutContent__insideBanner .language {
        text-align: center;
        position: inherit;
        margin-bottom: 40px;
        margin-left: 0
    }
}

.alturaFeaturedSlider.owl-theme .owl-nav button.disabled {
    display: none
}

.alturaFeaturedSlider.owl-theme .owl-nav [class*=owl-] {
    width: 50px;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(132, 132, 132, .5);
    background-color: #fff;
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.alturaFeaturedSlider.owl-theme .owl-nav button:hover {
    background-color: #fff !important
}

.alturaFeaturedSlider.owl-theme .owl-nav .owl-prev {
    left: -30px
}

.alturaFeaturedSlider.owl-theme .owl-nav .owl-next {
    right: -30px
}

.alturaFeaturedSlider.owl-theme .owl-nav .disabled img {
    opacity: .3
}

@media screen and (max-width:1200px) {
    .alturaFeaturedSlider.owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .alturaFeaturedSlider.owl-theme .owl-nav .owl-next {
        right: 0
    }
}

.documentationTabs .nav-tabs .cceligibity {
    border: 1px solid #ddd;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav-tabs>li.active>a.cceligibity:focus,
.nav-tabs>li.active>a.cceligibity:hover {
    border-color: #9D1D27;
    background-color: #9D1D27;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media screen and (max-width:409px) {
    .digiFoot-buttons a {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media(max-width:767px) {
    .documentationTabs .nav-tabs a {
        padding: 8px !important;
        font-size: 15px
    }
}

@media(max-width:500px) {
    .documentationTabs .nav-tabs {
        display: flex;
        flex-wrap: wrap
    }

    .documentationTabs .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .documentationTabs .nav-tabs a {
        padding: 8px !important;
        font-size: 12px;
        width: 100%;
        border-top-left-radius: 200px !important;
        border-bottom-left-radius: 200px !important;
        border-top-right-radius: 200px !important;
        border-bottom-right-radius: 200px !important;
        border-radius: 200px !important
    }
}

.owl-carousel .owl-stage-outer {
    width: 100%
}

.owl-carousel .owl-item img {
    width: 100%
}