.f-gri {
 color: #7a7a7a;
}

footer {
height: fit-content;
 padding:3% 0;
}

footer .footer-content span {
 letter-spacing: 0.5px;
}

.fix_right_btns {
 z-index:99;
 background-color: #111111;
 padding: 15px 5px;
 border-radius: 10px;
 position: fixed;
 top: 14%;
 right: 2%;
}

.fix_top_btn {
 z-index:99;
 position: fixed;
 bottom: 4%;
right: 1.3%;
 border-radius: 50%;
 width: 80px;
 height: 80px;
 color: white;
 background-color: #7a7a7ac9;;
 box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22);
}

.fix_right_btns div{
 width: 85%;
}
.fix_right_btns img{
 width: 100%
}
.overlay {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.5);
 align-items: center;
 justify-content: center;
}
.popup {
 margin: auto;
 background-color: white;
 padding: 20px;
 width: 83%;
 max-width: 1000px;
 max-height: 80%;
 overflow-y: auto;
 margin-top: 75px;
}
.popup-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 15px;
}
.close-btn {
 background: none;
 border: none;
 font-size: 2.5em;
 cursor: pointer;
}

.popup-title{
 width:100%;
 border-bottom:1.5px solid #cccccc;
}
.popup-title p{
 height:40px;
 width: 30%;
 border-bottom: 2px solid #111111;
}



/* mobile */
@media screen and (max-width: 767px) {
 footer {
  height: fit-content;
  padding: 5% 0;
 }

 .fix_right_btns {
  /*display: none !important;*/
 }


 .fix_right_btns div img {
  width: 30px;
 }

 .fix_top_btn {
  width: 46px;
  height: 46px;
  z-index: 99;
  position: fixed;
  top: 89vh;
  right: 2.6vw;
 }
 .fix_right_btns div {
  width: 95%;
 }

 .fix_right_btns {
  top: 47vh;
  right: 3vw;
 }
}