/*
Theme Name: MBSL
Author: Kites Global (D)
Description: Bootstrap WordPress theme for MBSL
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

.btn-theme1 {
  border-radius: 0;
  padding: 0.5rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  text-transform: uppercase;
  transition: all ease 1s;
}

.btn-theme1:hover {
  padding: 0.5rem 2.5rem;
  border: 1px solid rgba(255, 255, 255, 1);
}

.desk-only {
  display: none;
}

.mob-only {
  display: block;
}

body {
  font-family: "Roboto", sans-serif;
}

header {
  .navbar {
    background-color: #fff;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: all ease 1s;

    .top-menu {
      display: flex;
      justify-content: end;
      align-items: center;
      width: 100%;
      padding: 0 1.5rem;
      margin-bottom: 1rem;

      a {
        text-decoration: none;
        color: #000;
        font-weight: 500;
      }

      a:hover {
        color: #0546b3;

        i {
          background-color: #0546b3;
        }
      }

      a:last-child {
        margin-right: 0;
      }

      .hotline {
        margin-right: 2rem;
        display: none;
        align-items: center;

        i {
          color: #fff;
          background-color: #000;
          border-radius: 100%;
          padding: 0.3rem 0.45rem;
          margin-right: 0.5rem;
          font-weight: 100;
          font-size: 0.7rem;
        }
      }

      .lang {
        border-right: 1px solid #a1a1a1;
        padding: 0 0.5rem;
        font-size: 0.8rem;
        font-weight: 600;
      }

      .lang:last-child {
        border-right: 0;
        padding-right: 0;
      }
    }

    .main-nav {
      .navbar-brand {
        margin-top: -2.5rem;
        width: 16%;
      }

      .navbar-toggler {
        border: 0;

        .navbar-toggler-icon {
          width: 2.5em;
          background-image: url(img/menu-icon.svg);
        }
      }

      .dropdown-toggle::after {
        content: "\F282";
        font-family: "bootstrap-icons";
        border-top: 0;
        vertical-align: 0;
      }

      /*Multi level menu */
      .dropdown-menu {
        color: #e4e4e4;

        .dropdown-item.active,
        .dropdown-item:active {
          background-color: rgba(16, 55, 126, 0.7);
        }

        .sub-menu.dropdown-menu {
          .dropdown-item {
            color: #c9c9c9;
            padding: 0.5rem 1.5rem;
            font-size: 0.84rem;
          }

          .sub-menu.dropdown-menu {
            .dropdown-item {
              padding: 0.5rem 1.9rem;
              font-size: 0.82rem;
              color: #b6b6b6;
            }
          }
        }
      }

      .dropdown-menu > li:hover > .sub-menu {
        display: block;
      }

      /*Multi level menu */

      .navbar-toggler:focus {
        box-shadow: 0 0 0 0;
      }

      .offcanvas {
        background: rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgba(0, 0, 0, 0.3);

        .nav-item {
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          border-left: 0;
          border-right: 0;

          .nav-link {
            color: #fff;
            text-transform: uppercase;
            padding: 1rem 0.5rem;
          }

          .nav-link:hover {
            background-color: rgba(0, 0, 0, 0.1);
          }
        }

        .dropdown-menu {
          .nav-item {
            border-top: 0px solid rgba(255, 255, 255, 0.2);
          }

          .nav-item:last-child {
            border-bottom: 0px solid rgba(255, 255, 255, 0.2);
          }
        }

        .nav-item:last-child {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .dropdown-menu {
          background-color: transparent;
          border: 0;
          padding-top: 0;
          transition: all ease 2s;

          .dropdown-item {
            color: #fff;
            text-transform: uppercase;
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
          }

          .dropdown-item:focus,
          .dropdown-item:hover {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.3);
          }
        }

        .offcanvas-header {
          .btn-close {
            background: transparent url(img/x-lg.svg) center / 1em auto
              no-repeat;
            font-size: 2rem;
          }
        }
      }
    }
  }
}

.hero {
  .main-slider-carousel {
    .main-slide {
      width: 100%;
      height: 100svh;
      display: flex;
      justify-content: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      .slider-title {
        position: absolute;
        bottom: 6rem;
        width: 80%;

        h2 {
          color: #fff;
          text-align: center;
          font-size: 4rem;
          margin-bottom: 0rem;
          position: relative;
          z-index: 2;
        }

        h2::after {
          content: "\F285";
          justify-content: flex-end;
          font-family: "bootstrap-icons";
          font-size: 3rem;
          width: 30%;
          height: 30%;
          border-radius: 100%;
          background-color: rgba(0, 23, 39, 0.8);
          padding: 1.3rem 1.3rem;
          margin-left: -1rem;
          position: relative;
          z-index: -1;
          transition: all ease 500ms;
        }

        h5 {
          color: #fff;
          text-align: center;
          position: relative;
          z-index: 2;
        }
      }
    }

    .main-slide:hover {
      .slider-title {
        h2::after {
          margin-left: 0rem;
        }
      }
    }

    .owl-nav {
      position: absolute;
      top: 40%;
      width: 100%;

      .owl-next,
      .owl-prev {
        position: absolute;
        color: #ccc;
        border: 1px solid #ccc;
        border-radius: 100%;
        font-size: 2rem;

        i {
          padding: 1rem 2rem;
        }
      }

      .owl-next {
        right: 2.5rem;

        i {
          padding: 2rem 0.4rem 2rem 0.6rem;
          transition: all ease 500ms;
        }
      }

      .owl-next:hover {
        i {
          padding: 2rem 0.2rem 2rem 0.8rem;
        }
      }

      .owl-prev {
        left: 2.5rem;

        i {
          padding: 2rem 0.6rem 2rem 0.4rem;
          transition: all ease 500ms;
        }
      }

      .owl-prev:hover {
        i {
          padding: 2rem 0.8rem 2rem 0.2rem;
        }
      }
    }

    .owl-dots {
      position: absolute;
      bottom: 5%;
      width: 100%;
    }
  }
}

.hero .main-slider-carousel .owl-item.active .slider-title h5 {
  animation: fadeInUp ease 2000ms 2000ms both;
}

.hero .main-slider-carousel .owl-item.active .slider-title h2 {
  animation: fadeInUp ease 1s 1s both;
}

.main-services {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.98);

  h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5rem;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 2rem 2rem 0 2rem;
  }

  .mservice-cont {
    position: relative;
    padding-left: 0;
    padding-right: 0;

    .mservice {
      height: 90svh;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      transition: all ease 600ms;

      filter: blur(0.08rem);
      -webkit-filter: blur(0.08rem);
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      padding: 0;

      .serive-menu {
        opacity: 1;
        transition: all ease 2s;

        p {
          color: #fff;
          width: 100%;
          margin-bottom: 2rem;
          padding: 0 2rem 0 2rem;
        }

        .accordion {
          background-color: transparent;

          .accordion-item {
            background-color: transparent;
            border: 0;

            .accordion-collapse {
              padding-right: 0.2rem;
            }

            .accordion-body {
              ul {
                padding-left: 0;

                li {
                  list-style: none;
                  margin-bottom: 0.5rem;

                  a {
                    color: #ccc;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: 1rem;
                    transition: all ease 600ms;
                  }

                  a:hover {
                    color: #fff;
                  }
                }
              }
            }
          }

          .accordion-item:first-of-type {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
          }

          .accordion-item:last-of-type {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
          }

          .accordion-item:first-of-type > .accordion-header .accordion-button {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
          }

          .accordion-item:last-of-type
            > .accordion-header
            .accordion-button.collapsed {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
          }

          .accordion-button {
            background-color: transparent;
            border: 0;
            color: #ccc;
            font-size: 1.5rem;
            text-transform: uppercase;
            border-bottom: 1px solid #ccc;
            transition: all ease 600ms;
            padding-top: 0.6rem;
            padding-bottom: 0.6rem;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.98);
          }

          .accordion-button:hover {
            color: #fff;
            border-bottom: 1px solid #fff;
          }

          .accordion-button:not(.collapsed) {
            color: #fff;
            border-bottom: 1px solid #fff;
          }

          .accordion-button::after {
            width: 0;
            height: 0;
            display: none;
          }

          .accordion-button:focus {
            box-shadow: none;
          }
        }
      }
    }
  }

  .mservice-cont.personal {
    .mservice {
      background-image: url(img/service-personal-bg.jpg);
      text-align: right;
    }

    .overlay {
      h2 {
        margin-left: unset;
        text-align: right;
        margin-bottom: 0;
      }

      .serive-menu {
        .accordion {
          .accordion-button {
            justify-content: end;
          }

          .accordion-body {
            height: 33svh;
            overflow-y: auto;
            text-align: right;
            padding-right: 0.5rem;
          }
        }

        p {
          margin-left: auto;
          text-align: right;
        }
      }
    }
  }

  .mservice-cont.corp {
    .mservice {
      background-image: url(img/service-corp-bg.jpg);
      text-align: left;
    }
  }
}

/* Start Accordion-body scroll bar style */

.accordion-body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.accordion-body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0 grey;
  border-radius: 5px;
}

/* Handle */
.accordion-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 5px;
}

/* Handle on hover */
.accordion-body::-webkit-scrollbar-thumb:hover {
  background: #333;
}

/* End Accordion-body scroll bar style */

.whychooseus {
  padding-top: 2rem;
  background-color: #000c2f;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
  background-attachment: fixed;

  .whychooseus-info {
    display: flex;
    align-items: end;

    .btn-wcu-links {
      border-radius: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #fff;
      padding: 1rem 0;
      text-transform: uppercase;
      border-left: 0;
      border-right: 0;
      position: relative;

      .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all ease 1s;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.1rem;
        scale: 0.5 1;
        overflow: hidden;
      }
    }

    .btn-wcu-links:last-child {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .btn-wcu-links:hover {
      .overlay {
        opacity: 1;
        background: rgb(255, 255, 255);
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(0, 38, 102, 1) 86%
        );
        scale: 1 1;
        backdrop-filter: blur(0.5rem);
        -webkit-backdrop-filter: blur(0.5rem);
      }
    }

    .info-cont {
      display: unset;
      align-items: center;
      color: #fff;
      margin-bottom: 2rem;

      .info {
        width: 100%;
        margin-right: 3rem;

        h2 {
          font-size: 3rem;
          text-transform: uppercase;
        }
      }

      img {
        display: none;
      }
    }
  }
}

/* downloads section */
.downloads-sec {
  h2 {
    text-transform: uppercase;
    color: #10377e;
    text-align: center;
  }
  ul {
    margin: 3rem 0 3rem 0;
    padding: 0;

    li {
      list-style: none;
      background-color: #10377e;

      border-radius: 8px;
      margin-bottom: 0.5rem;
      display: flex;
      align-items: center;

      padding: 0.5rem;
      transition: all ease 500ms;

      a {
        padding: 0.5rem 1rem 0.5rem 0.5rem;
        text-decoration: none;
        color: #fff;
        width: 100%;
        transition: all ease 500ms;
        display: flex;
        justify-content: space-between;

        span {
          background-color: white;
          color: black;
          padding: 0.2rem 0.5rem;
          border-radius: 0.4rem;

          i {
            margin-left: 0.5rem;
          }
        }
      }
    }

    li:hover {
      background-color: #000c2f;
      transition: all ease 500ms;

      a {
        color: #fff;
      }
    }

    /* li::before {
      content: url("img/bp-styl3.png");
      position: relative;
      margin-right: 0.5rem;
      padding-top: 0.2rem;
    } */
  }
}

.dis-sec {
  margin: 1.5rem;
  .dis-card {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #000c2f;
    transition: all ease 500ms;
    padding: 2rem;

    p {
      margin-bottom: 0;
      color: #fff;

      a {
        color: #fff;
        transition: all ease 500ms;
      }

      a:hover {
        color: #adadad;
        transition: all ease 500ms;
      }
    }
  }
}

.latest-offers {
  background-color: #000c2f;
  background-image: url(img/offer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-attachment: fixed;
  width: 100%;
  padding: 6rem 0;

  h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 2rem;
  }

  .offer-itm-cont {
    margin-bottom: 1rem;

    a {
      text-decoration: none;
    }

    .offer-itm {
      border-radius: 16px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      color: #fff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;

      i {
        position: absolute;
        right: 1rem;
        bottom: 1rem;
      }

      img {
        opacity: 1;
        transition: all ease 2s;
      }

      .overlay {
        background: rgba(255, 255, 255, 0.2);
        display: flex;
        align-items: center;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: all ease 500ms;
        padding: 2rem;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.98);
      }
    }

    .offer-itm:hover {
      .overlay {
        opacity: 0;
      }

      img {
        opacity: 1;
      }
    }
  }
}

.kpi {
  padding: 2rem 0 2rem 0;
  background-color: #000c2f;
  background-image: url(img/kpi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  .title {
    h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 3rem;
      margin-bottom: 0;

      span {
        font-size: 2.5rem;
      }
    }
  }

  .kpilinks {
    padding-left: 0;
    padding-right: 0;

    .btn-kpi-links {
      text-transform: uppercase;
      color: #fff;
      text-align: left;
      background: rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      margin-bottom: 0.5rem;
      border-radius: 0;
      padding: 1.2rem 1rem;
      border: 0;
      font-size: 1.2rem;
      transition: all ease 1s;
      width: 100%;

      span {
        font-size: 0.9rem;
      }
    }

    .btn-kpi-links:hover {
      background: rgba(0, 38, 102, 0.7);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      width: 80%;
    }

    .btn-kpi-links:last-child {
      margin-bottom: 0;
    }
  }
}

.news-branch {
  .branch-loc-cont {
    background-image: url(img/branch.-locator-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2rem 0;
    display: flex;
    align-items: center;

    .info {
      width: 100%;

      h2 {
        color: #10377e;
        text-transform: uppercase;
        font-size: 3rem;
        padding-left: 2rem;
      }

      p {
        padding-left: 2rem;
      }

      .btn-kpi-links {
        text-transform: uppercase;
        color: #fff;
        text-align: left;
        background: rgba(0, 29, 82, 1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        margin-bottom: 0.5rem;
        border-radius: 0;
        padding: 0.5rem 1rem 0.5rem 2rem;
        border: 0;
        font-size: 1.2rem;
        transition: all ease 1s;
        width: 80%;
      }

      .btn-kpi-links:hover {
        background: rgba(0, 29, 82, 0.8);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        width: 90%;
      }
    }
  }

  .ftstroies {
    justify-content: center;
    align-items: center;
    margin: 4rem 0;

    h2 {
      color: #10377e;
      text-transform: uppercase;
      font-size: 3rem;
      text-align: center;
      margin-bottom: 0;
    }

    .news-carousel {
      .owl-stage {
        display: flex;
      }

      .item {
        padding: 1rem;
        display: flex;
        flex: 1 0 auto;
        height: 100%;

        a {
          text-decoration: none;
        }

        .news-itm {
          border-radius: 10px;
          -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
          -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
          box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
          height: 100%;
          overflow: hidden;
          transition: all ease 1s;

          h6 {
            padding: 1rem;
            margin-bottom: 0;
            color: #000;
          }
        }

        .news-itm:hover {
          -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
          box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
        }
      }

      .owl-nav {
        position: absolute;
        top: 40%;
        width: 100%;

        .owl-next,
        .owl-prev {
          position: absolute;
          color: #ccc;
          border: 1px solid #ccc;
          border-radius: 100%;
          font-size: 1.6rem;

          i {
            padding: 1rem 2rem;
          }
        }

        .owl-next {
          right: -4rem;

          i {
            padding: 2rem 0.3rem 2rem 0.5rem;
            transition: all ease 500ms;
          }
        }

        .owl-next:hover {
          i {
            padding: 2rem 0.1rem 2rem 0.7rem;
          }
        }

        .owl-prev {
          left: -4rem;

          i {
            padding: 2rem 0.5rem 2rem 0.3rem;
            transition: all ease 500ms;
          }
        }

        .owl-prev:hover {
          i {
            padding: 2rem 0.7rem 2rem 0.1rem;
          }
        }
      }
    }
  }
}

footer {
  background-color: #001d52;
  color: #fff;
  padding: 3rem 0;
  font-size: 0.9rem;

  a {
    text-decoration: none;
    color: #fff;
  }

  a:hover {
    color: #99bdff;
  }

  .contact-cont {
    display: flex;
    align-items: center;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 2rem;

    .contact {
      font-weight: 300;

      img {
        margin-left: -6rem;
        margin-bottom: 1rem;
        width: 100%;
      }

      p {
        margin-bottom: 0.2rem;
      }

      .info {
        margin-left: 0%;

        i {
          margin-right: 0.5rem;
          font-size: 1.1rem;
        }
      }
    }
  }

  .links-cont {
    display: flex;
    align-items: center;

    .links {
      font-weight: 300;

      ul {
        padding: 0;

        li {
          display: inline-block;
          padding-right: 0.5rem;
        }
      }

      p {
        margin-bottom: 0;
      }

      i {
        font-size: 1.5rem;
      }

      .fitchRatingtxt {
        font-size: 10px;
        margin-bottom: 0.5rem;
        width: 100%;
      }
    }
  }
}

.page-banner {
  background-color: #000c2f;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10% 0;
  margin-bottom: 2rem;

  .title {
    h1 {
      color: #fff;
      font-size: 4rem;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.98);
      text-align: center;
    }

    nav {
      color: #fff;

      .breadcrumb {
        justify-content: center;

        .breadcrumb-item {
          text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);

          a {
            color: #ebe9e9;
            text-decoration: none;
          }
        }

        .breadcrumb-item.active {
          color: #fff;
        }

        .breadcrumb-item + .breadcrumb-item::before {
          color: #a1a1a1;
          content: var(--bs-breadcrumb-divider, "/");
        }
      }
    }
  }
}

/* About us page */
.overview {
  .overview-cont {
    .info {
      margin-bottom: 2rem;

      h2 {
        color: #10377e;
        text-transform: uppercase;
        font-size: 3rem;
        margin-bottom: 1rem;
      }
    }
  }

  .vismis-cont {
    color: #fff;
    padding-left: 0;
    padding-right: 0;

    h3 {
      text-transform: uppercase;
      font-size: 2rem;
      margin-bottom: 1rem;
    }

    .vis-cont {
      background-color: #000c2f;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      padding: 2rem;

      p {
        margin-bottom: 0;
      }
    }

    .mis-cont {
      background-color: #00144d;
      padding: 2rem;

      ul {
        margin: 0;
        padding-left: 1.3rem;

        li {
          list-style-image: url(img/bp-styl2.png);
          margin-bottom: 1rem;
        }
      }
    }
  }
}

.orgval {
  .orgval-info-cont {
    .orgval-info {
      padding: 3rem 0 3rem 0;

      h2 {
        color: #10377e;
        text-transform: uppercase;
        font-size: 2rem;
        margin-bottom: 1rem;
      }

      ul {
        margin: 0;
        padding: 0 0 0 1.2rem;

        li {
          list-style-image: url(img/bp-styl1.png);
          padding: 0.5rem 1rem;
          margin-bottom: 0.3rem;
        }
      }
    }
  }

  .orgval-facts-cont {
    border-left: 1px solid #e8e8e8;
    display: flex;
    align-items: center;

    .fact-itm-cont {
      padding: 2rem 0 2rem 0;

      .fact-itm {
        position: relative;
        display: flex;
        align-items: center;
        margin-bottom: 3rem;

        .idot {
          position: absolute;
          left: 0rem;
          width: 16px;
          height: 16px;
          background-color: #868686;
          border-radius: 100%;
        }

        img {
          margin: 0 2rem;
        }

        h4 {
          margin-bottom: 0;
        }

        p {
          margin-bottom: 0;
        }
      }
    }
  }
}

.chairman {
  .chairman-cont {
    padding-bottom: 3rem;
    position: relative;

    .img {
      position: relative;
      z-index: 2;
      margin-top: 7rem;
    }

    .title {
      background-color: #00144d;
      color: #fff;
      padding: 1rem 2rem;
      margin-bottom: 1rem;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      min-height: 170px;
      z-index: 1;
      text-align: right;

      h2 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 3rem;
      }

      p {
      }

      h5 {
        margin-bottom: 0;
      }
    }

    .info-cont {
      position: relative;
      top: 1rem;
    }
  }

  .ceo-cont {
    position: relative;
    padding-bottom: 3rem;
    display: grid;

    .img {
      position: relative;
      z-index: 2;
      margin-top: 7rem;
    }

    .title {
      background-color: #4c5a82;
      color: #fff;
      padding: 1rem 2rem;
      margin-bottom: 1rem;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      min-height: 170px;
      z-index: 1;
      text-align: right;

      h2 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 3rem;
      }

      p {
      }

      h5 {
        margin-bottom: 0;
      }
    }

    .info-cont {
      position: relative;
      top: 1rem;
    }
  }

  .btn-kpi-links {
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    background: rgba(0, 29, 82, 1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    margin-bottom: 0.5rem;
    border-radius: 0;
    padding: 0.3rem 1rem 0.3rem 1rem;
    border: 0;
    font-size: 1.1rem;
    transition: all ease 900ms;
    width: fit-content;
    margin-left: auto;
  }

  .btn-kpi-links:hover {
    background: rgba(0, 29, 82, 0.8);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 0.3rem 2rem 0.3rem 1rem;
  }
}

.bod {
  .title {
    background-image: url(img/bod-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 6rem 0 1rem 0;

    h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 3rem;
    }
  }

  .members {
    padding-top: 3rem;
    padding-bottom: 3rem;
    justify-content: center;

    .bod-itm-cont {
      margin-bottom: 1.5rem;

      a {
        text-decoration: none;
      }

      .bod-itm {
        text-align: center;
        padding: 0 0.5rem;
        color: #333;

        img {
          border-radius: 100%;
          border: 1px solid #ccc;
          margin-bottom: 0.5rem;
          scale: 1;
          transition: all ease 500ms;
        }

        p {
          margin-bottom: 0.5rem;
        }
      }

      .bod-itm:hover {
        img {
          scale: 1.03;
        }

        color: #000;
      }
    }
  }
}

.bod.corp-man {
  .title {
    padding: 2rem 0 2rem 0;
  }
}

.histo-landmark {
  .title {
    background-image: url(img/bod-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 2rem 0;

    h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 3rem;
      margin-bottom: 0;
    }
  }

  .time-line-cont {
    height: 90svh;
    overflow-y: auto;

    .time-line {
      position: relative;
      margin: 0 auto;

      .container-tl {
        padding: 2rem 1rem;
        position: relative;
        background-color: inherit;

        h4 {
          color: #000;
          font-weight: 700;
          font-size: 2rem;
        }

        h5 {
          color: #b0b4be;
          margin-bottom: 1.3rem;
        }
      }

      .container-tl::after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        left: 1.3%;
        background-color: #10377e;
        border: 0 solid #10377e;
        top: 40px;
        border-radius: 50%;
        z-index: 1;
      }
    }

    .time-line::after {
      content: "";
      position: absolute;
      width: 2px;
      background-color: #eeeeee;
      top: 0;
      bottom: 0;
      left: 3.5%;
      margin-left: -3px;
    }
  }

  /* Start time-line-body scroll bar style */

  .time-line-cont::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .time-line-cont::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 grey;
    border-radius: 5px;
  }

  /* Handle */
  .time-line-cont::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
  }

  /* Handle on hover */
  .time-line-cont::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

  /* End time-line-body scroll bar style */
}

.awards {
  .title {
    background-image: url(img/bod-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    padding: 2rem 0 10rem 0;

    h2 {
      color: #fff;
      text-transform: uppercase;
      font-size: 3rem;
      margin-bottom: 0;
    }
  }

  .award-cont {
    margin-top: -8rem;
    margin-bottom: 3rem;

    .award-itm {
      text-align: center;

      img {
        border-radius: 100%;
      }
    }
  }

  .corp-info {
    margin-bottom: 3rem;

    .accordion-header {
      border-radius: 8px;

      .accordion-button {
        color: #fff;
        background-color: #000c2f;
        border: 1px solid #000c2f;
        text-align: center;
        font-size: 1.5rem;
        text-transform: uppercase;
      }

      .accordion-button:focus {
        box-shadow: 0 0 0 0;
      }

      .accordion-button::after {
        background-image: url(img/chevron-down.svg);
      }
    }

    .accordion-body {
      padding: 0;

      .table {
        margin-bottom: 0;
      }
    }
  }
}

/* Services page */
.services {
  margin-bottom: 3rem;

  .service-cont {
    justify-content: center;

    .service-itm-cont {
      margin-bottom: 1.5rem;

      a {
        text-decoration: none;
        color: #000;
      }

      .service-itm {
        text-align: center;

        .service-fimg-cont {
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
          width: 100%;
          height: 300px;
          overflow: hidden;
          margin-bottom: 1rem;
          transition: background-size 1s ease;
        }
      }

      .service-itm:hover {
        .service-fimg-cont {
          background-size: 110%;
        }
      }
    }
  }
}

/* service page componants */
.intor-txt {
  padding-bottom: 2rem;

  h2 {
    text-transform: uppercase;
    color: #10377e;
  }
}

.benifits {
  .benefits-cont1 {
    .benefit-itm {
      h2 {
        text-transform: uppercase;
        color: #10377e;
      }

      h3 {
        text-transform: uppercase;
        color: #10377e;
      }

      h4 {
        text-transform: uppercase;
        color: #10377e;
      }

      ul {
        margin: 0 0 3rem 0;
        padding: 0;

        li {
          list-style: none;
          background-color: #efefef;
          padding: 0.5rem 1rem;
          border-radius: 8px;
          margin-bottom: 0.5rem;
          color: #7b7b7b;
          display: flex;
          align-items: center;
        }

        li::before {
          content: url("img/bp-styl1.png");
          position: relative;
          margin-right: 0.5rem;
          padding-top: 0.2rem;
        }
      }

      .contact-itm-cont {
        margin-bottom: 3rem;

        a {
          color: #000;
          text-decoration: none;
        }

        h5 {
          color: #10377e;
          text-transform: uppercase;
        }

        h6 {
          margin-bottom: 0.2rem;

          i {
            margin-right: 0.3rem;
          }
        }
      }
    }

    .benefit-itm.kfd {
      padding-top: 3rem;
      padding-bottom: 3rem;

      .kfd-cont {
        ul {
          width: 100%;
          padding-right: 1rem;
          margin-bottom: 0;
        }
      }
    }
  }

  .copser-itm-cont {
    h2 {
      text-transform: uppercase;
      color: #10377e;
    }

    h3 {
      text-transform: uppercase;
      color: #10377e;
    }

    h4 {
      text-transform: uppercase;
      color: #10377e;
    }
  }

  .benefits-cont1.download-itm {
    .benefit-itm {
      h2 {
        text-transform: uppercase;
        color: #10377e;
      }

      ul {
        margin: 0 0 3rem 0;
        padding: 0;

        li {
          list-style: none;
          background-color: #efefef;
          border-radius: 8px;
          margin-bottom: 0.5rem;
          display: flex;
          align-items: center;
          padding: 0 0.5rem 0 0.5rem;
          transition: all ease 500ms;

          a {
            padding: 0.5rem 1rem 0.5rem 0.5rem;
            text-decoration: none;
            color: #7b7b7b;
            width: 100%;
            transition: all ease 500ms;
          }
        }

        li:hover {
          background-color: #d3d3d3;

          a {
            color: #3a3a3a;
          }
        }

        li::before {
          content: url("img/bp-styl3.png");
          position: relative;
          margin-right: 0.5rem;
          padding-top: 0.2rem;
        }
      }

      .vacancy {
        li {
          .modal {
            .modal-header {
              color: #000;
            }

            .modal-body {
              color: #000;

              ul {
                li {
                  list-style: circle;
                  background-color: #ffffff;
                  color: #333;

                  a {
                    color: #000000;
                  }
                }

                li:hover {
                  background-color: #fff;

                  a {
                    color: #000000;
                  }
                }

                li::before {
                }
              }
            }
          }
        }

        li::before {
          content: url("img/bp-styl1.png");
        }
      }
    }
  }

  .benefits-cont2 {
    background-color: #000c2f;
    color: #fff;
    display: flex;
    align-items: center;
    padding-top: 2rem;
    padding-bottom: 2rem;

    h2 {
      text-transform: uppercase;
      margin-bottom: 1.5rem;
    }

    ul {
      margin: 0;
      padding-left: 1.3rem;

      li {
        list-style-image: url(img/bp-styl2.png);
        margin-bottom: 1rem;
      }
    }
  }

  .benefits-cont2.form-submit {
    .form-cont {
      .form-control {
        border-radius: 0;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        color: #fff;
      }

      .form-control::placeholder {
        color: rgb(255, 255, 255);
        opacity: 0.8;
        text-transform: uppercase;
      }

      .form-select {
        border-radius: 0;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        color: #fff;
      }

      select option {
        background: rgba(0, 0, 0, 0.9);
        color: #d3d3d3;
        border-radius: 0;
        text-transform: uppercase;
      }
    }
  }
}

.ca-cont {
  margin-bottom: 1.5rem;

  .ca-title-contX {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
    border-top: 1px solid #f3f3f3;

    h2 {
      color: #fff !important;
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.98);
    }
  }

  .ca-info-cont {
    border-radius: 0 0 8px 8px;
    padding: 1.5rem;
    background-color: #f3f3f3;

    ul {
      margin-bottom: 0 !important;

      li {
        background-color: #fff !important;
      }
    }
  }
}

.ca-tbl {
  h4 {
    text-transform: uppercase;
    color: #10377e;
  }

  .table {
    margin-bottom: 3rem;
  }
}

.dreamcar {
  background-color: #000c2f;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  height: 70svh;

  h2 {
    font-size: 3.5rem;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
  }

  p {
    color: #fff;
    margin-bottom: 0;
  }

  a {
    color: #fff;
    text-decoration: none;
  }
}

.dreamcar.download-itm {
  height: 100%;

  .links-cont {
    padding: 15% 0;

    .btn-kpi-links {
      text-transform: uppercase;
      color: #fff;
      text-align: left;
      background: rgba(0, 29, 82, 1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      margin-bottom: 0.5rem;
      border-radius: 0;
      padding: 0.5rem 1rem 0.5rem 2rem;
      border: 0;
      font-size: 1.2rem;
      transition: all ease 1s;
      width: 80%;
      display: flex;
      align-items: center;
      justify-content: center;
      justify-content: space-between;
    }

    .btn-kpi-links:hover {
      background: rgba(0, 29, 82, 0.8);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      width: 90%;
    }
  }

  .modal {
    .table {
      .cel-center {
        text-align: center;
      }

      td {
        border-color: #fff;
      }

      tbody {
        tr {
          margin-bottom: 1rem;

          td {
            background-color: #00144d;
            color: #fff;
          }

          td:first-child {
            border-radius: 8px 0 0 8px;
          }

          td:last-child {
            border-radius: 0 8px 8px 0;
          }
        }
      }
    }
  }
}

.inquiry {
  background-color: #000c2f;
  padding: 3rem 0;
  color: #fff;

  h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .form-control {
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
  }

  .form-control::placeholder {
    color: rgb(255, 255, 255);
    opacity: 0.8;
    text-transform: uppercase;
  }
}

.rates-tbl {
  padding: 3rem 0;

  h2 {
    text-transform: uppercase;
    color: #10377e;
    text-align: center;
  }

  table {
    thead {
      th {
        background-color: #10377e;
        color: #fff;
      }
    }
  }
}

/*News and events page */
.news-events {
  margin-bottom: 3rem;

  a {
    text-decoration: none;
  }

  .news-itm-cont {
    margin-bottom: 1.5rem;

    .news-itm {
      border-radius: 10px;
      -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
      box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
      height: 100%;
      overflow: hidden;
      transition: all ease 1s;

      h5 {
        padding: 1rem 1rem 0 1rem;
        margin-bottom: 0.4rem;
        color: #000;
        font-size: 0.9rem;
      }

      h5.title-csr {
        padding: 1rem;
        margin-bottom: 0;
      }

      h6 {
        padding: 0 1rem 1rem 1rem;
        margin-bottom: 0;
        color: #686868;
        font-size: 0.7rem;
      }
    }

    .news-itm:hover {
      -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
      box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
    }
  }
}

.no-padding-left {
  padding-left: 0 !important;
}

/* Contact Us */
.find-branch {
  h2 {
    text-transform: uppercase;
    color: #10377e;
    text-align: center;
    margin-bottom: 1rem;
  }

  margin: 3rem 0;

  .search-bar {
    justify-content: center;
    margin-bottom: 2rem;

    .form-control {
      border-radius: 0;
    }
  }

  .branch-itm {
    margin-bottom: 1.5rem;
    transition: all ease 500ms;

    .branch {
      border: 1px solid #ccc;
      height: 100%;
      padding: 1rem;
      font-size: 1rem;

      a {
        display: block;
        text-decoration: none;
        color: #0546b3;
        font-size: 0.9rem;
        font-weight: 600;
        margin-bottom: 0.3rem;
      }

      a:hover {
        color: #001d52;
      }
    }
  }
}

/* Financial Information */
.annual-reports {
  margin-bottom: 3rem;

  h2 {
    text-transform: uppercase;
    color: #10377e;
    margin-bottom: 1rem;
  }

  .ar-cont {
    justify-content: center;
  }

  .ar-carousel {
    .owl-stage {
      display: flex;
    }

    .item {
      padding: 1rem;
      display: flex;
      flex: 1 0 auto;
      height: 100%;

      a {
        text-decoration: none;
      }

      .news-itm {
        border-radius: 10px;
        -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
        box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.08);
        height: 100%;
        overflow: hidden;
        transition: all ease 1s;

        h6 {
          padding: 1rem;
          margin-bottom: 0;
          color: #10377e;
          text-align: right;

          i {
            margin-right: 0rem;
            transition: all ease 500ms;
          }
        }
      }

      .news-itm:hover {
        -webkit-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);
        box-shadow: -1px 0px 8px 5px rgba(0, 0, 0, 0.3);

        h6 {
          i {
            margin-right: -0.1rem;
          }
        }
      }
    }

    .owl-nav {
      position: absolute;
      top: 40%;
      width: 100%;

      .owl-next,
      .owl-prev {
        position: absolute;
        color: #ccc;
        border: 1px solid #ccc;
        border-radius: 100%;
        font-size: 1.6rem;

        i {
          padding: 1rem 2rem;
        }
      }

      .owl-next {
        right: -4rem;

        i {
          padding: 2rem 0.3rem 2rem 0.5rem;
          transition: all ease 500ms;
        }
      }

      .owl-next:hover {
        i {
          padding: 2rem 0.1rem 2rem 0.7rem;
        }
      }

      .owl-prev {
        left: -4rem;

        i {
          padding: 2rem 0.5rem 2rem 0.3rem;
          transition: all ease 500ms;
        }
      }

      .owl-prev:hover {
        i {
          padding: 2rem 0.7rem 2rem 0.1rem;
        }
      }
    }
  }
}

.form-req {
  background-color: #000c2f;
  color: #fff;
  padding: 2rem 0.1rem;

  .img-cont {
    img {
      margin-top: 0rem;
    }
  }

  .link-cont {
    display: flex;
    align-items: center;
    justify-content: space-around;

    h2 {
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 0;
      font-size: 1rem;
    }
  }
}

.cop-gov {
  padding: 0 0 6rem 0;

  h2 {
    text-transform: uppercase;
    color: #10377e;
    margin-bottom: 1rem;
    text-align: center;
  }

  .policies-cont {
    .policy-itm {
      margin-bottom: 1.5rem;

      .cg-policy {
        background-color: #efefef;
        padding: 1.5rem;
        height: 100%;

        h6 {
          color: #10377e;
          font-weight: 700;
        }

        p {
          color: #282828;
          font-size: 0.9rem;
        }

        .btn {
          border-radius: 0;
          background-color: #10377e;
          color: #fff;
          transition: all ease 300ms;
        }

        .btn {
          background-color: #0e306e;
          font-size: 0.9rem;
        }
      }
    }
  }
}

.pagination-cont {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;

  a {
    background-color: #000c2f;
    color: #fff;
    font-size: 0.9rem;
    text-transform: uppercase;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
  }

  a:hover {
    background-color: #001d52;
    color: #fff;
  }

  .nav-previous {
    margin-right: 0.5rem;
  }

  .nav-next {
  }
}

@media (min-width: 992px) {
  .desk-only {
    display: block;
  }

  .mob-only {
    display: none;
  }

  header {
    .navbar {
      background-color: transparent;
      position: fixed;

      .main-nav {
        .navbar-brand {
          margin-top: -3rem;
          width: 6%;
          transition: all ease 500ms;
        }
      }

      .top-menu {
        .hotline {
          display: flex;
        }
      }
    }
  }

  .hero {
    .main-slider-carousel {
      .main-slide {
        height: 100svh;

        .slider-title {
          h2 {
            font-size: 8rem;
          }

          h2::after {
            padding: 2rem 2rem;
          }
        }
      }
    }
  }

  .main-services {
    h2 {
      font-size: 4rem;
      width: 50%;
    }

    .mservice-cont {
      .mservice {
        height: 100svh;

        filter: none;
        -webkit-filter: none;
      }

      .overlay {
        .serive-menu {
          opacity: 0;

          p {
            width: 70%;
          }

          .accordion {
            .accordion-button {
              font-size: 2.5rem;
              padding-top: 1rem;
              padding-bottom: 1rem;
            }

            .accordion-item {
              .accordion-body {
                ul {
                  li {
                    a {
                      font-size: 1.4rem;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    .mservice-cont:hover {
      .mservice {
        filter: blur(2.8rem);
        -webkit-filter: blur(2.8rem);
      }

      .overlay {
        .serive-menu {
          opacity: 1;

          .accordion {
            .accordion-item {
              animation: fadeInDown ease 500ms 500ms both;
            }
          }
        }
      }
    }

    .mservice-cont.personal {
      .overlay {
        h2 {
          margin-left: auto;
          text-align: right;
        }

        .serive-menu {
          .accordion {
            .accordion-body {
              height: 37svh;
            }
          }
        }
      }
    }
  }

  .whychooseus {
    padding-top: unset;
    background-image: url(img/whychooseus-bg.png);
    background-size: contain;

    .whychooseus-info {
      padding-left: 0;
      padding-right: 0;

      .info-cont {
        display: flex;

        .info {
          width: 50%;
        }

        img {
          display: block;
        }
      }
    }
  }

  .latest-offers {
    height: 85svh;
    background-size: contain;

    .offerends {
      .offer-itm-cont:first-child {
        margin-top: -6rem;
      }

      .offer-itm-cont:last-child {
        margin-top: -6rem;
      }
    }

    .offer-itm-cont {
      margin-bottom: unset;

      .offer-itm {
        img {
          opacity: 0;
        }

        .overlay {
          backdrop-filter: blur(5px);
          -webkit-backdrop-filter: blur(5px);
        }
      }
    }
  }

  .kpi {
    padding: 0 0 0 0;

    .title {
      display: flex;
      align-items: center;
      justify-content: end;
    }

    .kpilinks {
      .btn-kpi-links {
        font-size: 1.5rem;
      }
    }

    h2 {
      text-align: right;
      width: 73%;
      padding-right: 2rem;
    }
  }

  .news-branch {
    .branch-loc-cont {
      .info {
        width: 50%;
      }
    }
  }

  footer {
    .contact-cont {
      margin-bottom: 0;

      .contact {
        img {
          margin-left: -2rem;
          width: 70%;
        }

        .info {
          margin-left: 20%;
        }
      }
    }

    .links-cont {
      .links {
        .fitchRatingtxt {
          width: 75%;
        }
      }
    }
  }

  .histo-landmark {
    .time-line-cont {
      height: 90svh;
      overflow-y: auto;

      .time-line {
        .container-tl {
          padding: 2rem 2.5rem;
        }

        .container-tl::after {
          left: 49.25%;
        }

        .container-tl:nth-child(odd) {
          .info-sec {
            text-align: right;
            padding-right: 1rem;
          }

          .img-sec {
            text-align: left;
          }
        }

        .container-tl:nth-child(even) {
          .info-sec {
            padding-left: 1rem;
          }

          .img-sec {
            text-align: right;
          }
        }
      }

      .time-line::after {
        left: 50%;
      }
    }
  }

  .page-banner {
    .title {
      h1 {
        font-size: 6rem;
      }
    }
  }

  .overview {
    .overview-cont {
      .info {
        width: 80%;
        margin-left: auto;
        margin-bottom: 0;
      }
    }
  }

  .orgval {
    .orgval-info-cont {
      .orgval-info {
        padding: 6rem 0 9rem 0;

        h2 {
          font-size: 3rem;
        }
      }
    }

    .orgval-facts-cont {
      .fact-itm-cont {
        padding: 6rem 0 9rem 0;

        .fact-itm {
          .idot {
            left: -1.25rem;
          }
        }
      }
    }
  }

  .chairman {
    .chairman-cont {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      display: flex;
      align-items: center;

      .info-cont {
        padding: 0rem 2rem 0 0;
        top: 5rem;
      }

      .img {
        margin-top: -6rem;
      }
    }

    .ceo-cont {
      display: flex;
      align-items: center;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;

      .img {
        position: relative;
        z-index: 2;
        margin-top: -6rem;
      }

      .title {
        text-align: left;
      }

      .info-cont {
        padding: 0 0 0 2rem;
        top: 5rem;
      }
    }
  }

  .bod {
    .members {
      .bod-itm-cont {
        .bod-itm {
          padding: 0 2rem;
        }
      }
    }
  }

  .benifits {
    .benefits-cont1 {
      .benefit-itm {
        padding: 0 0 0 14%;
      }

      .benefit-itm.kfd {
        .kfd-cont {
          display: flex;
          justify-content: space-between;
          flex: 1 1 auto !important;
        }
      }
    }

    .benefits-cont2 {
      padding-left: 2.5%;
    }

    .benefits-cont2.form-submit {
      .form-cont {
        padding: 0 14% 0 0;
      }
    }
  }

  .dreamcar {
    h2 {
      font-size: 6rem;
    }
  }

  .inquiry {
    h2 {
      font-size: 3rem;
      text-align: center;
    }
  }

  .annual-reports {
    margin-bottom: 6rem;
  }

  .form-req {
    .img-cont {
      img {
        margin-top: -6rem;
      }
    }

    .link-cont {
      h2 {
        font-size: calc(1.325rem + 0.9vw);
      }
    }
  }
}

@media (min-width: 1200px) {
  .hero {
    .main-slider-carousel {
      .main-slide {
        height: 100svh;
      }
    }
  }
}

@media (min-width: 1400px) {
  .hero {
    .main-slider-carousel {
      .main-slide {
        height: 100svh;
      }
    }
  }
}