.main-header .info-box{
    padding: 0px 50px 10px 0px;
}
.header-top{
      background: var(--second-color)!important;
      color: var(--fifth-color)!important;
}

.header-top li{
      color: var(--fifth-color)!important;
}
.main-header .header-top .top-left ul li > a{
      color: var(--fifth-color)!important;
}
.main-header .header-top .top-left ul li > a:hover{
      color: var(--main-color)!important;
}
.logo img{
    height: 65px;
    margin: -8px 0;
}
.logo-small{
  max-width: 280px;
  height: 70px;
}
.logo-small img{
  height: 52px;
  margin: 9px;
}
.tab-content>.active {
    display: contents;
}
.card {
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 0 6px 0;
}

.card:hover {
  box-shadow: 0 0 20px 4px;
}

.card .fa {
  color: var(--main-color);
  font-size: 55px;
}

.card h3 {
  color: var(--main-color);
  font-size: 55px;
}

.details {
  padding: 0 0 25px 0;
}

.additional-table {
  border: 1px solid red;
}
.language-btn {
  position: fixed;
  width: 100px;
  margin: 10px 0;
  top: 250px;
  left: 0;
  background: var(--main-color);
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius:0 5px 5px 0;
  z-index: 20;
}

.language-btn:hover {
  background: var(--second-color);
  color: white;
}
@media only screen and (max-width: 767px) {
  .main-header .info-box {
    display: none !important;
  }

  .main-menu .navbar-header {
    padding: 10px 0px 10px !important;
  }

  .card img {
    height: 140px;
    background: #f1f1fd;
    border-radius: 13px;
    margin-bottom: 15px;
    padding: 10px;
  }

  .about-us-area .content-column {
    height: auto !important;
  }

  .card {
    margin-bottom: 30px !important;
  }
  .header-style-three .main-menu .navbar-header .navbar-toggle,
  .header-style-two .main-menu .navbar-header .navbar-toggle{
    border: none;
    background-color: white;
  }
}
@media only screen and (max-width: 479px){

  .logo img{
    max-width: 290px!important;
    height: auto;
  }
  .main-header .header-upper .logo-box {
    padding: 25px 0 0 0;
  }
  

}