.btn-search {
  transition: .3s;
  width: 45%;
}
.btn-search .search{
  color: var(--main-color);
}
.toogle-btn{
    background-color: transparent;
    position: absolute !important;
    border-right: 1px solid #ddd;
    padding-right: 8px;
    height: 34px;
    border-radius: 0;

}

.form-control{
  padding-left: 45px;
  border-radius: 50px;
}




.lang{
  position: absolute;
  right: 5%;
  top: 0px;
  background-color: #08164b;
  font-size: 15px;
  padding: 15px 15px;
  border: 0;
  border-radius: 0;
  transition: .3s;
    color: #A17637;

}
.lang:hover{
  transition: .3s;
  background-color: var(--hover-color) ;
}
.lang:hover button{
  transition: .3s;
  color: #fff;
}
.lang button{
  transition: .3s;
  text-decoration: none;
  color: var(--hover-color);
}









.btn-news{
  background-color: transparent;
    border-radius: 0;
    transition: .3s;
}
.btn-news .bubble{
  color: var(--hover-color) !important;
  font-size: 16px;
  margin-left: 15px;
}




.box-news:hover .btn-news a{
  color: var(--hover-color);
  transition: .3s;
  padding-left: 13px;
}
.box-news:hover{
  transform: scale(1.1);
  transition: .3s;
}
.box-news:hover .desc-news .link{
  color: var(--hover-color);
  transition: .3s;
}









.content-contact .message{
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.767) , #a17637, #a17637);
    display: block;
    border-radius: 0;
    border: 0;
    transition: .3s;
}
.content-contact .message:hover{
  background: linear-gradient(45deg ,#000000bb, #000000c4, #a17637, #a17637);
  transition: .3s;
  transform: scale(1.1);
}
.content-contact .message a{
  color: #fff;
}
.content-contact .message:hover a{
  color: #fff;
  transition: .3s;
}

.socail-contact .icone:hover {
  color: var(--hover-color);
  transition: .3s;
}