/* DR1064 Premium Footer CSS
   Full downloadable stylesheet starter with enhancements.
*/

/* ==================================================
   FOOTER
================================================== */
.dr1064footer {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #071A2E 0%, #0A2038 45%, #051321 100%);
	color: #EAF4FF;
	border-top: 1px solid rgba(56, 217, 255, .10);
}

.dr1064footer::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(6, 24, 45, .45),
		rgba(7, 26, 46, .70), rgba(5, 18, 35, .88));
	pointer-events: none;
}

.dr1064footerBackground {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden
}

.dr1064footerBackground img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .45;
	filter: brightness(1.35) contrast(1.15) saturate(1.25);
	transform: scale(1.04);
}

.dr1064footerWrap, .dr1064footerBottom {
	position: relative;
	z-index: 5
}

/* Grid */
.dr1064footerWrap {
	width: min(1400px, 92%);
	margin: auto;
	padding: 90px 0 50px;
	display: grid;
	grid-template-columns: 2.2fr 1fr 1fr 1fr 1.2fr;
	gap: 40px;
}

.dr1064footerLogo img {
	width: 220px;
	padding: 12px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(56, 217, 255, .18)
}

.dr1064footerBrand h2 {
	font-size: 30px;
	color: #fff
}

.dr1064footerTag {
	color: #38D9FF;
	font-weight: 700
}

.dr1064footerSummary {
	line-height: 1.9;
	color: rgba(255, 255, 255, .82)
}

.dr1064footerSection h3 {
	color: #fff;
	margin-bottom: 20px
}

.dr1064footerSection h3::after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	margin-top: 10px;
	background: #38D9FF;
	border-radius: 10px
}

.dr1064footerSection ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.dr1064footerSection li {
	margin: 0 0 12px
}

.dr1064footerSection a {
	text-decoration: none;
	color: rgba(255, 255, 255, .75);
	transition: .3s
}

.dr1064footerSection a:hover {
	color: #38D9FF;
	padding-left: 6px
}

.dr1064footerSection p {
	color: rgba(255, 255, 255, .78);
	line-height: 1.8
}

/* ==================================================
   DR1064 FOOTER QR - IMPROVED ALIGNMENT
   Replace the existing .dr1064footerQR styles with these.
================================================== */

.dr1064footerSection:last-child{
    display:flex;
    flex-direction:column;
}

.dr1064footerQR{
    margin-top:30px;

    display:flex;
    flex-direction:column;

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

    text-align:left;

    padding:20px;

    max-width:180px;

    background:rgba(255,255,255,.05);
    border:1px solid rgba(56,217,255,.15);
    border-radius:18px;

    backdrop-filter:blur(10px);

    transition:.35s ease;
}

.dr1064footerQR:hover{
    border-color:rgba(56,217,255,.45);
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.dr1064footerQR img{
    width:130px;
    height:130px;
    object-fit:contain;

    display:block;

    padding:10px;

    background:#fff;

    border-radius:12px;

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

    transition:.35s ease;
}

.dr1064footerQR:hover img{
    transform:scale(1.05);
}

.dr1064footerQR span{
    width:100%;
    margin-top:12px;

    text-align:center;

    font-size:13px;
    font-weight:700;

    letter-spacing:.5px;

    color:#38D9FF;

    text-transform:uppercase;
}

@media (max-width:768px){
    .dr1064footerQR{
        align-self:center;
        align-items:center;
        text-align:center;
    }

    .dr1064footerQR span{
        text-align:center;
    }
}

/* Social */
.dr1064footerSocial {
	display: flex;
	gap: 14px;
	margin-top: 28px;
	flex-wrap: wrap
}

.dr1064footerSocial a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(56, 217, 255, .2);
	color: #fff;
	text-decoration: none;
	transition: .35s;
}

.dr1064footerSocial a:hover {
	transform: translateY(-5px);
	background: #00C6FF;
	box-shadow: 0 12px 28px rgba(0, 198, 255, .45)
}

.dr1064footerSocial a:nth-child(1):hover {
	background: #0077b5
}

.dr1064footerSocial a:nth-child(2):hover {
	background: #1877f2
}

.dr1064footerSocial a:nth-child(3):hover {
	background: #E1306C
}

.dr1064footerSocial a:nth-child(4):hover {
	background: #111
}

.dr1064footerSocial a:nth-child(5):hover {
	background: #FF0000
}

.dr1064footerBottom {
	padding: 24px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: rgba(0, 0, 0, .18)
}

.dr1064footerPoweredBy strong {
	color: #38D9FF
}

@media ( max-width :1200px) {
	.dr1064footerWrap {
		grid-template-columns: 1fr 1fr
	}
}

@media ( max-width :768px) {
	.dr1064footerWrap {
		grid-template-columns: 1fr;
		padding: 70px 0 40px
	}
	.dr1064footerLogo img {
		width: 180px
	}
	.dr1064footerBrand h2 {
		font-size: 24px
	}
}