/*  latest blog sections*/
.latest-blog {
  padding: 90px 0 70px 0; }
  .latest-blog .header-title {
    margin-bottom: 40px; }
    .latest-blog .header-title h2 {
      font-size: 30px;
      font-weight: 300;
      color: #212531; }
      .latest-blog .header-title h2 b {
        font-weight: 900; }
    .latest-blog .header-title p:first-child {
      color: blue;
      font-weight: 900;
      font-size: 16px;
      letter-spacing: 0.3rem; }
    .latest-blog .header-title p:last-child {
      font-size: 0.9rem;
      font-weight: 300; }
  .latest-blog .blog-post {
    transition: 0.4s;
    display: table;
    margin-top: 40px;
    text-decoration: none; }
    .latest-blog .blog-post .featured-img {
      position: relative; }
      .latest-blog .blog-post .featured-img span {
        transition: 0.4s;
        padding: 7px 12px;
        background-color: #fff;
        border-radius: 20px;
        position: absolute;
        top: 15px;
        text-transform: uppercase;
        left: 15px;
        font-size: 10px;
        color: #333;
        border: 1px solid #ebebeb; }
      .latest-blog .blog-post .featured-img img {
        object-fit: cover;
        width: 100%;
        height: 200px; }
    .latest-blog .blog-post .post-content h3 {
      font-size: 17px;
      margin-top: 15px;
      margin-bottom: 10px;
      font-weight: 400;
      color: #037fca;
      line-height: 1.5;
      transition: 0.4s; }
    .latest-blog .blog-post .post-content .short-text {
      max-height: 60px;
      overflow: hidden;
      margin-bottom: 20px;
      color: #6f6f6f; }
    .latest-blog .blog-post .post-content .author {
      text-transform: uppercase; }
      .latest-blog .blog-post .post-content .author p strong {
        color: #037fca;
        font-weight: 400;
        display: inline-block;
        padding-right: 8px; }
    .latest-blog .blog-post:hover {
      cursor: pointer; }
      .latest-blog .blog-post:hover .featured-img span {
        background-color: #037fca;
        border: 1px solid #5158a1;
        color: #fff; }
      .latest-blog .blog-post:hover .post-content h3 {
        color: #212531; }

/* end latest blog sections*/
@media (max-width: 767px) {
  h1 {
    font-size: 20px !important; }

  .latest-blog {
    padding: 70px 0 50px 0; }
    .latest-blog .header-title {
      margin-bottom: 0; } }
@media (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: 25px !important; } }
/* start common css */
/*common icon link*/
@font-face {
  font-family: LineIcons;
  src: url(../fonts/LineIcons.eot);
  src: url(../fonts/LineIcons.eot) format("embedded-opentype"), url(../fonts/LineIcons.ttf) format("truetype"), url(../fonts/LineIcons.woff) format("woff"), url(../fonts/LineIcons.svg) format("svg");
  font-weight: 400;
  font-style: normal; }
[class*=" lni-"],
[class^="lni-"] {
  font-family: LineIcons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lni-facebook-filled:before {
  content: "\ea99"; }

.lni-whatsapp:before {
  content: "\ea7f"; }

.lni-youtube:before {
  content: "\ea81"; }

.lni-linkedin:before {
  content: "\eaa1"; }

.lni-twitter-filled:before {
  content: "\eac8"; }

.lni-instagram-filled:before {
  content: "\eaa6"; }

.field-required {
  border: 1px solid red !important; }

.alert {
  display: none; }

.error {
  color: #e74c3c;
  font-size: 12px; }

.global-loader {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 999999;
  background-color: rgba(255, 255, 255, 0.85); }

.global-loader.loaded {
  display: none; }

.global-loader.is-loading {
  display: block; }

.global-loader .flex {
  height: 100vh;
  vertical-align: middle;
  text-align: center;
  display: flex;
  width: 100%; }

.global-loader .flex img {
  width: 55px;
  margin: auto; }

#bbil-navbar > div {
  margin: auto !important; }

#bbil-navbar > .nav-btn {
  margin: auto 0 auto auto !important; }

/*common icon link*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf); }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf); }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf); }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf); }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/Roboto-Bold.ttf); }
html {
  position: relative;
  min-height: 100%; }

body {
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.93rem;
  color: #6f6f6f;
  padding-top: 66px;
  background-color: #fff;
  width: 100%;
  overflow-x: hidden; }

/* scroller */
body::-webkit-scrollbar {
  width: 0.5em; }

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey; }

.h-100 {
  height: 100%; }

.request-modal .modal-content {
  border-radius: 0;
  background-color: #f9fdff; }
  .request-modal .modal-content button.close {
    width: 40px;
    height: 40px;
    position: absolute;
    padding: 0;
    opacity: 1;
    line-height: 30px;
    top: -18px;
    right: -18px;
    background: #0062cc;
    border-radius: 50%;
    text-shadow: none;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
    border: 1px solid #ddd;
    z-index: 99; }
    .request-modal .modal-content button.close:hover {
      opacity: 1 !important; }
.request-modal .modal-dialog {
  max-width: 650px; }
.request-modal .modal-body {
  padding: 20px 25px 10px 25px; }
  .request-modal .modal-body h1 {
    font-weight: 300;
    color: #212531;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    font-size: 30px; }
.request-modal .modal-footer {
  padding: 0 25px 15px 25px;
  border-top: 0; }
.request-modal .form-group {
  margin-bottom: 15px; }
  .request-modal .form-group .form-control {
    border: 1px solid #ebebeb;
    border-radius: 1px;
    min-height: 44px;
    font-size: 14px; }
    .request-modal .form-group .form-control:focus {
      outline: 0;
      border: 1px solid #0062cc;
      box-shadow: none; }

.btn {
  border-radius: 3px !important; }

.btn-success {
  background-color: #38b67c;
  border-color: #28a745; }

.btn-success:hover {
  background-color: #3cb561;
  border-color: #51a764; }

.btn-outline-success {
  border-color: #38b67c;
  color: #28a745; }

.btn-outline-success:hover {
  border-color: #3cb561;
  color: #fff; }

.btn-primary {
  border: 1px solid #037fca;
  background-color: #037fca; }

.btn-primary:hover, .btn-primary:focus {
  border-color: #0062cc;
  color: #fff; }

.btn-primary:visited {
  border-color: #0062cc;
  color: #800080; }

.navbar-dark {
  background-color: #212531;
  padding-top: 0;
  padding-bottom: 0; }

.btn-outline-primary {
  color: #037fca;
  border: 1px solid #037fca; }

.btn-outline-primary:hover {
  color: #fff;
  border: 1px solid #0062cc;
  background-color: #037fca; }

.text-success {
  color: #38b67c !important; }

.text-danger {
  color: #dc3545 !important; }

.text-warning {
  color: #ffc107 !important; }

.btn-success {
  border-color: #38b67c !important;
  background-color: #38b67c !important; }

.btn-outline-info {
  border-color: #037fca !important;
  color: #037fca  !important; }

.f-500 {
  font-weight: 500; }

.btn {
  border-radius: 3px !important; }

.header-title {
  margin-bottom: 40px; }
  .header-title h2 {
    font-size: 30px;
    font-weight: 300;
    color: #212531; }
    .header-title h2 b {
      font-weight: 900; }
  .header-title p:first-child {
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.3rem;
    background: -webkit-linear-gradient(4deg, #3b4871 -16%, #037fca 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
  .header-title p:last-child {
    color: #333;
    font-size: 1rem;
    font-weight: 300; }

/* header css */
header .home-nav {
  min-height: 66px; }
  header .home-nav .menu-item {
    margin: auto auto auto 0; }
    header .home-nav .menu-item .nav-link {
      position: relative;
      padding: .68rem 1rem;
      text-transform: uppercase;
      letter-spacing: 0.08rem;
      font-size: 0.85rem;
      font-weight: 500; }
      header .home-nav .menu-item .nav-link:after {
        position: absolute;
        bottom: 0;
        left: 16px;
        content: '';
        width: 40px;
        height: 3px;
        background-color: transparent; }
  header .home-nav .menu-item-has-children {
    position: relative; }
    header .home-nav .menu-item-has-children ul {
      min-width: 240px;
      position: absolute;
      display: none;
      left: 1rem;
      top: 60px;
      border-top: 12px solid #212531 !important;
      transition: top 0.6s;
      margin: 0;
      background-color: #fff;
      padding: 10px; }
      header .home-nav .menu-item-has-children ul li {
        list-style: none; }
        header .home-nav .menu-item-has-children ul li a {
          text-decoration: none;
          color: #e6e6e6; }
          header .home-nav .menu-item-has-children ul li a:hover {
            color: #0062cc; }
    header .home-nav .menu-item-has-children .sub-menu {
      background-color: #212531; }
      header .home-nav .menu-item-has-children .sub-menu li a {
        padding: 5px 5px;
        font-size: 15px;
        font-weight: 400;
        display: block; }
        header .home-nav .menu-item-has-children .sub-menu li a:hover {
          color: #62c4ff; }
    header .home-nav .menu-item-has-children:hover .sub-menu {
      top: 42px;
      display: inline-block !important; }
  header .home-nav .menu-item.current-menu-item > a {
    color: #fff !important; }
    header .home-nav .menu-item.current-menu-item > a:after {
      background-color: #037fca; }
    header .home-nav .menu-item.current-menu-item > a .active-link {
      color: #62c4ff !important; }
  header .home-nav .current-menu-item.menu-item > a,
  header .home-nav .current-menu-parent.menu-item-has-children > a {
    color: #fff !important; }
    header .home-nav .current-menu-item.menu-item > a:after,
    header .home-nav .current-menu-parent.menu-item-has-children > a:after {
      background-color: #037fca; }
header .nav-btn .btn {
  font-size: 0.75rem;
  padding: 0.45rem 0.9rem;
  border-radius: 19px !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 2px solid #0062cc !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px; }
  header .nav-btn .btn:hover {
    border: 2px solid #0062cc !important;
    background-color: #0062cc !important; }
header .nav-btn a {
  text-decoration: none;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.08rem;
  padding: 3px 10px;
  color: #fff; }
  header .nav-btn a i {
    padding-right: 0.5rem;
    color: #037fca;
    font-size: 1rem;
    position: relative;
    top: 3px; }
header .navbar-brand img {
  max-height: 40px; }

/* end header css */
/* footer css */
.footer {
  background-color: #e5e5e56b; }
  .footer .top-footer {
    padding: 50px 0 20px 0;
    color: #000; }
    .footer .top-footer h3 {
      font-weight: 700;
      font-size: 20px; }
    .footer .top-footer span {
      color: #5f5f5f; }
    .footer .top-footer .socia-icons {
      margin-top: 20px; }
      .footer .top-footer .socia-icons a {
        color: #fff;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        line-height: 30px;
        background-color: #037fca;
        font-size: 16px;
        margin: 4px 2px;
        transition: 0.4s;
        text-decoration: none; }
        .footer .top-footer .socia-icons a:hover {
          background-color: #0062cc; }
    .footer .top-footer img {
      max-height: 50px;
      margin-bottom: 20px; }
  .footer .bottom-footer {
    background-color: #2C344B;
    color: #b5b5b5;
    padding: 14px 0; }

/* end footer css */
.navbar-toggler {
  padding: .25rem .55rem;
  border-radius: 0; }

@media (max-width: 991px) {
  body {
    padding-top: 50px; }

  header .navbar {
    min-height: 50px; }

  header .navbar-brand {
    height: 50px; }

  header .navbar-brand img {
    max-height: 30px; }

  .navbar-toggler:focus {
    box-shadow: none;
    outline: 0;
    border: 1px solid #145398; }

  header .home-nav {
    border-top: 1px solid #28415c;
    padding-top: 24px;
    padding-bottom: 25px;
    margin-top: 0 !important; }
    header .home-nav .menu-item-has-children .sub-menu {
      display: block;
      position: relative;
      left: auto;
      top: auto;
      padding: 0 20px 10px 35px;
      background: transparent; }
      header .home-nav .menu-item-has-children .sub-menu li a {
        color: rgba(255, 255, 255, 0.5);
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.04rem; }
    header .home-nav .menu-item-has-children:hover .sub-menu {
      top: auto;
      display: block !important; }
  header #bbil-navbar {
    overflow-y: auto;
    height: calc(100vh - 66px); }

  .nav-btn {
    padding-top: 10px;
    border-top: 1px solid #28415c;
    text-align: center; }

  header .home-nav .menu-item.current-menu-item .nav-link:after {
    background-color: transparent; }

  .home-nav .current-menu-item .nav-link {
    color: #419cff !important; } }
@media (min-width: 992px) and (max-width: 1200px) {
  header .home-nav .menu-item .nav-link {
    font-size: 0.80rem;
    padding: .68rem 0.7rem; }
  header .navbar-brand img {
    max-height: 36px; } }
.current-menu-parent.menu-item-has-children .sub-menu .menu-item.current-menu-item a:after {
  background: red;
  border: 0 !important;
  height: 0; }

.current-menu-parent.menu-item-has-children .sub-menu .menu-item.current-menu-item a {
  color: #62c4ff !important; }

.menu-item .sub-menu .menu-item a {
  color: #e6e6e6 !important;
  padding: 5px 5px;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize !important;
  display: block; }

.current-menu-parent.menu-item .sub-menu .menu-item a:after {
  height: 0; }

/* end common css */

/*# sourceMappingURL=blog.css.map */