@import "variables.scss";

footer {
  display: block;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: $footer-bg;
  // border: 1px solid darkblue;
}

.footer-parent {
  width: 80% !important;
  flex-direction: column;
  height: 90%;
  display: flex;

  //border: 1px solid red;
}

.footer-child-row {
  //  border: 1px solid;
}

.footer-child-col {
  // border: 1px solid green;
  //min-height: 40vh;
  //padding: 35px 0px 35px 0px;
}

.footer-bottom-area {
  border-top: 1px solid #3d425f;
  // width: 100%;
  align-items: center;
  display: flex;
  margin-top: 23px;
  justify-content: space-between;
}

.footer-bottom-area>div {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.footer-bottom-area>div>ul>li {
  display: inline-block;
  margin: 10px;
}

.social-media-icon {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.footer-bottom-area>div>ul>li>a {
  text-decoration: none;
}

.footer-topic {
  color: #ffffff;
  font-weight: 600;
  font-size: 0.8rem;
  margin-bottom: 9px;
  margin: 15px 0px 0px 0px;
}

.footer-image {
  width: 85%;
  margin-bottom: 20px;
}

@media all and (max-width: $breakpoint-tablet) {
  footer {
    text-align: center;
  }

  .extreamPara_footer {
    padding-right: 0px !important;
  }

  .company-logo-light {
    display: inline;
  }

  .footer-bottom-area>div {
    justify-content: center ! IMPORTANT;
  }
}