/************************ footer ************************/

footer {
   position: relative;
   width: 100vw;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 10vh 10vw;
   padding-bottom: 0;
   background: linear-gradient(to left, #005197, #339f5b) !important;
}

footer small {
   font-size: 16px;
   text-transform: uppercase;
   color: rgba(255, 255, 255, 0.5);
}

footer .copy {
   padding-top: 10vh;
}

footer .con-foot {
   display: flex;
   flex-direction: row;
}

.in-con {
   border: #fff0 solid 10px;
   width: 100%;
   display: flex;
   flex-direction: column;
}

footer .txt-head {
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
   width: max-content;
}

span.head-foot {
   font-size: 1.5rem;
   font-weight: bold;
   color: #fff;
   letter-spacing: 2px;
}

li.nav-foot {
   margin-top: 1vh;
}

li.nav-foot a {
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-family: 'Lato';
   font-size: 0.9rem;
}

.txt-add,
.tel,
.mail {
   color: #fff !important;
   letter-spacing: 2px;
   font-family: 'Lato';
   font-size: 0.9rem;
   margin-top: 1vh;
   text-decoration: none;
}


footer .language {
   width: fit-content;
}

footer a {
   color: #fff !important;
   text-decoration: none;
}

/* ================================
      Drobdown link language
================================= */
.select-button {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   padding: 1rem 0;
   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;
}

.select-dropdown a {
   width: 100%;
}

.selected-value {
   text-align: left;
   text-transform: uppercase;
   color: #fff;
   font-size: 1rem;
   letter-spacing: 4px;
   font-family: 'lato';
   font-weight: 300;
}

.arrow {
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 6px solid #fff;
   transition: transform ease-in-out 0.3s;
   margin-left: 5px;
}

.select-dropdown {
   position: relative;
   list-style: none;
   width: 100%;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   background-color: #fff;
   border: 1px solid #caced1;
   border-radius: 4px;
   padding: 10px;
   margin-top: 10px;
   max-height: 200px;
   overflow-y: auto;
   transition: 0.5s ease;

   transform: scaleY(0);
   opacity: 0;
   visibility: hidden;
}

.select-dropdown:focus-within {
   box-shadow: 0 10px 25px rgba(94, 108, 233, 0.6);
}

.select-dropdown li {
   position: relative;
   cursor: pointer;
   display: flex;
   gap: 1rem;
   align-items: center;
}

.select-dropdown li label {
   width: 100%;
   padding: 8px 10px;
   cursor: pointer;
   display: flex;
   gap: 1rem;
   align-items: center;
}

.select-dropdown::-webkit-scrollbar {
   width: 7px;
}

.select-dropdown::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 25px;
}

.select-dropdown::-webkit-scrollbar-thumb {
   background: #ccc;
   border-radius: 25px;
}

.select-dropdown li:hover,
.select-dropdown input:checked~label {
   background-color: #f2f2f2;
}

.select-dropdown input:focus~label {
   background-color: #dfdfdf;
}

.select-dropdown input[type="radio"] {
   position: absolute;
   left: 0;
   opacity: 0;
}

/* interactivity */

.custom-select.active .arrow {
   transform: rotate(180deg);
}

.custom-select.active .select-dropdown {
   opacity: 1;
   visibility: visible;
   transform: scaleY(1);
}

/* ================================
      Drobdown link language
================================= */

/************************ footer ************************/

@media screen and (max-width: 550px) {
   footer small {
      font-size: 0.9rem;
   }

   footer .copy p {
      text-align: center;
      padding-block: 10px;
   } 
}