@media only screen and (max-width: 550px) {
 .carousel-indicators li, .carousel-control-prev, .carousel-control-next
 {
  display:none;
 }
 .mcap{margin-left:0px !important;top:45% !important;}
 .check{padding-left:10px !important;top:15px !important;}
 .tab{width:30% !important}
 .tabcontent{width:70% !important}
}

  .carousel-item {
  height: 100vh;
  min-height: 650px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.display-4{color:white;}


.post-classic:hover{background:initial !important}

.carousel-caption{
top: 55%;
transform: translateY(-55%);
z-index:unset;
}

.carousel-indicators li {
  width: 13px;
  height: 13px;
  margin-left:17px;
  margin-top:-100px;
background:none;
border:3px solid white;
  border-radius: 100%;
}

.meld{min-width:300px;height: auto;}
  .no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

@font-face {
  font-family: 'Khand';
  font-style: normal;
  font-weight: 500;
  src: url(../assets/fonts/font13.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
  font-family: 'Khand';
  font-style: normal;
  font-weight: 500;
  src: url(../assets/fonts/font14.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Khand';
  font-style: normal;
  font-weight: 500;
  src: url(../assets/fonts/font15.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.clients-classic img {
    opacity:unset;
    transition: all .3s ease;
}

.tab {
  float: left;
  width: 15%;
}

.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 14px 14px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

.tab button:hover {
  background-color: #ddd;
}

.tab button.active {
  background-color: #0054A5;
  color:white;
}

.tabcontent {
  float: left;
  padding: 0px 12px;
  width: 85%;
  border-left: none;
}

.stepwizard-step p {
    margin-top: 1px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 80px;
    height: 30px;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    font-weight:bold;
    line-height: 0.8;
    border-radius: 15px;
}
.project-classic-title {text-transform:capitalize !important;}

.project-classic {
  background:white
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #202328;
  opacity:0.9;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.box-md {
  position: relative;
  width: 100%;
}
.box-md:hover .overlay {
  height: 100%;
}

.text {
  color: white;
  font-size: 14px;
  font-weight:bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.post-classic{min-height:430px;max-height:400px;}



/* home.css - styles for the home page view */

/* ---------- Carousel ---------- */
.home-caption-row {
    margin-left: -80px;
}

.home-caption-title {
    color: white;
    font-size: 65px;
    font-family: 'Khand', sans-serif;
    text-transform: initial;
}

.home-btn-explore {
    color: white;
    padding-right: 50px;
    padding-left: 50px;
    border: 1px solid white;
}

.home-carousel-control {
    top: auto;
    bottom: 50%;
    visibility: visible;
    border-radius: 6px;
}

/* ---------- Section titles ---------- */
.section-title {
    font-weight: bold;
    font-family: 'Khand', sans-serif;
}

.about-title {
    font-family: 'Khand', sans-serif;
    font-size: 55px;
    font-weight: bold;
}

/* ---------- About Us ---------- */
.about-container {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
    margin-top: 0 !important;
    border: 0;
}

.stat-center {
    text-align: center;
}

.stat-label {
    font-size: 18px;
}

.stat-number {
    font-weight: bold;
    font-size: 70px;
}

.stat-sup {
    font-size: 20px;
}

/* ---------- Buttons ---------- */
.btn-wide {
    padding-right: 50px;
    padding-left: 50px;
}

/* ---------- Overlay links (solutions / digital banking) ---------- */
.overlay-link {
    color: white;
}

.overlay-link-bold {
    color: white;
    font-weight: bold;
}

/* ---------- News ---------- */
.news-post {
    min-height: 500px;
}

.news-link {
    color: #0054A5;
    font-weight: bold;
}

/* ---------- Careers ---------- */
.careers-row {
    overflow: hidden;
    max-height: 450px;
}

.careers-bg {
    /* path is relative to assets/css/home.css - adjust if your folders differ */
    background-image: url('../../temp/site/images/ccareers.jpg');
    min-height: 500px;
    background-position: center;
    background-size: cover;
}

.careers-tagline {
    font-size: 22px;
    font-weight: bold;
}