/*------------- Google Fonts ------------------------*/
/*------------- Custom Fonts - Typography ------------*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Poppins:wght@400;600;800&display=swap");
/*------------- Variables ----------------------------*/
/* Brand Colours */
/* Gray Colours */
/*------------- Mixins -------------------------------*/
/*------------- Reset --------------------------------*/
@media screen and (min-width: 320px) and (max-width: 481px) {
  /*
   Header Styling
   */
  header {
    background: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    header .header-top {
      display: none; }
    header a:active,
    header a:visited {
      color: #f58634;
      text-decoration: none; }
    header .mobile-menu {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      header .mobile-menu span {
        display: inline-block;
        font-size: .85rem;
        font-weight: 600;
        margin-right: .5rem;
        text-transform: uppercase; }
    header .menu-btn {
      position: absolute;
      right: 35px;
      top: 30px; }
      header .menu-btn .btn-line {
        background: black;
        height: 2px;
        width: 25px; }
      header .menu-btn .btn-line:not(:last-child) {
        margin-bottom: .3rem; }
    header .flex-grid {
      -ms-flex-line-pack: center;
          align-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 1rem 0; }
    header .logo {
      display: inline-block; }
      header .logo img {
        margin: 0 0 0 1.5rem;
        width: 40%; }
    header .menu {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(26, 26, 26, 0.97);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100vh;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 0;
      overflow-x: hidden;
      position: fixed;
      text-align: center;
      top: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      width: 0;
      z-index: 2; }
      header .menu .nav-menu {
        color: #ffffff;
        padding: 2rem 0; }
      header .menu .closebtn {
        color: #ffffff;
        font-size: 2rem;
        position: absolute;
        right: 20px;
        text-decoration: none;
        top: 10px;
        z-index: 3; }
      header .menu ul.nav-menu {
        position: relative; }
      header .menu ul li {
        display: block;
        list-style: none;
        padding: .65rem 0;
        position: relative; }
      header .menu ul li ul {
        background: #f58634;
        display: none;
        left: 0;
        margin: 0;
        padding: 0;
        position: static;
        top: 0;
        width: 15rem; }
      header .menu ul li ul li a {
        font-size: .8rem;
        font-weight: 500; }
      header .menu ul li ul li {
        margin: 0;
        padding: 0; }
      header .menu ul li:hover ul {
        display: block; }
      header .menu ul li:hover ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: .5rem 1rem; }
        header .menu ul li:hover ul li:hover {
          display: block; }
      header .menu ul li:hover ul li a {
        color: #ffffff; }
      header .menu ul li ul li a:hover {
        color: #f2f2f2;
        font-weight: 600;
        text-decoration: none; }
      header .menu ul li ul li:last-child {
        border-bottom: none; }
      header .menu li a {
        color: #ffffff;
        font-size: 1.1rem;
        text-decoration: none; }
      header .menu .nav-item:nth-child(1) {
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      header .menu .nav-item:nth-child(2) {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      header .menu .nav-item:nth-child(3) {
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      header .menu .nav-item:nth-child(4) {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
      header .menu .nav-item:nth-child(5) {
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s; }
      header .menu .nav-item:nth-child(6) {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
      header .menu .nav-item:nth-child(7) {
        -webkit-transition-delay: 0.7s;
                transition-delay: 0.7s; }
      header .menu .nav-item:nth-child(8) {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }

  /* Beginning of Slider Area Section */
  #slide-container {
    height: 100vh;
    overflow: hidden;
    position: relative; }
    #slide-container::after {
      background: rgba(0, 0, 0, 0.35);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    #slide-container .slide-container {
      display: none; }
    #slide-container .slide-container.active {
      display: block; }
    #slide-container .slide-container .slide {
      background: -webkit-gradient(linear, left top, right top, color-stop(70%, #f9f9f9), color-stop(30.1%, #f9f9f9));
      background: linear-gradient(90deg, #f9f9f9 70%, #f9f9f9 30.1%); }
    #slide-container .slide {
      position: relative; }
    #slide-container #prev,
    #slide-container #next {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50px;
      color: #fff;
      cursor: pointer;
      font-size: 1.5rem;
      font-weight: 600;
      height: 40px;
      line-height: 40px;
      position: absolute;
      text-align: center;
      top: 55%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 40px;
      z-index: 1; }
    #slide-container #prev:hover,
    #slide-container #next:hover {
      background: rgba(255, 255, 255, 0.8); }
    #slide-container #prev {
      left: 1rem; }
    #slide-container #next {
      right: 1rem; }
    #slide-container .content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-animation: slideContent .4s linear .6s backwards;
              animation: slideContent .4s linear .6s backwards;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 10% auto 0;
      padding: 2rem;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 1; }
    #slide-container .image {
      position: relative; }
      #slide-container .image img {
        -webkit-animation: slideImage .4s linear;
                animation: slideImage .4s linear;
        height: 100vh;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%; }
    #slide-container .course-link {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #slide-container .course-link:hover {
        background: #0967aa;
        color: #ffffff; }
  @-webkit-keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @-webkit-keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
  @keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
    #slide-container h1, #slide-container span {
      color: #ffffff; }
    #slide-container h1 {
      font-size: 1.9rem;
      font-weight: 600;
      line-height: 150%;
      margin: 1rem 0 2.5rem; }
    #slide-container span {
      display: inline-block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      text-transform: uppercase; }

  /* End of Slider Area Section */
  /* Beginning of Subsidiaries - Index Page */
  #subsidiaries {
    margin: -3rem auto 0;
    padding: 0 2rem;
    position: relative; }
    #subsidiaries .subsidiaries-content {
      width: 100%; }
    #subsidiaries .subsidiaries-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      width: 100%; }
    #subsidiaries .sub-item:not(:last-child) {
      margin: 0 0 2rem; }
    #subsidiaries .sub-item {
      background: #ffffff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #subsidiaries .sub-item:hover {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%); }
      #subsidiaries .sub-item:hover a {
        color: #ffffff; }
      #subsidiaries .sub-item h2 {
        font-weight: 600; }
      #subsidiaries .sub-item a {
        color: #ffffff;
        font-size: .85rem;
        text-decoration: none; }
      #subsidiaries .sub-item i {
        font-size: 1.15rem;
        margin-right: .5rem; }
    #subsidiaries .sub-item:first-child,
    #subsidiaries .sub-item:first-of-type {
      background: #f58634;
      color: #ffffff; }
      #subsidiaries .sub-item:first-child h2,
      #subsidiaries .sub-item:first-of-type h2 {
        color: #ffffff; }
    #subsidiaries .sub-item:not(:first-child) {
      background: #f6f6f6;
      border: 1px solid rgba(169, 169, 169, 0.5); }
      #subsidiaries .sub-item:not(:first-child):hover {
        background: #043e66; }
      #subsidiaries .sub-item:not(:first-child):hover h2 {
        color: #ffffff; }
      #subsidiaries .sub-item:not(:first-child) h2 {
        color: #043e66; }
      #subsidiaries .sub-item:not(:first-child) a {
        color: #f58634;
        font-size: .85rem;
        font-weight: 600;
        text-decoration: none; }
    #subsidiaries .sub-item-inner {
      padding: 1.5rem; }
    #subsidiaries h2 {
      font-size: 1.15rem;
      margin: 0 0 .85rem; }
    #subsidiaries p {
      font-size: .85rem; }

  .sub-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .sub-container .sub-content:not(:last-child) {
      margin-right: 0; }
    .sub-container .sub-main-content,
    .sub-container .sub-side-bar {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .sub-container .sub-main-content {
      position: relative; }
      .sub-container .sub-main-content .sub-services {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
        margin: 3rem 0 0;
        width: 100%; }
      .sub-container .sub-main-content h3 {
        font-size: 1.35rem;
        margin: 2rem 0 -1.5rem; }
      .sub-container .sub-main-content figure img {
        display: block;
        width: 100%;
        -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      .sub-container .sub-main-content figcaption {
        font-size: .75rem; }
    .sub-container .sub-side-bar {
      background: #0967aa;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 25rem;
      margin-top: 3rem;
      position: relative; }
    .sub-container .sub-title,
    .sub-container .sub-title-links {
      padding: 1rem 1.5rem; }
    .sub-container .sub-title {
      background: #043e66; }
      .sub-container .sub-title h3 {
        color: #ffffff;
        font-size: 1.35rem; }
    .sub-container .sub-title-links ul {
      list-style: none;
      padding: 0 0 2rem 0; }
    .sub-container .sub-title-links ul li {
      display: block;
      line-height: 3.5;
      margin: 1rem 0;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after, .sub-container .sub-title-links ul li::before {
        background: #ffffff;
        bottom: -.15rem;
        content: '';
        left: 0;
        position: absolute;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after {
        height: 1px;
        width: 100%; }
      .sub-container .sub-title-links ul li::before {
        height: 3px;
        width: 0; }
      .sub-container .sub-title-links ul li:hover::before {
        height: 2px;
        width: 100%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li a {
        color: #ffffff;
        display: block;
        font-size: .85rem;
        line-height: 1.5;
        text-decoration: none; }

  /* Beginning of Subsidiaries - Index Page */
  /* Beginning of About Mobol-Bee - Index Page */
  #about-mobol-bee {
    padding: 2rem;
    position: relative; }

  #about-mobol-bee .about-mb-flex {
    display: block;
    margin: 0 auto;
    width: 100%; }

  .about-mb-img {
    background-image: url("../img/logistics-truck.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70vh;
    margin: 1rem 0 0;
    position: relative; }

  .about-mb-img::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

  .about-mb-content span {
    color: #f58634;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin: 0 0 1rem;
    text-transform: uppercase; }

  .about-mb-inner-content {
    width: 100%; }
    .about-mb-inner-content h2 {
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 130%;
      margin: 0 0 1.5rem; }

  .about-overlay-content {
    background: #0967aa;
    left: 5%;
    padding: 1rem 2rem;
    position: absolute;
    top: 50%;
    width: 90%;
    z-index: 1;
    border-radius: 0.3rem; }
    .about-overlay-content h3, .about-overlay-content p, .about-overlay-content a {
      color: #ffffff; }
    .about-overlay-content h3 {
      font-size: 1rem;
      margin: 0 0 1rem; }
    .about-overlay-content p {
      font-size: .8rem; }
    .about-overlay-content i {
      display: inline-block;
      font-size: 1.35rem;
      margin-right: .5rem;
      vertical-align: middle; }
    .about-overlay-content a {
      font-size: .9rem;
      font-weight: 600;
      text-decoration: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .about-overlay-content a:hover {
      margin-left: 1rem; }

  p {
    font-size: .9rem;
    line-height: 1.9; }

  p:not(:last-child) {
    margin: 0 0 1.5rem; }

  /* End of About Mobol-Bee - Index Page */
  /* Beginning of Services - Index Page */
  #services {
    padding: 1rem 2rem 2rem;
    position: relative; }
    #services .services-content {
      margin: 20% auto;
      width: 100%; }
    #services .services-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; }
    #services img {
      display: block;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services .service-item {
      background: #f58634;
      cursor: pointer;
      overflow: hidden;
      border-radius: 0.3rem; }
      #services .service-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #services .service-item:hover h3 {
        margin-left: 1rem; }
    #services .service-item-content {
      padding: 1.5rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services h2 {
      color: #043e66;
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 150%;
      margin: 0 0 3rem;
      position: relative; }
      #services h2::after {
        background: rgba(0, 0, 0, 0.15);
        bottom: 1rem;
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        width: 40%; }
    #services h3 {
      font-size: 1rem;
      font-weight: 600;
      line-height: 150%;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #services h3:hover {
        margin-left: 1rem; }
      #services h3 a {
        color: #ffffff;
        text-decoration: none; }
      #services h3 i {
        color: #ffffff; }
      #services h3 i {
        font-size: 1.35rem;
        margin-right: .5rem; }

  /* End of Services - Index Page */
  /* Beginning of Mission and Vision - Index Page */
  #mission-vision {
    background: rgba(4, 62, 102, 0.93);
    background-blend-mode: multiply;
    padding: 2rem;
    position: relative; }
    #mission-vision::after {
      background-image: url("../img/mission-vision-bg.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    #mission-vision .mission-vision-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem;
      margin: 0 auto;
      width: 100%; }
    #mission-vision h2 {
      font-size: 1.35rem;
      margin: 0 0 1rem; }
    #mission-vision h2, #mission-vision h3 {
      color: #f58634; }
    #mission-vision h3 {
      font-size: 1.15rem;
      letter-spacing: .05rem; }
    #mission-vision p, #mission-vision li {
      color: rgba(255, 255, 255, 0.8);
      font-size: .85rem;
      line-height: 2; }
    #mission-vision li {
      margin-left: 1rem; }
    #mission-vision img {
      display: block;
      margin: 0 0 2.5rem; }
    #mission-vision a {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #mission-vision a:hover {
        background: #131516;
        color: #ffffff; }

  /* End of Mission and Vision - Index Page */
  /* Beginning of Partners - Index Page */
  #partners-logos {
    background: #ffffff;
    position: relative;
    padding: 2rem; }
    #partners-logos .partners-logos {
      margin: 0 auto; }
      #partners-logos .partners-logos img {
        display: block;
        margin: 0 auto;
        width: 70%; }

  /* End of Partners - Index Page */
  /* Beginning of Other Pages Header */
  #other_pages_header .about_page_header {
    background: url("../img/about-us-header-page.jpg"); }
  #other_pages_header .services_header {
    background: url("../img/services-header.jpg"); }
  #other_pages_header .subsidiaries_header {
    background: url("../img/subsidiaries.jpg"); }
  #other_pages_header .blog_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .contact_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .about_page_header,
  #other_pages_header .services_header,
  #other_pages_header .subsidiaries_header,
  #other_pages_header .contact_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    #other_pages_header .about_page_header::after,
    #other_pages_header .services_header::after,
    #other_pages_header .subsidiaries_header::after,
    #other_pages_header .contact_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .blog_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative; }
    #other_pages_header .blog_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .page_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    margin: 1.5rem 0 0;
    padding: 2rem;
    position: absolute;
    width: 100%;
    z-index: 1; }
  #other_pages_header .learn-more {
    background: #f58634;
    color: #ffffff;
    display: inline-block;
    font-size: .85rem;
    margin: 2rem 0 2rem;
    padding: .65rem 2rem;
    text-decoration: none; }
  #other_pages_header .breadcrumbs {
    font-size: .9rem;
    font-weight: 500;
    margin: 1rem 0 0; }
    #other_pages_header .breadcrumbs a {
      color: #ffffff;
      letter-spacing: .05rem;
      text-decoration: none; }
    #other_pages_header .breadcrumbs a:hover {
      color: #f58634; }
  #other_pages_header h1 {
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 150%; }
  #other_pages_header span {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03rem;
    margin: 0 0 1rem;
    text-transform: uppercase; }

  /* End of Other Pages Header */
  /* Beginning of Main Content Area */
  main {
    position: relative; }
    main .main-content {
      margin: 0 auto;
      padding: 2rem;
      width: 100%; }
    main .about-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem; }
    main .mobol-bee-content {
      width: 100%; }
      main .mobol-bee-content h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.35;
        margin: 0 0 2rem; }
      main .mobol-bee-content h3 {
        font-size: 1.15rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 0 0 .75rem; }
      main .mobol-bee-content ul li {
        font-size: .8rem;
        line-height: 1.75;
        list-style: none;
        margin-left: 0; }
      main .mobol-bee-content ul li::before {
        color: #f58634;
        content: '\f18e';
        font-family: FontAwesome;
        font-size: 1.15rem;
        margin-right: .5rem;
        vertical-align: middle; }
    main .services-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; }
      main .services-grid img {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    main .services-grid .services-item {
      background: #f6f6f6;
      overflow: hidden;
      position: relative;
      border-radius: 0.3rem; }
      main .services-grid .services-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    main .services-item-content {
      padding: 1rem 2rem 3rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      main .services-item-content h2 {
        font-size: 1.15rem; }
      main .services-item-content a {
        color: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .85rem;
        margin: auto;
        position: relative;
        text-decoration: none;
        vertical-align: middle; }
        main .services-item-content a:hover {
          color: #043e66; }
        main .services-item-content a i {
          font-size: 1.35rem;
          margin-right: .5rem;
          vertical-align: middle; }
    main .services-img-grid {
      display: grid;
      gap: 1rem;
      margin: 2rem 0 0; }
    main #our-team {
      margin: 0 auto;
      padding: 2rem;
      position: relative; }
      main #our-team .our-team-header,
      main #our-team .our-team-flex {
        margin: 0 auto;
        width: 100%; }
      main #our-team .our-team-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: wrap column;
                flex-flow: wrap column;
        gap: 1.5rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      main #our-team img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main #our-team .our-team-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22%;
                flex: 0 0 22%;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem; }
        main #our-team .our-team-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main #our-team .our-team-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: auto;
        padding: .35rem;
        text-align: center;
        z-index: 1; }
        main #our-team .our-team-portfolio h3 {
          font-family: "Poppins", san-serif;
          font-size: 1rem;
          font-weight: 600;
          text-align: center; }
          main #our-team .our-team-portfolio h3 span {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            text-transform: uppercase; }
      main #our-team h2 {
        color: #043e66;
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 1.5rem;
        position: relative; }
        main #our-team h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 50%; }
    main .board-of-directors {
      margin: 0;
      padding: 1rem 0;
      position: relative; }
      main .board-of-directors .our-board-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: wrap column;
                flex-flow: wrap column;
        gap: 2rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%; }
      main .board-of-directors img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main .board-of-directors .our-board-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        height: 25rem;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem; }
        main .board-of-directors .our-board-item:last-child, main .board-of-directors .our-board-item:last-of-type {
          margin: 0 auto; }
        main .board-of-directors .our-board-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main .board-of-directors .our-board-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 20%;
        margin-top: auto;
        padding: 1rem 2rem;
        text-align: center;
        width: 100%;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .board-of-directors .our-board-portfolio h3 {
          color: #ffffff;
          font-family: "Poppins", san-serif;
          font-size: 1.1rem;
          font-weight: 600;
          line-height: 1.1;
          text-align: center; }
        main .board-of-directors .our-board-portfolio span {
          font-size: .7rem;
          font-weight: normal;
          line-height: 1.35;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
      main .board-of-directors h2 {
        color: #043e66;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 3rem;
        position: relative; }
        main .board-of-directors h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1.15rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 80%; }
    main .subsidiaries-flex {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: wrap column;
              flex-flow: wrap column;
      margin: 0 0 3.5rem;
      position: relative;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      main .subsidiaries-flex .sub-flex-item-img {
        position: relative; }
      main .subsidiaries-flex img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
      main .subsidiaries-flex .sub-flex-item-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        padding: 2rem 2rem 3rem; }
      main .subsidiaries-flex .sub-item-content {
        width: 100%; }
      main .subsidiaries-flex h3 {
        color: #f58634;
        font-size: 1.35rem;
        line-height: 1.35;
        margin: 0 0 1rem; }
      main .subsidiaries-flex p {
        margin: 0 0 1.5rem; }
      main .subsidiaries-flex a {
        background: #f58634;
        color: #ffffff;
        display: block;
        font-size: .85rem;
        padding: .65rem 2rem;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .subsidiaries-flex a:hover {
          background: #0967aa;
          color: #ffffff; }
    main .media-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; }
      main .media-grid .text h3 {
        font-size: 1.15rem; }
    main .services-heading {
      margin: 1rem auto 0;
      width: 100%; }
      main .services-heading h2 {
        font-family: "Poppins", san-serif;
        font-size: 1rem; }
    main .services-content {
      background: #f6f6f6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      gap: 2rem;
      margin: 3rem 0 0;
      position: relative; }
      main .services-content .services-item {
        position: relative; }
        main .services-content .services-item p {
          font-size: .9rem; }
        main .services-content .services-item img {
          display: block;
          -o-object-fit: cover;
             object-fit: cover; }
      main .services-content .services-item-content {
        padding: 2rem; }
        main .services-content .services-item-content h3 {
          font-size: 1.15rem; }
        main .services-content .services-item-content ul {
          margin-left: 1.15rem; }
        main .services-content .services-item-content li {
          font-size: .85rem;
          line-height: 1.75; }
    main .contact-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    main .contact-mobol-bee-address {
      margin: 2rem 0 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      main .contact-mobol-bee-address h2 {
        font-family: "Poppins", san-serif;
        font-size: 1rem;
        margin: 0 0 .5rem;
        opacity: .85; }
      main .contact-mobol-bee-address h2:last-child,
      main .contact-mobol-bee-address h2:last-of-type {
        margin: 2rem 0 0; }
      main .contact-mobol-bee-address i {
        color: #f58634;
        font-size: 1.15rem;
        margin-right: .5rem; }
      main .contact-mobol-bee-address span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        font-size: .85rem;
        margin: 0 0 1rem;
        opacity: .85; }
    main .contact-mobol-bee-form {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    main .contact-form {
      margin: 0;
      padding: 0; }
    main .form_group:not(:last-child),
    main .form_group:not(:last-of-type) {
      margin: 0 0 1.5rem; }
    main input[type='text'],
    main textarea {
      border: 1px solid rgba(169, 169, 169, 0.5);
      border-radius: 0; }
    main textarea {
      height: 15rem;
      resize: none; }
    main label {
      font-size: .85rem;
      opacity: .85; }
    main p {
      font-size: .75rem; }

  /*
  All Latest News
   */
  #all_news {
    position: relative; }
    #all_news .latest_articles {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(1, 1fr);
      position: relative; }
    #all_news .articles {
      background: #f6f6f6;
      overflow: hidden;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      #all_news .articles:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #all_news .articles h3 {
        color: #131516;
        font-size: 1.15rem;
        line-height: 1.5; }
        #all_news .articles h3 a {
          color: inherit;
          text-decoration: none; }
        #all_news .articles h3 a:hover {
          color: #373d3f; }
      #all_news .articles small {
        color: #043e66;
        display: block;
        font-size: .7rem;
        letter-spacing: .05rem;
        margin-bottom: .5rem;
        text-transform: uppercase; }
        #all_news .articles small i {
          font-style: normal; }
        #all_news .articles small a {
          text-decoration: none; }
      #all_news .articles img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      #all_news .articles .inner_article {
        padding: 1.5rem; }

  /*
Single News Content
 */
  #single_news_content {
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%; }
    #single_news_content .single_news {
      margin: 0 auto;
      position: relative;
      width: 100%; }
    #single_news_content img {
      margin-bottom: 2rem; }
    #single_news_content .single_news_body_content {
      margin-bottom: 3rem; }
      #single_news_content .single_news_body_content p {
        font-size: 1.15rem; }
    #single_news_content small {
      color: #043e66;
      display: block;
      margin-bottom: .7rem;
      text-transform: uppercase; }
      #single_news_content small i {
        font-style: normal; }
    #single_news_content .post_navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; }
      #single_news_content .post_navigation .next_post a {
        margin: 1rem 0; }
      #single_news_content .post_navigation .previous_post a,
      #single_news_content .post_navigation .next_post a {
        color: #ffffff;
        display: inline-block;
        font-size: .9rem;
        font-weight: 600;
        letter-spacing: .05rem;
        padding: .85rem 2rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%; }
        #single_news_content .post_navigation .previous_post a:hover,
        #single_news_content .post_navigation .next_post a:hover {
          color: #ffffff;
          text-decoration: none; }
        #single_news_content .post_navigation .previous_post a::after, #single_news_content .post_navigation .previous_post a::before,
        #single_news_content .post_navigation .next_post a::after,
        #single_news_content .post_navigation .next_post a::before {
          font-family: FontAwesome;
          font-weight: 700;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
    #single_news_content .post_navigation .next_post a {
      background: #373d3f; }
      #single_news_content .post_navigation .next_post a:hover::after {
        margin-left: 1rem; }
      #single_news_content .post_navigation .next_post a::after {
        content: '\27F6';
        margin-left: .5rem; }
    #single_news_content .post_navigation .previous_post a {
      background: #043e66; }
      #single_news_content .post_navigation .previous_post a:hover::before {
        margin-right: 1rem; }
      #single_news_content .post_navigation .previous_post a::before {
        content: '\27F5';
        margin-right: .5rem; }

  .blog_search {
    margin: 0 0 1.5rem;
    padding: 0;
    position: relative;
    width: 100%; }
    .blog_search .blog_search_content {
      position: relative; }
      .blog_search .blog_search_content .searchForm input[type='text'] {
        background: transparent;
        border: none;
        font-size: .75rem;
        position: relative;
        width: 100%;
        border-radius: 0;
        background: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #b6b6b6; }
        .blog_search .blog_search_content .searchForm input[type='text']:active, .blog_search .blog_search_content .searchForm input[type='text']:focus {
          outline: 0; }
      .blog_search .blog_search_content .searchForm button {
        background: transparent;
        border: 0;
        color: #373d3f;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        position: absolute;
        right: 0;
        -webkit-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        width: auto; }
        .blog_search .blog_search_content .searchForm button:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .blog_search .blog_search_content .searchForm button:active, .blog_search .blog_search_content .searchForm button:focus {
          outline: 0; }

  /* End of Main Content Area */
  table.journals_table {
    display: block;
    margin-top: 2rem;
    position: relative; }
    table.journals_table thead, table.journals_table tbody, table.journals_table th, table.journals_table td, table.journals_table tr {
      display: block; }
    table.journals_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.journals_table thead tr th {
        font-size: .85rem;
        font-weight: 600;
        padding-right: .5rem;
        white-space: wrap; }

  /*
   Sidebar Menu Styling
   */
  .showMenuBtn {
    background: #0967aa;
    color: #ffffff;
    cursor: pointer;
    font-size: .75rem;
    left: 0;
    padding: .75rem .75rem;
    position: absolute;
    top: 15%;
    z-index: 2; }
    .showMenuBtn .btn_line {
      background: #ffffff;
      height: 2px;
      width: 23px; }
    .showMenuBtn .btn_line:not(:last-child) {
      margin-bottom: .3rem; }

  .sidebar-menu .closebtn {
    color: #ffffff;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }

  .sidebar-menu {
    background: #31353D;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 14.3%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    z-index: 2; }
    .sidebar-menu .profile_photo {
      background: #ffffff;
      height: 50px;
      margin-right: .5rem;
      vertical-align: middle;
      width: 50px;
      border-radius: 50%; }
    .sidebar-menu .activeBG {
      padding: .5rem 1rem; }
      .sidebar-menu .activeBG span.profile_name {
        color: #ffffff;
        font-size: .85rem;
        font-weight: 600;
        letter-spacing: .05rem;
        text-transform: capitalize; }
    .sidebar-menu .sidebar-dropdown,
    .sidebar-menu .sidebar-dropdown-none {
      background: #31353D;
      border-bottom: 1px solid #434a4d;
      cursor: pointer;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      width: 100%; }
      .sidebar-menu .sidebar-dropdown:last-of-type,
      .sidebar-menu .sidebar-dropdown-none:last-of-type {
        border-bottom: 0; }
      .sidebar-menu .sidebar-dropdown:hover,
      .sidebar-menu .sidebar-dropdown-none:hover {
        background: #363a43; }
      .sidebar-menu .sidebar-dropdown span,
      .sidebar-menu .sidebar-dropdown-none span {
        display: inline-block; }
    .sidebar-menu ul {
      position: relative; }
    .sidebar-menu li.sidebar-dropdown:first-of-type,
    .sidebar-menu li.sidebar-dropdown:first-child {
      background: #0967aa;
      border-bottom: 1px solid #434a4d; }
      .sidebar-menu li.sidebar-dropdown:first-of-type i,
      .sidebar-menu li.sidebar-dropdown:first-child i {
        color: #ffffff;
        font-size: 1.7rem; }
      .sidebar-menu li.sidebar-dropdown:first-of-type a,
      .sidebar-menu li.sidebar-dropdown:first-child a {
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a:hover > i::before,
        .sidebar-menu li.sidebar-dropdown:first-child a:hover > i::before {
          -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                  animation: swing ease-in-out 0.5s 1 alternate;
          color: rgba(55, 61, 63, 0.9);
          display: inline-block; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a::after,
        .sidebar-menu li.sidebar-dropdown:first-child a::after {
          content: ''; }
    .sidebar-menu a {
      color: #b3b3b3;
      display: block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      padding: .9rem 1.5rem;
      position: relative;
      text-decoration: none; }
      .sidebar-menu a i {
        color: #b3b3b3;
        font-size: 1.15rem; }
      .sidebar-menu a:hover {
        color: #0967aa; }
      .sidebar-menu a:hover > i::before {
        -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                animation: swing ease-in-out 0.5s 1 alternate;
        display: inline-block; }
    .sidebar-menu .sidebar-dropdown > a::after {
      color: #999999;
      content: '\f105';
      font-family: FontAwesome;
      position: absolute;
      right: 2rem;
      top: .9rem;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a::after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu {
      background: #3c414b;
      display: none;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
      margin: 0;
      padding: 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
      padding-left: 3rem;
      font-size: .85rem; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
      padding: .7rem 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a::before {
      content: '\f111';
      font-family: FontAwesome;
      margin-right: .5rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover::before {
      color: #0967aa; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a {
      color: #373d3f; }
    .sidebar-menu .sidebar-dropdown.active,
    .sidebar-menu .sidebar-dropdown.active:hover,
    .sidebar-menu .sidebar-submenu.active:focus {
      background: #31353D !important; }
    .sidebar-menu .sidebar-dropdown.active > a,
    .sidebar-menu .sidebar-dropdown.active:hover > a,
    .sidebar-menu .sidebar-submenu.active:focus > a {
      color: #0967aa; }
    .sidebar-menu ul li a i {
      margin-right: .5rem; }
    .sidebar-menu ul li ul li a {
      font-size: .75rem; } }
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0; }

html,
body,
body div,
span,
a,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
figcaption,
time,
mark,
audio,
video {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0; }

/*------------- Base Styles --------------------------*/
body {
  background: white;
  color: #131516;
  font-family: "Poppins", san-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.7; }

.sticky {
  position: relative; }

h1,
h2,
h3,
h4 {
  font-family: "Merriweather", serif; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 1.9rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.125rem; }

img, video {
  height: auto;
  max-width: 100%;
  width: 100%; }

.clearfix {
  margin: 3rem; }

.clear-fix {
  margin-bottom: 3rem; }

.clearFix {
  margin-bottom: 5rem; }

.show {
  background: rgba(255, 255, 255, 0.85);
  display: block;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

a.read_more {
  color: #0967aa;
  font-size: .65rem;
  letter-spacing: .05rem;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  a.read_more::after {
    content: '\f178';
    font-family: FontAwesome;
    margin-left: .5rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  a.read_more:hover::after {
    margin-left: 1rem; }

.g-recaptcha {
  margin-bottom: 1rem; }

.error {
  color: #ff0000;
  font-size: .8rem; }

.message-success {
  background: #d7efd5;
  color: #3c9035;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 0.3rem; }

.message-error {
  background: #ffcccc;
  color: #cc0000;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 0.3rem; }

#scroll {
  background: rgba(169, 169, 169, 0.9);
  bottom: 1rem;
  color: #fff;
  cursor: pointer;
  display: none;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 1.5rem;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  #scroll .fa {
    font-size: 2.5rem;
    font-weight: 600;
    margin: .1rem 0 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  #scroll:hover {
    background: rgba(19, 21, 22, 0.5);
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"; }

a.link_add {
  background: #043e66;
  border: 0;
  color: #ffffff;
  display: inline-block;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .1rem;
  margin-right: 0;
  padding: .5rem 1.15rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap; }
  a.link_add:hover {
    color: #bfbfbf; }

input[type="file"] {
  display: none; }

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.box {
  background: rgba(19, 21, 22, 0.05);
  padding: 2rem;
  width: 100%; }

.inputfile + label {
  cursor: pointer;
  display: block;
  font-size: 1.15rem;
  font-weight: 600;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  padding: 1rem 1.5rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap; }

.inputfile + label span {
  color: #ffffff;
  display: inline-block;
  margin: 0 auto; }

.no-js .inputfile + label {
  display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label i {
  color: #ffffff;
  display: inline-block;
  fill: #ffffff;
  font-size: 1.75rem;
  margin-right: .5rem;
  vertical-align: middle; }

/* style 1 */
.inputfile-1 + label {
  color: #ffffff;
  background-color: #373d3f; }

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
  color: #bfbfbf;
  background-color: #2b3031; }

/* --------------------- Form Styling --------------------------*/

:-ms-input-placeholder {
  font-size: .85rem;
  opacity: .5;
  overflow: visible; }

::-webkit-input-placeholder {
  font-size: .85rem;
  opacity: .5;
  overflow: visible; }

::-ms-input-placeholder {
  font-size: .85rem;
  opacity: .5;
  overflow: visible; }

::placeholder {
  font-size: .85rem;
  opacity: .5;
  overflow: visible; }

.span-2 {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%; }

.password_msg {
  color: #a9a9a9;
  display: block;
  font-size: .75rem;
  line-height: 150%;
  margin: .5rem 0 0 0; }

.account,
.forgot_password {
  font-size: .8rem;
  margin-top: .5rem; }

.heading {
  margin: 1rem 0; }

.form_group {
  position: relative; }
  .form_group i {
    color: #a9a9a9;
    font-size: 1.05rem;
    right: 10px;
    position: absolute;
    top: 41px; }

.form_group:not(:last-child) {
  margin-bottom: 1rem; }

input[type="checkbox"] {
  margin-right: .3rem; }

label {
  color: rgba(19, 21, 22, 0.75);
  display: block;
  font-size: .8rem;
  margin-bottom: .15rem; }
  label span {
    color: #e93f00; }

input[type="text"],
input[type="password"],
select {
  background: #ffffff;
  border: 1px solid rgba(169, 169, 169, 0.7);
  color: rgba(19, 21, 22, 0.7);
  font-size: .9rem;
  height: 3rem;
  padding: .5rem;
  width: 100%;
  border-radius: 0; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  select:focus {
    border: 1px solid rgba(9, 103, 170, 0.75);
    outline: 0; }

textarea {
  background: #ffffff;
  border: 2px solid rgba(169, 169, 169, 0.75);
  color: rgba(19, 21, 22, 0.7);
  font-size: .9rem;
  height: 10rem;
  padding: .5rem;
  resize: none;
  width: 100%;
  border-radius: 0.35rem; }
  textarea:focus {
    border: 2px solid rgba(9, 103, 170, 0.75);
    outline: 0; }

.description {
  height: 5rem; }

button,
#button {
  background: #0967aa;
  border: 0;
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .07rem;
  margin-top: 0;
  padding: .65rem 2rem;
  text-transform: uppercase;
  width: auto;
  border-radius: 0.3rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  button:hover,
  #button:hover {
    border: 0;
    color: #ffffff;
    text-decoration: none; }
  button:focus,
  #button:focus {
    outline: 0; }

/* ---------------- Social Media Brand Colors -------------- */
.fa-instagram,
.fa-globe,
.fa-envelope,
.fa-envelope-o {
  color: #f58634; }
  .fa-instagram:hover,
  .fa-globe:hover,
  .fa-envelope:hover,
  .fa-envelope-o:hover {
    color: rgba(255, 255, 255, 0.5); }

/*
     Footer Styling
     */
#footer {
  background: black;
  position: relative;
  padding: 2rem; }
  #footer .footer_up {
    color: #ffffff;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin: 0 0 1.5rem 0; }
    #footer .footer_up .footer-item {
      -webkit-box-flex: 2;
          -ms-flex: 2 1 auto;
              flex: 2 1 auto; }
    #footer .footer_up img {
      display: block;
      margin: 0 0 1.5rem;
      width: 60%; }
    #footer .footer_up p {
      color: rgba(255, 255, 255, 0.5);
      font-size: .8rem;
      line-height: 200%; }
    #footer .footer_up ul li {
      color: rgba(255, 255, 255, 0.5);
      font-size: .8rem;
      list-style-type: none;
      margin: 0 0 .65rem 0; }
      #footer .footer_up ul li a {
        color: rgba(255, 255, 255, 0.5);
        text-decoration: none; }
        #footer .footer_up ul li a:hover {
          color: rgba(245, 134, 52, 0.9); }
      #footer .footer_up ul li span {
        color: #f58634;
        font-weight: 600; }
    #footer .footer_up h3 {
      font-size: 1.05rem;
      font-weight: 600;
      letter-spacing: .05rem;
      line-height: 150%;
      margin: 0 0 .8rem 0;
      opacity: .8;
      position: relative; }
    #footer .footer_up i {
      display: inline-block;
      font-size: 1.35rem;
      margin: 1rem 0 0 0; }
      #footer .footer_up i:not(:last-child) {
        margin: 0 .5rem 0 0; }
  #footer .footer_down {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.5rem 0 0 0; }
  #footer .credit {
    color: rgba(255, 255, 255, 0.7);
    font-size: .75rem; }
  #footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none; }
  #footer .credit span {
    color: rgba(255, 255, 255, 0.7); }

/* -------------- Pagination Styling -------------------------*/
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 5% 0 0; }
  .pagination .page-link {
    background-color: #cfeafc;
    border: 1px solid #dee2e6;
    color: #043e66;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.25;
    margin-left: -1px;
    padding: .75rem 1.15rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase; }
  .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0967aa; }
  .pagination .page-item.disabled .page-link {
    background-color: #cfeafc;
    border-color: #dee2e6;
    color: #6c757d;
    cursor: auto;
    pointer-events: none; }

/*------------- Admin Area Styling ----------------------------*/
.graphShow {
  display: block;
  width: 100%; }
  .graphShow .chart_div {
    display: block;
    height: 30rem;
    width: auto; }

table.category_table {
  margin-top: 2rem;
  width: 100%; }
  table.category_table thead, table.category_table tbody, table.category_table th, table.category_table td, table.category_table tr {
    width: 100%; }
  table.category_table thead {
    background: #fefefe;
    color: rgba(55, 61, 63, 0.85);
    text-transform: uppercase; }
    table.category_table thead tr th {
      font-size: .85rem;
      font-weight: 600;
      padding-right: .5rem;
      white-space: wrap; }

th, td {
  height: auto; }

table tr:nth-child(even) {
  background: #ffffff; }

table tr td {
  font-size: .85rem; }
  table tr td span {
    display: block; }

table td img {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 80%; }

table td i {
  display: inline-block;
  margin: 0 .75rem 0 0;
  text-align: center; }

.fa-trash,
.fa-user-circle {
  color: #ff5a1d; }

table tr td a {
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none; }

a.link-block {
  display: block;
  font-size: .9rem;
  font-weight: normal; }

table tbody tr td > .view_hover {
  margin: .5rem 0;
  visibility: visible;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  table tbody tr td > .view_hover li {
    border-right: 1px solid rgba(55, 61, 63, 0.3);
    display: inline-block;
    margin: 0 .1rem;
    position: relative; }
    table tbody tr td > .view_hover li:nth-child(2) a {
      color: #e93f00; }
    table tbody tr td > .view_hover li:last-of-type, table tbody tr td > .view_hover li:last-child {
      border-right: 0;
      margin-right: 0; }
    table tbody tr td > .view_hover li:first-of-type, table tbody tr td > .view_hover li:first-child {
      margin-left: 0; }
  table tbody tr td > .view_hover a {
    display: inline-block;
    font-size: .9rem;
    font-weight: normal;
    margin-right: .5rem; }

table tbody tr td:hover .view_hover {
  visibility: visible; }

.dataTables_length,
.dataTables_filter {
  display: inline-block;
  margin: 1rem 0; }

.dataTables_info,
.dataTables_paginate {
  display: inline-block; }

.dataTables_paginate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: right; }
  .dataTables_paginate span {
    background: #a9a9a9;
    padding: .3rem .7rem; }
  .dataTables_paginate a.paginate_button.disabled {
    background: #a9a9a9;
    padding: .3rem .7rem; }
  .dataTables_paginate a.paginate_button:active,
  .dataTables_paginate a.paginate_button.active {
    background: dimgray; }

.dataTables_filter {
  float: right; }

.dataTables_length label select {
  padding: .3rem .7rem;
  border-radius: 0.3rem; }
  .dataTables_length label select:focus, .dataTables_length label select:active {
    outline: 0; }

.dataTables_filter label input[type="search"] {
  border: 1px solid #373d3f;
  margin-left: .5rem;
  padding: .3rem .7rem;
  border-radius: 0.3rem; }
  .dataTables_filter label input[type="search"]:focus, .dataTables_filter label input[type="search"]:active {
    outline: 0; }

form.bulkOption #bulkOptionContainer select {
  border: 1px solid rgba(55, 61, 63, 0.5);
  display: block;
  margin: 0 0 1rem;
  padding: .5rem;
  width: 100%; }
  form.bulkOption #bulkOptionContainer select:focus, form.bulkOption #bulkOptionContainer select:active {
    outline: 0; }
form.bulkOption #bulkOptionContainer input[type="submit"] {
  background: #0967aa;
  border: 0;
  color: #ffffff;
  display: block;
  font-weight: 600;
  letter-spacing: .1rem;
  margin: 0 0 .75rem;
  padding: .75rem 1.5rem;
  text-transform: uppercase;
  width: 100%; }
  form.bulkOption #bulkOptionContainer input[type="submit"]:hover {
    color: #bfbfbf; }
form.bulkOption #bulkOptionContainer a.link_add {
  background: #043e66;
  border: 0;
  color: #ffffff;
  display: block;
  font-weight: 600;
  letter-spacing: .1rem;
  margin-right: 0;
  padding: .85rem 1.5rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap; }
  form.bulkOption #bulkOptionContainer a.link_add:hover {
    color: #bfbfbf; }

.admin_main_content {
  margin: 2rem 0 0; }
  .admin_main_content h1 {
    font-size: 1.35rem;
    font-weight: 600; }
  .admin_main_content .title {
    margin: 0 0 1rem; }
  .admin_main_content #edit_form {
    margin: 1rem 0 0; }
  .admin_main_content .profile_image {
    margin: 2rem 0;
    position: relative; }
    .admin_main_content .profile_image .user_profile_photo {
      height: 100px;
      width: 95px;
      border-radius: 50%; }
    .admin_main_content .profile_image a {
      position: relative; }
    .admin_main_content .profile_image i {
      background: #a9a9a9;
      color: #ffffff;
      cursor: pointer;
      display: inline-block;
      font-size: 1.15rem;
      left: -30px;
      padding: .5rem;
      position: absolute;
      text-align: center;
      top: 30px;
      vertical-align: middle;
      border-radius: 50%; }
      .admin_main_content .profile_image i:hover {
        background: #ffffff;
        color: #ffffff; }
      .admin_main_content .profile_image i a {
        color: #373d3f;
        text-decoration: none; }
        .admin_main_content .profile_image i a:hover {
          color: #ffffff; }
  .admin_main_content .personal_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative; }
    .admin_main_content .personal_details h1 {
      color: #0967aa;
      -ms-flex-preferred-size: 90%;
          flex-basis: 90%;
      font-size: 1.15rem;
      margin-bottom: 1rem; }
    .admin_main_content .personal_details a {
      color: #373d3f;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
      text-decoration: none; }
      .admin_main_content .personal_details a i {
        background: #a9a9a9;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        padding: .5rem;
        position: absolute;
        right: 5px;
        text-align: center;
        top: -5px;
        vertical-align: middle;
        border-radius: 50%; }
        .admin_main_content .personal_details a i:hover {
          background: #0967aa;
          color: #ffffff; }
  .admin_main_content .profile_names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .admin_main_content .profile_names h2 {
      font-size: .8rem;
      font-weight: normal; }
    .admin_main_content .profile_names span {
      display: block;
      font-size: 1rem;
      font-weight: 600; }

#admin_header {
  background: #f6f6f6;
  padding: .5rem 2rem; }
  #admin_header .admin_welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #admin_header .admin_account {
    cursor: pointer;
    display: inline-block;
    font-size: .9rem;
    margin-top: 1.3rem;
    position: relative; }
    #admin_header .admin_account i.fa-angle-down {
      display: inline-block;
      cursor: pointer;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #admin_header .admin_account:hover {
      color: #373d3f; }
    #admin_header .admin_account:hover i.fa-angle-down {
      color: #373d3f;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }

.dashboard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem 0 0 0;
  position: relative;
  width: 100%; }
  .dashboard ul li {
    line-height: 1;
    list-style: none; }
  .dashboard .total_journal {
    background: #f44236; }
  .dashboard .total_jobs {
    background: #2297f7; }
  .dashboard .total_comments {
    background: #ff9801; }
  .dashboard .total_categories {
    background: #4db151; }
  .dashboard .total_journal,
  .dashboard .total_jobs,
  .dashboard .total_comments,
  .dashboard .total_categories {
    padding: 1.35rem 1rem;
    overflow: hidden;
    position: relative;
    border-radius: 0.3rem; }
    .dashboard .total_journal i,
    .dashboard .total_jobs i,
    .dashboard .total_comments i,
    .dashboard .total_categories i {
      font-size: 2rem;
      right: 10%;
      opacity: .15;
      position: absolute;
      top: 27%; }
    .dashboard .total_journal span,
    .dashboard .total_jobs span,
    .dashboard .total_comments span,
    .dashboard .total_categories span {
      font-weight: 600; }
    .dashboard .total_journal .dashboard_content,
    .dashboard .total_jobs .dashboard_content,
    .dashboard .total_comments .dashboard_content,
    .dashboard .total_categories .dashboard_content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative; }
      .dashboard .total_journal .dashboard_content span,
      .dashboard .total_jobs .dashboard_content span,
      .dashboard .total_comments .dashboard_content span,
      .dashboard .total_categories .dashboard_content span {
        display: block;
        margin: .5rem auto 0; }

.next_steps,
.latest_journal {
  background: #f8f8f8;
  border: 1px solid #e3e3e3;
  padding: 1rem;
  border-radius: 0.3rem; }
  .next_steps:not(:last-child),
  .latest_journal:not(:last-child) {
    margin-bottom: 1rem; }

.dashboard_summary {
  display: block;
  margin: 1rem 0 0; }
  .dashboard_summary .next_steps h2 {
    font-size: 1.15rem; }
  .dashboard_summary .next_steps_content ul li {
    font-size: .85rem;
    line-height: 2.5;
    list-style: none; }
  .dashboard_summary .next_steps_content i {
    font-size: .85rem;
    margin-right: .5rem; }

.latest_journal {
  margin: 1rem 0 0; }
  .latest_journal .latest_journal_content ul li {
    font-size: .85rem;
    line-height: 2;
    list-style: none; }

/*------------- Small Tablet Styling ----------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px) {
  /*
       Header Styling
       */
  header {
    background: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    header .header-top {
      display: none; }
    header a:active,
    header a:visited {
      color: #f58634;
      text-decoration: none; }
    header .mobile-menu {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      header .mobile-menu span {
        display: inline-block;
        font-size: .85rem;
        font-weight: 600;
        margin-right: .5rem;
        text-transform: uppercase; }
    header .menu-btn {
      position: absolute;
      right: 35px;
      top: 40px; }
      header .menu-btn .btn-line {
        background: black;
        height: 2px;
        width: 25px; }
      header .menu-btn .btn-line:not(:last-child) {
        margin-bottom: .3rem; }
    header .flex-grid {
      -ms-flex-line-pack: center;
          align-content: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 1rem 0; }
    header .logo {
      display: inline-block; }
      header .logo img {
        margin: 0 0 0 1.5rem;
        width: 35%; }
    header .menu {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: rgba(26, 26, 26, 0.97);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100vh;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      left: 0;
      overflow-x: hidden;
      position: fixed;
      text-align: center;
      top: 0;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      width: 0;
      z-index: 2; }
      header .menu .nav-menu {
        color: #ffffff;
        padding: 2rem 0; }
      header .menu .closebtn {
        color: #ffffff;
        font-size: 2rem;
        position: absolute;
        right: 20px;
        text-decoration: none;
        top: 10px;
        z-index: 3; }
      header .menu ul.nav-menu {
        position: relative; }
      header .menu ul li {
        display: block;
        list-style: none;
        padding: .65rem 0;
        position: relative; }
      header .menu ul li ul {
        background: #f58634;
        display: none;
        left: 0;
        margin: 0;
        padding: 0;
        position: static;
        top: 0;
        width: 15rem; }
      header .menu ul li ul li a {
        font-size: .8rem;
        font-weight: 500; }
      header .menu ul li ul li {
        margin: 0;
        padding: 0; }
      header .menu ul li:hover ul {
        display: block; }
      header .menu ul li:hover ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: .5rem 1rem; }
        header .menu ul li:hover ul li:hover {
          display: block; }
      header .menu ul li:hover ul li a {
        color: #ffffff; }
      header .menu ul li ul li a:hover {
        color: #f2f2f2;
        font-weight: 600;
        text-decoration: none; }
      header .menu ul li ul li:last-child {
        border-bottom: none; }
      header .menu li a {
        color: #ffffff;
        font-size: 1.1rem;
        text-decoration: none; }
      header .menu .nav-item:nth-child(1) {
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s; }
      header .menu .nav-item:nth-child(2) {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s; }
      header .menu .nav-item:nth-child(3) {
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s; }
      header .menu .nav-item:nth-child(4) {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
      header .menu .nav-item:nth-child(5) {
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s; }
      header .menu .nav-item:nth-child(6) {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
      header .menu .nav-item:nth-child(7) {
        -webkit-transition-delay: 0.7s;
                transition-delay: 0.7s; }
      header .menu .nav-item:nth-child(8) {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }

  /* Beginning of Slider Area Section */
  #slide-container {
    height: 100vh;
    overflow: hidden;
    position: relative; }
    #slide-container::after {
      background: rgba(0, 0, 0, 0.35);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    #slide-container .slide-container {
      display: none; }
    #slide-container .slide-container.active {
      display: block; }
    #slide-container .slide-container .slide {
      background: -webkit-gradient(linear, left top, right top, color-stop(70%, #f9f9f9), color-stop(30.1%, #f9f9f9));
      background: linear-gradient(90deg, #f9f9f9 70%, #f9f9f9 30.1%); }
    #slide-container .slide {
      position: relative; }
    #slide-container #prev,
    #slide-container #next {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50px;
      color: #fff;
      cursor: pointer;
      font-size: 1.75rem;
      font-weight: 600;
      height: 50px;
      line-height: 50px;
      position: absolute;
      text-align: center;
      top: 55%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 50px;
      z-index: 1; }
    #slide-container #prev:hover,
    #slide-container #next:hover {
      background: rgba(255, 255, 255, 0.8); }
    #slide-container #prev {
      left: 1rem; }
    #slide-container #next {
      right: 1rem; }
    #slide-container .content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-animation: slideContent .4s linear .6s backwards;
              animation: slideContent .4s linear .6s backwards;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 10% 0 0 10%;
      padding: 2rem;
      position: absolute;
      text-align: center;
      width: 80%;
      z-index: 1; }
    #slide-container .image {
      position: relative; }
      #slide-container .image img {
        -webkit-animation: slideImage .4s linear;
                animation: slideImage .4s linear;
        height: 100vh;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%; }
    #slide-container .course-link {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #slide-container .course-link:hover {
        background: #0967aa;
        color: #ffffff; }
  @-webkit-keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @-webkit-keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
  @keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
    #slide-container h1, #slide-container span {
      color: #ffffff;
      text-align: center; }
    #slide-container h1 {
      font-size: 1.9rem;
      font-weight: 600;
      line-height: 150%;
      margin: 1rem 0 2.5rem; }
    #slide-container span {
      display: inline-block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      text-transform: uppercase; }

  /* End of Slider Area Section */
  /* Beginning of Subsidiaries - Index Page */
  #subsidiaries {
    padding: 3rem;
    position: relative; }
    #subsidiaries .subsidiaries-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      row-gap: .5rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: -3rem auto 0;
      width: 100%; }
    #subsidiaries .sub-item {
      background: #ffffff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #subsidiaries .sub-item:hover {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%); }
      #subsidiaries .sub-item:hover a {
        color: #ffffff; }
      #subsidiaries .sub-item h2 {
        font-weight: 600; }
      #subsidiaries .sub-item a {
        color: #ffffff;
        font-size: .85rem;
        text-decoration: none; }
      #subsidiaries .sub-item i {
        font-size: 1.15rem;
        margin-right: .5rem; }
    #subsidiaries .sub-item:first-child,
    #subsidiaries .sub-item:first-of-type {
      background: #f58634;
      color: #ffffff; }
      #subsidiaries .sub-item:first-child h2,
      #subsidiaries .sub-item:first-of-type h2 {
        color: #ffffff; }
    #subsidiaries .sub-item:not(:first-child) {
      background: #f6f6f6;
      border: 1px solid rgba(169, 169, 169, 0.5); }
      #subsidiaries .sub-item:not(:first-child):hover {
        background: #043e66; }
      #subsidiaries .sub-item:not(:first-child):hover h2 {
        color: #ffffff; }
      #subsidiaries .sub-item:not(:first-child) h2 {
        color: #043e66; }
      #subsidiaries .sub-item:not(:first-child) a {
        color: #f58634;
        font-size: .85rem;
        font-weight: 600;
        text-decoration: none; }
    #subsidiaries .sub-item-inner {
      padding: 1.5rem; }
    #subsidiaries h2 {
      font-size: 1.15rem;
      margin: 0 0 .85rem; }
    #subsidiaries p {
      font-size: .85rem; }

  /* End of Subsidiaries - Index Page */
  /* Beginning of About Mobol-Bee - Index Page */
  #about-mobol-bee {
    padding: 3rem;
    position: relative; }

  #about-mobol-bee .about-mb-flex {
    display: block;
    margin: 0 auto;
    width: 100%; }

  .about-mb-img {
    background-image: url("../img/logistics-truck.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70vh;
    margin: 1rem 0 0;
    position: relative; }

  .about-mb-img::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

  .about-mb-content span {
    color: #f58634;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin: 0 0 1rem;
    text-transform: uppercase; }

  .about-mb-inner-content {
    width: 100%; }
    .about-mb-inner-content h2 {
      font-size: 1.65rem;
      font-weight: 600;
      line-height: 130%;
      margin: 0 0 1.5rem; }

  .about-overlay-content {
    background: #0967aa;
    left: 5%;
    padding: 2rem;
    position: absolute;
    top: 70%;
    width: 90%;
    z-index: 1;
    border-radius: 0.3rem; }
    .about-overlay-content h3, .about-overlay-content p, .about-overlay-content a {
      color: #ffffff; }
    .about-overlay-content h3 {
      font-size: 1rem;
      margin: 0 0 1rem; }
    .about-overlay-content p {
      font-size: .8rem; }
    .about-overlay-content i {
      display: inline-block;
      font-size: 1.35rem;
      margin-right: .5rem;
      vertical-align: middle; }
    .about-overlay-content a {
      font-size: .9rem;
      font-weight: 600;
      text-decoration: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .about-overlay-content a:hover {
      margin-left: 1rem; }

  p {
    font-size: .9rem;
    line-height: 1.9; }

  p:not(:last-child) {
    margin: 0 0 1.5rem; }

  /* End of About Mobol-Bee - Index Page */
  /* Beginning of Services - Index Page */
  #services {
    padding: 3rem;
    position: relative; }
    #services .services-content {
      margin: 20% auto 0;
      width: 100%; }
    #services .services-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; }
    #services img {
      display: block;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services .service-item {
      background: #f58634;
      cursor: pointer;
      overflow: hidden;
      border-radius: 0.3rem; }
      #services .service-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #services .service-item:hover h3 {
        margin-left: 1rem; }
    #services .service-item-content {
      padding: 1.5rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services h2 {
      color: #043e66;
      font-size: 1.35rem;
      font-weight: 600;
      line-height: 150%;
      margin: 0 0 3rem;
      position: relative; }
      #services h2::after {
        background: rgba(0, 0, 0, 0.15);
        bottom: 1rem;
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        width: 60%; }
    #services h3 {
      font-size: 1rem;
      font-weight: 600;
      line-height: 150%;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #services h3:hover {
        margin-left: 1rem; }
      #services h3 a {
        color: #ffffff;
        text-decoration: none; }
      #services h3 i {
        color: #ffffff; }
      #services h3 i {
        font-size: 1.35rem;
        margin-right: .5rem; }

  /* End of Services - Index Page */
  /* Beginning of Mission and Vision - Index Page */
  #mission-vision {
    background: rgba(4, 62, 102, 0.93);
    background-blend-mode: multiply;
    padding: 3rem;
    position: relative; }
    #mission-vision::after {
      background-image: url("../img/mission-vision-bg.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    #mission-vision .mission-vision-container {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem;
      margin: 0 auto;
      width: 100%; }
    #mission-vision h2 {
      font-size: 1.35rem;
      margin: 0 0 1rem; }
    #mission-vision h2, #mission-vision h3 {
      color: #f58634; }
    #mission-vision h3 {
      font-size: 1.15rem;
      letter-spacing: .05rem; }
    #mission-vision p, #mission-vision li {
      color: rgba(255, 255, 255, 0.8);
      font-size: .85rem;
      line-height: 2; }
    #mission-vision li {
      margin-left: 1rem; }
    #mission-vision img {
      display: block;
      margin: 0 0 2.5rem; }
    #mission-vision a {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #mission-vision a:hover {
        background: #131516;
        color: #ffffff; }

  /* End of Mission and Vision - Index Page */
  /* Beginning of Partners - Index Page */
  #partners-logos {
    background: #ffffff;
    position: relative;
    padding: 3rem; }
    #partners-logos .partners-logos {
      margin: 0 auto; }
      #partners-logos .partners-logos img {
        display: block;
        margin: 0 auto;
        width: 70%; }

  /* End of Partners - Index Page */
  /* Beginning of Other Pages Header */
  #other_pages_header .about_page_header {
    background: url("../img/about-us-header-page.jpg"); }
  #other_pages_header .services_header {
    background: url("../img/services-header.jpg"); }
  #other_pages_header .contact_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .about_page_header,
  #other_pages_header .services_header,
  #other_pages_header .contact_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    #other_pages_header .about_page_header::after,
    #other_pages_header .services_header::after,
    #other_pages_header .contact_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .page_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    margin: 1.5rem 0 0;
    padding: 3rem;
    position: absolute;
    width: 100%;
    z-index: 1; }
  #other_pages_header .learn-more {
    background: #f58634;
    color: #ffffff;
    display: inline-block;
    font-size: .85rem;
    margin: 2rem 0 2rem;
    padding: .65rem 2rem;
    text-decoration: none; }
  #other_pages_header .breadcrumbs {
    font-size: .9rem;
    font-weight: 500;
    margin: 1rem 0 0; }
    #other_pages_header .breadcrumbs a {
      color: #ffffff;
      letter-spacing: .05rem;
      text-decoration: none; }
    #other_pages_header .breadcrumbs a:hover {
      color: #f58634; }
  #other_pages_header h1 {
    color: #ffffff;
    font-size: 1.85rem;
    font-weight: 600;
    line-height: 150%; }
  #other_pages_header span {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03rem;
    margin: 0 0 1rem;
    text-transform: uppercase; }

  /* End of Other Pages Header */
  /* Beginning of Main Content Area */
  main {
    position: relative; }
    main .main-content {
      margin: 0 auto;
      padding: 3rem;
      width: 100%; }
    main .about-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem; }
    main .mobol-bee-content {
      width: 100%; }
      main .mobol-bee-content h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.25; }
      main .mobol-bee-content h3 {
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 0 0 .75rem; }
      main .mobol-bee-content ul li {
        font-size: .8rem;
        line-height: 1.75;
        list-style: none;
        margin-left: 0; }
      main .mobol-bee-content ul li::before {
        color: #f58634;
        content: '\f18e';
        font-family: FontAwesome;
        font-size: 1.15rem;
        margin-right: .5rem;
        vertical-align: middle; }
    main .services-grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem; }
      main .services-grid img {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    main .services-grid .services-item {
      background: #f6f6f6;
      overflow: hidden;
      position: relative;
      border-radius: 0.3rem; }
      main .services-grid .services-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    main .services-item-content {
      padding: 1rem 2rem 3rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      main .services-item-content h2 {
        font-size: 1.15rem; }
      main .services-item-content a {
        color: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .85rem;
        margin: auto;
        position: relative;
        text-decoration: none;
        vertical-align: middle; }
        main .services-item-content a:hover {
          color: #043e66; }
        main .services-item-content a i {
          font-size: 1.35rem;
          margin-right: .5rem;
          vertical-align: middle; }
    main #our-team {
      margin: 0 auto;
      padding: 3rem;
      position: relative; }
      main #our-team .our-team-header,
      main #our-team .our-team-flex {
        margin: 0 auto;
        width: 100%; }
      main #our-team .our-team-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: wrap column;
                flex-flow: wrap column;
        gap: 2rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      main #our-team img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main #our-team .our-team-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22%;
                flex: 0 0 22%;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem; }
        main #our-team .our-team-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main #our-team .our-team-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: auto;
        padding: .35rem;
        text-align: center;
        z-index: 1; }
        main #our-team .our-team-portfolio h3 {
          font-family: "Poppins", san-serif;
          font-size: 1rem;
          font-weight: 600;
          text-align: center; }
          main #our-team .our-team-portfolio h3 span {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            text-transform: uppercase; }
      main #our-team h2 {
        color: #043e66;
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 1.5rem;
        position: relative; }
        main #our-team h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 50%; }
    main .subsidiaries-flex {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      margin: 0 0 2.5rem;
      position: relative;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      main .subsidiaries-flex .sub-flex-item-img {
        position: relative; }
      main .subsidiaries-flex img {
        display: block; }
      main .subsidiaries-flex .sub-flex-item-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        padding: 2rem 2rem 3rem; }
      main .subsidiaries-flex .sub-item-content {
        width: 100%; }
      main .subsidiaries-flex h3 {
        color: #f58634;
        font-size: 1.35rem;
        line-height: 1.35;
        margin: 0 0 1rem; }
      main .subsidiaries-flex p {
        margin: 0 0 1.5rem; }
      main .subsidiaries-flex a {
        background: #f58634;
        color: #ffffff;
        display: block;
        font-size: .85rem;
        padding: .65rem 2rem;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .subsidiaries-flex a:hover {
          background: #0967aa;
          color: #ffffff; }
    main .media-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem; }
      main .media-grid .text h3 {
        font-size: 1.25rem; }
    main .services-heading {
      margin: 2rem auto 0;
      width: 90%; }
      main .services-heading h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.25rem; }
    main .services-content {
      background: #f6f6f6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column;
      gap: 2rem;
      margin: 3rem 0 0;
      position: relative; }
      main .services-content .services-item {
        position: relative; }
        main .services-content .services-item p {
          font-size: .9rem; }
        main .services-content .services-item img {
          display: block;
          -o-object-fit: cover;
             object-fit: cover; }
      main .services-content .services-item-content {
        padding: 2rem; }
        main .services-content .services-item-content h3 {
          font-size: 1.15rem; }
        main .services-content .services-item-content ul {
          margin-left: 1.15rem; }
        main .services-content .services-item-content li {
          font-size: .85rem;
          line-height: 1.75; }
    main .contact-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 2rem;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    main .contact-mobol-bee-address {
      margin: 2rem 0 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
      main .contact-mobol-bee-address h2 {
        font-family: "Poppins", san-serif;
        font-size: 1rem;
        margin: 0 0 .5rem;
        opacity: .85; }
      main .contact-mobol-bee-address h2:last-child,
      main .contact-mobol-bee-address h2:last-of-type {
        margin: 2rem 0 0; }
      main .contact-mobol-bee-address i {
        color: #f58634;
        font-size: 1.15rem;
        margin-right: .5rem; }
      main .contact-mobol-bee-address span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        font-size: .85rem;
        margin: 0 0 1rem;
        opacity: .85; }
    main .contact-mobol-bee-form {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    main .contact-form {
      margin: 0;
      padding: 0; }
    main .form_group:not(:last-child),
    main .form_group:not(:last-of-type) {
      margin: 0 0 1.5rem; }
    main input[type='text'],
    main textarea {
      border: 1px solid rgba(169, 169, 169, 0.5);
      border-radius: 0; }
    main textarea {
      height: 15rem;
      resize: none; }
    main label {
      font-size: .85rem;
      opacity: .85; }
    main p {
      font-size: .75rem; }

  /* End of Main Content Area */
  /*
     Footer Styling
     */
  #footer {
    background: black;
    position: relative;
    padding: 3rem; }
    #footer .footer_up {
      color: #ffffff;
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 2rem;
      margin: 0 0 1.5rem 0; }
      #footer .footer_up .footer-item {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 auto;
                flex: 2 1 auto; }
      #footer .footer_up img {
        display: block;
        margin: 0 0 1.5rem;
        width: 60%; }
      #footer .footer_up p {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        line-height: 200%; }
      #footer .footer_up ul li {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        list-style-type: none;
        margin: 0 0 .65rem 0; }
        #footer .footer_up ul li a {
          color: rgba(255, 255, 255, 0.5);
          text-decoration: none; }
          #footer .footer_up ul li a:hover {
            color: rgba(245, 134, 52, 0.9); }
        #footer .footer_up ul li span {
          color: #f58634;
          font-weight: 600; }
      #footer .footer_up h3 {
        font-size: 1.05rem;
        font-weight: 600;
        letter-spacing: .05rem;
        line-height: 150%;
        margin: 0 0 .8rem 0;
        opacity: .8;
        position: relative; }
      #footer .footer_up i {
        display: inline-block;
        font-size: 1.35rem;
        margin: 1rem 0 0 0; }
        #footer .footer_up i:not(:last-child) {
          margin: 0 .5rem 0 0; }
    #footer .footer_down {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1.5rem 0 0 0; }
    #footer .credit {
      color: rgba(255, 255, 255, 0.7);
      font-size: .75rem; }
    #footer a {
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none; }
    #footer .credit span {
      color: rgba(255, 255, 255, 0.7); }

  table.journals_table {
    display: block;
    margin-top: 2rem;
    position: relative; }
    table.journals_table thead, table.journals_table tbody, table.journals_table th, table.journals_table td, table.journals_table tr {
      display: block; }
    table.journals_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.journals_table thead tr th {
        font-size: .85rem;
        font-weight: 600;
        padding-right: .5rem;
        white-space: wrap; }

  /*
   Sidebar Menu Styling
   */
  .showMenuBtn {
    background: #0967aa;
    color: #ffffff;
    cursor: pointer;
    font-size: .75rem;
    left: 0;
    padding: .75rem .75rem;
    position: absolute;
    top: 15%;
    z-index: 2; }
    .showMenuBtn .btn_line {
      background: #ffffff;
      height: 2px;
      width: 23px; }
    .showMenuBtn .btn_line:not(:last-child) {
      margin-bottom: .3rem; }

  .sidebar-menu .closebtn {
    color: #ffffff;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }

  .sidebar-menu {
    background: #31353D;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 14.3%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    z-index: 2; }
    .sidebar-menu .profile_photo {
      background: #ffffff;
      height: 50px;
      margin-right: .5rem;
      vertical-align: middle;
      width: 50px;
      border-radius: 50%; }
    .sidebar-menu .activeBG {
      padding: .5rem 1rem; }
      .sidebar-menu .activeBG span.profile_name {
        color: #ffffff;
        font-size: .85rem;
        font-weight: 600;
        letter-spacing: .05rem;
        text-transform: capitalize; }
    .sidebar-menu .sidebar-dropdown,
    .sidebar-menu .sidebar-dropdown-none {
      background: #31353D;
      border-bottom: 1px solid #434a4d;
      cursor: pointer;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      width: 100%; }
      .sidebar-menu .sidebar-dropdown:last-of-type,
      .sidebar-menu .sidebar-dropdown-none:last-of-type {
        border-bottom: 0; }
      .sidebar-menu .sidebar-dropdown:hover,
      .sidebar-menu .sidebar-dropdown-none:hover {
        background: #363a43; }
      .sidebar-menu .sidebar-dropdown span,
      .sidebar-menu .sidebar-dropdown-none span {
        display: inline-block; }
    .sidebar-menu ul {
      position: relative; }
    .sidebar-menu li.sidebar-dropdown:first-of-type,
    .sidebar-menu li.sidebar-dropdown:first-child {
      background: #0967aa;
      border-bottom: 1px solid #434a4d; }
      .sidebar-menu li.sidebar-dropdown:first-of-type i,
      .sidebar-menu li.sidebar-dropdown:first-child i {
        color: #ffffff;
        font-size: 1.7rem; }
      .sidebar-menu li.sidebar-dropdown:first-of-type a,
      .sidebar-menu li.sidebar-dropdown:first-child a {
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a:hover > i::before,
        .sidebar-menu li.sidebar-dropdown:first-child a:hover > i::before {
          -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                  animation: swing ease-in-out 0.5s 1 alternate;
          color: rgba(55, 61, 63, 0.9);
          display: inline-block; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a::after,
        .sidebar-menu li.sidebar-dropdown:first-child a::after {
          content: ''; }
    .sidebar-menu a {
      color: #b3b3b3;
      display: block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      padding: .9rem 1.5rem;
      position: relative;
      text-decoration: none; }
      .sidebar-menu a i {
        color: #b3b3b3;
        font-size: 1.15rem; }
      .sidebar-menu a:hover {
        color: #0967aa; }
      .sidebar-menu a:hover > i::before {
        -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                animation: swing ease-in-out 0.5s 1 alternate;
        display: inline-block; }
    .sidebar-menu .sidebar-dropdown > a::after {
      color: #999999;
      content: '\f105';
      font-family: FontAwesome;
      position: absolute;
      right: 2rem;
      top: .9rem;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a::after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu {
      background: #3c414b;
      display: none;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
      margin: 0;
      padding: 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
      padding-left: 3rem;
      font-size: .85rem; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
      padding: .7rem 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a::before {
      content: '\f111';
      font-family: FontAwesome;
      margin-right: .5rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover::before {
      color: #0967aa; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a {
      color: #373d3f; }
    .sidebar-menu .sidebar-dropdown.active,
    .sidebar-menu .sidebar-dropdown.active:hover,
    .sidebar-menu .sidebar-submenu.active:focus {
      background: #31353D !important; }
    .sidebar-menu .sidebar-dropdown.active > a,
    .sidebar-menu .sidebar-dropdown.active:hover > a,
    .sidebar-menu .sidebar-submenu.active:focus > a {
      color: #0967aa; }
    .sidebar-menu ul li a i {
      margin-right: .5rem; }
    .sidebar-menu ul li ul li a {
      font-size: .75rem; }

  /* -------------- Apply for Admission -------------------------*/
  #apply-for-admission {
    margin-top: -3rem;
    padding: 2rem 1.5rem;
    position: relative; }
    #apply-for-admission .apply-for-admission {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100vh;
      margin: 0 auto;
      width: 90%; }
    #apply-for-admission .admission_content {
      background: url("../img/hero_page.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 1.5rem;
      position: relative; }
      #apply-for-admission .admission_content::after {
        background: rgba(9, 103, 170, 0.9);
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
      #apply-for-admission .admission_content .admission_content_text {
        position: relative;
        z-index: 1; }
        #apply-for-admission .admission_content .admission_content_text h2, #apply-for-admission .admission_content .admission_content_text span {
          color: #ffffff;
          margin: 0 0 1rem; }
        #apply-for-admission .admission_content .admission_content_text h2 {
          font-size: 1.5rem;
          font-weight: 600; }
        #apply-for-admission .admission_content .admission_content_text span, #apply-for-admission .admission_content .admission_content_text .exams {
          display: block;
          font-size: .9rem; }
        #apply-for-admission .admission_content .admission_content_text .exams {
          color: #ffffff; }
        #apply-for-admission .admission_content .admission_content_text ul {
          display: block;
          margin: 0 0 1.5rem; }
          #apply-for-admission .admission_content .admission_content_text ul li {
            color: #ffffff;
            font-size: .9rem;
            margin-left: 1.15rem; }
        #apply-for-admission .admission_content .admission_content_text a {
          background: #f58634;
          color: #ffffff;
          display: inline-block;
          font-weight: 600;
          padding: .8rem 2rem;
          text-align: center;
          text-decoration: none; }
    #apply-for-admission .admission_image {
      background: url("../img/apply-for-admission.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 100vh; } }
/*------------- Large Tablet and Laptop Styling ----------------------------*/
@media screen and (min-width: 769px) and (max-width: 1170px) {
  /*
      General Styling
  */
  .show {
    background: #ffffff;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .show header {
      padding: .15rem 7rem;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }

  button {
    background: #0967aa;
    border: 0;
    display: inline-block;
    color: rgba(255, 255, 255, 0.9);
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .07rem;
    margin-top: 0;
    padding: 1rem 2rem;
    text-transform: uppercase;
    width: auto;
    border-radius: 0.3rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    button:hover {
      border: 0;
      color: #ffffff;
      text-decoration: none; }
    button:focus {
      outline: 0; }

  /*
   Header Styling
   */
  header {
    background: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    header .header-top {
      background: rgba(169, 169, 169, 0.3);
      margin: 0 auto;
      padding: 0 2rem;
      position: relative; }
      header .header-top ul.header-top-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      header .header-top ul.header-top-content li {
        color: #373d3f;
        font-size: .75rem;
        font-weight: 600;
        list-style: none;
        padding: .15rem .75rem; }
        header .header-top ul.header-top-content li span {
          font-weight: normal; }
        header .header-top ul.header-top-content li i {
          color: #0967aa;
          margin-right: .3rem; }
    header .menu-btn {
      display: none;
      position: absolute;
      right: 55px;
      top: 45px; }
      header .menu-btn .btn-line {
        background: black;
        height: 2px;
        width: 28px; }
      header .menu-btn .btn-line:not(:last-child) {
        margin-bottom: .3rem; }
    header .flex-grid {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: .5rem 2rem;
      position: relative; }
    header .logo,
    header .menu {
      -ms-flex-preferred-size: 49%;
          flex-basis: 49%; }
    header .logo {
      position: relative; }
      header .logo img {
        display: inline-block;
        width: 70%; }
    header .menu {
      background: none; }
      header .menu .nav-menu {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        color: #373d3f;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      header .menu .closebtn {
        color: #ffffff;
        display: none;
        font-size: 2rem;
        position: absolute;
        right: 20px;
        top: 10px;
        z-index: 3; }
      header .menu ul li {
        display: inline-block;
        list-style: none;
        padding: 1.75rem .75rem;
        position: relative;
        white-space: nowrap; }
      header .menu li a {
        color: #373d3f;
        display: block;
        font-size: .8rem;
        font-weight: 600;
        text-decoration: none; }
        header .menu li a:hover {
          color: rgba(245, 134, 52, 0.9); }
      header .menu ul li ul {
        background: #f58634;
        left: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 110%;
        max-height: 0;
        -webkit-transition: max-height .5s;
        transition: max-height .5s;
        overflow: hidden;
        width: 17rem;
        z-index: 2; }
      header .menu ul li ul li a {
        font-size: .8rem;
        font-weight: 500; }
      header .menu ul li:hover ul {
        opacity: 1;
        max-height: 400px; }
      header .menu ul li:hover ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        display: block;
        padding: .85rem 1.35rem; }
        header .menu ul li:hover ul li:hover {
          display: block; }
        header .menu ul li:hover ul li:last-child {
          border-bottom: 0; }
      header .menu ul li:hover ul li a {
        display: block;
        color: #ffffff; }
      header .menu ul li ul li a:hover {
        color: #f2f2f2;
        font-weight: 600;
        text-decoration: none; }

  /* Beginning of Slider Area Section */
  #slide-container {
    height: 100vh;
    overflow: hidden;
    position: relative; }
    #slide-container::after {
      background: rgba(0, 0, 0, 0.35);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    #slide-container .slide-container {
      display: none; }
    #slide-container .slide-container.active {
      display: block; }
    #slide-container .slide-container .slide {
      background: -webkit-gradient(linear, left top, right top, color-stop(70%, #f9f9f9), color-stop(30.1%, #f9f9f9));
      background: linear-gradient(90deg, #f9f9f9 70%, #f9f9f9 30.1%); }
    #slide-container .slide {
      position: relative; }
    #slide-container #prev,
    #slide-container #next {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50px;
      color: #fff;
      cursor: pointer;
      font-size: 3rem;
      font-weight: 600;
      height: 50px;
      line-height: 50px;
      position: absolute;
      text-align: center;
      top: 55%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 50px;
      z-index: 1; }
    #slide-container #prev:hover,
    #slide-container #next:hover {
      background: rgba(255, 255, 255, 0.8); }
    #slide-container #prev {
      left: 1rem; }
    #slide-container #next {
      right: 1rem; }
    #slide-container .content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-animation: slideContent .4s linear .6s backwards;
              animation: slideContent .4s linear .6s backwards;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: 13%;
      margin-top: 3rem;
      padding: 0 1rem 0 0;
      position: absolute;
      width: 65%;
      z-index: 1; }
    #slide-container .image {
      position: relative; }
      #slide-container .image img {
        -webkit-animation: slideImage .4s linear;
                animation: slideImage .4s linear;
        height: 100vh;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%; }
    #slide-container .course-link {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #slide-container .course-link:hover {
        background: #0967aa;
        color: #ffffff; }
  @-webkit-keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @-webkit-keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
  @keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
    #slide-container h1, #slide-container span {
      color: #ffffff; }
    #slide-container h1 {
      font-size: 2.5rem;
      font-weight: 600;
      line-height: 1.15;
      margin: -.5rem 0 2.5rem; }
    #slide-container span {
      display: inline-block;
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: .07rem;
      text-transform: uppercase; }

  /* End of Slider Area Section */
  /* Beginning of Subsidiaries - Index Page */
  #subsidiaries {
    padding: 1rem 2rem;
    position: relative; }
    #subsidiaries .subsidiaries-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: wrap row;
              flex-flow: wrap row;
      gap: 2rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: -7% auto 0;
      width: 90%; }
    #subsidiaries .sub-item {
      background: #ffffff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 47%;
              flex: 1 0 47%;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #subsidiaries .sub-item:hover {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%); }
      #subsidiaries .sub-item:hover a {
        color: #ffffff; }
      #subsidiaries .sub-item h2 {
        font-weight: 600; }
      #subsidiaries .sub-item a {
        color: #ffffff;
        font-size: .85rem;
        text-decoration: none; }
      #subsidiaries .sub-item i {
        font-size: 1.15rem;
        margin-right: .5rem; }
    #subsidiaries .sub-item:first-child,
    #subsidiaries .sub-item:first-of-type {
      background: #f58634;
      color: #ffffff; }
      #subsidiaries .sub-item:first-child h2,
      #subsidiaries .sub-item:first-of-type h2 {
        color: #ffffff; }
    #subsidiaries .sub-item:not(:first-child) {
      background: #f6f6f6;
      border: 1px solid rgba(169, 169, 169, 0.5); }
      #subsidiaries .sub-item:not(:first-child):hover {
        background: #043e66; }
      #subsidiaries .sub-item:not(:first-child):hover h2 {
        color: #ffffff; }
      #subsidiaries .sub-item:not(:first-child) h2 {
        color: #043e66; }
      #subsidiaries .sub-item:not(:first-child) a {
        color: #f58634;
        font-size: .85rem;
        font-weight: 600;
        text-decoration: none; }
    #subsidiaries .sub-item-inner {
      padding: 1.5rem; }
    #subsidiaries h2 {
      font-size: 1.15rem;
      margin: 0 0 .85rem; }
    #subsidiaries p {
      font-size: .85rem; }

  .sub-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .sub-container .sub-content:not(:last-child) {
      margin-right: 0; }
    .sub-container .sub-main-content,
    .sub-container .sub-side-bar {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .sub-container .sub-main-content {
      position: relative; }
      .sub-container .sub-main-content .sub-services {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
        margin: 3rem 0 0;
        width: 100%; }
      .sub-container .sub-main-content h3 {
        font-size: 1.35rem;
        margin: 2rem 0 -1.5rem; }
      .sub-container .sub-main-content figure img {
        display: block;
        width: 100%;
        -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      .sub-container .sub-main-content figcaption {
        font-size: .75rem; }
    .sub-container .sub-side-bar {
      background: #0967aa;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 25rem;
      margin-top: 3rem;
      position: relative; }
    .sub-container .sub-title,
    .sub-container .sub-title-links {
      padding: 1rem 1.5rem; }
    .sub-container .sub-title {
      background: #043e66; }
      .sub-container .sub-title h3 {
        color: #ffffff;
        font-size: 1.35rem; }
    .sub-container .sub-title-links ul {
      list-style: none;
      padding: 0 0 2rem 0; }
    .sub-container .sub-title-links ul li {
      display: block;
      line-height: 3.5;
      margin: 1rem 0;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after, .sub-container .sub-title-links ul li::before {
        background: #ffffff;
        bottom: -.15rem;
        content: '';
        left: 0;
        position: absolute;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after {
        height: 1px;
        width: 100%; }
      .sub-container .sub-title-links ul li::before {
        height: 3px;
        width: 0; }
      .sub-container .sub-title-links ul li:hover::before {
        height: 2px;
        width: 100%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li a {
        color: #ffffff;
        display: block;
        font-size: .85rem;
        line-height: 1.5;
        text-decoration: none; }

  /* Beginning of Subsidiaries - Index Page */
  /* Beginning of About Mobol-Bee - Index Page */
  #about-mobol-bee {
    padding: 3rem 2rem;
    position: relative; }

  #about-mobol-bee .about-mb-flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    width: 90%; }

  .about-mb-img {
    background-image: url("../img/logistics-truck.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70vh;
    position: relative; }

  .about-mb-img::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

  .about-mb-content,
  .about-mb-img {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }

  .about-mb-content span {
    color: #f58634;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-transform: uppercase; }

  .about-mb-inner-content {
    width: 85%; }

  .about-overlay-content {
    background: #0967aa;
    left: 10%;
    padding: 2rem 2.5rem;
    position: absolute;
    top: 40%;
    width: 80%;
    z-index: 1;
    border-radius: 0.3rem; }
    .about-overlay-content h3, .about-overlay-content p, .about-overlay-content a {
      color: #ffffff; }
    .about-overlay-content h3 {
      font-size: 1.15rem;
      margin: 0 0 1rem; }
    .about-overlay-content p {
      font-size: .8rem; }
    .about-overlay-content i {
      display: inline-block;
      font-size: 1.35rem;
      margin-right: .5rem;
      vertical-align: middle; }
    .about-overlay-content a {
      font-size: .9rem;
      font-weight: 600;
      text-decoration: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .about-overlay-content a:hover {
      margin-left: 1rem; }

  h2 {
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 1.5rem; }

  p {
    font-size: .9rem;
    line-height: 1.9; }

  p:not(:last-child) {
    margin: 0 0 1.5rem; }

  /* End of About Mobol-Bee - Index Page */
  /* Beginning of Services - Index Page */
  #services {
    padding: 3rem 2rem;
    position: relative; }
    #services .services-content {
      margin: 0 auto;
      width: 90%; }
    #services .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 2rem; }
    #services img {
      display: block;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services .service-item {
      background: #f58634;
      cursor: pointer;
      overflow: hidden;
      border-radius: 0.3rem; }
      #services .service-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #services .service-item:hover h3 {
        margin-left: 1rem; }
    #services .service-item-content {
      padding: 1.5rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services h2 {
      color: #043e66;
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 150%;
      margin: 0 0 3rem;
      position: relative; }
      #services h2::after {
        background: rgba(0, 0, 0, 0.15);
        bottom: 1.15rem;
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        width: 70%; }
    #services h3 {
      font-size: 1rem;
      font-weight: 600;
      line-height: 150%;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #services h3:hover {
        margin-left: 1rem; }
      #services h3 a {
        color: #ffffff;
        text-decoration: none; }
      #services h3 i {
        color: #ffffff; }
      #services h3 i {
        font-size: 1.35rem;
        margin-right: .5rem; }

  /* End of Services - Index Page */
  /* Beginning of Mission and Vision - Index Page */
  #mission-vision {
    background: rgba(4, 62, 102, 0.93);
    background-blend-mode: multiply;
    padding: 3rem 2rem;
    position: relative; }
    #mission-vision::after {
      background-image: url("../img/mission-vision-bg.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    #mission-vision .mission-vision-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 5rem;
      margin: 0 auto;
      width: 90%; }
    #mission-vision h2, #mission-vision h3 {
      color: #f58634; }
    #mission-vision h3 {
      font-size: 1.15rem;
      letter-spacing: .05rem; }
    #mission-vision p, #mission-vision li {
      color: rgba(255, 255, 255, 0.8);
      font-size: .85rem;
      line-height: 2; }
    #mission-vision li {
      margin-left: 1rem; }
    #mission-vision img {
      display: block;
      margin: 0 0 2.5rem; }
    #mission-vision a {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #mission-vision a:hover {
        background: #131516;
        color: #ffffff; }

  /* End of Mission and Vision - Index Page */
  /* Beginning of Partners - Index Page */
  #partners-logos {
    background: #ffffff;
    position: relative;
    padding: 3rem 2rem; }
    #partners-logos .partners-logos {
      margin: 0 auto; }
      #partners-logos .partners-logos img {
        display: block;
        margin: 0 auto;
        width: 50%; }

  /* End of Partners - Index Page */
  /* Beginning of Other Pages Header */
  #other_pages_header .about_page_header {
    background: url("../img/about-us-header-page.jpg"); }
  #other_pages_header .services_header {
    background: url("../img/services-header.jpg"); }
  #other_pages_header .subsidiaries_header {
    background: url("../img/subsidiaries.jpg"); }
  #other_pages_header .blog_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .contact_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .about_page_header,
  #other_pages_header .services_header,
  #other_pages_header .subsidiaries_header,
  #other_pages_header .contact_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    position: relative; }
    #other_pages_header .about_page_header::after,
    #other_pages_header .services_header::after,
    #other_pages_header .subsidiaries_header::after,
    #other_pages_header .contact_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .blog_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative; }
    #other_pages_header .blog_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .page_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    margin: 5% 0 0 2rem;
    padding: 2rem;
    position: absolute;
    width: 70%;
    z-index: 1; }
  #other_pages_header .learn-more {
    background: #f58634;
    color: #ffffff;
    display: inline-block;
    font-size: .85rem;
    margin: 2rem 0 2rem;
    padding: .65rem 2rem;
    text-decoration: none; }
  #other_pages_header .breadcrumbs {
    font-size: .9rem;
    font-weight: 500;
    margin: 1rem 0 0; }
    #other_pages_header .breadcrumbs a {
      color: #ffffff;
      letter-spacing: .05rem;
      text-decoration: none; }
    #other_pages_header .breadcrumbs a:hover {
      color: #f58634; }
  #other_pages_header h1 {
    color: #ffffff;
    font-size: 2.35rem;
    font-weight: 600;
    line-height: 150%; }
  #other_pages_header span {
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .03rem;
    margin: 0 0 1rem;
    text-transform: uppercase; }

  /* End of Other Pages Header */
  /* Beginning of Main Content Area */
  main {
    position: relative; }
    main .main-content {
      margin: 0 auto;
      padding: 5rem 0;
      width: 85%; }
    main .about-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 2rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    main .about-mobol-bee-img {
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%; }
    main .about-mobol-bee-text {
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%; }
    main .mobol-bee-content {
      width: 100%; }
      main .mobol-bee-content h2 {
        font-family: "Poppins", san-serif;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.25; }
      main .mobol-bee-content h3 {
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 0 0 .75rem; }
      main .mobol-bee-content ul {
        -webkit-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 2rem;
                column-gap: 2rem; }
      main .mobol-bee-content ul li {
        font-size: .8rem;
        line-height: 1.75;
        list-style: none;
        margin-left: 0; }
      main .mobol-bee-content ul li::before {
        color: #f58634;
        content: '\f18e';
        font-family: FontAwesome;
        font-size: 1.15rem;
        margin-right: .5rem;
        vertical-align: middle; }
    main .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 3rem 2rem; }
      main .services-grid img {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    main .services-grid .services-item {
      background: #f6f6f6;
      overflow: hidden;
      position: relative;
      border-radius: 0.3rem; }
      main .services-grid .services-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    main .services-item-content {
      padding: 1rem 2rem 3rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      main .services-item-content h2 {
        font-size: 1.15rem; }
      main .services-item-content a {
        color: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .85rem;
        margin: auto;
        position: relative;
        text-decoration: none;
        vertical-align: middle; }
        main .services-item-content a:hover {
          color: #043e66; }
        main .services-item-content a i {
          font-size: 1.35rem;
          margin-right: .5rem;
          vertical-align: middle; }
    main .services-img-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
      margin: 5rem 0 0; }
    main #our-team {
      margin: 0 auto;
      padding: 3rem;
      position: relative; }
      main #our-team .our-team-header,
      main #our-team .our-team-flex {
        margin: 0 auto;
        width: 100%; }
      main #our-team .our-team-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        gap: 2rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      main #our-team img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main #our-team .our-team-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 31%;
                flex: 1 0 31%;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem; }
        main #our-team .our-team-item:last-child, main #our-team .our-team-item:last-of-type {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          margin: 0 auto; }
        main #our-team .our-team-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main #our-team .our-team-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: auto;
        padding: .35rem;
        text-align: center;
        z-index: 1; }
        main #our-team .our-team-portfolio h3 {
          font-family: "Poppins", san-serif;
          font-size: 1rem;
          font-weight: 600;
          text-align: center; }
          main #our-team .our-team-portfolio h3 span {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            text-transform: uppercase; }
      main #our-team h2 {
        color: #043e66;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 3rem;
        position: relative; }
        main #our-team h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1.15rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 80%; }
    main .board-of-directors {
      margin: 0;
      padding: 0;
      position: relative; }
      main .board-of-directors .our-board-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        gap: 1.5rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 auto;
        width: 100%; }
      main .board-of-directors img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main .board-of-directors .our-board-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 45%;
                flex: 1 0 45%;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .board-of-directors .our-board-item:last-child, main .board-of-directors .our-board-item:last-of-type {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
        main .board-of-directors .our-board-item img {
          display: block;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; }
        main .board-of-directors .our-board-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main .board-of-directors .our-board-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: auto;
        padding: 2rem;
        text-align: center;
        z-index: 1; }
        main .board-of-directors .our-board-portfolio h3 {
          font-family: "Poppins", san-serif;
          font-size: 1rem;
          font-weight: 600;
          text-align: center; }
          main .board-of-directors .our-board-portfolio h3 span {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            text-transform: uppercase; }
      main .board-of-directors h2 {
        color: #043e66;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 3rem;
        position: relative; }
        main .board-of-directors h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1.15rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 80%; }
    main .subsidiaries-flex {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      margin: 0 0 3.5rem;
      position: relative;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      main .subsidiaries-flex .sub-flex-item-img,
      main .subsidiaries-flex .sub-flex-item-text {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        position: relative; }
      main .subsidiaries-flex img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
      main .subsidiaries-flex .sub-flex-item-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 2rem; }
      main .subsidiaries-flex .sub-item-content {
        width: 100%; }
      main .subsidiaries-flex:nth-child(2n+2) .sub-flex-item-img {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      main .subsidiaries-flex h3 {
        color: #f58634;
        font-size: 1.35rem;
        line-height: 1.35;
        margin: 0 0 1rem; }
      main .subsidiaries-flex p {
        margin: 0 0 1.5rem; }
      main .subsidiaries-flex a {
        background: #f58634;
        color: #ffffff;
        display: inline-block;
        font-size: .85rem;
        padding: .65rem 2rem;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .subsidiaries-flex a:hover {
          background: #0967aa;
          color: #ffffff; }
    main .media-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem; }
      main .media-grid .text h3 {
        font-size: 1.35rem; }
    main .services-heading {
      margin: 0 auto;
      text-align: center;
      width: 80%; }
      main .services-heading h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.35rem; }
    main .services-content {
      background: #f8f8f8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      margin: 5rem 0 0;
      position: relative; }
      main .services-content:nth-child(2n+1) .services-img {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      main .services-content:nth-child(2n+1) .services-item {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      main .services-content .services-item,
      main .services-content .services-img {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        position: relative; }
        main .services-content .services-item p,
        main .services-content .services-img p {
          font-size: .9rem; }
        main .services-content .services-item img,
        main .services-content .services-img img {
          display: block;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      main .services-content .services-item-content {
        padding: 2rem; }
        main .services-content .services-item-content h3 {
          font-size: 1.35rem; }
        main .services-content .services-item-content ul {
          margin-left: 1.15rem; }
        main .services-content .services-item-content li {
          font-size: .85rem;
          line-height: 1.75; }
    main .contact-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 2rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    main .contact-mobol-bee-address {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%; }
      main .contact-mobol-bee-address h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.15rem;
        margin: 0 0 .5rem; }
      main .contact-mobol-bee-address h2:last-child,
      main .contact-mobol-bee-address h2:last-of-type {
        margin: 2rem 0 0; }
      main .contact-mobol-bee-address i {
        color: #f58634;
        font-size: 1.15rem;
        margin-right: .5rem; }
      main .contact-mobol-bee-address span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        font-size: .85rem;
        margin: 0 0 1rem;
        opacity: .85; }
    main .contact-mobol-bee-form {
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%; }
    main .contact-form {
      margin: 0;
      padding: 0; }
    main .form_group:not(:last-child),
    main .form_group:not(:last-of-type) {
      margin: 0 0 1.5rem; }
    main input[type='text'],
    main textarea {
      border: 1px solid rgba(169, 169, 169, 0.5);
      border-radius: 0; }
    main textarea {
      height: 15rem;
      resize: none; }
    main label {
      font-size: .85rem;
      opacity: .85; }

  /*
  All Latest News
   */
  #all_news {
    position: relative; }
    #all_news .latest_articles {
      display: grid;
      gap: 2rem;
      grid-template-columns: repeat(2, 1fr);
      position: relative; }
    #all_news .articles {
      background: #f6f6f6;
      overflow: hidden;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      #all_news .articles:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #all_news .articles h3 {
        color: #131516;
        font-size: 1.15rem;
        line-height: 1.5; }
        #all_news .articles h3 a {
          color: inherit;
          text-decoration: none; }
        #all_news .articles h3 a:hover {
          color: #373d3f; }
      #all_news .articles small {
        color: #043e66;
        display: block;
        font-size: .7rem;
        letter-spacing: .05rem;
        margin-bottom: .5rem;
        text-transform: uppercase; }
        #all_news .articles small i {
          font-style: normal; }
        #all_news .articles small a {
          text-decoration: none; }
      #all_news .articles img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      #all_news .articles .inner_article {
        padding: 1.5rem; }

  /*
  Single News Content
   */
  #single_news_content {
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%; }
    #single_news_content .single_news {
      margin: 0 auto;
      position: relative;
      width: 80%; }
    #single_news_content img {
      margin-bottom: 2rem; }
    #single_news_content .single_news_body_content {
      margin-bottom: 3rem; }
      #single_news_content .single_news_body_content p {
        font-size: 1.15rem; }
    #single_news_content small {
      color: #043e66;
      display: block;
      margin-bottom: .7rem;
      text-transform: uppercase; }
      #single_news_content small i {
        font-style: normal; }
    #single_news_content .post_navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #single_news_content .post_navigation .previous_post a,
      #single_news_content .post_navigation .next_post a {
        color: #ffffff;
        display: inline-block;
        font-size: .9rem;
        font-weight: 600;
        letter-spacing: .05rem;
        padding: .85rem 2rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%; }
        #single_news_content .post_navigation .previous_post a:hover,
        #single_news_content .post_navigation .next_post a:hover {
          color: #ffffff;
          text-decoration: none; }
        #single_news_content .post_navigation .previous_post a::after, #single_news_content .post_navigation .previous_post a::before,
        #single_news_content .post_navigation .next_post a::after,
        #single_news_content .post_navigation .next_post a::before {
          font-family: FontAwesome;
          font-weight: 700;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
    #single_news_content .post_navigation .next_post a {
      background: #373d3f; }
      #single_news_content .post_navigation .next_post a:hover::after {
        margin-left: 1rem; }
      #single_news_content .post_navigation .next_post a::after {
        content: '\27F6';
        margin-left: .5rem; }
    #single_news_content .post_navigation .previous_post a {
      background: #043e66; }
      #single_news_content .post_navigation .previous_post a:hover::before {
        margin-right: 1rem; }
      #single_news_content .post_navigation .previous_post a::before {
        content: '\27F5';
        margin-right: .5rem; }

  .blog_search {
    margin: 0 0 5rem;
    padding: 0;
    position: relative;
    width: 100%; }
    .blog_search .blog_search_content {
      position: relative; }
      .blog_search .blog_search_content .searchForm input[type='text'] {
        background: transparent;
        border: none;
        font-size: .75rem;
        position: relative;
        width: 100%;
        border-radius: 0;
        background: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #b6b6b6; }
        .blog_search .blog_search_content .searchForm input[type='text']:active, .blog_search .blog_search_content .searchForm input[type='text']:focus {
          outline: 0; }
      .blog_search .blog_search_content .searchForm button {
        background: transparent;
        border: 0;
        color: #373d3f;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        position: absolute;
        right: 0;
        -webkit-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        width: auto; }
        .blog_search .blog_search_content .searchForm button:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .blog_search .blog_search_content .searchForm button:active, .blog_search .blog_search_content .searchForm button:focus {
          outline: 0; }

  /* End of Main Content Area */
  /*
   Footer Styling
   */
  #footer {
    background: black;
    position: relative;
    padding: 3rem 2rem; }
    #footer .footer_up {
      color: #ffffff;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2rem;
      margin: 0 0 1.5rem 0; }
      #footer .footer_up .footer-item {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 auto;
                flex: 2 1 auto; }
      #footer .footer_up img {
        display: block;
        margin: 0 0 1.5rem;
        width: 60%; }
      #footer .footer_up p {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        line-height: 200%; }
      #footer .footer_up ul li {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        list-style-type: none;
        margin: 0 0 .65rem 0; }
        #footer .footer_up ul li a {
          color: rgba(255, 255, 255, 0.5);
          text-decoration: none; }
          #footer .footer_up ul li a:hover {
            color: rgba(245, 134, 52, 0.9); }
        #footer .footer_up ul li span {
          color: #f58634;
          font-weight: 600; }
      #footer .footer_up h3 {
        font-size: 1.05rem;
        font-weight: 600;
        letter-spacing: .05rem;
        line-height: 150%;
        margin: 0 0 .8rem 0;
        opacity: .8;
        position: relative; }
      #footer .footer_up i {
        display: inline-block;
        font-size: 1.35rem;
        margin: 1rem 0 0 0; }
        #footer .footer_up i:not(:last-child) {
          margin: 0 .5rem 0 0; }
    #footer .footer_down {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1.5rem 0 0 0; }
    #footer .credit {
      color: rgba(255, 255, 255, 0.7);
      font-size: .75rem; }
    #footer a {
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none; }
    #footer .credit span {
      color: rgba(255, 255, 255, 0.7); }

  /*------------- Admin Area Styling ----------------------------*/
  .graphShow {
    display: block;
    width: 100%; }
    .graphShow .chart_div {
      display: block;
      height: 30rem;
      width: auto; }

  table.category_table {
    margin-top: 2rem; }
    table.category_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.category_table thead tr th {
        font-size: 1.15rem;
        font-weight: 600;
        padding: .35rem 1rem;
        white-space: wrap; }
      table.category_table thead th:nth-child(1) {
        width: 5% !important; }
    table.category_table th {
      height: auto;
      white-space: nowrap; }
    table.category_table td {
      white-space: wrap; }
    table.category_table td a {
      white-space: wrap; }

  table.journals_table {
    margin-top: 2rem;
    position: relative; }
    table.journals_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.journals_table thead tr th {
        font-size: .85rem;
        font-weight: 600;
        padding-right: .5rem;
        white-space: nowrap; }
      table.journals_table thead th:nth-child(1) {
        width: 5% !important; }

  th {
    height: auto;
    white-space: nowrap; }

  td {
    white-space: wrap; }

  td a {
    white-space: wrap; }

  table tr:nth-child(even) {
    background: #ffffff; }

  table tr td {
    font-size: .9rem; }
    table tr td span {
      display: block; }

  table td img {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%; }

  table td a i {
    display: block;
    margin: 0 auto;
    text-align: center; }

  .fa-trash,
  .fa-user-circle {
    color: #ff5a1d;
    display: block;
    font-size: 1.35rem;
    margin: 0 auto;
    text-align: center; }

  .fa-edit {
    display: block;
    font-size: 1.35rem;
    margin: 0 auto;
    text-align: center; }

  table tr td a {
    font-size: .9rem;
    font-weight: 600;
    white-space: normal; }
    table tr td a:hover {
      text-decoration: none; }

  a.link-block {
    display: block;
    font-size: .9rem;
    font-weight: normal; }

  table tbody tr td > .view_hover {
    margin: .5rem 0;
    visibility: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out; }
    table tbody tr td > .view_hover li {
      border-right: 1px solid rgba(55, 61, 63, 0.3);
      display: inline-block;
      margin: 0 .1rem;
      position: relative; }
      table tbody tr td > .view_hover li:nth-child(2) a {
        color: #e93f00; }
      table tbody tr td > .view_hover li:last-of-type, table tbody tr td > .view_hover li:last-child {
        border-right: 0;
        margin-right: 0; }
      table tbody tr td > .view_hover li:first-of-type, table tbody tr td > .view_hover li:first-child {
        margin-left: 0; }
    table tbody tr td > .view_hover a {
      font-size: .9rem;
      font-weight: normal;
      margin-right: .5rem;
      white-space: wrap; }

  table tbody tr td:hover .view_hover {
    visibility: visible; }

  .dataTables_length,
  .dataTables_filter {
    display: inline-block;
    margin: 1rem 0; }

  .dataTables_info,
  .dataTables_paginate {
    display: inline-block; }

  .dataTables_paginate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    float: right; }
    .dataTables_paginate span {
      background: #a9a9a9;
      padding: .3rem .7rem; }
    .dataTables_paginate a.paginate_button.disabled {
      background: #a9a9a9;
      padding: .3rem .7rem; }
    .dataTables_paginate a.paginate_button:active,
    .dataTables_paginate a.paginate_button.active {
      background: dimgray; }

  .dataTables_filter {
    float: right; }

  .dataTables_length label select {
    padding: .3rem .7rem;
    border-radius: 0.3rem; }
    .dataTables_length label select:focus, .dataTables_length label select:active {
      outline: 0; }

  .dataTables_filter label input[type="search"] {
    border: 1px solid #373d3f;
    margin-left: .5rem;
    padding: .3rem .7rem;
    border-radius: 0.3rem; }
    .dataTables_filter label input[type="search"]:focus, .dataTables_filter label input[type="search"]:active {
      outline: 0; }

  form.bulkOption #bulkOptionContainer select {
    border: 1px solid rgba(55, 61, 63, 0.5);
    display: block;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 30%; }
    form.bulkOption #bulkOptionContainer select:focus, form.bulkOption #bulkOptionContainer select:active {
      outline: 0; }
  form.bulkOption #bulkOptionContainer input[type="submit"] {
    background: #0967aa;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .1rem;
    margin: .15rem 0 0;
    padding: .75rem 1.5rem;
    text-transform: uppercase;
    width: 15%; }
    form.bulkOption #bulkOptionContainer input[type="submit"]:hover {
      color: #bfbfbf; }
  form.bulkOption #bulkOptionContainer a.link_add {
    background: #043e66;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .1rem;
    margin: 0;
    padding: .9rem 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 15%; }
    form.bulkOption #bulkOptionContainer a.link_add:hover {
      color: #bfbfbf; }

  .admin_main_content {
    margin: 0; }
    .admin_main_content h1 {
      font-size: 1.35rem;
      font-weight: 600; }
    .admin_main_content .title {
      display: block;
      margin: 0 0 1rem; }
    .admin_main_content #edit_form {
      margin: 1rem 0 0; }
    .admin_main_content .profile_image {
      margin: 2rem 0;
      position: relative; }
      .admin_main_content .profile_image .user_profile_photo {
        height: 100px;
        width: 95px;
        border-radius: 50%; }
      .admin_main_content .profile_image a {
        position: relative; }
      .admin_main_content .profile_image i {
        background: #a9a9a9;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        left: -30px;
        padding: .5rem;
        position: absolute;
        text-align: center;
        top: 30px;
        vertical-align: middle;
        border-radius: 50%; }
        .admin_main_content .profile_image i:hover {
          background: #ffffff;
          color: #ffffff; }
        .admin_main_content .profile_image i a {
          color: #373d3f;
          text-decoration: none; }
          .admin_main_content .profile_image i a:hover {
            color: #ffffff; }
    .admin_main_content .personal_details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative; }
      .admin_main_content .personal_details h1 {
        color: #0967aa;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
        font-size: 1.15rem;
        margin-bottom: 1rem; }
      .admin_main_content .personal_details a {
        color: #373d3f;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
        text-decoration: none; }
        .admin_main_content .personal_details a i {
          background: #a9a9a9;
          color: #ffffff;
          cursor: pointer;
          display: inline-block;
          font-size: 1.15rem;
          padding: .5rem;
          position: absolute;
          right: 5px;
          text-align: center;
          top: -5px;
          vertical-align: middle;
          border-radius: 50%; }
          .admin_main_content .personal_details a i:hover {
            background: #0967aa;
            color: #ffffff; }
    .admin_main_content .profile_names {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .admin_main_content .profile_names h2 {
        font-size: .8rem;
        font-weight: normal; }
      .admin_main_content .profile_names span {
        display: block;
        font-size: 1rem;
        font-weight: 600; }

  #admin_header {
    background: #f6f6f6;
    padding: .5rem 3rem; }
    #admin_header .admin_welcome {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #admin_header .welcome_message {
      -ms-flex-preferred-size: 85%;
          flex-basis: 85%; }
    #admin_header .admin_account {
      -ms-flex-preferred-size: 15%;
          flex-basis: 15%; }
    #admin_header .welcome_message img {
      width: 8%; }
    #admin_header .admin_account {
      cursor: pointer;
      display: inline-block;
      font-size: .9rem;
      margin-top: 1.75rem;
      position: relative; }
      #admin_header .admin_account i.fa-angle-down {
        display: inline-block;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      #admin_header .admin_account:hover {
        color: #373d3f; }
      #admin_header .admin_account:hover i.fa-angle-down {
        color: #373d3f;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
    #admin_header .account_hide {
      background: #f2f2f2;
      display: none;
      position: absolute;
      right: 50px;
      top: 4rem;
      width: 11rem;
      z-index: 3;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
    #admin_header .account_hide ul li {
      list-style: none;
      padding: .5rem 1.35rem .2rem; }
      #admin_header .account_hide ul li:last-child {
        margin-bottom: 1rem; }
    #admin_header .account_hide ul li a {
      color: inherit;
      font-size: .9rem;
      text-decoration: none; }
      #admin_header .account_hide ul li a:hover {
        color: #0967aa; }

  /*
  Sidebar Menu Styling
  */
  .showMenuBtn {
    background: #0967aa;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: .75rem;
    left: 0;
    padding: .75rem .75rem;
    position: absolute;
    top: 17%;
    z-index: 2; }
    .showMenuBtn .btn_line {
      background: #ffffff;
      height: 2px;
      width: 23px; }
    .showMenuBtn .btn_line:not(:last-child) {
      margin-bottom: .3rem; }

  .sidebar-menu .closebtn {
    color: #ffffff;
    display: none;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }

  .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden; }

  .sidebar-menu {
    background: #31353D;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 25%;
    z-index: 2; }
    .sidebar-menu .profile_photo {
      background: #ffffff;
      height: 50px;
      margin-right: .5rem;
      vertical-align: middle;
      width: 50px;
      border-radius: 50%; }
    .sidebar-menu .activeBG {
      padding: .5rem 1rem; }
      .sidebar-menu .activeBG span.profile_name {
        color: #ffffff;
        font-size: .85rem;
        font-weight: 600;
        letter-spacing: .05rem;
        text-transform: capitalize; }
    .sidebar-menu .sidebar-dropdown,
    .sidebar-menu .sidebar-dropdown-none {
      background: #31353D;
      border-bottom: 1px solid #434a4d;
      cursor: pointer;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      width: 100%; }
      .sidebar-menu .sidebar-dropdown:last-of-type,
      .sidebar-menu .sidebar-dropdown-none:last-of-type {
        border-bottom: 0; }
      .sidebar-menu .sidebar-dropdown:hover,
      .sidebar-menu .sidebar-dropdown-none:hover {
        background: #363a43; }
      .sidebar-menu .sidebar-dropdown span,
      .sidebar-menu .sidebar-dropdown-none span {
        display: inline-block; }
    .sidebar-menu ul {
      position: relative; }
    .sidebar-menu li.sidebar-dropdown:first-of-type,
    .sidebar-menu li.sidebar-dropdown:first-child {
      background: #0967aa;
      border-bottom: 1px solid #434a4d; }
      .sidebar-menu li.sidebar-dropdown:first-of-type i,
      .sidebar-menu li.sidebar-dropdown:first-child i {
        color: #ffffff;
        font-size: 1.7rem; }
      .sidebar-menu li.sidebar-dropdown:first-of-type a,
      .sidebar-menu li.sidebar-dropdown:first-child a {
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a:hover > i::before,
        .sidebar-menu li.sidebar-dropdown:first-child a:hover > i::before {
          -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                  animation: swing ease-in-out 0.5s 1 alternate;
          color: rgba(55, 61, 63, 0.9);
          display: inline-block; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a::after,
        .sidebar-menu li.sidebar-dropdown:first-child a::after {
          content: ''; }
    .sidebar-menu a {
      color: #b3b3b3;
      display: block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      padding: .9rem 1.5rem;
      position: relative;
      text-decoration: none; }
      .sidebar-menu a i {
        color: #b3b3b3;
        font-size: 1.15rem; }
      .sidebar-menu a:hover {
        color: #0967aa; }
      .sidebar-menu a:hover > i::before {
        -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                animation: swing ease-in-out 0.5s 1 alternate;
        display: inline-block; }
    .sidebar-menu .sidebar-dropdown > a::after {
      color: #999999;
      content: '\f105';
      font-family: FontAwesome;
      position: absolute;
      right: 2rem;
      top: .9rem;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a::after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu {
      background: #3c414b;
      display: none;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
      margin: 0;
      padding: 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
      padding-left: 3rem;
      font-size: .85rem; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
      padding: .7rem 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a::before {
      content: '\f111';
      font-family: FontAwesome;
      margin-right: .5rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover::before {
      color: #0967aa; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a {
      color: #373d3f; }
    .sidebar-menu .sidebar-dropdown.active,
    .sidebar-menu .sidebar-dropdown.active:hover,
    .sidebar-menu .sidebar-submenu.active:focus {
      background: #31353D !important; }
    .sidebar-menu .sidebar-dropdown.active > a,
    .sidebar-menu .sidebar-dropdown.active:hover > a,
    .sidebar-menu .sidebar-submenu.active:focus > a {
      color: #0967aa; }
    .sidebar-menu ul li a i {
      margin-right: .5rem; }
    .sidebar-menu ul li ul li a {
      font-size: .75rem; }

  /*
  Modal Popup
  */
  .modalPopup {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    z-index: 5; }
    .modalPopup .profile_image_area h2 {
      font-size: 1.35rem;
      font-weight: 600;
      margin-bottom: 1rem; }
    .modalPopup .box span {
      color: #ffffff;
      font-weight: 400; }
    .modalPopup .profile_image img {
      display: block;
      margin-top: 1rem;
      width: 25%; }
    .modalPopup .action {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: .5rem; }
    .modalPopup .box label {
      display: block;
      margin: 0 auto;
      width: 100%; }
    .modalPopup .names_grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 20px; }
    .modalPopup span {
      color: rgba(255, 0, 0, 0.8); }

  .modal-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: white;
    padding: 2rem 1rem;
    width: 90%;
    border-radius: 0.5rem; }

  .close-modal {
    border-radius: 0.25rem;
    background: #a9a9a9;
    color: #373d3f;
    cursor: pointer;
    display: block;
    float: right;
    line-height: 1.5rem;
    text-align: center;
    width: 1.5rem; }

  .close-modal:hover {
    background: darkgray; }

  .modalPopup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
    transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s; }

  #admin_footer {
    background: #131516;
    color: #ffffff;
    padding: 1rem 2rem;
    position: relative; }
    #admin_footer span {
      display: block;
      font-size: .75rem;
      line-height: 170%; }

  .dashboard {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin: 0;
    position: relative;
    width: 100%; }
    .dashboard ul li {
      line-height: 1;
      list-style: none; }
    .dashboard .total_journal {
      background: #f44236; }
    .dashboard .total_jobs {
      background: #2297f7; }
    .dashboard .total_comments {
      background: #ff9801; }
    .dashboard .total_categories {
      background: #4db151; }
    .dashboard .total_journal,
    .dashboard .total_jobs,
    .dashboard .total_comments,
    .dashboard .total_categories {
      -ms-flex-preferred-size: 24%;
          flex-basis: 24%;
      padding: 2.5rem 1rem;
      overflow: hidden;
      position: relative;
      border-radius: 0.3rem; }
      .dashboard .total_journal i,
      .dashboard .total_jobs i,
      .dashboard .total_comments i,
      .dashboard .total_categories i {
        color: #ffffff;
        font-size: 4rem;
        right: 10%;
        opacity: .15;
        position: absolute;
        top: 27%; }
      .dashboard .total_journal span,
      .dashboard .total_jobs span,
      .dashboard .total_comments span,
      .dashboard .total_categories span {
        font-weight: 600; }
      .dashboard .total_journal .dashboard_content,
      .dashboard .total_jobs .dashboard_content,
      .dashboard .total_comments .dashboard_content,
      .dashboard .total_categories .dashboard_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        position: relative; }
        .dashboard .total_journal .dashboard_content span,
        .dashboard .total_jobs .dashboard_content span,
        .dashboard .total_comments .dashboard_content span,
        .dashboard .total_categories .dashboard_content span {
          display: block;
          margin: .5rem auto 0; }

  .next_steps,
  .latest_journal {
    background: #f8f8f8;
    border: 1px solid #e3e3e3;
    padding: 2rem 2rem 1rem;
    border-radius: 0.3rem; }
    .next_steps:not(:last-child),
    .latest_journal:not(:last-child) {
      margin-bottom: 0; }
    .next_steps h2,
    .latest_journal h2 {
      font-size: 1.15rem; }
    .next_steps ul li,
    .latest_journal ul li {
      font-size: .85rem;
      line-height: 2.5;
      list-style: none; }

  .dashboard_summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
    margin: 2.5rem 0 0; }
    .dashboard_summary .next_steps_content i {
      font-size: .85rem;
      margin-right: .5rem; }

  .latest_journal {
    margin: 0; }
    .latest_journal .latest_journal_content ul li {
      font-size: .85rem;
      line-height: 2;
      list-style: none; } }
/*------------- Desktop Styling ----------------------------*/
@media screen and (min-width: 1171px) {
  /*
      General Styling
  */
  .show {
    background: #ffffff;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    .show header {
      padding: .15rem 7rem;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }

  /*
   Header Styling
   */
  header {
    background: #ffffff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
    -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
    header .header-top {
      background: rgba(169, 169, 169, 0.3);
      margin: 0 auto;
      padding: 0 10rem;
      position: relative; }
      header .header-top ul.header-top-content {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      header .header-top ul.header-top-content li {
        color: #373d3f;
        font-size: .75rem;
        font-weight: 600;
        list-style: none;
        padding: .15rem .75rem; }
        header .header-top ul.header-top-content li span {
          font-weight: normal; }
        header .header-top ul.header-top-content li i {
          color: #0967aa;
          margin-right: .3rem; }
    header .menu-btn {
      display: none;
      position: absolute;
      right: 55px;
      top: 45px; }
      header .menu-btn .btn-line {
        background: black;
        height: 2px;
        width: 28px; }
      header .menu-btn .btn-line:not(:last-child) {
        margin-bottom: .3rem; }
    header .flex-grid {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: .5rem 5rem;
      position: relative; }
    header .logo,
    header .menu {
      -ms-flex-preferred-size: 49%;
          flex-basis: 49%; }
    header .logo {
      position: relative; }
      header .logo img {
        display: inline-block;
        width: 30%; }
    header .menu {
      background: none; }
      header .menu .nav-menu {
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        color: #373d3f;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
      header .menu .closebtn {
        color: #ffffff;
        display: none;
        font-size: 2rem;
        position: absolute;
        right: 20px;
        top: 10px;
        z-index: 3; }
      header .menu ul li {
        display: inline-block;
        list-style: none;
        padding: 1.75rem 1.15rem;
        position: relative;
        white-space: nowrap; }
      header .menu li a {
        color: #373d3f;
        display: block;
        font-size: .8rem;
        font-weight: 600;
        text-decoration: none; }
        header .menu li a:hover {
          color: rgba(245, 134, 52, 0.9); }
      header .menu ul li ul {
        background: #f58634;
        left: 0;
        margin: 0;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 110%;
        max-height: 0;
        -webkit-transition: max-height .5s;
        transition: max-height .5s;
        overflow: hidden;
        width: 17rem;
        z-index: 2; }
      header .menu ul li ul li a {
        font-size: .8rem;
        font-weight: 500; }
      header .menu ul li:hover ul {
        opacity: 1;
        max-height: 400px; }
      header .menu ul li:hover ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        display: block;
        padding: .85rem 1.35rem; }
        header .menu ul li:hover ul li:hover {
          display: block; }
        header .menu ul li:hover ul li:last-child {
          border-bottom: 0; }
      header .menu ul li:hover ul li a {
        display: block;
        color: #ffffff; }
      header .menu ul li ul li a:hover {
        color: #f2f2f2;
        font-weight: 600;
        text-decoration: none; }

  /* Beginning of Slider Area Section */
  #slide-container {
    height: 100vh;
    overflow: hidden;
    position: relative; }
    #slide-container::after {
      background: rgba(0, 0, 0, 0.35);
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0; }
    #slide-container .slide-container {
      display: none; }
    #slide-container .slide-container.active {
      display: block; }
    #slide-container .slide-container .slide {
      background: -webkit-gradient(linear, left top, right top, color-stop(70%, #f9f9f9), color-stop(30.1%, #f9f9f9));
      background: linear-gradient(90deg, #f9f9f9 70%, #f9f9f9 30.1%); }
    #slide-container .slide {
      position: relative; }
    #slide-container #prev,
    #slide-container #next {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50px;
      color: #fff;
      cursor: pointer;
      font-size: 3rem;
      font-weight: 600;
      height: 50px;
      line-height: 50px;
      position: absolute;
      text-align: center;
      top: 55%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 50px;
      z-index: 1; }
    #slide-container #prev:hover,
    #slide-container #next:hover {
      background: rgba(255, 255, 255, 0.8); }
    #slide-container #prev {
      left: 1rem; }
    #slide-container #next {
      right: 1rem; }
    #slide-container .content {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-animation: slideContent .4s linear .6s backwards;
              animation: slideContent .4s linear .6s backwards;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-left: 10%;
      margin-top: 3rem;
      padding: 0 1rem 0 0;
      position: absolute;
      width: 50%;
      z-index: 1; }
    #slide-container .image {
      position: relative; }
    #slide-container img {
      -webkit-animation: slideImage .4s linear;
              animation: slideImage .4s linear;
      width: 100%; }
    #slide-container .course-link {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #slide-container .course-link:hover {
        background: #0967aa;
        color: #ffffff; }
  @-webkit-keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @keyframes slideContent {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }
  @-webkit-keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
  @keyframes slideImage {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px); } }
    #slide-container h1, #slide-container span {
      color: #ffffff; }
    #slide-container h1 {
      font-size: 3.5rem;
      font-weight: 600;
      line-height: 1.15;
      margin: -.5rem 0 2.5rem; }
    #slide-container span {
      display: inline-block;
      font-size: 1.1rem;
      font-weight: 600;
      letter-spacing: .07rem;
      text-transform: uppercase; }

  /* End of Slider Area Section */
  /* Beginning of Subsidiaries - Index Page */
  #subsidiaries {
    padding: 1rem 5rem;
    position: relative; }
    #subsidiaries .subsidiaries-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row;
              flex-flow: row;
      gap: 1rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin: 0 auto;
      width: 100%; }
    #subsidiaries .sub-item {
      background: #ffffff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin: -3rem 0 0;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #subsidiaries .sub-item:hover {
        -webkit-transform: translateY(-7%);
                transform: translateY(-7%); }
      #subsidiaries .sub-item:hover a {
        color: #ffffff; }
      #subsidiaries .sub-item h2 {
        font-weight: 600; }
      #subsidiaries .sub-item a {
        color: #ffffff;
        font-size: .85rem;
        text-decoration: none; }
      #subsidiaries .sub-item i {
        font-size: 1.15rem;
        margin-right: .5rem; }
    #subsidiaries .sub-item:first-child,
    #subsidiaries .sub-item:first-of-type {
      background: #f58634;
      color: #ffffff; }
      #subsidiaries .sub-item:first-child h2,
      #subsidiaries .sub-item:first-of-type h2 {
        color: #ffffff; }
    #subsidiaries .sub-item:not(:first-child) {
      background: #f6f6f6;
      border: 1px solid rgba(169, 169, 169, 0.5); }
      #subsidiaries .sub-item:not(:first-child):hover {
        background: #043e66; }
      #subsidiaries .sub-item:not(:first-child):hover h2 {
        color: #ffffff; }
      #subsidiaries .sub-item:not(:first-child) h2 {
        color: #043e66; }
      #subsidiaries .sub-item:not(:first-child) a {
        color: #f58634;
        font-size: .85rem;
        font-weight: 600;
        text-decoration: none; }
    #subsidiaries .sub-item-inner {
      padding: 1.5rem; }
    #subsidiaries h2 {
      font-size: 1.15rem;
      margin: 0 0 .85rem; }
    #subsidiaries p {
      font-size: .85rem; }

  .sub-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .sub-container .sub-content:not(:last-child) {
      margin-right: 2rem; }
    .sub-container .sub-main-content {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 73%;
              flex: 1 0 73%;
      position: relative; }
      .sub-container .sub-main-content .sub-services {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(3, 1fr);
        margin: 3rem 0 0;
        width: 100%; }
      .sub-container .sub-main-content h3 {
        font-size: 1.35rem;
        margin: 2rem 0 -1.5rem; }
      .sub-container .sub-main-content figure img {
        display: block;
        width: 100%;
        -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
        box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      .sub-container .sub-main-content figcaption {
        font-size: .75rem; }
    .sub-container .sub-side-bar {
      background: #0967aa;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 27%;
              flex: 1 0 27%;
      height: 25rem;
      margin-top: -9.35rem;
      position: relative; }
    .sub-container .sub-title,
    .sub-container .sub-title-links {
      padding: 1rem 1.5rem; }
    .sub-container .sub-title {
      background: #043e66; }
      .sub-container .sub-title h3 {
        color: #ffffff;
        font-size: 1.35rem; }
    .sub-container .sub-title-links ul {
      list-style: none;
      padding: 0 0 2rem 0; }
    .sub-container .sub-title-links ul li {
      line-height: 3.5;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after, .sub-container .sub-title-links ul li::before {
        background: #ffffff;
        bottom: -.15rem;
        content: '';
        left: 0;
        position: absolute;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      .sub-container .sub-title-links ul li::after {
        height: 1px;
        width: 100%; }
      .sub-container .sub-title-links ul li::before {
        height: 3px;
        width: 0; }
      .sub-container .sub-title-links ul li:hover::before {
        height: 2px;
        width: 100%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    .sub-container .sub-title-links ul li a {
      color: #ffffff;
      display: block;
      font-size: .85rem;
      text-decoration: none; }

  /* Beginning of Subsidiaries - Index Page */
  /* Beginning of About Mobol-Bee - Index Page */
  #about-mobol-bee {
    padding: 7rem 5rem;
    position: relative; }

  #about-mobol-bee .about-mb-flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    width: 90%; }

  .about-mb-img {
    background-image: url("../img/logistics-truck.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70vh;
    position: relative; }

  .about-mb-img::after {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }

  .about-mb-content,
  .about-mb-img {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }

  .about-mb-content span {
    color: #f58634;
    display: block;
    font-size: .8rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-transform: uppercase; }

  .about-mb-inner-content {
    width: 85%; }

  .about-overlay-content {
    background: #0967aa;
    left: -9%;
    padding: 3rem;
    position: absolute;
    top: 25%;
    width: 65%;
    z-index: 1;
    border-radius: 0.3rem; }
    .about-overlay-content h3, .about-overlay-content p, .about-overlay-content a {
      color: #ffffff; }
    .about-overlay-content h3 {
      font-size: 1.15rem;
      margin: 0 0 1rem; }
    .about-overlay-content p {
      font-size: .8rem; }
    .about-overlay-content i {
      display: inline-block;
      font-size: 1.35rem;
      margin-right: .5rem;
      vertical-align: middle; }
    .about-overlay-content a {
      font-size: .9rem;
      font-weight: 600;
      text-decoration: none;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    .about-overlay-content a:hover {
      margin-left: 1rem; }

  h2 {
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 1.5rem; }

  p {
    font-size: .9rem;
    line-height: 1.9; }

  p:not(:last-child) {
    margin: 0 0 1.5rem; }

  /* End of About Mobol-Bee - Index Page */
  /* Beginning of Services - Index Page */
  #services {
    padding: 1rem 5rem 7rem;
    position: relative; }
    #services .services-content {
      margin: 0 auto;
      width: 90%; }
    #services .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 3rem; }
    #services img {
      display: block;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services .service-item {
      background: #f58634;
      cursor: pointer;
      overflow: hidden;
      border-radius: 0.3rem; }
      #services .service-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #services .service-item:hover h3 {
        margin-left: 1rem; }
    #services .service-item-content {
      padding: 1.5rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #services h2 {
      color: #043e66;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 150%;
      margin: 0 0 3rem;
      position: relative; }
      #services h2::after {
        background: rgba(0, 0, 0, 0.15);
        bottom: 1.15rem;
        content: '';
        height: 1px;
        position: absolute;
        right: 0;
        width: 80%; }
    #services h3 {
      font-size: 1rem;
      font-weight: 600;
      line-height: 150%;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      #services h3:hover {
        margin-left: 1rem; }
      #services h3 a {
        color: #ffffff;
        text-decoration: none; }
      #services h3 i {
        color: #ffffff; }
      #services h3 i {
        font-size: 1.35rem;
        margin-right: .5rem; }

  /* End of Services - Index Page */
  /* Beginning of Mission and Vision - Index Page */
  #mission-vision {
    background: rgba(4, 62, 102, 0.93);
    background-blend-mode: multiply;
    padding: 5rem;
    position: relative; }
    #mission-vision::after {
      background-image: url("../img/mission-vision-bg.jpg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    #mission-vision .mission-vision-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 5rem;
      margin: 0 auto;
      width: 90%; }
    #mission-vision h2, #mission-vision h3 {
      color: #f58634; }
    #mission-vision h3 {
      font-size: 1.15rem;
      letter-spacing: .05rem; }
    #mission-vision p, #mission-vision li {
      color: rgba(255, 255, 255, 0.8);
      font-size: .85rem;
      line-height: 2; }
    #mission-vision li {
      margin-left: 1rem; }
    #mission-vision img {
      display: block;
      margin: 0 0 2.5rem; }
    #mission-vision a {
      background: #f58634;
      color: #ffffff;
      display: inline-block;
      font-size: .85rem;
      padding: .65rem 2rem;
      text-decoration: none; }
      #mission-vision a:hover {
        background: #131516;
        color: #ffffff; }

  /* End of Mission and Vision - Index Page */
  /* Beginning of Partners - Index Page */
  #partners-logos {
    background: #ffffff;
    position: relative;
    padding: 7rem 5rem; }
    #partners-logos .partners-logos {
      margin: 0 auto; }
      #partners-logos .partners-logos img {
        display: block;
        margin: 0 auto;
        width: 50%; }

  /* End of Partners - Index Page */
  /* Beginning of Other Pages Header */
  #other_pages_header .about_page_header {
    background: url("../img/about-us-header-page.jpg"); }
  #other_pages_header .services_header {
    background: url("../img/services-header.jpg"); }
  #other_pages_header .subsidiaries_header {
    background: url("../img/subsidiaries.jpg"); }
  #other_pages_header .blog_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .contact_page_header {
    background: url("../img/signup_page_header-large.jpg"); }
  #other_pages_header .about_page_header,
  #other_pages_header .services_header,
  #other_pages_header .subsidiaries_header,
  #other_pages_header .contact_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative; }
    #other_pages_header .about_page_header::after,
    #other_pages_header .services_header::after,
    #other_pages_header .subsidiaries_header::after,
    #other_pages_header .contact_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .blog_page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative; }
    #other_pages_header .blog_page_header::after {
      bottom: 0;
      content: '';
      background: rgba(0, 0, 0, 0.85);
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      right: 0;
      top: 0; }
  #other_pages_header .page_text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    margin: 1.5rem 0 0 5rem;
    padding: 4rem 2rem;
    position: absolute;
    width: 55%;
    z-index: 1; }
  #other_pages_header .learn-more {
    background: #f58634;
    color: #ffffff;
    display: inline-block;
    font-size: .85rem;
    margin: 2rem 0 2rem;
    padding: .65rem 2rem;
    text-decoration: none; }
  #other_pages_header .breadcrumbs {
    font-size: .9rem;
    font-weight: 500;
    margin: 1rem 0 0; }
    #other_pages_header .breadcrumbs a {
      color: #ffffff;
      letter-spacing: .05rem;
      text-decoration: none; }
    #other_pages_header .breadcrumbs a:hover {
      color: #f58634; }
  #other_pages_header h1 {
    color: #ffffff;
    font-size: 2.35rem;
    font-weight: 600;
    line-height: 150%;
    margin: 0 0 1rem; }
  #other_pages_header span {
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .03rem;
    margin: 0 0 1rem;
    text-transform: uppercase; }
  #other_pages_header p {
    font-size: 1.5rem;
    line-height: 1.35; }

  /* End of Other Pages Header */
  /* Beginning of Main Content Area */
  main {
    position: relative; }
    main .main-content {
      margin: 0 auto;
      padding: 5rem 0 5rem;
      width: 85%; }
    main .about-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    main .about-mobol-bee-img {
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%; }
    main .about-mobol-bee-text {
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%; }
    main .mobol-bee-content {
      width: 100%; }
      main .mobol-bee-content h2 {
        font-family: "Poppins", san-serif;
        font-size: 2.25rem;
        font-weight: 600;
        line-height: 1.25; }
      main .mobol-bee-content h3 {
        font-size: 1.35rem;
        font-weight: 600;
        line-height: 1.25;
        margin: 0 0 .75rem; }
      main .mobol-bee-content ul {
        -webkit-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 2rem;
                column-gap: 2rem; }
      main .mobol-bee-content ul li {
        font-size: .8rem;
        line-height: 1.75;
        list-style: none;
        margin-left: 0; }
      main .mobol-bee-content ul li::before {
        color: #f58634;
        content: '\f18e';
        font-family: FontAwesome;
        font-size: 1.15rem;
        margin-right: .5rem;
        vertical-align: middle; }
    main .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 3rem; }
      main .services-grid img {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    main .services-grid .services-item {
      background: #f6f6f6;
      overflow: hidden;
      position: relative;
      border-radius: 0.3rem; }
      main .services-grid .services-item:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
    main .services-item-content {
      padding: 1rem 2rem 3rem;
      position: relative;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      main .services-item-content h2 {
        font-size: 1.15rem; }
      main .services-item-content a {
        color: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: .85rem;
        margin: auto;
        position: relative;
        text-decoration: none;
        vertical-align: middle; }
        main .services-item-content a:hover {
          color: #043e66; }
        main .services-item-content a i {
          font-size: 1.35rem;
          margin-right: .5rem;
          vertical-align: middle; }
    main .services-img-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 2rem;
      margin: 5rem 0 0; }
    main #our-team {
      margin: 0 auto;
      padding: 5rem;
      position: relative; }
      main #our-team .our-team-header,
      main #our-team .our-team-flex {
        margin: 0 auto;
        width: 90%; }
      main #our-team .our-team-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        gap: 2rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      main #our-team img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main #our-team .our-team-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 22%;
                flex: 0 0 22%;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem; }
        main #our-team .our-team-item:last-child, main #our-team .our-team-item:last-of-type {
          margin: 0 auto; }
        main #our-team .our-team-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
      main #our-team .our-team-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: auto;
        padding: .35rem;
        text-align: center;
        z-index: 1; }
        main #our-team .our-team-portfolio h3 {
          font-family: "Poppins", san-serif;
          font-size: 1rem;
          font-weight: 600;
          text-align: center; }
          main #our-team .our-team-portfolio h3 span {
            display: block;
            font-size: .75rem;
            font-weight: normal;
            text-transform: uppercase; }
      main #our-team h2 {
        color: #043e66;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 3rem;
        position: relative; }
        main #our-team h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1.15rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 80%; }
    main .board-of-directors {
      margin: 0;
      padding: 0;
      position: relative; }
      main .board-of-directors .our-board-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        gap: 2rem;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 0 auto;
        width: 90%; }
      main .board-of-directors img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      main .board-of-directors .our-board-item {
        background: #e9e9e9;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 23%;
                flex: 1 0 23%;
        height: 25rem;
        overflow: hidden;
        position: relative;
        border-radius: 0.3rem;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .board-of-directors .our-board-item:last-child, main .board-of-directors .our-board-item:last-of-type {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
        main .board-of-directors .our-board-item img {
          display: block;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center; }
        main .board-of-directors .our-board-item:hover img {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        main .board-of-directors .our-board-item:hover .our-board-portfolio {
          background: rgba(245, 134, 52, 0.9);
          height: 100%; }
          main .board-of-directors .our-board-item:hover .our-board-portfolio h3 {
            font-size: 1.35rem; }
          main .board-of-directors .our-board-item:hover .our-board-portfolio span {
            display: block;
            font-size: .7rem;
            margin: 1rem 0 0; }
      main .board-of-directors .our-board-portfolio {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #f58634;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 20%;
        left: 0;
        padding: .5rem 2rem;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .board-of-directors .our-board-portfolio h3 {
          color: #ffffff;
          font-family: "Poppins", san-serif;
          font-size: 1.1rem;
          font-weight: 600;
          line-height: 1.1;
          text-align: center; }
        main .board-of-directors .our-board-portfolio span {
          display: none;
          font-size: .7rem;
          font-weight: normal;
          line-height: 1.35;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
      main .board-of-directors h2 {
        color: #043e66;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 150%;
        margin: 0 0 3rem;
        position: relative; }
        main .board-of-directors h2::after {
          background: rgba(0, 0, 0, 0.15);
          bottom: 1.15rem;
          content: '';
          height: 1px;
          position: absolute;
          right: 0;
          width: 80%; }
    main .subsidiaries-flex {
      background: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      margin: 0 0 3.5rem;
      position: relative;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      main .subsidiaries-flex .sub-flex-item-img {
        -webkit-box-flex: 2;
            -ms-flex: 2 0 35%;
                flex: 2 0 35%;
        position: relative; }
      main .subsidiaries-flex .sub-flex-item-text {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 65%;
                flex: 1 0 65%; }
      main .subsidiaries-flex img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center; }
      main .subsidiaries-flex .sub-flex-item-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 4rem; }
      main .subsidiaries-flex .sub-item-content {
        width: 90%; }
      main .subsidiaries-flex:nth-child(2n+2) .sub-flex-item-img {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      main .subsidiaries-flex h3 {
        color: #f58634;
        font-size: 1.5rem;
        margin: 0 0 2rem; }
      main .subsidiaries-flex p {
        margin: 0 0 2.5rem; }
      main .subsidiaries-flex a {
        background: #f58634;
        color: #ffffff;
        display: inline-block;
        font-size: .85rem;
        padding: .65rem 2rem;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        main .subsidiaries-flex a:hover {
          background: #0967aa;
          color: #ffffff; }
    main .media-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem; }
      main .media-grid .text h3 {
        font-size: 1.35rem; }
    main .services-heading {
      margin: 0 auto;
      text-align: center;
      width: 70%; }
      main .services-heading h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.65rem; }
    main .services-content {
      background: #f8f8f8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
      margin: 5rem 0 0;
      position: relative; }
      main .services-content:nth-child(2n+1) .services-img {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      main .services-content:nth-child(2n+1) .services-item {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      main .services-content .services-item,
      main .services-content .services-img {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 50%;
                flex: 1 0 50%;
        position: relative; }
        main .services-content .services-item img,
        main .services-content .services-img img {
          display: block;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      main .services-content .services-item-content {
        padding: 4rem; }
        main .services-content .services-item-content ul {
          margin-left: 1.15rem; }
        main .services-content .services-item-content li {
          font-size: .85rem;
          line-height: 1.75; }
    main .contact-mobol-bee {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    main .contact-mobol-bee-address {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%; }
      main .contact-mobol-bee-address h2 {
        font-family: "Poppins", san-serif;
        font-size: 1.15rem;
        margin: 0 0 .5rem; }
      main .contact-mobol-bee-address h2:last-child,
      main .contact-mobol-bee-address h2:last-of-type {
        margin: 2rem 0 0; }
      main .contact-mobol-bee-address i {
        color: #f58634;
        font-size: 1.15rem;
        margin-right: .5rem; }
      main .contact-mobol-bee-address span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        font-size: .85rem;
        margin: 0 0 1rem;
        opacity: .85; }
    main .contact-mobol-bee-form {
      -ms-flex-preferred-size: 70%;
          flex-basis: 70%; }
    main .contact-form {
      margin: 0;
      padding: 0; }
    main .form_group:not(:last-child),
    main .form_group:not(:last-of-type) {
      margin: 0 0 1.5rem; }
    main input[type='text'],
    main textarea {
      border: 1px solid rgba(169, 169, 169, 0.5);
      border-radius: 0; }
    main textarea {
      height: 15rem;
      resize: none; }
    main label {
      font-size: .85rem;
      opacity: .85; }

  /*
  All Latest News
   */
  #all_news {
    position: relative; }
    #all_news .latest_articles {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(4, 1fr);
      position: relative; }
    #all_news .articles {
      background: #f6f6f6;
      overflow: hidden;
      -webkit-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      -o-box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3);
      box-shadow: 1px 2px 7px 2px rgba(169, 169, 169, 0.3); }
      #all_news .articles:hover img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #all_news .articles h3 {
        color: #131516;
        font-size: 1.15rem;
        line-height: 1.5; }
        #all_news .articles h3 a {
          color: inherit;
          text-decoration: none; }
        #all_news .articles h3 a:hover {
          color: #373d3f; }
      #all_news .articles small {
        color: #043e66;
        display: block;
        font-size: .7rem;
        letter-spacing: .05rem;
        margin-bottom: .5rem;
        text-transform: uppercase; }
        #all_news .articles small i {
          font-style: normal; }
        #all_news .articles small a {
          text-decoration: none; }
      #all_news .articles img {
        display: block;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
      #all_news .articles .inner_article {
        padding: 1.5rem; }

  /*
  Single News Content
   */
  #single_news_content {
    padding: 0;
    margin: 0 auto;
    position: relative;
    width: 100%; }
    #single_news_content .single_news {
      margin: 0 auto;
      position: relative;
      width: 80%; }
    #single_news_content img {
      margin-bottom: 2rem; }
    #single_news_content .single_news_body_content {
      margin-bottom: 3rem; }
      #single_news_content .single_news_body_content p {
        font-size: 1.15rem; }
    #single_news_content small {
      color: #043e66;
      display: block;
      margin-bottom: .7rem;
      text-transform: uppercase; }
      #single_news_content small i {
        font-style: normal; }
    #single_news_content .post_navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #single_news_content .post_navigation .previous_post a,
      #single_news_content .post_navigation .next_post a {
        color: #ffffff;
        display: inline-block;
        font-size: .9rem;
        font-weight: 600;
        letter-spacing: .05rem;
        padding: .85rem 2rem;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%; }
        #single_news_content .post_navigation .previous_post a:hover,
        #single_news_content .post_navigation .next_post a:hover {
          color: #ffffff;
          text-decoration: none; }
        #single_news_content .post_navigation .previous_post a::after, #single_news_content .post_navigation .previous_post a::before,
        #single_news_content .post_navigation .next_post a::after,
        #single_news_content .post_navigation .next_post a::before {
          font-family: FontAwesome;
          font-weight: 700;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; }
    #single_news_content .post_navigation .next_post a {
      background: #373d3f; }
      #single_news_content .post_navigation .next_post a:hover::after {
        margin-left: 1rem; }
      #single_news_content .post_navigation .next_post a::after {
        content: '\27F6';
        margin-left: .5rem; }
    #single_news_content .post_navigation .previous_post a {
      background: #043e66; }
      #single_news_content .post_navigation .previous_post a:hover::before {
        margin-right: 1rem; }
      #single_news_content .post_navigation .previous_post a::before {
        content: '\27F5';
        margin-right: .5rem; }

  .blog_search {
    margin: 0 0 5rem;
    padding: 0;
    position: relative;
    width: 60%; }
    .blog_search .blog_search_content {
      position: relative; }
      .blog_search .blog_search_content .searchForm input[type='text'] {
        background: transparent;
        border: none;
        font-size: .75rem;
        position: relative;
        width: 100%;
        border-radius: 0;
        background: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #b6b6b6; }
        .blog_search .blog_search_content .searchForm input[type='text']:active, .blog_search .blog_search_content .searchForm input[type='text']:focus {
          outline: 0; }
      .blog_search .blog_search_content .searchForm button {
        background: transparent;
        border: 0;
        color: #373d3f;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        position: absolute;
        right: 0;
        -webkit-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        width: auto; }
        .blog_search .blog_search_content .searchForm button:hover {
          -webkit-transform: scale(1.2);
                  transform: scale(1.2); }
        .blog_search .blog_search_content .searchForm button:active, .blog_search .blog_search_content .searchForm button:focus {
          outline: 0; }

  /* End of Main Content Area */
  /*
   Footer Styling
   */
  #footer {
    background: black;
    position: relative;
    padding: 5rem 5rem 1rem; }
    #footer .footer_up {
      color: #ffffff;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2rem;
      margin: 0 0 1.5rem 0; }
      #footer .footer_up .footer-item {
        -webkit-box-flex: 2;
            -ms-flex: 2 1 auto;
                flex: 2 1 auto; }
      #footer .footer_up img {
        display: block;
        margin: 0 0 1.5rem;
        width: 80%; }
      #footer .footer_up p {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        line-height: 200%; }
      #footer .footer_up ul li {
        color: rgba(255, 255, 255, 0.5);
        font-size: .8rem;
        list-style-type: none;
        margin: 0 0 .65rem 0; }
        #footer .footer_up ul li a {
          color: rgba(255, 255, 255, 0.5);
          text-decoration: none; }
          #footer .footer_up ul li a:hover {
            color: rgba(245, 134, 52, 0.9); }
        #footer .footer_up ul li span {
          color: #f58634;
          font-weight: 600; }
      #footer .footer_up h3 {
        font-size: 1.05rem;
        font-weight: 600;
        letter-spacing: .05rem;
        line-height: 150%;
        margin: 0 0 .8rem 0;
        opacity: .8;
        position: relative; }
      #footer .footer_up i {
        display: inline-block;
        font-size: 1.35rem;
        margin: 1rem 0 0 0; }
        #footer .footer_up i:not(:last-child) {
          margin: 0 .5rem 0 0; }
    #footer .footer_down {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 1.5rem 0 0 0; }
    #footer .credit {
      color: rgba(255, 255, 255, 0.7);
      font-size: .75rem; }
    #footer a {
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none; }
    #footer .credit span {
      color: rgba(255, 255, 255, 0.7); }

  /*------------- Start of Admin Login Area Style ------------------------*/
  .admin-login-flex {
    position: relative;
    height: 100vh; }
    .admin-login-flex .admin-login-form {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 0 auto;
      width: 60%; }
    .admin-login-flex .login-form {
      background: rgba(169, 169, 169, 0.15);
      padding: 2.5rem 3rem;
      position: relative; }
    .admin-login-flex h2 {
      color: rgba(19, 21, 22, 0.65);
      font-family: "Poppins", san-serif;
      font-size: 1.05rem;
      font-weight: 500; }
    .admin-login-flex img {
      display: block;
      margin: 0 0 3rem;
      width: 20%; }

  /*------------- End of Admin Login Area Style -----------------------*/
  /*------------- Admin Area Styling ----------------------------*/
  table.category_table {
    margin-top: 2rem; }
    table.category_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.category_table thead tr th {
        font-size: 1.15rem;
        font-weight: 600;
        padding: .35rem 1rem;
        white-space: wrap; }
      table.category_table thead th:nth-child(1) {
        width: 5% !important; }
    table.category_table th {
      height: auto;
      white-space: nowrap; }
    table.category_table td {
      white-space: wrap; }
    table.category_table td a {
      white-space: wrap; }

  table.journals_table {
    margin-top: 2rem;
    position: relative; }
    table.journals_table thead {
      background: #fefefe;
      color: rgba(55, 61, 63, 0.85);
      text-transform: uppercase; }
      table.journals_table thead tr th {
        font-size: .85rem;
        font-weight: 600;
        padding-right: .5rem;
        white-space: nowrap; }
      table.journals_table thead th:nth-child(1) {
        width: 5% !important; }

  th {
    height: auto;
    white-space: nowrap; }

  td {
    white-space: wrap; }

  td a {
    white-space: wrap; }

  table tr:nth-child(even) {
    background: #ffffff; }

  table tr td {
    font-size: .9rem; }
    table tr td span {
      display: block; }

  table td img {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%; }

  table td a i {
    display: block;
    margin: 0 auto;
    text-align: center; }

  .fa-trash,
  .fa-user-circle {
    color: #ff5a1d;
    display: block;
    font-size: 1.35rem;
    margin: 0 auto;
    text-align: center; }

  .fa-edit {
    display: block;
    font-size: 1.35rem;
    margin: 0 auto;
    text-align: center; }

  table tr td a {
    font-size: .9rem;
    font-weight: 600;
    white-space: normal; }
    table tr td a:hover {
      text-decoration: none; }

  a.link-block {
    display: block;
    font-size: .9rem;
    font-weight: normal; }

  table tbody tr td > .view_hover {
    margin: .5rem 0;
    visibility: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out; }
    table tbody tr td > .view_hover li {
      border-right: 1px solid rgba(55, 61, 63, 0.3);
      display: inline-block;
      margin: 0 .1rem;
      position: relative; }
      table tbody tr td > .view_hover li:nth-child(2) a {
        color: #e93f00; }
      table tbody tr td > .view_hover li:last-of-type, table tbody tr td > .view_hover li:last-child {
        border-right: 0;
        margin-right: 0; }
      table tbody tr td > .view_hover li:first-of-type, table tbody tr td > .view_hover li:first-child {
        margin-left: 0; }
    table tbody tr td > .view_hover a {
      font-size: .9rem;
      font-weight: normal;
      margin-right: .5rem;
      white-space: wrap; }

  table tbody tr td:hover .view_hover {
    visibility: visible; }

  .dataTables_length,
  .dataTables_filter {
    display: inline-block;
    margin: 1rem 0; }

  .dataTables_info,
  .dataTables_paginate {
    display: inline-block; }

  .dataTables_paginate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    float: right; }
    .dataTables_paginate span {
      background: #a9a9a9;
      padding: .3rem .7rem; }
    .dataTables_paginate a.paginate_button.disabled {
      background: #a9a9a9;
      padding: .3rem .7rem; }
    .dataTables_paginate a.paginate_button:active,
    .dataTables_paginate a.paginate_button.active {
      background: dimgray; }

  .dataTables_filter {
    float: right; }

  .dataTables_length label select {
    padding: .3rem .7rem;
    border-radius: 0.3rem; }
    .dataTables_length label select:focus, .dataTables_length label select:active {
      outline: 0; }

  .dataTables_filter label input[type="search"] {
    border: 1px solid #373d3f;
    margin-left: .5rem;
    padding: .3rem .7rem;
    border-radius: 0.3rem; }
    .dataTables_filter label input[type="search"]:focus, .dataTables_filter label input[type="search"]:active {
      outline: 0; }

  form.bulkOption #bulkOptionContainer select {
    border: 1px solid rgba(55, 61, 63, 0.5);
    display: block;
    margin: 0 0 1rem;
    padding: .5rem;
    width: 30%; }
    form.bulkOption #bulkOptionContainer select:focus, form.bulkOption #bulkOptionContainer select:active {
      outline: 0; }
  form.bulkOption #bulkOptionContainer input[type="submit"] {
    background: #0967aa;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .1rem;
    margin: .15rem 0 0;
    padding: .75rem 1.5rem;
    text-transform: uppercase;
    width: 15%; }
    form.bulkOption #bulkOptionContainer input[type="submit"]:hover {
      color: #bfbfbf; }
  form.bulkOption #bulkOptionContainer a.link_add {
    background: #043e66;
    border: 0;
    color: #ffffff;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .1rem;
    margin: 0;
    padding: .9rem 1.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    width: 15%; }
    form.bulkOption #bulkOptionContainer a.link_add:hover {
      color: #bfbfbf; }

  .admin_main_content {
    margin: 0; }
    .admin_main_content h1 {
      font-size: 1.35rem;
      font-weight: 600; }
    .admin_main_content .title {
      display: block;
      margin: 0 0 1rem; }
    .admin_main_content #edit_form {
      margin: 1rem 0 0; }

  /*
  Sidebar Menu Styling
  */
  .showMenuBtn {
    background: #0967aa;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: .75rem;
    left: 0;
    padding: .75rem .75rem;
    position: absolute;
    top: 17%;
    z-index: 2; }
    .showMenuBtn .btn_line {
      background: #ffffff;
      height: 2px;
      width: 23px; }
    .showMenuBtn .btn_line:not(:last-child) {
      margin-bottom: .3rem; }

  .sidebar-menu .closebtn {
    color: #ffffff;
    display: none;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }

  .sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden; }

  .sidebar-menu {
    background: #31353D;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 25%;
    z-index: 2; }
    .sidebar-menu .profile_photo {
      background: #ffffff;
      height: 50px;
      margin-right: .5rem;
      vertical-align: middle;
      width: 50px;
      border-radius: 50%; }
    .sidebar-menu .activeBG {
      padding: .5rem 1rem; }
      .sidebar-menu .activeBG span.profile_name {
        color: #ffffff;
        font-size: .85rem;
        font-weight: 600;
        letter-spacing: .05rem;
        text-transform: capitalize; }
    .sidebar-menu .sidebar-dropdown,
    .sidebar-menu .sidebar-dropdown-none {
      background: #31353D;
      border-bottom: 1px solid #434a4d;
      cursor: pointer;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      width: 100%; }
      .sidebar-menu .sidebar-dropdown:last-of-type,
      .sidebar-menu .sidebar-dropdown-none:last-of-type {
        border-bottom: 0; }
      .sidebar-menu .sidebar-dropdown:hover,
      .sidebar-menu .sidebar-dropdown-none:hover {
        background: #363a43; }
      .sidebar-menu .sidebar-dropdown span,
      .sidebar-menu .sidebar-dropdown-none span {
        display: inline-block; }
    .sidebar-menu ul {
      position: relative; }
    .sidebar-menu li.sidebar-dropdown:first-of-type,
    .sidebar-menu li.sidebar-dropdown:first-child {
      background: #0967aa;
      border-bottom: 1px solid #434a4d; }
      .sidebar-menu li.sidebar-dropdown:first-of-type i,
      .sidebar-menu li.sidebar-dropdown:first-child i {
        color: #ffffff;
        font-size: 1.7rem; }
      .sidebar-menu li.sidebar-dropdown:first-of-type a,
      .sidebar-menu li.sidebar-dropdown:first-child a {
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a:hover > i::before,
        .sidebar-menu li.sidebar-dropdown:first-child a:hover > i::before {
          -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                  animation: swing ease-in-out 0.5s 1 alternate;
          color: rgba(55, 61, 63, 0.9);
          display: inline-block; }
        .sidebar-menu li.sidebar-dropdown:first-of-type a::after,
        .sidebar-menu li.sidebar-dropdown:first-child a::after {
          content: ''; }
    .sidebar-menu a {
      color: #b3b3b3;
      display: block;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07rem;
      padding: .9rem 1.5rem;
      position: relative;
      text-decoration: none; }
      .sidebar-menu a i {
        color: #b3b3b3;
        font-size: 1.15rem; }
      .sidebar-menu a:hover {
        color: #0967aa; }
      .sidebar-menu a:hover > i::before {
        -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                animation: swing ease-in-out 0.5s 1 alternate;
        display: inline-block; }
    .sidebar-menu .sidebar-dropdown > a::after {
      color: #999999;
      content: '\f105';
      font-family: FontAwesome;
      position: absolute;
      right: 2rem;
      top: .9rem;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a::after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu {
      background: #3c414b;
      display: none;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
      margin: 0;
      padding: 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
      padding-left: 3rem;
      font-size: .85rem; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
      padding: .7rem 0; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a::before {
      content: '\f111';
      font-family: FontAwesome;
      margin-right: .5rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover::before {
      color: #0967aa; }
    .sidebar-menu .active {
      display: block; }
    .sidebar-menu .sidebar-dropdown.active > a {
      color: #373d3f; }
    .sidebar-menu .sidebar-dropdown.active,
    .sidebar-menu .sidebar-dropdown.active:hover,
    .sidebar-menu .sidebar-submenu.active:focus {
      background: #31353D !important; }
    .sidebar-menu .sidebar-dropdown.active > a,
    .sidebar-menu .sidebar-dropdown.active:hover > a,
    .sidebar-menu .sidebar-submenu.active:focus > a {
      color: #0967aa; }
    .sidebar-menu ul li a i {
      margin-right: .5rem; }
    .sidebar-menu ul li ul li a {
      font-size: .75rem; } }
/*------------- Admin Area Styling ----------------------------*/
.error {
  color: #d03800; }

.errors {
  color: #d03800;
  margin: .5rem 0 0;
  text-align: left; }

.postInsertError {
  color: #d03800;
  font-size: 1.05rem;
  margin: .5rem 0 0;
  text-align: left; }

a.back_to_post {
  background: #134c86;
  border: 0;
  clear: both;
  color: #ffffff;
  display: inline-block;
  float: right;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .05rem;
  margin: 1rem 0 1rem 0;
  padding: .65rem 2rem;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap; }
  a.back_to_post:hover {
    color: #bfbfbf; }

.currentLink {
  background: #1873CD; }

#admin_login {
  -ms-flex-line-pack: center;
      align-content: center;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center; }
  #admin_login .forgot_password {
    display: block;
    font-size: .85rem;
    font-weight: 600;
    margin-top: .35rem;
    text-align: left;
    text-decoration: none; }
    #admin_login .forgot_password:hover {
      color: #085892; }
  #admin_login img {
    display: block;
    margin: 0 auto 2rem;
    width: 15%; }
  #admin_login .form_group {
    margin-top: 1.35rem; }
  #admin_login h2 {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .075rem;
    margin-bottom: 2rem;
    text-align: left;
    text-transform: uppercase; }
  #admin_login .insert_form {
    background: rgba(55, 61, 63, 0.1);
    margin: 0 auto;
    padding: 2.5rem 3rem 3.5rem;
    width: 30%;
    border-radius: 0.5rem; }
    #admin_login .insert_form h4 {
      color: rgba(49, 53, 61, 0.75);
      text-align: left; }
  #admin_login span {
    display: block;
    font-size: .85rem;
    margin-top: .35rem;
    text-align: left; }
  #admin_login span.help-block {
    color: #ff0000;
    margin-top: 0; }
  #admin_login ::-webkit-input-placeholder {
    color: rgba(55, 61, 63, 0.5);
    font-size: .8rem; }
  #admin_login ::-ms-input-placeholder {
    color: rgba(55, 61, 63, 0.5);
    font-size: .8rem; }
  #admin_login :-ms-input-placeholder {
    color: rgba(55, 61, 63, 0.5);
    font-size: .8rem; }
  #admin_login ::placeholder {
    color: rgba(55, 61, 63, 0.5);
    font-size: .8rem; }
  #admin_login .input {
    border: 1px solid rgba(55, 61, 63, 0.15);
    color: #373d3f;
    display: block;
    margin: 0 auto;
    padding: .85rem;
    width: 100%; }
    #admin_login .input:focus, #admin_login .input:active {
      outline: 0; }
  #admin_login .input_submit {
    background: #043e66;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .05rem;
    margin: 1.35rem 0 0;
    padding: .75rem 2rem;
    text-transform: uppercase; }
    #admin_login .input_submit:hover {
      color: rgba(255, 255, 255, 0.75); }

#admin_header {
  background: #f2f2f2;
  padding: 1rem .7rem;
  position: relative; }
  #admin_header .admin_welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    width: 100%; }
  #admin_header .welcome_message {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%; }
  #admin_header .welcome_message img {
    width: 40%; }
  #admin_header .welcome h1 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase; }
  #admin_header .welcome img {
    display: block;
    width: 20%; }
  #admin_header .welcome span {
    color: rgba(55, 61, 63, 0.75);
    display: inline-block;
    font-weight: normal; }
  #admin_header .admin_account {
    cursor: pointer;
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    font-size: .9rem;
    margin-top: 1rem;
    position: relative;
    text-align: right; }
    #admin_header .admin_account i.fa-angle-down {
      display: inline-block;
      cursor: pointer;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
    #admin_header .admin_account:hover {
      color: #373d3f; }
    #admin_header .admin_account:hover i.fa-angle-down {
      color: #373d3f;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  #admin_header .account_hide {
    background: #f6f6f6;
    display: none;
    position: absolute;
    right: 2%;
    top: 3.65rem;
    width: 11rem;
    z-index: 3; }
  #admin_header .account_hide ul li {
    border-bottom: 1px solid rgba(169, 169, 169, 0.35);
    list-style: none;
    padding: .75rem 1.35rem;
    text-align: left; }
    #admin_header .account_hide ul li:last-child {
      border-bottom: 0;
      margin-bottom: 0; }
  #admin_header .account_hide ul li a {
    color: rgba(19, 21, 22, 0.7);
    font-size: .9rem;
    text-decoration: none; }
    #admin_header .account_hide ul li a:hover {
      color: #0967aa; }
  #admin_header .user_profile {
    position: relative;
    text-align: right; }
    #admin_header .user_profile .user_profile_img {
      background: #ffffff;
      cursor: pointer;
      display: inline-block;
      height: 3rem;
      margin-right: 3rem;
      width: 3rem;
      border-radius: 50%; }
      #admin_header .user_profile .user_profile_img img {
        display: block;
        margin: .7rem auto 0;
        width: 60%; }
    #admin_header .user_profile .user_profile_name {
      cursor: pointer;
      font-size: .9rem;
      position: absolute;
      right: 4.5rem;
      top: -2rem; }
    #admin_header .user_profile .user_profile_drop {
      background: #31353D;
      display: none;
      right: 3.5rem;
      position: absolute;
      text-align: left;
      top: 4.3rem;
      width: 27%;
      z-index: 5; }
      #admin_header .user_profile .user_profile_drop li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        line-height: 40px;
        list-style: none; }
      #admin_header .user_profile .user_profile_drop a {
        color: rgba(255, 255, 255, 0.5);
        font-size: .9rem;
        padding: .5rem 1rem;
        text-decoration: none; }
        #admin_header .user_profile .user_profile_drop a:hover {
          color: rgba(255, 255, 255, 0.7); }

#body_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 85vh;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 100%; }
  #body_content .main_content {
    background: #ffffff;
    -ms-flex-preferred-size: 83%;
        flex-basis: 83%;
    max-width: 83%;
    padding: 2rem 5rem;
    position: relative;
    /*
Modal Popup
*/ }
    #body_content .main_content .profile_image {
      margin: 2rem 0;
      position: relative; }
      #body_content .main_content .profile_image .user_profile_photo {
        height: auto;
        width: 20%;
        border-radius: 50%; }
      #body_content .main_content .profile_image a {
        position: relative; }
      #body_content .main_content .profile_image i {
        background: #a9a9a9;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 1.15rem;
        left: -30px;
        padding: .5rem;
        position: absolute;
        text-align: center;
        top: 30px;
        vertical-align: middle;
        border-radius: 50%; }
        #body_content .main_content .profile_image i:hover {
          background: #ffffff;
          color: #ffffff; }
        #body_content .main_content .profile_image i a {
          color: #373d3f;
          text-decoration: none; }
          #body_content .main_content .profile_image i a:hover {
            color: #ffffff; }
    #body_content .main_content .personal_details {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      position: relative; }
      #body_content .main_content .personal_details h1 {
        color: #0967aa;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
        font-size: 1.15rem;
        margin-bottom: 1rem; }
      #body_content .main_content .personal_details a {
        color: #373d3f;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
        text-decoration: none; }
        #body_content .main_content .personal_details a i {
          background: #a9a9a9;
          color: #ffffff;
          cursor: pointer;
          display: inline-block;
          font-size: 1.15rem;
          padding: .5rem;
          position: absolute;
          right: 5px;
          text-align: center;
          top: -5px;
          vertical-align: middle;
          border-radius: 50%; }
          #body_content .main_content .personal_details a i:hover {
            background: #0967aa;
            color: #ffffff; }
    #body_content .main_content .profile_names {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #body_content .main_content .profile_names h2 {
        font-size: .8rem;
        font-weight: normal; }
      #body_content .main_content .profile_names span {
        display: block;
        font-size: 1rem;
        font-weight: 600; }
    #body_content .main_content .modalPopup {
      background-color: rgba(0, 0, 0, 0.5);
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      width: 100%;
      visibility: hidden;
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      z-index: 5; }
      #body_content .main_content .modalPopup .profile_image_area h2 {
        font-size: 1.35rem;
        font-weight: 600;
        margin-bottom: 1rem; }
      #body_content .main_content .modalPopup .box span {
        color: #ffffff;
        font-weight: 400; }
      #body_content .main_content .modalPopup .profile_image img {
        display: block;
        margin-top: 1rem;
        width: 25%; }
      #body_content .main_content .modalPopup .action {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 2rem;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: .5rem; }
        #body_content .main_content .modalPopup .action button, #body_content .main_content .modalPopup .action a.cancel {
          padding: .65rem 2rem; }
          #body_content .main_content .modalPopup .action button:hover, #body_content .main_content .modalPopup .action a.cancel:hover {
            opacity: .85; }
        #body_content .main_content .modalPopup .action button {
          display: inline-block; }
        #body_content .main_content .modalPopup .action a.cancel {
          background: #e9e9e9;
          color: inherit;
          text-decoration: none; }
      #body_content .main_content .modalPopup .box label {
        display: block;
        margin: 0 auto;
        width: 100%; }
      #body_content .main_content .modalPopup .names_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 20px; }
      #body_content .main_content .modalPopup span {
        color: rgba(255, 0, 0, 0.8); }
    #body_content .main_content .modal-popup-content {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-color: white;
      padding: 5rem 3rem;
      width: 50%;
      border-radius: 0.5rem; }
    #body_content .main_content .close-modal {
      border-radius: 0.25rem;
      background: #a9a9a9;
      color: #373d3f;
      cursor: pointer;
      display: block;
      float: right;
      line-height: 1.5rem;
      text-align: center;
      width: 1.5rem; }
    #body_content .main_content .close-modal:hover {
      background: darkgray; }
    #body_content .main_content .modalPopup.is-visible {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
      transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
      transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
      transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s; }
    #body_content .main_content .profile {
      display: block;
      margin: 3rem 0 0;
      position: relative;
      width: 100%; }
      #body_content .main_content .profile .profile_title {
        background: #31353D;
        padding: 1rem 1.5rem;
        position: relative;
        width: 100% !important; }
        #body_content .main_content .profile .profile_title h2 {
          color: #ffffff;
          font-size: 1.15rem;
          letter-spacing: .1rem;
          text-transform: uppercase; }
        #body_content .main_content .profile .profile_title i {
          margin-right: 1rem; }
      #body_content .main_content .profile .profile_details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 2rem;
        position: relative; }
        #body_content .main_content .profile .profile_details .profile_img,
        #body_content .main_content .profile .profile_details .profile_detail_content {
          -ms-flex-preferred-size: 48%;
              flex-basis: 48%; }
        #body_content .main_content .profile .profile_details .profile_detail_content .edit_profile_button a {
          background: #134c86;
          color: #ffffff;
          display: inline-block;
          padding: .75rem 2rem;
          text-decoration: none; }
          #body_content .main_content .profile .profile_details .profile_detail_content .edit_profile_button a:hover {
            background: rgba(19, 76, 134, 0.85); }
        #body_content .main_content .profile .profile_details .profile_detail_content h2 {
          font-size: 1.15rem;
          font-weight: 700;
          margin-bottom: 2rem; }
        #body_content .main_content .profile .profile_details .profile_detail_content span {
          display: block;
          font-size: .85rem;
          font-weight: normal; }
        #body_content .main_content .profile .profile_details .profile_img {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          #body_content .main_content .profile .profile_details .profile_img img {
            width: 40%; }
    #body_content .main_content .dashboard {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 20px;
      margin: 5rem 0;
      position: relative;
      width: 100%; }
      #body_content .main_content .dashboard ul li {
        line-height: 1;
        list-style: none; }
      #body_content .main_content .dashboard .total_journal {
        background: #f44236; }
      #body_content .main_content .dashboard .total_jobs {
        background: #2297f7; }
      #body_content .main_content .dashboard .total_comments {
        background: #ff9801; }
      #body_content .main_content .dashboard .total_categories {
        background: #4db151; }
      #body_content .main_content .dashboard .dashboard_content {
        right: 13%;
        position: absolute;
        top: 15%; }
        #body_content .main_content .dashboard .dashboard_content ul li {
          color: #ffffff;
          font-size: 2.5rem;
          font-weight: 600;
          list-style: none;
          margin-bottom: -.5rem;
          margin-right: 0; }
        #body_content .main_content .dashboard .dashboard_content span {
          color: #ffffff;
          font-size: 1rem; }
      #body_content .main_content .dashboard .total_post,
      #body_content .main_content .dashboard .total_categories,
      #body_content .main_content .dashboard .total_jobs,
      #body_content .main_content .dashboard .total_comments {
        -ms-flex-preferred-size: 24%;
            flex-basis: 24%;
        padding: 3.5rem 3rem 5rem;
        position: relative;
        -webkit-box-shadow: 1px 1px 3.5px rgba(55, 61, 63, 0.5);
                box-shadow: 1px 1px 3.5px rgba(55, 61, 63, 0.5); }
        #body_content .main_content .dashboard .total_post i,
        #body_content .main_content .dashboard .total_categories i,
        #body_content .main_content .dashboard .total_jobs i,
        #body_content .main_content .dashboard .total_comments i {
          font-size: 3rem;
          left: 15%;
          position: absolute;
          top: 33%; }
      #body_content .main_content .dashboard .total_post {
        background: #f44236; }
        #body_content .main_content .dashboard .total_post i {
          color: #f8867f;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
      #body_content .main_content .dashboard .total_categories {
        background: #ff9801; }
        #body_content .main_content .dashboard .total_categories i {
          color: #ffb74e; }
      #body_content .main_content .dashboard .total_jobs {
        background: #2297f7; }
        #body_content .main_content .dashboard .total_jobs i {
          color: #6cbafa; }
      #body_content .main_content .dashboard .total_comments {
        background: #4db151; }
        #body_content .main_content .dashboard .total_comments i {
          color: #82c985; }
    #body_content .main_content .dashboard_summary {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 2rem;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 2rem 0; }
      #body_content .main_content .dashboard_summary h2 {
        font-size: 1.15rem;
        margin-bottom: -1rem; }
      #body_content .main_content .dashboard_summary .next_step,
      #body_content .main_content .dashboard_summary .latest_blog {
        background: rgba(169, 169, 169, 0.15);
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        padding: 2rem 3rem;
        position: relative;
        -moz-box-shadow: 0 1px 25px black;
        border-radius: 0.3rem; }
      #body_content .main_content .dashboard_summary .next_steps_content,
      #body_content .main_content .dashboard_summary .latest_journal_content {
        padding: 0; }
        #body_content .main_content .dashboard_summary .next_steps_content li,
        #body_content .main_content .dashboard_summary .next_steps_content a,
        #body_content .main_content .dashboard_summary .latest_journal_content li,
        #body_content .main_content .dashboard_summary .latest_journal_content a {
          color: #134c86;
          font-size: .8rem;
          font-weight: 600;
          text-decoration: none; }
          #body_content .main_content .dashboard_summary .next_steps_content li:hover,
          #body_content .main_content .dashboard_summary .next_steps_content a:hover,
          #body_content .main_content .dashboard_summary .latest_journal_content li:hover,
          #body_content .main_content .dashboard_summary .latest_journal_content a:hover {
            color: #0967aa; }
        #body_content .main_content .dashboard_summary .next_steps_content li,
        #body_content .main_content .dashboard_summary .latest_journal_content li {
          line-height: 3;
          list-style: none; }
        #body_content .main_content .dashboard_summary .next_steps_content a,
        #body_content .main_content .dashboard_summary .latest_journal_content a {
          display: inline-block; }
        #body_content .main_content .dashboard_summary .next_steps_content i,
        #body_content .main_content .dashboard_summary .latest_journal_content i {
          display: inline-block;
          font-size: 1.25rem;
          margin-right: .7rem;
          opacity: .75; }
        #body_content .main_content .dashboard_summary .next_steps_content .fa-thumb-tack,
        #body_content .main_content .dashboard_summary .latest_journal_content .fa-thumb-tack {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
    #body_content .main_content .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #body_content .main_content .heading {
      margin-bottom: 2rem; }
      #body_content .main_content .heading h1 {
        color: rgba(55, 61, 63, 0.85);
        font-family: "Poppins", san-serif;
        font-size: 1.3rem;
        font-weight: 600;
        margin: auto;
        text-transform: uppercase; }
    #body_content .main_content .add_link a {
      background: #134c86;
      color: #ffffff;
      display: inline-block;
      font-size: .9rem;
      font-weight: 600;
      letter-spacing: .1rem;
      margin-left: 1rem;
      padding: 1rem 2rem;
      text-decoration: none;
      text-transform: uppercase; }
      #body_content .main_content .add_link a:hover {
        color: #bfbfbf; }
    #body_content .main_content h1 {
      color: rgba(55, 61, 63, 0.85);
      font-size: 1.3rem;
      margin: 1rem 0;
      text-transform: uppercase; }
      #body_content .main_content h1 span {
        color: rgba(55, 61, 63, 0.5); }
    #body_content .main_content h1 {
      color: rgba(55, 61, 63, 0.85);
      font-size: 1.15rem;
      font-weight: 800;
      margin: 1rem 0;
      text-transform: uppercase; }
      #body_content .main_content h1 span {
        color: rgba(55, 61, 63, 0.5);
        font-weight: normal; }
    #body_content .main_content .graphShow {
      display: block;
      width: 100%; }
      #body_content .main_content .graphShow .chart_div {
        display: block;
        height: 30rem;
        width: auto; }
    #body_content .main_content table {
      margin-top: 2rem;
      width: 100%; }
      #body_content .main_content table thead {
        background: #fefefe;
        color: rgba(55, 61, 63, 0.85);
        text-transform: uppercase; }
        #body_content .main_content table thead tr th {
          font-size: .9rem;
          font-weight: 700;
          white-space: nowrap; }
    #body_content .main_content table tr:nth-child(even) {
      background: #ffffff; }
    #body_content .main_content table tr td {
      font-size: .85rem; }
      #body_content .main_content table tr td span {
        display: block; }
    #body_content .main_content table td img {
      display: block;
      margin: 0 auto;
      padding: 0;
      vertical-align: top;
      width: 80%; }
    #body_content .main_content table td i {
      display: inline-block;
      font-size: 1.5rem;
      margin: 0 .75rem 0 0;
      text-align: center; }
    #body_content .main_content .fa-trash,
    #body_content .main_content .fa-user-circle {
      color: #ff5a1d; }
    #body_content .main_content table tr td a {
      font-size: .9rem;
      font-weight: 600;
      text-decoration: none; }
    #body_content .main_content a.link-block {
      display: block;
      font-size: .9rem;
      font-weight: normal; }
    #body_content .main_content table tbody tr td > .view_hover {
      margin: .5rem 0;
      visibility: hidden;
      -webkit-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out; }
      #body_content .main_content table tbody tr td > .view_hover li {
        border-right: 1px solid rgba(55, 61, 63, 0.3);
        display: inline-block;
        margin: 0 .1rem;
        position: relative; }
        #body_content .main_content table tbody tr td > .view_hover li:nth-child(2) a {
          color: #e93f00; }
        #body_content .main_content table tbody tr td > .view_hover li:last-of-type, #body_content .main_content table tbody tr td > .view_hover li:last-child {
          border-right: 0;
          margin-right: 0; }
        #body_content .main_content table tbody tr td > .view_hover li:first-of-type, #body_content .main_content table tbody tr td > .view_hover li:first-child {
          margin-left: 0; }
      #body_content .main_content table tbody tr td > .view_hover a {
        display: inline-block;
        font-size: .9rem;
        font-weight: normal;
        margin-right: .5rem; }
    #body_content .main_content table tbody tr td:hover .view_hover {
      visibility: visible; }
    #body_content .main_content .dataTables_length,
    #body_content .main_content .dataTables_filter {
      display: inline-block;
      margin: 1rem 0; }
    #body_content .main_content .dataTables_info,
    #body_content .main_content .dataTables_paginate {
      display: inline-block; }
    #body_content .main_content .dataTables_paginate {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      float: right; }
      #body_content .main_content .dataTables_paginate span {
        background: #a9a9a9;
        padding: .3rem .7rem; }
      #body_content .main_content .dataTables_paginate a.paginate_button.disabled {
        background: #a9a9a9;
        padding: .3rem .7rem; }
      #body_content .main_content .dataTables_paginate a.paginate_button:active,
      #body_content .main_content .dataTables_paginate a.paginate_button.active {
        background: dimgray; }
    #body_content .main_content .dataTables_filter {
      float: right; }
    #body_content .main_content .dataTables_length label select {
      padding: .3rem .7rem;
      border-radius: 0.3rem; }
      #body_content .main_content .dataTables_length label select:focus, #body_content .main_content .dataTables_length label select:active {
        outline: 0; }
    #body_content .main_content .dataTables_filter label input[type="search"] {
      border: 1px solid #373d3f;
      margin-left: .5rem;
      padding: .3rem .7rem;
      border-radius: 0.3rem; }
      #body_content .main_content .dataTables_filter label input[type="search"]:focus, #body_content .main_content .dataTables_filter label input[type="search"]:active {
        outline: 0; }
  #body_content form.bulkOption #bulkOptionContainer select {
    border: 1px solid rgba(55, 61, 63, 0.5);
    display: block;
    padding: .75rem;
    width: 100%; }
    #body_content form.bulkOption #bulkOptionContainer select:focus, #body_content form.bulkOption #bulkOptionContainer select:active {
      outline: 0; }
  #body_content form.bulkOption #bulkOptionContainer input[type="submit"] {
    background: #3c9035;
    border: 0;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .1rem;
    margin-right: 0;
    padding: .75rem 1.5rem;
    text-transform: uppercase; }
    #body_content form.bulkOption #bulkOptionContainer input[type="submit"]:hover {
      color: #bfbfbf; }
  #body_content form.bulkOption #bulkOptionContainer a.link_add {
    background: #134c86;
    border: 0;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: .1rem;
    margin-right: 0;
    padding: .85rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap; }
    #body_content form.bulkOption #bulkOptionContainer a.link_add:hover {
      color: #bfbfbf; }
  #body_content .admin_form {
    position: relative;
    width: 70%; }
    #body_content .admin_form .submit_application {
      margin: 0 auto;
      position: relative;
      width: 55%; }
    #body_content .admin_form .submit_application_form {
      display: block;
      position: relative;
      width: 100%; }
    #body_content .admin_form .application_form {
      background: #ffffff;
      padding: 1rem 0; }
    #body_content .admin_form ::-webkit-input-placeholder {
      color: rgba(55, 61, 63, 0.65);
      font-size: .8rem;
      letter-spacing: .05rem; }
    #body_content .admin_form ::-moz-placeholder {
      color: rgba(55, 61, 63, 0.65);
      font-size: .8rem; }
    #body_content .admin_form :-moz-placeholder {
      color: rgba(55, 61, 63, 0.65);
      font-size: .8rem; }
    #body_content .admin_form :-ms-input-placeholder {
      color: rgba(55, 61, 63, 0.65);
      font-size: .8rem; }
    #body_content .admin_form h3 {
      font-size: 1.75rem; }
    #body_content .admin_form p {
      margin-bottom: 2rem; }
    #body_content .admin_form input[type="submit"] {
      background: #0967aa;
      border: 0;
      color: #ffffff;
      font-size: .8rem;
      font-weight: 600;
      letter-spacing: .15rem;
      margin-right: .5rem;
      padding: 1rem 2rem;
      text-transform: uppercase; }
      #body_content .admin_form input[type="submit"]:hover {
        color: rgba(255, 255, 255, 0.75); }
    #body_content .admin_form label {
      color: #373d3f;
      display: block;
      font-weight: 600;
      margin-bottom: .5rem; }
    #body_content .admin_form select {
      border: 1px solid rgba(55, 61, 63, 0.5);
      display: block;
      padding: .75rem;
      width: 30%; }
      #body_content .admin_form select:focus, #body_content .admin_form select:active {
        outline: 0; }
    #body_content .admin_form .input_select {
      border: 1px solid rgba(55, 61, 63, 0.5);
      display: block;
      padding: .75rem;
      width: 100%; }
      #body_content .admin_form .input_select:focus, #body_content .admin_form .input_select:active {
        outline: 0; }
    #body_content .admin_form textarea {
      border-radius: 0;
      height: 25rem;
      line-height: 1.5;
      resize: none; }
    #body_content .admin_form textarea.description {
      height: 5rem; }
    #body_content .admin_form .tox-tinymce {
      height: 25rem;
      resize: none; }
    #body_content .admin_form .edit_post_img {
      margin: 1rem 0;
      width: 15%; }
    #body_content .admin_form .form_group {
      margin-bottom: 2rem; }
      #body_content .admin_form .form_group:last-of-type {
        margin-bottom: 0; }
    #body_content .admin_form .input {
      border: 1px solid rgba(55, 61, 63, 0.5);
      display: block;
      padding: .75rem;
      width: 100%; }
      #body_content .admin_form .input:focus, #body_content .admin_form .input:active {
        outline: 0; }
    #body_content .admin_form .input_submit {
      background: #0967aa;
      border: 0;
      display: block;
      font-weight: 600;
      margin-top: 1rem; }
  #body_content .sidebar-menu {
    background: #31353D;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    position: relative; }
    #body_content .sidebar-menu .sidebar-dropdown,
    #body_content .sidebar-menu .sidebar-dropdown-none {
      background: #31353D;
      border-bottom: 1px solid #434a4d;
      cursor: pointer;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      width: 100%; }
      #body_content .sidebar-menu .sidebar-dropdown:last-of-type,
      #body_content .sidebar-menu .sidebar-dropdown-none:last-of-type {
        border-bottom: 0; }
      #body_content .sidebar-menu .sidebar-dropdown:hover,
      #body_content .sidebar-menu .sidebar-dropdown-none:hover {
        background: #363a43; }
      #body_content .sidebar-menu .sidebar-dropdown span,
      #body_content .sidebar-menu .sidebar-dropdown-none span {
        display: inline-block; }
    #body_content .sidebar-menu ul {
      position: relative; }
    #body_content .sidebar-menu li.sidebar-dropdown:first-of-type,
    #body_content .sidebar-menu li.sidebar-dropdown:first-child {
      background: #1873CD;
      border-bottom: 1px solid #434a4d; }
      #body_content .sidebar-menu li.sidebar-dropdown:first-of-type i,
      #body_content .sidebar-menu li.sidebar-dropdown:first-child i {
        color: #ffffff;
        font-size: 1.7rem; }
      #body_content .sidebar-menu li.sidebar-dropdown:first-of-type a,
      #body_content .sidebar-menu li.sidebar-dropdown:first-child a {
        color: #ffffff;
        font-size: 1.1rem;
        font-weight: 600;
        letter-spacing: .1rem; }
        #body_content .sidebar-menu li.sidebar-dropdown:first-of-type a:hover > i::before,
        #body_content .sidebar-menu li.sidebar-dropdown:first-child a:hover > i::before {
          -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                  animation: swing ease-in-out 0.5s 1 alternate;
          color: rgba(55, 61, 63, 0.9);
          display: inline-block; }
        #body_content .sidebar-menu li.sidebar-dropdown:first-of-type a::after,
        #body_content .sidebar-menu li.sidebar-dropdown:first-child a::after {
          content: ''; }
    #body_content .sidebar-menu a {
      color: #b3b3b3;
      display: block;
      font-size: .9rem;
      font-weight: 600;
      letter-spacing: .07rem;
      padding: 1rem 1.5rem;
      position: relative;
      text-decoration: none; }
      #body_content .sidebar-menu a i {
        color: #ffffff;
        font-size: 1.15rem; }
      #body_content .sidebar-menu a:hover {
        color: #1873CD; }
      #body_content .sidebar-menu a:hover > i::before {
        -webkit-animation: swing ease-in-out 0.5s 1 alternate;
                animation: swing ease-in-out 0.5s 1 alternate;
        color: #1873CD;
        display: inline-block; }
    #body_content .sidebar-menu .sidebar-dropdown > a::after {
      color: #999999;
      content: '\f105';
      font-family: FontAwesome;
      position: absolute;
      right: 2rem;
      top: .9rem;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu {
      background: #3c414b;
      display: none;
      margin: 0;
      padding: 0;
      position: relative;
      width: 100%; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
      margin: 0;
      padding: 0; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li {
      padding-left: 3rem;
      font-size: .85rem; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a {
      padding: .7rem 0; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a::before {
      content: '\f111';
      font-family: FontAwesome;
      margin-right: .5rem;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased; }
    #body_content .sidebar-menu .sidebar-dropdown .sidebar-submenu ul li a:hover::before {
      color: #1873CD; }
    #body_content .sidebar-menu .active {
      display: block; }
    #body_content .sidebar-menu .sidebar-dropdown.active > a::after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    #body_content .sidebar-menu .sidebar-dropdown.active > a {
      color: #373d3f; }
    #body_content .sidebar-menu .sidebar-dropdown.active,
    #body_content .sidebar-menu .sidebar-dropdown.active:hover,
    #body_content .sidebar-menu .sidebar-submenu.active:focus {
      background: #31353D !important; }
    #body_content .sidebar-menu .sidebar-dropdown.active > a,
    #body_content .sidebar-menu .sidebar-dropdown.active:hover > a,
    #body_content .sidebar-menu .sidebar-submenu.active:focus > a {
      color: #1873CD; }
    #body_content .sidebar-menu ul li a i {
      margin-right: .5rem; }
    #body_content .sidebar-menu ul li ul li a {
      font-size: .75rem; }

#admin_footer {
  background: #131516;
  color: #ffffff;
  padding: 1rem 2rem;
  position: relative; }
  #admin_footer span {
    display: block;
    font-size: .85rem;
    line-height: 170%; }

.copyright {
  font-size: .85rem;
  position: relative;
  padding: 1rem; }

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