/*=========================================================
CHANDAK MARBLE
LUXURY FOOTER
=========================================================*/

.cm-footer{

    position:relative;

    background:#080808;

    overflow:hidden;

    color:#fff;

}


/*=========================================================
BACKGROUND EFFECT
=========================================================*/

.cm-footer::before{

    content:"";

    position:absolute;

    top:-250px;

    right:-250px;

    width:600px;

    height:600px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(201,160,74,.08),
    transparent 70%);

    pointer-events:none;

}

.cm-footer::after{

    content:"";

    position:absolute;

    bottom:-250px;

    left:-250px;

    width:600px;

    height:600px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(255,255,255,.03),
    transparent 70%);

}


/*=========================================================
CTA
=========================================================*/

.cm-footer-cta{

    padding:120px 0 90px;

    text-align:center;

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

    position:relative;

    z-index:2;

}

.cm-footer-tag{

    display:inline-block;

    color:#c9a04a;

    font-size:13px;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:25px;

}

.cm-footer-cta h2{

    max-width:900px;

    margin:auto;

    font-family:'Cormorant Garamond',serif;

    font-size:82px;

    line-height:.95;

    font-weight:600;

    color:#fff;

}

.cm-footer-cta p{

    max-width:700px;

    margin:35px auto 0;

    color:#b8b8b8;

    font-size:18px;

    line-height:1.9;

}


/*=========================================================
BUTTONS
=========================================================*/

.cm-footer-btns{

    display:flex;

    justify-content:center;

    gap:18px;

    margin-top:50px;

}

.cm-btn-primary,

.cm-btn-outline{

    height:58px;

    padding:0 34px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border-radius:60px;

    transition:.4s;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.cm-btn-primary{

    background:#c9a04a;

    color:#111;

}

.cm-btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 40px rgba(201,160,74,.35);

}

.cm-btn-outline{

    border:1px solid rgba(255,255,255,.18);

    color:#fff;

}

.cm-btn-outline:hover{

    background:#fff;

    color:#111;

}


/*=========================================================
MAIN FOOTER
=========================================================*/

.cm-footer-main{

    padding:90px 0;

    position:relative;

    z-index:2;

}

.cm-footer-grid{

    display:grid;

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

    gap:70px;

}


/*=========================================================
LOGO
=========================================================*/

.cm-footer-logo img{

    width:190px;

    margin-bottom:30px;

}

.cm-footer-col p{

    color:#b5b5b5;

    line-height:1.9;

}


/*=========================================================
HEADINGS
=========================================================*/

.cm-footer-col h4{

    font-size:20px;

    margin-bottom:30px;

    color:#fff;

    position:relative;

}

.cm-footer-col h4::after{

    content:"";

    display:block;

    width:45px;

    height:2px;

    background:#c9a04a;

    margin-top:12px;

}


/*=========================================================
LIST
=========================================================*/

.cm-footer-col ul{

    list-style:none;

    padding:0;

    margin:0;

}

.cm-footer-col ul li{

    margin-bottom:18px;

}

.cm-footer-col ul li a{

    color:#b8b8b8;

    transition:.35s;

}

.cm-footer-col ul li a:hover{

    color:#c9a04a;

    padding-left:6px;

}


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

.cm-contact-list li{

    display:flex;

    align-items:flex-start;

    gap:15px;

    color:#b8b8b8;

    line-height:1.8;

}

.cm-contact-list i{

    color:#c9a04a;

    margin-top:5px;

}


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

.cm-social{

    display:flex;

    gap:14px;

    margin-top:35px;

}

.cm-social a{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

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

    border-radius:50%;

    color:#ffffff;

    transition:.45s cubic-bezier(.4,0,.2,1);

    position:relative;

    overflow:hidden;

}

.cm-social a::before{

    content:"";

    position:absolute;

    inset:0;

    background:#c9a04a;

    transform:scale(0);

    transition:.45s;

    border-radius:50%;

    z-index:-1;

}

.cm-social a:hover::before{

    transform:scale(1);

}

.cm-social a:hover{

    color:#111;

    transform:translateY(-6px);

    border-color:#c9a04a;

}



/*=========================================================
FOOTER BOTTOM
=========================================================*/

.cm-footer-bottom{

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

    padding:28px 0;

    position:relative;

    z-index:2;

}

.cm-footer-bottom .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    flex-wrap:wrap;

}

.cm-footer-bottom p{

    color:#9b9b9b;

    margin:0;

    font-size:15px;

}

.cm-footer-links{

    display:flex;

    align-items:center;

    gap:35px;

}

.cm-footer-links a{

    color:#9b9b9b;

    transition:.35s;

    position:relative;

}

.cm-footer-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:1px;

    background:#c9a04a;

    transition:.35s;

}

.cm-footer-links a:hover{

    color:#fff;

}

.cm-footer-links a:hover::after{

    width:100%;

}



/*=========================================================
SCROLL TOP
=========================================================*/

.cm-scroll-top{

    position:fixed;

    right:35px;

    bottom:35px;

    width:58px;

    height:58px;

    border:none;

    outline:none;

    border-radius:50%;

    background:#c9a04a;

    color:#111;

    font-size:18px;

    cursor:pointer;

    z-index:999;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    transition:.45s;

    box-shadow:

    0 20px 45px rgba(201,160,74,.35);

}

.cm-scroll-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.cm-scroll-top:hover{

    transform:translateY(-8px);

}



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

@media(max-width:1200px){

.cm-footer-grid{

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

gap:60px;

}

.cm-footer-cta h2{

font-size:64px;

}

}



@media(max-width:992px){

.cm-footer{

text-align:center;

}

.cm-footer-grid{

grid-template-columns:1fr;

}

.cm-footer-logo{

display:inline-block;

}

.cm-social{

justify-content:center;

}

.cm-footer-col h4::after{

margin:12px auto 0;

}

.cm-contact-list li{

justify-content:center;

}

.cm-footer-btns{

flex-direction:column;

align-items:center;

}

.cm-btn-primary,

.cm-btn-outline{

width:280px;

}

}



@media(max-width:768px){

.cm-footer-cta{

padding:90px 0 70px;

}

.cm-footer-cta h2{

font-size:46px;

line-height:1.05;

}

.cm-footer-cta p{

font-size:16px;

}

.cm-footer-main{

padding:70px 0;

}

.cm-footer-bottom .container{

flex-direction:column;

}

.cm-footer-links{

gap:22px;

flex-wrap:wrap;

justify-content:center;

}

}



@media(max-width:576px){

.cm-footer-cta h2{

font-size:36px;

}

.cm-footer-tag{

letter-spacing:2px;

}

.cm-btn-primary,

.cm-btn-outline{

width:100%;

}

.cm-footer-grid{

gap:45px;

}

.cm-scroll-top{

right:20px;

bottom:20px;

width:50px;

height:50px;

}

}