footer {
  background: #0e0e0e;
  padding: 50px 0 0;
}

footer h4 {
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-weight: 600;
}

footer h4.green {
  border-bottom-color: #fff;
}

footer h4.blue {
  border-bottom-color: #54a4cf;
}

footer h4.pink {
  border-bottom-color: #fff;
}

footer h4.orange {
  border-bottom-color: #f77046;
}

footer h4.light-pink {
  border-color: #b585d5;
}

footer h4.light-pink a {
  color: #b585d5;
}

footer .blue a {
  color: #54a4cf;
  word-break: break-all;
}

footer .yellow h2 span,
footer .yellow,
.yellow:hover {
  color: #fff;
}

footer h4.pink {
  border-bottom-color: #fff;
}

footer .green h2 span,
.green {
  color: #fff;
}

footer h4.green {
  border-bottom-color: #fff;
}

footer .pink,
.pink a {
  color: #fff;
}

footer .orange,
.orange a {
  color: #f77046;
  word-break: break-all;
}

footer {
  background: linear-gradient(45deg, #222162, #0c0b4c);
  padding: 50px 0 0;
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer ul li {
  font-size: 17px;
  margin-bottom: 10px;
}

footer ul li a {
  color: #fff;
}

footer ul li a:hover {
  color: #accc20;
  text-decoration: none;
}

footer h4.yellow+ul li a:hover {
  color: #ffc641;
}

footer h4.pink+ul li a:hover {
  color: #ec407a;
}

footer ul li:last-child {
  margin-bottom: 0px;
}

footer .copyright {
  border-top: 1px solid #fff;
  padding: 25px 0;
  margin-top: 40px;
}

footer p {
  font-size: 15px;
  color: #676767;
}

.social {
  text-align: right;
  width: 100%;
}

.social li {
  display: inline-block;
  margin: 0 0 0 10px;
}

.social .button,
.social .button:before,
.social .button .ss {
  transition: all 0.35s;
  transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social .button:before {
  top: 90%;
  left: -110%;
}

.social .button .ss {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.social .button.facebook:before,
.social .button.facebook:hover {
  background-color: #3b5998;
}

.social .button.twitter:before,
.social .button.twitter:hover {
  background-color: #55acee;
}

.social .button.google:before,
.social .button.google:hover {
  background-color: #dc4e41;
}

.social .button.linkedin:before,
.social .button.linkedin:hover {
  background-color: #007ab9;
}

.social .button:focus:before,
.social .button:hover:before {
  top: -10%;
  left: -10%;
}

.social .button:focus .ss,
.social .button:hover .ss {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.social .button {
  display: inline-block;
  background-color: #fff;
  width: 32px;
  height: 32px;
  line-height: 1px;
  margin: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.social .button:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.social .button .ss {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 18px;
  background: url(../img/spritex.png) no-repeat -130px -29px;
  margin-top: 7px;
}

.social .button.twitter .ss {
  background-position: -158px -29px;
}

.social .button.linkedin .ss {
  background-position: -186px -29px;
}

.social .button.google .ss {
  background-position: -214px -29px;
}

.social .button:hover .ss {
  background-position: -130px -10px;
}

.social .button.twitter:hover .ss {
  background-position: -158px -10px;
}

.social .button.linkedin:hover .ss {
  background-position: -186px -10px;
}

.social .button.google:hover .ss {
  background-position: -214px -10px;
}


.transform-none {
  transform: none !important;
}

.banner-content-section .h1.paid-intern {
  font-size: 26px;
  margin-top: 65px;
  color: #2c2349;
  line-height: normal;
}

.job-opt-div {
  border: 11px double #ffffff;
  background: #272c5b;
  color: #fff;
}

.banner-content-section .intern .h1 {
  margin-left: 0;
}

footer p,
footer .p {
  font-family: sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 1px;
}

.text-red {
  color: #c72d20;
}

@media (min-width: 1400px) {

  footer .container,
  footer .container-lg,
  footer .container-md,
  footer .container-sm,
  footer .container-xl {
    max-width: 1320px !important;
  }
}


@media only screen and (max-width: 767px) {

  footer .footer-links ul {
    height: 0;
    transition: all 0.5s ease;
    overflow: hidden;
    margin: -10px 10px 15px;
  }

  footer ul.f-menu-slide {
    height: auto;
  }

  footer h4 {
    border-top-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-style: solid;
    padding: 12px 10px;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    padding-right: 20px;
  }

  footer h4.mt-3,
  footer h4.mt-4 {
    margin-top: 0 !important;
  }

  footer h4:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 48px;
    background: #ffc641;
  }

  footer h4.pink:after {
    background: #ec407a;
  }

  footer h4.green:after {
    background: #accc20;
  }

  footer h4:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "+";
    color: #000;
    font-size: 42px;
    z-index: 9;
    width: 48px;
    text-align: center;
  }

  footer h4.menu-open:before {
    content: "-";
  }

  footer .no-listing h4:before,
  footer .no-listing h4:after {
    content: "";
    background: none;
  }

  footer .copyright {
    margin-top: 15px;
  }
}