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/Visa.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; }
  
  /*-----------------------------------*\
   ABOUT US
  \*-----------------------------------*/
  .imageposition{
    top: 66%; 
   right:20%;
  }
#aboutimageone {
    border: 5px solid #f8f8f8;
    display: block;
    height: 600px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  }
  
  #aboutimagetwo {
    border: 5px solid #f8f8f8;
    display: block;
    height: 180px;
    width:40%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  }
  
/*-----------------------------------*\
  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;
    }


    @media screen and (max-width: 992px) {
      #aboutimageone {
        height: 575px;
      }

      #aboutimagetwo {
        height: 180px;
        width:40%;
      }
    }

    

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

  }
  
  
  @media only screen and (max-width: 670px){
  
  }
  
  @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){

    #aboutimageone {
      height: 425px;
    }

    #aboutimagetwo {
      height: 130px;
      width:60%;
    }


    .company {
      font-size:16px;
    }
    
  }
   
  @media only screen and (max-width: 294px){
    #aboutimageone {
      height: 375px;
    }

    #aboutimagetwo {
      height: 120px;
      width:50%;
    }

    .adphoto {
      font-size: 18px;
      text-align:left ;
    }
  }