#banner-2 {
    background-image: url(../images/main_banner.jpg);
    height: 185px;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#banner-1 {
    background-image: url(../images/GTB-Fraud-Scam-Webinar-Series-Banner-V2-2.jpg);
    height: 185px;
    background-size: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width:435px) {
    #banner-1 {
        background-image: url(../images/GTB-Fraud-Scam-Webinar-Series-Banner-Mobile-V1.jpg);
    }
    .slick-dots {
        bottom: 0px !important;
    }
}

.banner-learn-more {
    position: absolute;
    top: 69%;
    left: 25.5%;
    padding: 9px;
    border-radius: 13px;
    color: #23527c !important;
    background: whitesmoke;
}

@media (max-width: 900px) {
    .banner-learn-more {
        padding: 6px;
        font-size: 12px;
        top: 62%;
        left: 24%;
    }
}

@media (max-width: 430px) {
    .banner-learn-more {
        padding: 5px;
        font-size: 11px;
        left: 14%;
        top: 70%;
    }
}

@media (max-width: 376px) {
    .banner-learn-more {
        left: 9%;
    }
}

@media (max-width: 320px) {
    .banner-learn-more {
        left: 3%;
    }
}

ul.slick-dots li {
    background: none !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: red !important;
    background-color: red !important;
}

.container {
    max-width: 940px;
}

a.active img.active-tab {
    display: block;
}

a.active img.inactive-tab {
    display: none;
}

a:not(.active) img.active-tab {
    display: none;
}

a:not(.active) img.inactive-tab {
    display: block;
}

h1,
h3,
h4,
h5 {
    font-family: 'geomanist-regular' !important;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

.card-image {
    width: 100%;
    padding-top: 100%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 15px 0;
    overflow: hidden;
}

#card_1 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/velocity.jpg);
}


/* #card_1:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/velocity.jpg);
} */

#card_2 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/bmb.jpg);
}


/* #card_2:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/bmb.jpg);
} */

#card_3 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/trade.jpg);
}


/* #card_3:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/trade.jpg);
} */

#card_4 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/onlineloan.jpg);
}


/* #card_4:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/onlineloan.jpg);
} */

#card_5 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/onlineaccount.jpg);
}


/* #card_5:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/onlineaccount.jpg);
} */

#card_6 {
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../images/fxonline.jpg);
}


/* #card_6:hover {
    background:  linear-gradient(
        rgba(0, 0, 0, 0), 
        rgba(0, 0, 0, 1)
    ),url(../images/digitaldashboard.jpg);
} */


/* If you want text inside of the container */

.card-image .card-content {
    position: absolute;
    top: 75%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    transition: top 0.5s linear;
    height: 100%;
}

.card-content:hover {
    top: 0;
}

.card-content:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.card-content:hover:after {
    opacity: 1;
}

.card-content * {
    position: absolute;
    color: #fff !important;
    z-index: 99999999 !important;
    padding-right: 20px;
}

.card-content .card-title {
    bottom: 75%;
    color: #fff !important;
    z-index: 99999999 !important;
}

.card-content .card-desc {
    top: 25%;
}

.card-content .card-link {
    bottom: 20px;
    border-bottom: none;
    font-weight: 700;
}

.velocity-banner {
    margin: 40px 0px 140px 0px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.8);
}

.tabs-panel {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.tabs-panel h4 {
    margin-top: 20px;
    color: #777;
}

.tabs-panel .active h4 {
    margin-top: 20px;
    color: #000;
}

#tab2 .panel,
#tab2 .col-lg-4,
#tab3 .panel,
#tab3 .col-lg-4 {
    height: 360px;
    margin-bottom: 15px;
}

.tab-pane h2 {
    font-family: 'geomanist-regular' !important;
    font-weight: 700;
}

#tab2 h4,
#tab3 h4 {
    height: 45px;
}

.tab-pane h4 {
    font-family: 'geomanist-regular' !important;
}

.tab-pane p,
.tab-pane span,
.tab-pane a {
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: geomanist-regular;
}

.tab-pane a,
.tab-pane span {
    font-weight: 700;
}

.carousel-indicators {
    bottom: -45px !important;
}

.carousel-indicators .active {
    background-color: #f53016 !important;
}

.carousel-indicators li:not(.active) {
    border: 1px solid #333 !important;
}

.apply_link {
    position: absolute;
    width: 110px;
    height: 30px;
    bottom: 12%;
    left: 5%;
    border-bottom: none !important;
}