footer {
  background: var(--black, #242424);
}

footer .content {
  display: flex;
  justify-content: space-between;
}

.inlinks footer .content .logo-text-social-con {
  width: 100%;
}

footer .content .logo-text-social-con {
  width: 100%;
  max-width: 335px;
}

footer .content .logo-text-social-con .image {
  margin-bottom: 20px;
  width: 100%;
  max-width: 335px;
}

footer .content .logo-text-social-con p {
  margin-bottom: 60px;
  color: #fff;
}

footer .content .logo-text-social-con .social-links {
  display: flex;
  gap: 10px;
}

.inlinks .links {
  display: flex;
  flex-direction: column;
}

.inlinks .links a {
  margin-bottom: 10px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.inlinks .links p {
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.inlinks {
  display: flex;
  gap: 100px;
}

.orangeline {
  background: var(--orange, #fe5e00);
  padding: 30px 0px;
}

.orangeline p,
.orangeline p > a {
  text-align: center;
  color: #fff;
}

.inlinks .links p svg {
  display: none;
}

.inlinks .links .a-con {
  display: flex;
  flex-direction: column;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  flex-direction: column;
  border-radius: 20px;
  margin: 0 auto;
}

.pop-up-container {
  display: flex;
  align-items: center;
}

.popup .image img {
  border-radius: 20px 0px 0px 20px;
}

.popup .create-acc {
  text-align: center;
  width: 100%;
  background: #242424;
  min-width: 400px;
  height: 100%;
  min-height: 482px;
  place-content: center;
  padding: 0px 60px;
  border-radius: 0px 20px 20px 0px;
}

.popup .create-acc p {
  color: #fff;
  font-family: "Bai Jamjuree", sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 275;
  line-height: normal;
}

.popup .create-acc p:nth-of-type(1) {
  margin-bottom: 20px;
}

.popup .create-acc p:nth-of-type(2) {
  font-weight: 700;
  margin-bottom: 20px;
}
.popup .create-acc p:nth-of-type(3) {
  color: #fff;
  text-align: center;
  /* P */
  font-family: "Metropolis-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 60px;
}

.popup .create-acc p:nth-of-type(4),
.popup .create-acc p:nth-of-type(4) a {
  color: #fff;
  font-family: "Metropolis-Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.popup .create-acc p:nth-of-type(4) a {
  text-decoration: underline;
}

.popup .create-acc .btn-btn a {
  border-radius: 8px;
  background: #fff;
  width: 100%;
  padding: 12px;
  display: block;
  margin-bottom: 60px;
}

.popup .image img {
  height: 100%;
  width: 100%;
  min-width: 350px;
}

div#closePopup {
  text-align: right;
  font-size: 30px;
}

div#popupModal {
  background: rgba(36, 36, 36, 0.4);
  width: 100%;
  height: 100%;
  display: flex;
  place-content: center;
  place-items: center;
  border-radius: 0px;
}

@media (max-width: 1199px) {
  footer .content {
    gap: 100px;
  }

  .inlinks {
    gap: 40px;
    width: 100%;
    justify-content: end;
  }

  footer .content .logo-text-social-con {
    max-width: 250px;
  }
}

@media (max-width: 991px) {
  footer .content {
    flex-direction: column;
    place-items: center;
  }

  footer .content .logo-text-social-con {
    max-width: unset;
  }

  footer .content {
    gap: 50px;
  }

  footer .content .logo-text-social-con p {
    margin-bottom: 30px;
  }

  .inlinks {
    gap: 0px;
  }

  .inlinks .links {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .popup .image {
    width: 100%;
    max-width: 400px;
  }

  .popup {
    box-sizing: border-box;
    width: calc(100% - 100px);
  }

  .pop-up-container {
    flex-direction: column;
    background: #242424;
    padding: 60px;
    border-radius: 10px;
  }

  .popup .create-acc {
    min-height: unset;
    min-width: unset;
    padding: 0px;
  }
  .popup .image img {
    height: 150px;
    min-width: unset;
    border-radius: 20px;
    object-position: 0px -26px;
    margin-bottom: 30px;
  }

  .popup .create-acc .btn-btn a,
  .popup .create-acc p:nth-of-type(3) {
    margin-bottom: 30px;
  }

  footer .content .logo-text-social-con {
    max-width: unset;
    display: flex;
    flex-direction: column;
    place-items: center;
    text-align: center;
  }

  .inlinks {
    flex-direction: column;
    gap: 20px;
  }

  .inlinks .links p svg {
    display: block;
  }

  .inlinks .links .a-con.show > p svg {
    transform: rotate(180deg);
  }

  .inlinks .a-con {
    display: none !important;
    flex-direction: column;
    margin-top: 20px;
  }

  .inlinks .a-con a {
    margin-bottom: 10px;
  }

  .inlinks .a-con a:last-child {
    margin-bottom: 0px;
  }

  .inlinks .a-con.show {
    display: flex !important;
  }

  .inlinks .links p {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .contact-text {
    display: flex;
    flex-direction: column;
    place-items: center;
    text-align: center;
  }



  .contact .contact-text .email,
  .contact .contact-text .phone-number-con {
    place-items: center;
  }

  .contact .contact-text .number {
    flex-wrap: wrap;
    place-content: center;
  }

  .contact .input-con .email-phone-con {
    flex-direction: column !important;
  }

  .contact .btn-btn a {
    width: 100%;
    max-width: unset;
  }

  .contact .input-con {
    gap: 15px;
  }

  .contact .input-text p {
    margin-bottom: 5px;
  }

  .contact .input-con textarea {
    height: 185px;
    margin-bottom: 15px;
  }

  .inlinks svg.rotate {
    transform: rotate(180deg);
  }
}

@media (max-width: 575px) {
  .box p {
    max-width: 80px;
    left: 20% !important;
  }
}