.breadcrumb-padding {
    padding-top: 9.278rem;
    padding-bottom: 1.57143rem;
    letter-spacing: 2px;
}
/* Add here all your css styles (customizations) */
p {
    letter-spacing: 1px;
    color: #000;
    line-height: 30px;
}



#mainDiv {
    height: 100px;
    width: 80px;
    position: relative;
    border-bottom: 2px solid #f51c40;
    background: #3beadc;
}

#borderLeft {
    border-left: 2px solid #f51c40;
    position: absolute;
    top: 50%;
    bottom: 0;
}

.mytextheight {
    line-height: 30px;
}

.bg-card-header {
    background-image: linear-gradient(111deg, #1b4e9b, #ea5e20) !important;
}
.icon-arrow-right-circle:before {
    color: #EA5E20 !important;
}


.breadcrumb-color {
    color: #ea5e20;
}

.breadcrumb-font {
    font-size: 18px;
}

.breadcrumb-headerfont {
    font-size: 28px;
}

.mycontact-header {
    text-align: center;
    padding-top: 20px;
}

.mycontact-body {
    margin: 20px;
}

.mycontact-color {
    color: white;
}

.mycontact-font {
    letter-spacing: 1px;
}

.submenu-font {
    font-size: 15px !important;
}

.p-textalign {
    text-align: justify
}

.paragraph-fontsize {
    text-align: justify !important;
    font-size: 17.5px;
}

.bullet-text {
    font-size: 17.5px;
    color: #000;
    letter-spacing: 1px !important;
    line-height: 30px;
}

.mba-h {
    font-size: 17.5px !important;
    letter-spacing: 1px;
}

.pd-corebanking {
    padding-bottom: 15px;
}

.anchor {
    display: block !important;
    position: relative !important;
    top: -140px !important;
    visibility: hidden !important;
}
/*------------------------------------
  Icons Styles
------------------------------------*/
.u-icon-custom {
    position: relative;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out;
}

    .u-icon-custom:hover {
        text-decoration: none;
    }


    .u-icon-custom::before {
        display: block;
    }


    .u-icon-custom > i {
        position: relative;
        top: 50%;
        display: block;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

    /*------------------------------------
  Icon-v3
------------------------------------*/

    .u-icon-custom .u-icon__elem-hover, .u-icon__elem-regular {
        width: 3.92857rem;
        height: 3.92857rem;
        font-size: 1.57143rem;
    }


    .u-icon-custom.u-icon-size--xs .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--xs .u-icon__elem-hover {
        width: 2.14286rem;
        height: 2.14286rem;
        font-size: 0.92857rem;
    }


    .u-icon-custom.u-icon-size--sm .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--sm .u-icon__elem-hover {
        width: 2.85714rem;
        height: 2.85714rem;
        font-size: 1.28571rem;
    }

    .u-icon-custom.u-icon-size--lg,
    .u-icon-custom.u-icon-size--lg .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--lg .u-icon__elem-hover {
        width: 5rem;
        height: 5rem;
        font-size: 2.14286rem;
    }

    .u-icon-custom.u-icon-size--xl,
    .u-icon-custom.u-icon-size--xl .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--xl .u-icon__elem-hover {
        width: 6.42857rem;
        height: 6.42857rem;
        font-size: 2.85714rem;
    }

    .u-icon-custom.u-icon-size--2xl,
    .u-icon-custom.u-icon-size--2xl .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--2xl .u-icon__elem-hover {
        width: 7.14286rem;
        height: 7.14286rem;
        font-size: 3.21429rem;
    }

    .u-icon-custom.u-icon-size--3xl,
    .u-icon-custom.u-icon-size--3xl .u-icon__elem-regular,
    .u-icon-custom.u-icon-size--3xl .u-icon__elem-hover {
        width: 9.28571rem;
        height: 9.28571rem;
        font-size: 3.57143rem;
    }

.u-icon-custom {
    background-color: #eee;
}

.u-icon-custom {
    width: 5.42857rem;
    height: 5.42857rem;
    font-size: 1.57143rem;
}

    .u-icon-custom > i {
        position: relative;
        top: 50%;
        display: block;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

.g-bg-color-oss {
    background-color: rgb(27 78 155) !important;
}

.g-bg-color-article {
    background-image: linear-gradient(to bottom, rgb(234 94 32) 0%, rgba(0, 190, 214, 0.6) 100%);
    background-repeat: repeat-x;
}


/*html, body {
    margin: 0 auto;
}*/
/* body{overflow: hidden;} */
a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}


/*offer area*/
.offer-area {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}

.offer-tab-link {
    text-align: center;
}

    .offer-tab-link ul li {
        display: inline-block;
        padding: 10px 0;
        margin: 0 -3px;
    }

        .offer-tab-link ul li a {
            display: block;
            color: #000;
            font-size: 20px;
            padding: 10px 60px;
            border-bottom: 4px solid #000;
            font-weight: 500;
        }

    .offer-tab-link ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border: 0;
        justify-content: center;
    }

        .offer-tab-link ul li a.active {
            color: darkcyan;
            border-color: darkcyan;
        }

.offer-content p {
    text-align: left;
    margin: 0;
    width: 100%;
}

.offer-content h2 {
    text-align: left;
}

.offerItem {
    padding: 0 15px;
    width: 90px;
    overflow: hidden;
    float: left;
    position: relative;
    transition: 0.3s ease;
}

.offer-img {
    margin: 0 -15px;
}

.offer-detail {
    width: 800px;
}

.offerItemTitle {
    position: absolute;
    left: 50px;
    z-index: 1;
    width: 545px;
    color: #fff;
    transform: rotate(-90deg);
    transform-origin: left;
    text-align: center;
    margin: 0 auto;
    top: 90.6%;
    height: 102px;
    line-height: 80px;
    background: /*rgba(0,0,0,0.5)*/ #1b4e9bf0;
    cursor: pointer;
    text-transform: uppercase;
}

.offerItem.active {
    width: calc(100% - 6*80px);
}

    .offerItem.active .offer-detail {
        width: 1007px;
    }

    .offerItem.active .offer-img {
        max-width: 415px;
    }

    .offerItem.active .offer-detail .row .col:first-child {
        max-width: 40% !important;
    }

.offer-content {
    max-width: 460px;
    margin: 10px;
    top: 50%;
    position: relative;
    transform: translate(0, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.offer-tabs.tab-content {
    padding: 10px 0;
}

.offerslide:after {
    content: '';
    clear: both;
    display: block;
}

.offer-content p {
    color: #000;
}

.offer-content h2 {
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
}

.offerItemTitle.hide {
    display: none;
}

.offerItem.active .offer-content {
    transition: 0.3s ease;
    opacity: 1;
}

.offer-content a {
    background: #ea5e20;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
    border: 0;
    border-radius: 3px;
}
/*end*/




/*media area*/
/*@media (max-width:1750px) {
    .container {
        max-width: 1540px;
    }
}

@media (max-width:1550px) {
    .container {
        max-width: 1340px;
    }
}*/

@media (max-width:1450px) {
    /*.container {
        max-width: 1240px;
    }*/

    .offer-content {
        margin: 0;
        max-width: 360px;
    }
}


@media (max-width:1280px) {
    /*.container {
        max-width: 1140px;
    }
*/
    .offerItem.active .offer-detail {
        width: 750px;
    }

    .offer-detail {
        width: 595px;
    }
}

@media (max-width:1199px) {
    /*.container {
        max-width: 960px;
    }*/

    h4.offerItemTitle {
        height: 50px;
        line-height: 50px;
        left: 25px;
        top: 94%;
    }

    .offerItem {
        width: 50px;
    }

        .offerItem.active {
            width: calc(100% - 6*50px);
        }

            .offerItem.active .offer-content {
                margin-left: 20px;
            }
}



@media (max-width:991px) {
    /*.container {
        max-width: 720px;
    }*/

    .offer-content p {
        font-size: 14px;
    }

    .offerItem.active .offer-content {
        margin-left: 0;
    }

    h4.offerItemTitle {
        font-size: 14px;
        top: 93%;
        width: 280px;
        /*font-family: 'ProximaNovaA-Regular';*/
        height: 36px;
        line-height: 36px;
        left: 17px;
    }

    .offerItem.active .offer-detail {
        width: 500px;
    }

    .offer-content h2 {
        font-size: 18px;
        margin: 0;
    }

    .offer-content a {
        padding: 7px 13px;
        font-size: 16px;
        margin-top: 10px;
    }

    .offer-detail {
        width: 395px;
        max-height: 279px;
    }

    .offerItem {
        width: 35px;
    }

        .offerItem.active {
            width: calc(100% - 6*35px);
        }
}

@media (max-width:767px) {
    /*.container {
        max-width: 540px;
    }*/

    .offerItem {
        width: 100%;
    }

    .offer-detail {
        width: 100%;
        max-height: unset;
        display: none;
    }

    h4.offerItemTitle {
        text-align: left;
        padding-left: 15px;
        position: relative;
        transform: rotate(0);
        border-bottom: 1px solid #999;
        height: 40px;
        line-height: 40px;
        width: 100%;
        left: 0;
    }

    .offer-img {
        margin: 0;
    }

    .offer-content {
        margin: 0;
        max-width: 100%;
    }

    .offerItemTitle.hide {
        background: #de9400;
        display: block;
    }

    .offerItem.active .offer-detail {
        width: 100%;
        display: block;
    }

        .offerItem.active .offer-detail .row .col:first-child {
            max-width: 50% !important;
        }

    .offerItem.active {
        width: 100%;
    }
}

@media (max-width:574px) {
    /*.container {
        max-width: 100%;
    }*/

    .offerItem.active .offer-detail .row {
        display: block;
    }

        .offerItem.active .offer-detail .row .col {
            max-width: 100% !important;
        }

    .offer-content {
        transform: translate(0);
        top: 0;
        padding: 10px 0;
    }

    .offer-img, .offerItem.active .offer-img {
        width: 100%;
        max-width: unset;
    }

        .offer-img img {
            width: 100%;
        }

    .offerItem.active .offer-detail .row .col:first-child {
        max-width: 100% !important;
    }
}