/*======================================
QANOON MARKAZ FOOTER
======================================*/

.qm-footer{

background:#000e36;

color:#e1e1e1;

width:100%;

margin-top:80px;

}


.qm-container{

width:95%;

max-width:1700px;

margin:auto;

}


.qm-footer-top{

padding:40px 0;

}


.qm-footer-grid{

display:grid;

grid-template-columns:1fr 2fr 1fr;

gap:25px;

align-items:start;

}


.qm-footer h3{

color:#e0a800;

font-size:28px;

margin-bottom:15px;

font-weight:700;

}


.qm-footer p{

line-height:26px;

font-size:17px;

color:#e1e1e1;

}


.qm-footer-btn{

display:inline-block;

margin-top:15px;

padding:12px 30px;

background:#e0a800;

color:#fff;

text-decoration:none;

font-weight:600;

border-radius:6px;

transition:.3s;

}


.qm-footer-btn:hover{

background:#fff;

color:#000e36;

}


.qm-resource-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:18px;

}


.qm-resource-card{

background:#fff;

border:2px solid #e0a800;

border-radius:10px;

padding:22px;

text-align:center;

font-size:17px;

font-weight:600;

text-decoration:none;

color:#000e36;

transition:.35s;

}
/*======================================
RESOURCE CARD HOVER
======================================*/

.qm-resource-card:hover{

background:#e0a800;

color:#000e36;

transform:translateY(-6px);

box-shadow:0 12px 25px rgba(0,0,0,.25);

}


/*======================================
CONTACT
======================================*/

.qm-footer-contact p{

margin-bottom:22px;

font-size:17px;

}

.qm-footer-contact strong{

display:block;

color:#e0a800;

margin-bottom:6px;

font-size:18px;

}


/*======================================
SOCIAL ICONS
======================================*/

.qm-social{

display:flex;

flex-wrap:wrap;

gap:14px;

margin-top:25px;

}

.qm-social a{

width:48px;

height:48px;

display:flex;

justify-content:center;

align-items:center;

background:#10285f;

border:2px solid #e0a800;

border-radius:50%;

color:#fff;

font-size:20px;

text-decoration:none;

transition:.35s;

}

.qm-social a:hover{

background:#e0a800;

color:#000e36;

transform:translateY(-4px);

}


/*======================================
BOTTOM BAR
======================================*/

.qm-footer-bottom{

background:#00081f;

padding:10px 0;

border-top:1px solid rgba(255,255,255,.08);

}

.qm-footer-bottom p{

margin:0;

text-align:center;

font-size:15px;

color:#e1e1e1;

}


/*======================================
RESPONSIVE
======================================*/

@media(max-width:1200px){

.qm-footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.qm-resource-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.qm-container{

width:92%;

}

.qm-footer-top{

padding:50px 0;

}

.qm-footer h3{

font-size:24px;

}

.qm-footer p{

font-size:16px;

line-height:28px;

}

.qm-resource-grid{

grid-template-columns:1fr;

}

.qm-footer-btn{

width:100%;

text-align:center;

}

.qm-social{

justify-content:center;

}

}

@media(max-width:480px){

.qm-footer-bottom p{

font-size:14px;

}

.qm-social a{

width:42px;

height:42px;

font-size:18px;

}

}