@font-face
 {
    font-family: header1;
    src: url('../fonts/Alatsi-Regular.ttf');

    font-family: header2;
    src: url('../fonts/Satisfy-Regular.ttf');

 }


  

  .header1
  {
    width: 100%;
    /* text-align: center; */
    background-color: aqua;
  }

  .headerleft
  {
    width: 15%; 
    display: table-cell; 
    /* background-color: white; */
    /* float: left; */
  }

  .headerright
  {
    width: 40%; 
    display: table-cell;
    /* background-color: white; */
    /* float: right; */
  }

  .headerrightright
  {
    width: 20%; 
    display: table-cell;
    /* background-color: white; */
  }

  

  .navbar
  {
    z-index: 9999;
  }

  

  .dropdown-menu
  {
    text-align: center;
  }

  

  .hp1
  {
    margin-top: 1vh;
    margin-bottom: 1vh;
    margin-left: 5vw;
    width: 100%;
  }

  .hp2
  {
    width: 50vw;
  }

  .hp3
  {
    margin-top: 1vh;
    margin-bottom: 1vh;
    margin-left: 1vw;
    width: 100%;
  }


  .footer
  {
    display: flex;
    background-color: #254e58;
  }


  .footer10
  {
    width: 50%;
  }


  .footer20
  {
    width: 50%;
    margin-left: 15%;
  }


  .quickLink
  {
    margin: 0px;
    padding: 3px;
    color: white;
    font-size: 9px;
  }


  .footer12
  {
    margin-left: 10%;
  }

  .footer12 img
  {
    width: 96px;
  }

 
  /* .lbl_w125C
  {
    background-color: #f0f5f7;
    width: 125px;
  }


  .lbl_w145C
  {
    background-color: #f0f5f7;
    width: 145px;
  } */

  .buttonframe{
  display: none;
  }

  .headerTop
  {
    width: 100%;
    /* height: 60px; */
    /* background-color: #2d4a8a;  */
    color: white;
    /* display: flex; */
    align-items: center;
    padding: 5%;
  }

  .headerTopL
  {

  }


  .headerTopR
  {
    /* width: 30%; */
    display: flex;
    /* margin-right: 10%; */
    font-size: 12px;
    /* background-color: orange; */
  }

  .headerTopM
  {
    /* width: 90%; */
    /* margin-left: 5%; */
    font-size: 12px;
    /* margin-bottom: 5px;   */
    /* background-color: red;   */
    margin-left: auto;
  }

  .headerTopMenuL
  {
    width: 33.33%;
    margin-left: 10%;
  }


  .headerTopMenuR
  {
    width: 33.33%;
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
  }

  .headerTopMenuM
  {
    /* text-align: left; */
    width: 33.33%;
  }

  .headerTopMenuR .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 130%;
    left: 50%;
    margin-left: -100px;
  }
  
  .headerTopMenuR:hover .tooltiptext {
    visibility: visible;
  }

  .dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
  }

  




  @media only screen and (min-width: 768px)
  {

    .headerTop
    {
      width: 100%;
      height: 60px;
      /* background-color: #2d4a8a;  */
      color: white;
      display: flex;
      align-items: center;
      padding: 0px;
    }

    .headerTopL
    {
      width: 20%;
      margin-left: 5%;
      /* background-color: green; */
    }
  
  
    .headerTopR
    {
      width: 30%;
      display: flex;
      margin-right: 5%;
      padding: 0px;
      font-size: 13px;
      /* background-color: orange; */
    }
  
    .headerTopM
    {
      text-align: left;
      width: 30%;
      padding: 0px;
      font-size: 13px;
      /* background-color: red; */
    }

    .headerTopMenuL
    {
      width: 33.33%;
      margin-left: 10%;
    }
  
  
    .headerTopMenuR
    {
      width: 33.33%;
      position: relative;
      display: inline-block;
      /* border-bottom: 1px dotted black; */
    }
  
    .headerTopMenuM
    {
      text-align: left;
      width: 33.33%;
    }
    
    .hp1
    {
      margin-left: 5vw;
      width: 50%;
    }
  
    .hp2
    {
      /* width: 35vw; */
    }

    .hp3
    {
      margin-left: 5vw;
      width: 50%;
    }

    .headerleft
    {
      width: 20%; 
      display: table-cell;
      /* background-color: white; */
    }
  
    .headerright
    {
      width: 60%; 
      display: table-cell;
      /* background-color: white; */
    }

    .headerrightright
    {
      width: 20%; 
      display: table-cell;
      /* background-color: white; */
    }


    .quickLink
    {
      margin: 0px;
      padding: 0px;
      color: white;
      font-size: 18px;
    }

    .footer12 img
    {
      width: 125px;
    }

    .buttonframe{
      width: 20%; 
      float: right; 
      display: flex; 
      justify-content: center;
      margin-top: 3%;
      margin-right: 10%;
    }

    .headerTopMenuR .tooltiptext {
      visibility: hidden;
      width: 200px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: 130%;
      left: 50%;
      margin-left: -100px;
    }
    
    .headerTopMenuR:hover .tooltiptext {
      visibility: visible;
    }
    
   

  }