body{
  font-family:  "Poppins", Arial, sans-serif;
 }
 
  /*-----------------------------------*\
     TOP BAR
    \*-----------------------------------*/
  
  /*.topbar .top-info {
    letter-spacing: 1px;
  }
  */
  .topbar .top-link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .topbar .top-link a {
    margin-right: 10px;
  }
  
  #note {
    width: 500px;
    overflow: hidden;
  }
  
  #note small {
    position: relative;
    display: inline-block;
    animation: mymove 10s infinite;
    animation-timing-function: all;
  }
  
  @keyframes mymove {
    from {left: -100%;}
    to {left: 100%;}
  }
  
  /*-----------------------------------*\
     NAV BAR
    \*-----------------------------------*/
  
    .navbar{
      background-color: #03045e;
    }
    .navbar-brand {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 48px;
      height: 48px;
    }
    
    .navbar-nav .nav-item:hover {
      background-color: rgba(19, 108, 224, 0.4);
    }
    
    .navbar-custom .dropdown-item {
      color: #03045e;
    }
    
    .navbar-custom .dropdown-item:hover,
    .navbar-custom .dropdown-item:focus {
      background-color:#caf0f8;
      font-weight: 700;
    }
    .company {
      font-size:28px;
    }

    .dropdown-menu .dropdown-submenu {
      display: none;
      /* position: absolute; */
      left: 100%;
      top: -7px;
      } 
      .dropdown-menu .dropdown-submenu-left {
     right: 100%;
      left: auto;
      }
      .dropdown-menu > li:hover > .dropdown-submenu {
      display: block;
      }
/*-----------------------------------*\
  ABOUT US HEADER SECTION
  \*-----------------------------------*/

  .page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, .6)), url(../images/about1.jpg) center center no-repeat;
    background-size: cover;
    /* background-color:#023047; */
    /* background: url(../images/about1.jpg) center center no-repeat; */
  }
  
  .page-header .breadcrumb-item+.breadcrumb-item::before {
    color:white;
  }
  
  .page-header .breadcrumb-item,
  .page-header .breadcrumb-item a {
    font-size: 18px;
    color: white;
  }
  
  .breadcrumb{ background-color : unset !important; }

   
/*-----------------------------------*\
 CHOOSE US SECTION
  \*-----------------------------------*/

  .tabulation .nav-pills .nav-item {
    margin-bottom: 10px;
  }
  
  .tabulation .nav-pills .nav-item .nav-link {
    background: #fff;
    border-radius: 4px;
    color: #000000;
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 20px;
    line-height: 30px;
  }
  
  .tabulation .nav-pills .nav-item .nav-link span {
    color: #3e64ff;
    font-size: 30px;
  }
  
  .tabulation .nav-pills .nav-item .nav-link.active {
    color: #fff;
    background: #3e64ff;
    border: 1px solid #3e64ff;
  }
  
  .tabulation .nav-pills .nav-item .nav-link.active span {
    color: #fff;
  }
  
  .tabulation .tab-content {
    background: #fff;
    padding: 0;
  }
  
  .tabulation .tab-content .img {
    width: 750px;
    height: 400px;
    margin-bottom: 20px;
  }
  
  .tabulation .tab-content h3 {
    font-weight: 600;
  }
  
  .tabulation .tab-content h3 a {
    color: #000000;
  }
  
  
/*-----------------------------------*\
  FOOTER DISCLAIMER SECTION
  \*-----------------------------------*/

 .footer-disclaimer {
            background-color: rgba(255, 255, 255, 0.05);
            border-left: 4px solid #0d6efd;
            color: #e9ecef;
        }
        .footer-disclaimer p {
            margin: 0.25rem 0 0.5rem 0;
            line-height: 1.4;
            font-size: 0.95rem;
        }
        .footer-disclaimer strong {
            display: block;
            margin-bottom: 0.25rem;
            color: #ffffff;
        }
        .footer-disclaimer small {
            color: #adb5bd;
        }
 
/*-----------------------------------*\
  FOOTER SECTION
  \*-----------------------------------*/


  .footer{
    background-color: #000814;
  }

  /*-----------------------------------*\
  MOBILE RESPONSIVENESS
  \*-----------------------------------*/

  @media only screen and (max-width: 541px){

    .company {
      font-size:25px;
    }
  
  }

  @media only screen and (max-width: 442px){
    .company {
      font-size: 20px;
    }
  }

  @media only screen and (max-width: 390px){

    .company {
      font-size:16px;
    }
  }