/* DARPAN DECOR HEADER + FOOTER */

.dd-wrap{width:min(1320px,calc(100% - 56px));margin:auto}

.dd-announce{
height:34px;
background:#22221f;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:9px;
letter-spacing:.2em;
text-transform:uppercase
}

.dd-header{
height:80px;
position:sticky;
top:0;
z-index:9999;
background:#f8f7f4ee;
backdrop-filter:blur(18px);
border-bottom:1px solid #e6e2da
}

.dd-nav{
height:100%;
display:flex;
align-items:center;
gap:32px
}

.dd-logo{
display:flex;
align-items:center;
gap:10px;
min-width:220px;
text-decoration:none;
color:#191918
}

.dd-logoIcon{
width:40px;
height:40px;
border:1.4px solid #292927;
border-radius:50%;
position:relative;
display:block
}

.dd-logoIcon:before{
content:"";
position:absolute;
top:7px;
bottom:7px;
left:50%;
border-left:1px solid #292927
}

.dd-logoIcon:after{
content:"";
position:absolute;
right:7px;
top:9px;
width:14px;
height:18px;
border:2px solid #292927;
border-left:0;
border-radius:0 14px 14px 0
}

.dd-logo b{
font:800 15px Manrope,sans-serif;
letter-spacing:.1em
}

.dd-logo small{
display:block;
color:#827d74;
font-size:7px;
letter-spacing:.3em;
margin-top:3px
}

.dd-links{
display:flex;
gap:26px;
flex:1;
font-size:12px
}

.dd-links a{
color:#4d4a44;
text-decoration:none
}

.dd-links a:hover{
color:#000
}

.dd-navRight{
display:flex;
gap:8px;
align-items:center
}

.dd-circle{
height:40px;
width:40px;
border:1px solid #e6e2da;
border-radius:50%;
background:#fff;
display:grid;
place-items:center;
font-size:16px;
color:#191918;
padding:0;
cursor:pointer
}

.dd-quote{
background:#22221f;
color:#fff!important;
border-radius:999px;
padding:13px 18px;
font-size:10px;
font-weight:700;
text-decoration:none
}


/* FOOTER */

.dd-footer{
border-top:1px solid #e6e2da;
padding:55px 0 100px
}

.dd-footerGrid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:30px
}

.dd-footer h4{
font-size:9px;
letter-spacing:.18em;
text-transform:uppercase
}

.dd-footer a,
.dd-footer p{
display:block;
color:#77736b;
font-size:10px;
margin:11px 0;
text-decoration:none
}

.dd-footerBrand p{
max-width:290px;
line-height:1.7
}


/* MOBILE BAR */

.dd-mobileBar{
display:none
}


@media(max-width:900px){

.dd-wrap{
width:calc(100% - 28px)
}

.dd-links{
display:none
}

.dd-nav{
gap:9px
}

.dd-logo{
min-width:0;
flex:1
}

.dd-navRight .dd-circle:nth-child(2){
display:none
}

.dd-quote{
padding:11px 13px
}

.dd-footerGrid{
grid-template-columns:1fr 1fr
}

.dd-mobileBar{
display:flex;
position:fixed;
z-index:10000;
bottom:0;
left:0;
right:0;
height:63px;
background:#fffdf9f2;
backdrop-filter:blur(16px);
border-top:1px solid #e6e2da;
justify-content:space-around
}

.dd-mobileBar a{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:4px;
color:#69655e;
font-size:8px;
text-decoration:none
}

.dd-mobileBar b{
font-size:16px;
color:#222
}

}


@media(max-width:560px){

.dd-announce{
font-size:6.5px
}

.dd-nav{
height:65px
}

.dd-footerGrid{
grid-template-columns:1fr 1fr
}

}