.red-text { color: #ff0033;}

.blue-text {   color: #003366; }

.white-text {    color: #ffffff;   }

.dark-text {   color: #1a1a1a;   }

.light-text { color: #7f858c}

.dark-light-text {   color: #4f4f4f;   }

.dark-text-2 { color: #171717; }

.text-10 { font-size: 10px; }

.text-12 { font-size: 12px; }

.text-14 { font-size: 14px; }

.text-16 {   font-size: 16px; }

.text-18 {   font-size: 18px!important; }

.text-20 {  font-size: 20px; }

.text-22 {   font-size: 22px; }
.text-25 { font-size: 25px; }
.text-28 { font-size: 28px; }
.text-30 {   font-size: 30px; }
.text-35 {   font-size: 33px; }
.text-37 {   font-size: 37px; }
.text-48 { font-size: 48px; }
.text-42 { font-size: 42px; }
.text-45 { font-size: 45px; }
.text-55 { font-size: 50px; }
.text-60 { font-size: 60px; }
.text-62 {  font-size: 62px; }
.text-bold { font-weight: bold; }
.text-center { text-align: center; }

.text-dotted {    border-bottom: 2px dashed #727272;   }
.text-dotted:hover {    border-bottom: 2px solid #003366; color: #003366;   }
.font-300 { font-weight: 300; }
.font-500 { font-weight: 500; }

.font-600 { font-weight: 600; }

.font-800 { font-weight: 800; }
.w-25 { width: 25%;}
.w-30 { width: 30%;}
.w-40 { width: 40%;}
.w-50 { width: 50%; }
.w-60 { width: 60%;}
.w-70 { width: 70%;}
.w-90 { width: 90%!important;}

.font-style-normal {  font-stretch: normal; }

.mt-6 { margin-top: 4rem!important; }

.mt-7 { margin-top: 5rem!important; }

.lh-106 { line-height: 1.06; }
.text-hover-16:hover { font-size: 16px; }
.f-right {
    float: right;
}
.info-text-h1 {
  font-family: 'Campton Book';
  font-size: 60px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 63px;
  letter-spacing: normal;
  text-align: left;
  color: #003366;
}
.info-text {
  width: 100%;
}
.info-text-p {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: left;
  font-family: 'Campton Book';
}
.sme-bg-image-text  {
  margin-top: 5.5rem; 
  margin-bottom: 5.5rem;
}
input.alt-search[type=text] {
    width: 1px;
    box-sizing: border-box;
    /* float: left; */
    font-size: 16px;
    color: #fff;
    background-color: transparent;
    background-image: url('../Images/search.png');
    background-position: 1px 10px; 
    background-repeat: no-repeat;
    padding: 1px 9px;
    -webkit-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    border: none;
  }
  
input.alt-search[type=text]:focus {
    width: 100%;
    /* background-image: none; */
    background-image: url('../Images/search-regular-24.png');
    float: right;
    background: #eee;
    color: #3D3D3D;
    max-height: 30px;
    margin-top: 5px;
    border-radius: 1px;
} 
.form-control.jj {
    padding: 1.375rem 0.75rem!important;
}
.form-control.jk {
    padding: 0.775rem 0.75rem!important;
}
.no-bg-hover:hover {
    background: none!important;
    border: none;
}
  .container a.site-logo {
    float: left;
    font-size: 18px;
    color: #003366;
    /* border: 1px solid red; */
    text-align: center;
    padding: 26px 16px;
    text-decoration: none;
  }
  .g-nav-container div.g-dropdown {
    float: right;
    font-size: 18px;
    color: #003366;
    /* border: 1px solid red; */
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .g-dropdown {
    float: right;
    overflow: hidden;
    height: fit-content;
  }
  .g-dropbtn p {
      color: #1a1a1a;
      font-size: 12px;
      text-align: left;
  }
  .g-dropdown .g-dropbtn, .g-dropdown a.g-dropbtn {
    font-size: 18px;  
    border: none;
    outline: none;
    color: #003366;
    padding: 24px 16px;
    background-color: inherit;
    font: inherit;
    margin: 0;
    text-align: left;
    margin-right: 10px;
    font-weight: 500; 
  }
  .g-nav-container a:hover, .g-dropdown:hover .g-dropbtn {
    background-color: #fff;
  }
  .g-dropdown-content {
    display: none;
    position: fixed;
    background-color: #fff;
    width: 100%;
    left: 0;
    box-shadow: 3px 7px 0px 0px rgba(189, 187, 187, 0.1);
    z-index: 1;
    /* height: fit-content; */
    /* border: 1px solid red; */
    transition: 0.5s;
    /* height: 0%; */
    /* top: 0; */
    /* overflow-y: hidden; */
    /* border: 1px do */
  }
  .g-dropdown:hover .g-dropdown-content {
    display: block;
  }
.column {
    float: left;
    padding: 10px 0;
    background-color: transparent;
    height: 100%;
    margin-bottom: 2.5rem;

}
  .column.kk {
    background-image: url('https://globusbank.com/Images/Group/%202077.png');
    height: 440px;
    /* position: relative; */
    /* default background-position */
    background-position: center center;
    /* lt ie 8 */
    -ms-background-position-x: center;
    -ms-background-position-y: center;
    /* scale proportionately */
    background-size: cover;
}
  .column a {
    float: none;
    color: black;
    padding: 10px 0!important;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  .column a:hover, .column.w-40 a:hover {
    background-color: #f8f8f8;
  }
  .g-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: -15px; */
    margin-left: 45px;
  }
  /* Clear floats after the columns */
  .g-row:after {
    content: "";
    display: table;
    clear: both;
  }

.box-flex {
    display: flex;
    flex-basis: 12rem;
    -ms-flex-basis: 12rem;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.box-flex > .card {
    border-radius: 0px!important;
    margin-right: 43px;
    margin-top: 50px;
}

.btn-tab-group {
    /* border: 3px solid black; */
    height: 50%;
    width: 100%;
}
.btn-tab-form-group {
    display: flex;
    width: 100%;
}
.tablink {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    width: 50%;
    background-color: #003366;
    color: #fff;
    height: 100%;
}
.tablink-2 {
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    width: 50%;
    height: 100%;
}
.tablink-form {
    /* float: left; */
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    width: 50%;
    background-color: #003366;
    color: #fff;
}
.tablink-form-2 {
    /* float: right; */
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    width: 50%;
    /* height: 100%; */
}
.tablink-form:hover, .tablink-form-2:hover {
    box-shadow: none!important;
}
.dropdown-toggle::after {
    vertical-align: middle!important;
    border-top: 0;
}
.my-btn-outline-secondary {
    color: #1a1a1a!important;
    border-color: none!important;
    border: none!important;
}
.tablink:focus {
    background-color: #003366;
    color: #fff;
}
#bvn-input {
    padding-top: 4px;
}
.tablink-2:hover {
  background-color: #003366;
  color: #fff;
}
/* Style the tab content */

.form-input {
    display: flex;
    /* border: 1px solid #9e9e9e; */
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: transparent;
    height: 100%;
}
form.tabcontent {
    padding-left: 0px!important;

}
.form-input input {
    height: 100%;
    border: none;
    width: 70%;
    background: transparent;
    height: 100%;
    padding-top: 10px;
}
.form-input-select {
    height: auto;
    border: none;
    background: transparent;
}
.form-input-select {
    margin-top: 0px!important 

}
.form-input-select:focus, .form-input>input:focus {
    border: none;
}
.form-control.jj, .form-control.jk {
    background: transparent;
    font-size: 14px;
    height: 100%;
    border-radius: 0px!important;
    border: none!important;
}
.carousel-slider-buttons {
    /* border: 11px solid yellow; */
    height: 100%;
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    /* left: 50%; */
    /* right: 50%;
    bottom: 50%; */
}
.carousel-control-prev.ll, .carousel-control-next.ll {
  position: relative!important;
}
.carousel-control-prev {
  left: none!important;
}