/*======================================*
        CONTACT V13
        ISOLATED MODULE
*======================================*/


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

.contact{

    position:relative;

    width:100%;

    padding:120px 0;

    overflow:hidden;

}


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

.contact-container{

    width:100%;

    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:0.9fr 1.1fr;

    gap:50px;

    align-items:stretch;

}


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

.contact-info{

    display:flex;

    flex-direction:column;

    gap:18px;

}


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

.contact-card{

    display:flex;

    align-items:center;

    gap:20px;

    min-height:110px;

    padding:24px 26px;

    background:rgba(20,20,20,.72);

    border:1px solid rgba(212,175,55,.16);

    border-radius:20px;

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

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

    transition:
        transform .4s ease,
        border-color .4s ease,
        box-shadow .4s ease;

}


/*======================================*
        CONTACT CARD HOVER
*======================================*/

.contact-card:hover{

    transform:translateY(-5px);

    border-color:rgba(212,175,55,.40);

    box-shadow:
        0 22px 45px rgba(0,0,0,.35);

}


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

.contact-icon{

    flex:0 0 58px;

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.22);

    color:#D4AF37;

    transition:.4s ease;

}


/*======================================*
        ICON
*======================================*/

.contact-icon i{

    font-size:23px;

    transition:.4s ease;

}


/*======================================*
        ICON HOVER
*======================================*/

.contact-card:hover .contact-icon{

    background:#D4AF37;

    color:#111;

    transform:scale(1.05);

}

.contact-card:hover .contact-icon i{

    transform:scale(1.08);

}


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

.contact-details{

    min-width:0;

}


.contact-details h3{

    font-family:"Cinzel",serif;

    font-size:21px;

    font-weight:600;

    color:#ffffff;

    margin-bottom:5px;

}


.contact-details p{

    color:#CFCFCF;

    font-size:15px;

    line-height:1.6;

    margin:0;

}


.contact-details a{

    color:#CFCFCF;

    transition:.3s ease;

}


.contact-details a:hover{

    color:#D4AF37;

}


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

.contact-map{

    width:100%;

    min-height:500px;

    overflow:hidden;

    border-radius:24px;

    border:1px solid rgba(212,175,55,.18);

    background:#1A1A1A;

    box-shadow:
        0 20px 50px rgba(0,0,0,.30);

}


.contact-map iframe{

    width:100%;

    height:100%;

    min-height:500px;

    display:block;

    border:0;

    filter:grayscale(.15) contrast(1.05);

}


/*======================================*
        TABLET
*======================================*/

@media (max-width:992px){

    .contact{

        padding:100px 0;

    }

    .contact-container{

        max-width:760px;

        grid-template-columns:1fr;

        gap:35px;

    }

    .contact-map{

        min-height:420px;

    }

    .contact-map iframe{

        min-height:420px;

    }

}


/*======================================*
        MOBILE
*======================================*/

@media (max-width:768px){

    .contact{

        padding:80px 0;

    }

    .contact-container{

        width:calc(100% - 40px);

        gap:25px;

    }

    .contact-card{

        min-height:95px;

        padding:20px;

        gap:16px;

    }

    .contact-icon{

        flex:0 0 52px;

        width:52px;

        height:52px;

    }

    .contact-icon i{

        font-size:21px;

    }

    .contact-details h3{

        font-size:19px;

    }

    .contact-details p{

        font-size:14px;

    }

    .contact-map{

        min-height:320px;

        border-radius:20px;

    }

    .contact-map iframe{

        min-height:320px;

    }

}


/*======================================*
        SMALL MOBILE
*======================================*/

@media (max-width:480px){

    .contact{

        padding:70px 0;

    }

    .contact-container{

        width:calc(100% - 30px);

    }

    .contact-card{

        padding:18px;

    }

    .contact-icon{

        flex:0 0 48px;

        width:48px;

        height:48px;

    }

    .contact-details h3{

        font-size:18px;

    }

    .contact-map{

        min-height:280px;

    }

    .contact-map iframe{

        min-height:280px;

    }

}

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

.footer-logo{
    width:180px;
    height:auto;
    margin-bottom:20px;
}