:root {
 --pink-main-color: #009fdf;
 --yellow-main-color: #009fdf;
 --blue-main-color: #009fdf;
}

.footer-new {
 background-color: #25333a;
 color: #fff;
 padding: 20px 0 20px;
}

.footer-new .container {
 max-width: 1200px;
}

.footer-main {
 display: grid;
 grid-template-columns: 1.2fr 1fr;
 gap: 32px;
 align-items: start;
}

.footer-logo {
 width: 160px;
 height: 160px;
 border: 2px solid #fff;
 background: #fff;
 padding: 16px;
 border-radius: 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 700;
 letter-spacing: 2px;
 margin-bottom: 24px;
}

.footer-addr-item {
 display: flex;
 gap: 12px;
 align-items: flex-start;
 font-size: 14px;
 line-height: 1.4;
 margin-bottom: 12px;
}

.footer-addr-item i {
 font-size: 18px;
 color: #c7d5ff;
 margin-top: 2px;
}

.footer-right {
 display: flex;
 justify-content: flex-end;
 width: auto;
}

.footer-card {
 background: #fff;
 color: #1d1f23;
 border-radius: 10px;
 padding: 28px 28px 24px;
 box-shadow: 0 0 0 1px #c7d5ff inset;
 width: 100%;
 max-width: 520px;
}

.footer-card-title {
 font-size: 14px;
 color: #48515a;
 margin-bottom: 12px;
}

.footer-phone {
 font-size: 32px;
 font-weight: 700;
 line-height: 1.1;
 white-space: nowrap;
}

.footer-phone-row {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-top: 12px;
 flex-wrap: nowrap;
}

.footer-phone-row span {
 white-space: nowrap;
}

.footer-phone-icon {
 width: 38px;
 height: 38px;
 border: 1px solid #c7d5ff;
 border-radius: 6px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #1d1f23;
}

.footer-time {
 margin-top: 10px;
 font-size: 13px;
 color: #48515a;
}

.footer-social {
 display: flex;
 gap: 12px;
 margin-top: 20px;
}

.footer-social a {
 width: 42px;
 height: 42px;
 border: 1px solid #c7d5ff;
 border-radius: 6px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #1d1f23;
 background: #fff;
}

.footer-social i {
 font-size: 18px;
}

.footer-bottom {
 padding: 0 4rem;
 display: flex;
 flex-direction: column;
 gap: 16px;
 align-items: flex-start;
 font-size: 13px;
 color: #fff;
}

.footer-bottom a {
 color: #d6dde6;
}

@media screen and (max-width: 992px) {
 .footer-main {
  grid-template-columns: 1fr;
 }

 .footer-card {
  max-width: 520px;
 }
}

@media screen and (max-width: 768px) {
 .footer-new {
  padding: 16px 0 16px;
 }

 .footer-phone {
  font-size: 26px;
 }

 .footer-bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 8px;
 }

 .footer-bottom > div {
  grid-area: 1 / 1 / 2 / 3;
 }

 .footer-bottom a:nth-child(1) {
  grid-area: 2 / 2 / 3 / 3;
 }

 .footer-bottom a:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
 }

 .footer-right {
  justify-content: center;
  align-items: center;
 }

 .footer-card {
  align-items: baseline;
  justify-content: flex-start;
  text-align: left;
 }
}