.bb-banner {
    position: relative;
    margin: 0 auto;
    dbImage_background-image: BG_GATEWAY_BANNER_NEW;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer; }
.sg .bb-banner, .my .bb-banner {
    cursor: default; }
@media only screen and (max-width: 1023px) {
    .bb-banner {
        height: 350px !important; } }

/*Gateway welcome text*/
.welcome-greet {
    color: #fff; }
.welcome-greet .main-title {
    margin-bottom: 10px;
    font-size: 36px; }
.welcome-greet .sub-title {
    padding: 0 10px;
    font-size: 20px; }
@media only screen and (max-width: 767px) {
    .welcome-greet .sub-title {
        padding: 0 45px;
        font-size: 12px; } }

/*banner ct section text*/
.credit-score-gateway-widget {
    width: 620px;
    text-align: center;
    padding: 30px 10px;
    position: absolute;
    right: 60px;
    top: 50%;
    color: #fff;
    transform: translate(0px, -50%); }
.credit-score-gateway-widget p {
    font-size: 25px;
    padding-bottom: 10px; }
@media only screen and (max-width: 1023px) {
    .credit-score-gateway-widget p {
        font-size: 18px; } }
.credit-score-gateway-widget span {
    font-size: 18px;
    padding-bottom: 20px;
    display: block; }
.credit-score-gateway-widget .btn {
    font-size: 20px;
    background-color: #1ABC9C; }
.credit-score-gateway-widget .btn:hover {
    background-color: #1ABC9C; }
@media only screen and (max-width: 1023px) {
    .credit-score-gateway-widget {
        width: 465px; } }

/*trust icons section*/
.trust-icons {
    background-color: #116a9e;
    padding: 5px 0;
    text-align: center; }
.trust-icons .sprite-trust {
    font-size: 16px;
    margin: 0 10px;
    padding: 7px 0 7px 40px;
    color: #fff;
    dbImage_background-image: SPRITE_TRUST_ICONS;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0px 100px; }
@media only screen and (max-width: 870px) {
    .trust-icons .sprite-trust {
        font-size: 14px;
        margin: 0 5px; } }
@media only screen and (width: 600px) {
    .trust-icons .sprite-trust {
        margin: 5px 5px;
        width: 42%;
        text-align: left; } }
.trust-icons .bbicons-simple-process {
    background-position: -3px 2px; }
.trust-icons .bbicons-fast-approvals {
    background-position: -3px -45px; }
.trust-icons .bbicons-happy-customers {
    background-position: -3px -95px; }
.trust-icons .bbicons-exclusive-offer {
    background-position: -3px -138px; }
.trust-icons .bbicons-emi-options {
    background-position: -3px -187px; }
.trust-icons .bbicons-customised-offer {
    background-position: -3px -233px; }

/*prodcuts icons*/
.bb-products {
    background-color: #fff;
    margin: 0;
    z-index: 1;
    position: relative;
    width: 100%;
    text-align: center; }
.bb-products li {
    width: 9.09%;
    border: solid #eee;
    border-width: 0 3px 3px 0;
    float: left;
    padding: 10px 0;
    max-height: 115px;
    overflow: hidden; }
.bb-products li:hover {
    background: #eee; }
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .bb-products li {
        padding: 0; } }
@media only screen and (width: 1024px) {
    .bb-products li {
        min-height: 135px; } }
@media only screen and (min-width: 1024px) {
    .bb-products li {
        width: 6.666%; } }
@media only screen and (max-width: 1023px) {
    .bb-products li, .bb-products li:first-child {
        width: 16.6%; }
    .bb-products li:last-child {
        border-width: 0 3px 3px 0; }
    .bb-products li:nth-child(6), .bb-products li:nth-child(12) {
        border-width: 0 0 3px 0; } }
.bb-products a {
    width: 100%;
    color: #34495e;
    display: inline-block;
    dbImage_background-image: SPRITE_PRODUCT_ICONS_DESKTOP;
    background-repeat: no-repeat;
    background-position: 0px 100px;
    min-height: 115px;
    padding: 68px 5px 15px; }
@media only screen and (min-width: 1340px) {
    .bb-products a {
        min-height: inherit; } }
@media only screen and (width: 1024px) {
    .bb-products a {
        padding: 65px 5px 0; } }
@media only screen and (max-width: 1023px) {
    .bb-products a {
        min-height: inherit; } }
@media only screen and (min-width: 870px) {
    .bb-products a {
        min-height: 115px; } }
.bb-products .bbicons-hl {
    background-position: center -17px; }
.bb-products .bbicons-cl {
    background-position: center -112px; }
.bb-products .bbicons-pl {
    background-position: center -208px; }
.bb-products .bbicons-cc {
    background-position: center -296px; }
.bb-products .bbicons-dc {
    background-position: center -387px; }
.bb-products .bbicons-acc {
    background-position: center -485px; }
.bb-products .bbicons-lfi {
    background-position: center -586px; }
.bb-products .bbicons-ci {
    background-position: center -684px; }
.bb-products .bbicons-hi {
    background-position: center -784px; }
.bb-products .bbicons-ucl {
    background-position: center -883px; }
.bb-products .bbicons-fd {
    background-position: center -982px; }
.bb-products .bbicons-twi {
    background-position: center -1587px; }
.bb-products .bbicons-stpl {
    background-position: center -1699px; }
.bb-products .bbicons-mf {
    background-position: center -1150px; }
.bb-products .bbicons-cs {
    background-position: center -1260px; }

/*gateway ct section*/
.gateway-product-info {
    text-align: center; }
.gateway-product-info .container {
    display: table;
    width: 860px;
    margin: 35px auto 0; }
@media only screen and (max-width: 1023px) {
    .gateway-product-info .container {
        width: 100%;
        padding: 0 15px 0; }
    .gateway-product-info .container-btn {
        padding-top: 0;
        width: auto; }
    .gateway-product-info .container-btn .btn {
        font-size: 18px; }
    .gateway-why-bankbazaar .gateway-product-info .container {
        background-repeat: no-repeat;
        height: 470px; } }
.gateway-product-info .gateway-title {
    font-size: 26px;
    padding: 30px 0 0; }
.gateway-product-info .gateway-subtitle {
    font-size: 16px;
    color: #858e99; }
.gateway-product-info.gateway-why-bankbazaar .container {
    height: 713px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0; }
@media only screen and (min-width: 1024px) and (max-width: 1460px) {
    .gateway-product-info.gateway-why-bankbazaar .container {
        height: 550px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .gateway-product-info.gateway-why-bankbazaar .container {
        height: 470px; } }

.gateway-ct-section {
    background-color: #f3f5f5;
    width: 100%;
    border-bottom: 4px solid #eee; }

.gateway-ct-img {
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 365px;
    width: 35%; }
@media only screen and (max-width: 1023px) {
    .gateway-ct-img {
        width: 40%; } }

.gateway-ct-text {
    text-align: left;
    padding-left: 5%; }
.gateway-ct-text p {
    margin-bottom: 25px;
    background-repeat: no-repeat;
    padding-left: 30px; }
.gateway-ct-text strong {
    display: block;
    padding-bottom: 3px; }

.gateway-ct-btn {
    background-color: #ff5a5f;
    display: block;
    font-size: 20px;
    margin-top: 15px;
    width: 300px; }
@media only screen and (max-width: 1023px) {
    .gateway-ct-btn {
        width: auto;
        font-size: 18px;
        display: inline; } }

.gateway-ct-img, .gateway-ct-text {
    display: table-cell;
    vertical-align: middle; }

.gateway-trending-product .card {
    display: inline-block;
    width: 33%;
    padding: 0 12px 15px;
    vertical-align: top; }
.gateway-trending-product .card div {
    overflow: hidden; }
.gateway-trending-product .card img {
    width: 100%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-backface-visibility: hidden; }
.gateway-trending-product .card:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2); }
.gateway-trending-product .card-body {
    padding: 10px 0;
    text-align: left; }
.gateway-trending-product .card-title {
    color: #34495e;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px; }
.gateway-trending-product .card-text {
    color: #858e99; }

.gateway-why-bankbazaar {
    background: linear-gradient(0deg, #3ab2ee 70%, #44c5ff 70%);
    padding-bottom: 30px; }
.gateway-why-bankbazaar .gateway-title, .gateway-why-bankbazaar .gateway-subtitle {
    color: #ffffff; }

/*funded by & learn more section*/
.bb-investors {
    font-size: 12px;
    background-color: #116a9e;
    color: #fff;
    padding: 18px 0 16px 0;
    margin: 0; }
.bb-investors .sprite-bb-patners {
    vertical-align: middle;
    margin: 0 10px 0 10px;
    display: inline-block;
    height: 28px;
    dbImage_background-image: SPRITE_FUNDERS_ICONS;
    background-repeat: no-repeat;
    background-position: 0 100px; }
.bb-investors .bbicons-amazon {
    background-position: -8px -2px;
    width: 90px;
    height: 34px;
    margin-left: 16px; }
.bb-investors .bbicons-walden {
    background-position: -120px -6px;
    width: 76px; }
.bb-investors .bbicons-sequoia-capital {
    background-position: -221px -5px;
    width: 106px; }
.bb-investors .bbicons-eight-roads {
    background-position: -348px -3px;
    width: 130px; }

.learn-more {
    padding: 18px 0;
    background-color: #3C3B3B; }
.learn-more ul li:first-child {
    color: #aaa9a9;
    font-size: 12px; }
.learn-more li {
    margin: 0 10px; }
.learn-more li, .learn-more ul {
    display: inline; }
.learn-more li, .learn-more a {
    color: #888; }
.learn-more li, .learn-more a:hover {
    color: #ddd; }

/*BB-Product Search css*/
.bb-product-search {
    padding-top: 75px;
    margin: 0 auto;
    width: 520px; }
.bb-product-search .btn-group {
    position: relative; }
.bb-product-search .select .btn {
    background: #fff;
    height: 50px;
    border-radius: 0;
    width: 215px;
    color: #888;
    vertical-align: top; }
.bb-product-search .select .btn .caret {
    content: "";
    width: 15px;
    height: 8px;
    dbImage_background-image: BB_PRODUCTS_DROPDOWN;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    position: absolute;
    right: 15px;
    top: 22px; }
.bb-product-search .select > .dropdown-menu {
    background-color: #fff;
    width: 100%; }
.bb-product-search .select.open .btn .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg); }
.bb-product-search .select > .dropdown-menu li a {
    font-size: 13px;
    width: 100%;
    color: #34495e;
    padding: 10px 15px;
    display: inline-block;
    float: left; }
.bb-product-search .select > .dropdown-menu li a:hover {
    background-color: #d9d8d8;
    color: #34495e; }
.bb-product-search .select > .dropdown-menu li.selected a {
    background-color: #ccc;
    color: #000; }
.bb-product-search button:focus, .bb-product-search select:focus {
    outline: 0; }
.bb-product-search .actionItem .btn {
    border-right: 1px solid #ccc;
    border-radius: 5px 0 0 5px; }
.bb-product-search .actionItem.open > .btn {
    border-radius: 5px 0 0 0px; }
.bb-product-search .bb-search-btn {
    width: 90px;
    background-color: #FF5A5F;
    color: #fff;
    border-radius: 0 5px 5px 0px;
    border: 0;
    height: 50px; }
.bb-product-search .dropdown-menu {
    position: absolute;
    display: none; }
.bb-product-search .dropdown-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5; }
.bb-product-search .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5; }
.bb-product-search .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #999; }
.bb-product-search .open > .dropdown-menu {
    max-height: 210px !important;
    display: block;
    border-radius: 0 0 5px 5px;
    z-index: 2; }