.sh-footer{display:grid;grid-template-columns:592px minmax(0,1fr);gap:32px;padding:40px;background:linear-gradient(180deg,#383842 0%,#121212 100%);background-size:cover;background-position:center;color:#fff;font-family:'Be Vietnam Pro',sans-serif;position:relative}
.sh-footer .container{display:contents;max-width:none;margin:0;padding:0}
.sh-footer__brand{background:rgba(251,254,255,.1);border-radius:4px;display:flex;align-items:center;justify-content:center;height:340px;min-height:340px}
.sh-footer__brand img{width:333.591px;max-width:75%;height:261.001px;object-fit:contain}
.sh-footer__content{padding:0;color:#fbfeff;display:flex;flex-direction:column;justify-content:space-between;height:340px;min-height:340px;gap:20px}
.sh-footer__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;height:80px}
.sh-footer__heading>div{width:904px;min-width:0}
.sh-footer__heading h2{margin:0;font:400 32px/48px 'Russo One';color:#fbfeff}
.sh-footer__heading p{margin:4px 0 0;font:400 16px/24px 'Be Vietnam Pro';color:#fbfeff;max-width:904px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-footer__heading>img{flex:0 0 92px;width:92px;height:80.2px;object-fit:contain}
.sh-footer__columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,0.85fr) minmax(0,1.35fr);gap:0;border-top:1px solid rgba(252,252,253,.2);border-bottom:1px solid rgba(252,252,253,.2);padding:20px 0;margin:0}
.sh-footer__columns>div{display:flex;flex-direction:column;gap:4px;padding:0 20px}
.sh-footer__columns>div:first-child{padding-left:0}
.sh-footer__columns>div+div{border-left:1px solid rgba(252,252,253,.2)}
.sh-footer__columns strong{font:600 20px/32px 'Be Vietnam Pro';color:#e5e7eb;margin-bottom:4px}
.sh-footer__columns a,.sh-footer__columns span{color:#fcfcfd;text-decoration:none;font:400 20px/32px 'Be Vietnam Pro';transition:color .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1)}
.sh-footer__columns a:hover{color:#0088ff}
.sh-footer__contact a{display:flex;align-items:center;gap:12px;padding-left:0}
.sh-footer__contact i{flex:0 0 24px;width:24px;height:24px;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fcfcfd}
.sh-footer__contact i img{display:block;width:16px;height:16px;object-fit:contain}

@media(max-width:1819px){
  .sh-footer{grid-template-columns:minmax(0,34%) minmax(0,66%);gap:24px}
  .sh-footer__heading>div{width:auto;flex:1}
  .sh-footer__columns a,.sh-footer__columns span{font-size:16px;line-height:26px}
  .sh-footer__columns strong{font-size:18px;line-height:28px}
}
@media(max-width:1199px){
  .sh-footer{display:flex;flex-direction:column;padding:36px 32px;gap:32px}
  .sh-footer__brand{width:100%;height:auto;min-height:200px;padding:24px}
  .sh-footer__brand img{max-height:180px;height:auto;width:auto;max-width:320px}
  .sh-footer__content{width:100%;height:auto;min-height:0;gap:24px}
  .sh-footer__heading{height:auto;gap:20px}
  .sh-footer__heading p{white-space:normal}
  .sh-footer__columns{grid-template-columns:minmax(0,1.35fr) minmax(0,0.85fr) minmax(0,1.35fr);padding:20px 0;gap:0}
  .sh-footer__columns>div{padding:0 16px}
  .sh-footer__columns>div:first-child{padding-left:0}
  .sh-footer__columns a,.sh-footer__columns span{font-size:15px;line-height:24px}
  .sh-footer__columns strong{font-size:17px;line-height:26px}
}
@media(max-width:767px){
  .sh-footer{padding:32px 20px;gap:24px}
  .sh-footer__brand{min-height:160px;padding:16px}
  .sh-footer__brand img{max-height:140px;max-width:240px}
  .sh-footer__heading{flex-direction:column;gap:16px}
  .sh-footer__heading h2{font-size:24px;line-height:32px}
  .sh-footer__heading p{white-space:normal;font-size:14px;line-height:22px}
  .sh-footer__heading>img{width:80px;height:auto}
  .sh-footer__columns{grid-template-columns:1fr;gap:0;padding:16px 0}
  .sh-footer__columns>div{padding:0;gap:6px}
  .sh-footer__columns>div+div{border-left:0;border-top:1px solid rgba(252,252,253,.2);padding-top:16px;margin-top:16px}
  .sh-footer__columns strong{font-size:16px;line-height:24px}
  .sh-footer__columns a,.sh-footer__columns span{font-size:14px;line-height:22px}
}
@media(max-width:320px){
  .sh-footer__heading h2,.sh-footer__content h2{font-size:16px!important;line-height:22px!important}
  .sh-footer__columns a,.sh-footer__columns span,.sh-footer__columns strong{font-size:12px!important;line-height:17px!important}
  .sh-footer__bottom{font-size:10px!important;line-height:14px!important}
}
