.techfox-footer-main {
  padding-top: 100px;
  padding-bottom: 0px;
}

.footer-logo img {
  max-width: 250px;
}
.foter-social ul {
  list-style: none;
  padding-left: 0px;
}
.foter-social ul li a svg {
  width: 16px;
  height: 16px;
  fill: #ffffff; {#var(--white_color);#} 
}
.foter-social ul li a {
  padding: 8px 18px;
  background-color: var(--light_blue__color);
  border: 2px solid transparent;
  color: var(--white_color);
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.foter-social ul li a:hover{
  background-color: transparent;
  border: 2px solid var(--light_blue__color);
}
.foter-social ul li a,
.foter-social ul li a:hover{
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}
.foter-social ul li a svg {
  position: absolute;
  z-index: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.foter-social ul li:not(:last-child) {
  margin-right: 15px;
}

.footer_col_title h4:before {
  position: absolute;
  content: '';
  z-index: -1;
  width: 40px;
  height: 2px;
  background-color: var(--white_color);
  bottom: 0;
  left: 0;
}
.footer_col_title h4 {
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
}
.footer_col_title h4:after{
  position: absolute;
  content: '';
  z-index: -1;
  width: 5px;
  height: 2px;
  background-color: var(--white_color);
  bottom: 0;
  left: 45px;
}
.contact-list ul li svg {
  width: 30px;
  height: 30px;
  fill: #FFFFFF;
  background-color: var(--light_blue__color);
  padding: 7px;
  border-radius: 5px;
}
.contact-list ul li a,
.contact-list ul li p {
  margin-bottom: 3px;
  font-weight: 400;
  color: var(--white_color);
  margin-left: 10px;
}
.newsletter-form p,
.footer-menu.footer-cont ul li a{
  color: var(--white_color); 
}
.contact-list ul li.flex {
  align-items: center;
}
.footer-menu ul li:hover a {
  padding-left: 10px;
  transition: all .5s ease-in-out;
}
.footer-menu ul li a {
  transition: all .5s ease-in-out;
}
.techfox-footer-main form ::-webkit-input-placeholder {
  color: #FFFFFF;
}
.bottom-menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
  flex-wrap: wrap;
}
.bottom-menu ul li:not(:last-child) {
  padding-right: 30px;
}
.footer-contnet p,
.copyright p,
.bottom-menu ul li a{
  color: var(--white_color); 
}
.techfox-footer-bottom {
  border-top: 1px solid #2a355e;
  padding: 20px 0;
  margin-top: 65px;
}
.techfox-footer-main {
  position: relative;
  z-index: 1;
}
#back-top {
  position: fixed;
  display: none;
  bottom: 30px;
  right: 30px;
  background-color: var(--light_blue__color);
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
a#back-top {
  display: block; 
  text-decoration: none;
}
.topup {
  bottom:5px;
}
#back-top i {
  display: block;
}
.techfox-footer-main a.back-top svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  margin-top: 4px;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 30%;
  transform: translate(-50%, -50%);
}
@media(min-width: 1025px){
  .techfox-footer-main .footer_col {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
  }
  .techfox-footer-main .footer_col {
    margin-right: 16px;
  }
  .techfox-footer-main .footer_col:nth-child(4n+4) {
    margin-right: 0px;
  }
  .footer-logo {
    margin-top: 9px;
  }
  .foter-social {
    margin-top: 50px;
  }
}


@media(min-width: 768px) and (max-width: 1024px){
  .techfox-footer-main .footer_col {
    -ms-flex-preferred-size: 48.5%;
    flex-basis: 48.5%;
  }
  .techfox-footer-main .footer_col {
    margin-right: 20px;
  }
  .techfox-footer-main .footer_col:nth-child(2n+2) {
    margin-right: 0px;
  }
  .footer-logo {
    margin-top: 9px;
  }
  .foter-social {
    margin-top: 50px;
  }
}
@media(min-width: 1025px){
  .top-space {
    margin-top: 50px;
  }
  .top-space-two{
    margin-top: 37px;
  }
  .footer-contnet p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media(max-width: 1024px){
  .top-space {
    margin-top: 35px;
  }
  .top-space-two{
    margin-top: 20px;
  }
}

@media(max-width: 767px){
  .bottom-menu ul li:not(:last-child) {
    padding-right: 15px;
  }
}