body {
  font-family: sans-serif;
  margin: 0;
  background: #f4f7fb
}
header {
  padding: 60px;
  background: #0b63d9;
  color: #fff;
  position: relative
}
.logo {
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: bold
}
.quick {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  padding: 40px
}
.card {
  text-decoration: none;
  background: #fff;
  padding: 40px;
  border-radius: 16px;
  text-align: center;
  transition: .3s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .1)
}
.card:hover {
  transform: translateY(-8px) scale(1.03)
}
footer {
  background: #123;
  color: #fff;
  text-align: center;
  padding: 25px
}
footer{
    width:100%;
    background:#fff;
    padding:20px 15px;
}

.footer-inner{
    max-width:1024px;
    margin:0 auto;
}

.footer-inner img{
    display:block;
    width:100%;
    height:auto;
}

/* ==============================
   Popup
============================== */

.popup-layer{

display:none;

position:fixed;

left:0;
top:0;

width:100%;
height:100%;

background:rgba(0,0,0,.45);

justify-content:center;
align-items:center;

z-index:99999;

}

.popup-box{

width:520px;

background:#fff;

border-radius:18px;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.35);

position:relative;

animation:popupShow .35s ease;

}

.popup-box img{

display:block;

width:100%;

}

.popup-close{

position:absolute;

top:12px;
right:12px;

width:40px;
height:40px;

border:none;

border-radius:50%;

background:#ffffff;

cursor:pointer;

font-size:20px;

box-shadow:0 2px 8px rgba(0,0,0,.2);

}

.popup-footer{

padding:15px;

display:flex;

justify-content:space-between;

align-items:center;

background:#fff;

}

.popup-footer button{

padding:10px 25px;

background:#0057d8;

color:white;

border:none;

border-radius:8px;

cursor:pointer;

transition:.3s;

}

.popup-footer button:hover{

background:#003e9b;

}

@keyframes popupShow{

0%{

opacity:0;

transform:scale(.8);

}

100%{

opacity:1;

transform:scale(1);

}

}

@media(max-width:600px){

.popup-box{

width:92%;

}

}