/* contact link  */

html {
    scroll-behavior: smooth;
  }


#vts-alt {
  display: none;
}

#vts {
  display: block;
}



.contact-link{
    /* background-color: #006cb7; */
    background-color: #28d3e2;
    color:#fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 90px;
    margin-bottom: 10px;
  }
  
  
  
  .contact-focus > h2{
    font-size:2rem;
    font-weight: 400;
  }
  
  .contact-focus > h3{
    padding-top: 8px;
    font-size:1rem;
    font-weight: 600;
  }
  
  .contact-btn{
    
    border: 1px solid #fff;
    color: #fff;
    background-color: #28d3e2;
    font-weight: 500;
    padding: 8px 35px;
    border-radius: 4px;
    outline: none;
    text-align: center;
    text-decoration: none;
  }
  
  .contact-btn:hover{
    color: #fff;
  }





footer {

    background-color:#131A22;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }
  
  .footer-cols{
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    padding-top:60px ;
  }
  
  .ft-col > h3{
    padding: 12px 0px;
    font-weight: 600;
    font-size: 1.3rem;
  }
  
  /* .ft-add{
      display: flex;
  } */

  /* .ft-add >div > p:nth-child(1){
      padding-right: 10px;
  }

  .ft-add >div > p:nth-child(0){
      padding-left: 10px;
  } */

  .contact-details{
    display: flex;
    padding: 10px;
  }
  
  .contact-details > li{
   list-style-type: none;
   padding-left: 10px;
   
  }
  
.contact-details > li > a{
  text-decoration: none;
}


  .quick-link{
    display: flex;
    flex-direction: column;
    
  }
  
  .quick-link > a{
    text-decoration: none;
    color: #fff;
    padding-bottom: 8px;
  }
  
  .social > svg {
    font-size: 40px;
  }
  
  .downlad-brochure{
    margin-top: 15px;
    background-color: #28d3e2;
    border: 1px solid #fff;
    padding: 10px 30px;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    text-decoration: none;
  }

  .downlad-brochure:hover{
      color: #fff;
  }
  
  .footer-bottom > h3{
    font-size: 14px;
    text-align: center;
    font-weight: 400;
  }
  
  .footer-bottom{
    margin:30px auto;
    display: flex;
  }

  .ft-brand{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      
  }

  .ft-logo{
    width: 211px;
    margin: 15px 0px;
    border-radius: 4px;
    border: 1px solid #545454;
  }
  






.navbar-toggler-icon {
  color: #28d3e2 !important;
}

.nav-active {
  background-color: #fff;
  color: #545454 !important;
}

.logo-active {
  color: #545454 !important;
}







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

    .footer-cols{
      flex-wrap: wrap;
    }


    .ft-col{
      width: 40%;
    }

    .downlad-brochure{
      width: 211px;
    }

    .logo {
      font-weight: 600;
      color: #545454 !important;
    }

  }


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


    .contact-link{
      flex-direction: column;
      align-items: flex-start;
    }

    .contact-focus > h2{
      padding-top:15px ;
      font-size: 1.2rem;
      text-align: left;
    }
    
    .contact-focus > h3{
      font-size: 1rem;
      text-align: left;
    }

    .contact-btn{
      width: 100%;
      margin: 20px 0px ;
    }

  }


  @media screen and (max-width:560px) {
      #vts {
        display: none;
      }
      
      #vts-alt {
        display: block;
      }
  }


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


.footer-cols{
  flex-direction: column;
}


.ft-col{
  margin: 20px;
  width: 80%;
}

.footer-bottom{
  flex-direction: column;
}

.contact-link{
  padding: 25px;
}



}