* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {

    font-family: 'Inter', sans-serif;
    background: #fff;
    color: #222;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'Cormorant Garamond', serif;

}

a {

    text-decoration: none;

}

/*==============================
                HEADER
        ==============================*/
:root {

    --negro: #111111;
    --dorado: #A97A3A;
    --dorado-hover: #C89445;
    --marron: #5B3A1A;
    --gris: #F5F5F5;
    --blanco: #FFFFFF;

}

/*====================================
            HEADER
=====================================*/

.header {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(17, 17, 17, .97);
    backdrop-filter: blur(8px);
    transition: .4s;

}

.header.scrolled {

    background: #111;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .35);

}

.navbar {

    padding: 16px 0;

}

.navbar-brand img {

    height: 70px;
    transition: .3s;

}

.navbar-nav {

    gap: 12px;

}

.nav-link {

    position: relative;
    color: #FFF!important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 8px !important;
    transition: .3s;

}

.nav-link:hover {

    color: var(--dorado);

}

.nav-link.active {

    color: var(--dorado);

}

.nav-link::after {

    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 0;
    height: 2px;
    background: var(--dorado);
    transition: .35s;

}

.nav-link:hover::after {

    width: 100%;

}

.nav-link.active::after {

    width: 100%;

}

.navbar-toggler {

    border: none;
    box-shadow: none;

}

.navbar-toggler:focus {

    box-shadow: none;

}

.navbar-toggler i {

    font-size: 34px;
    color: #FFF;

}



/*==================================
        ABOUT
===================================*/

.about-section{

    background:#faf8f4;

}

.about-image{

    height:760px;
    overflow:hidden;

}

.about-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;

}

.about-image:hover img{

    transform:scale(1.05);

}

.about-content{

    padding:90px;
    position:relative;

}

.about-content::before{

    content:"";

    position:absolute;

    right:0;

    top:0;

    width:100%;

    height:100%;

    background:url(images/tobacco-leaf.png);

    background-repeat:no-repeat;

    background-position:right center;

    background-size:contain;

    opacity:.05;

    pointer-events:none;

}

.section-subtitle{

    color:#A97A3A;

    font-size:15px;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:600;

}

.about-content h2{

    margin-top:20px;

    font-size:56px;

    line-height:1.15;

    color:#1a1a1a;

    max-width:620px;

    font-family:'Cormorant Garamond', serif;

}

.gold-line{

    width:90px;

    height:2px;

    background:#A97A3A;

    margin:35px 0;

}

.about-content p{

    color:#555;

    font-size:18px;

    line-height:1.9;

    max-width:640px;

    margin-bottom:25px;

}

.btn-about{

    display:inline-flex;

    align-items:center;

    gap:15px;

    margin-top:20px;

    padding:16px 38px;

    border:2px solid #A97A3A;

    color:#A97A3A;

    text-transform:uppercase;

    letter-spacing:2px;

    font-weight:600;

    transition:.35s;

}

.btn-about:hover{

    background:#A97A3A;

    color:#fff;

}

.btn-about i{

    font-size:18px;

}

/*=========================
        Responsive
==========================*/

@media(max-width:991px){

.about-image{

    height:420px;

}

.about-content{

    padding:50px 30px;

}

.about-content h2{

    font-size:42px;

}

.about-content p{

    font-size:16px;

}

}

@media(max-width:576px){

.about-image{

    height:300px;

}

.about-content h2{

    font-size:34px;

}

.section-subtitle{

    font-size:13px;

    letter-spacing:3px;

}

}


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

.social-section{

    padding:120px 0;
    background:#faf8f4;
    overflow:hidden;

}

.social-subtitle{

    color:#A97A3A;
    letter-spacing:5px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;

}

.social-title{

    font-size:58px;
    margin:15px 0 20px;
    font-family:'Cormorant Garamond',serif;
    color:#111;

}

.social-text{

    max-width:700px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;

}

.social-icons{

    display:flex;
    justify-content:center;
    gap:35px;
    margin-top:70px;
    flex-wrap:wrap;

}

.social-btn{

    width:95px;
    height:95px;

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

    border-radius:50%;

    text-decoration:none;

    color:#A97A3A;

    font-size:40px;

    background:linear-gradient(145deg,#ffffff,#ece8e1);

    box-shadow:

    12px 12px 25px rgba(0,0,0,.12),

    -8px -8px 20px rgba(255,255,255,.95),

    inset 0 2px 0 rgba(255,255,255,.9);

    transition:.55s cubic-bezier(.175,.885,.32,1.275);

    position:relative;

}

.social-btn::before{

    content:"";

    position:absolute;

    width:80%;

    height:30%;

    top:10px;

    border-radius:50%;

    background:rgba(255,255,255,.55);

    filter:blur(3px);

}

.social-btn:hover{

    transform:

    translateY(-15px)

    rotateX(18deg)

    scale(1.08);

    color:#FFF;

}

.social-btn:hover::after{

    opacity:1;

}

.social-btn::after{

    content:"";

    position:absolute;

    inset:-5px;

    border-radius:50%;

    opacity:0;

    transition:.4s;

    z-index:-1;

    filter:blur(18px);

}

/* FACEBOOK */

.facebook:hover{

    background:#1877F2;

}

.facebook:hover::after{

    background:#1877F2;

}

/* INSTAGRAM */

.instagram:hover{

    background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);

}

.instagram:hover::after{

    background:#DD2A7B;

}

/* WHATSAPP */

.whatsapp:hover{

    background:#25D366;

}

.whatsapp:hover::after{

    background:#25D366;

}

/* YOUTUBE */

.youtube:hover{

    background:#FF0000;

}

.youtube:hover::after{

    background:#FF0000;

}

/* LINKEDIN */

.linkedin:hover{

    background:#0A66C2;

}

.linkedin:hover::after{

    background:#0A66C2;

}

/* Animación */

@keyframes floating{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0);

}

}

.social-btn:nth-child(1){

animation:floating 4s infinite;

}

.social-btn:nth-child(2){

animation:floating 4s .4s infinite;

}

.social-btn:nth-child(3){

animation:floating 4s .8s infinite;

}

.social-btn:nth-child(4){

animation:floating 4s 1.2s infinite;

}

.social-btn:nth-child(5){

animation:floating 4s 1.6s infinite;

}

/*============================*/

@media(max-width:768px){

.social-title{

font-size:42px;

}

.social-icons{

gap:20px;

}

.social-btn{

width:75px;
height:75px;
font-size:30px;

}

}

.contact-section{

padding:120px 0;

background:#f8f6f2;

}

.section-title span{

color:#A97A3A;

letter-spacing:4px;

font-weight:700;

}

.section-title h2{

font-size:56px;

margin:20px 0;

font-family:'Cormorant Garamond',serif;

}

.section-title p{

max-width:650px;

margin:auto;

margin-bottom:70px;

color:#666;

}

.premium-form{

background:#fff;

padding:60px;

border-radius:15px;

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

}

.input-box{

position:relative;

margin-bottom:40px;

}

.input-box input,
.input-box textarea{

width:100%;

border:none;

border-bottom:2px solid #ddd;

padding:18px 20px 18px 55px;

font-size:17px;

background:transparent;

outline:none;

transition:.4s;

}

.input-box textarea{

height:170px;

resize:none;

padding-top:25px;

}

.input-box i{

position:absolute;

left:18px;

top:20px;

font-size:22px;

color:#A97A3A;

transition:.4s;

}

.input-box label{

position:absolute;

left:55px;

top:18px;

pointer-events:none;

transition:.35s;

color:#999;

}

.input-box span{

position:absolute;

bottom:0;

left:0;

width:0;

height:2px;

background:#A97A3A;

transition:.5s;

}

.input-box input:focus~span,
.input-box textarea:focus~span{

width:100%;

}

.input-box input:focus,
.input-box textarea:focus{

border-color:#A97A3A;

}

.input-box input:focus+i,
.input-box textarea:focus+i{

transform:scale(1.2);

color:#7b531f;

}

.input-box input:focus~label,
.input-box input:valid~label,

.input-box textarea:focus~label,
.input-box textarea:valid~label{

top:-12px;

left:0;

font-size:13px;

letter-spacing:2px;

color:#A97A3A;

font-weight:600;

}

.btn-premium{

margin-top:20px;

width:100%;

height:62px;

border:none;

background:#A97A3A;

color:#fff;

font-size:17px;

letter-spacing:3px;

text-transform:uppercase;

position:relative;

overflow:hidden;

transition:.4s;

}

.btn-premium::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:70%;

height:100%;

background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);

transform:skewX(-25deg);

}

.btn-premium:hover::before{

left:150%;

transition:1s;

}

.btn-premium:hover{

background:#8a602d;

letter-spacing:5px;

}

@media(max-width:991px){

.premium-form{

padding:35px;

}

.section-title h2{

font-size:42px;

}

}

@media(max-width:768px){

.section-title h2{

font-size:34px;

}

}

/*==========================================
        DIVIDER
===========================================*/

.contact-divider{

    position:relative;

    padding:90px 0;

    background:#111;

    overflow:hidden;

}

.contact-divider::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(circle at right,#A97A3A22,transparent 55%);

}

.contact-divider::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:#A97A3A15;

    filter:blur(100px);

    left:-150px;

    bottom:-250px;

    animation:pulseGlow 7s infinite;

}

.divider-content{

    position:relative;

    z-index:2;

}

.divider-content span{

    color:#A97A3A;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:600;

}

.divider-content h2{

    color:#FFF;

    font-size:54px;

    margin:20px 0;

    font-family:'Cormorant Garamond',serif;

    max-width:720px;

}

.divider-content p{

    color:#cfcfcf;

    font-size:18px;

    max-width:650px;

}

.divider-btn{

    display:inline-flex;

    align-items:center;

    gap:15px;

    padding:18px 42px;

    color:#FFF;

    border:2px solid #A97A3A;

    text-transform:uppercase;

    letter-spacing:2px;

    transition:.45s;

    position:relative;

    overflow:hidden;

}

.divider-btn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:70%;

    height:100%;

    background:linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.45),
    transparent);

    transform:skewX(-30deg);

}

.divider-btn:hover::before{

    left:150%;

    transition:1s;

}

.divider-btn:hover{

    background:#A97A3A;

    color:#FFF;

    transform:translateY(-6px);

}
.gold-line{

    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:2px;

    background:#2b2b2b;

    overflow:hidden;

}

.gold-line::before{

    content:"";

    position:absolute;

    width:180px;
    height:100%;

    background:#A97A3A;

    animation:shine 3s linear infinite;

}

@keyframes shine{

    from{

        transform:translateX(-200px);

    }

    to{

        transform:translateX(calc(100vw + 200px));

    }

}

@media(max-width:991px){

.contact-divider{

padding:70px 0;

text-align:center;

}

.divider-content h2{

font-size:38px;

}

.divider-btn{

margin-top:35px;

}

}


/*=====================================
            WHY US
======================================*/

.why-us{

    padding:120px 0;

    background:#faf8f4;

}

.why-image{

    overflow:hidden;

    border-radius:18px;

}

.why-image img{

    width:100%;

    transition:.8s;

}

.why-image:hover img{

    transform:scale(1.08);

}

.section-heading span{

    color:#A97A3A;

    letter-spacing:4px;

    text-transform:uppercase;

    font-weight:600;

}

.section-heading h2{

    font-size:58px;

    margin:20px 0;

    font-family:'Cormorant Garamond',serif;

    color:#111;

}

.section-heading p{

    color:#666;

    line-height:1.9;

    max-width:650px;

}

.why-card{

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(10px);

    border:1px solid rgba(169,122,58,.12);

    border-radius:18px;

    padding:35px;

    transition:.45s;

    height:100%;

    position:relative;

    overflow:hidden;

}

.why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:3px;

    background:#A97A3A;

    transition:.6s;

}

.why-card:hover::before{

    left:0;

}

.why-card:hover{

    transform:translateY(-12px);

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

}

.icon{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#A97A3A;

    color:#FFF;

    font-size:30px;

    margin-bottom:25px;

    transition:.5s;

}

.why-card:hover .icon{

    transform:rotateY(180deg);

    box-shadow:0 0 25px rgba(169,122,58,.45);

}

.why-card h4{

    font-size:26px;

    margin-bottom:15px;

    font-family:'Cormorant Garamond',serif;

}

.why-card p{

    color:#666;

    line-height:1.8;

}

@media(max-width:991px){

.section-heading{

text-align:center;

margin-top:20px;

}

.section-heading h2{

font-size:42px;

}

}

@media(max-width:768px){

.section-heading h2{

font-size:34px;

}

.why-card{

padding:25px;

}

}


/* =========================================
   SECCIÓN FERMENTACIÓN TCR CIGARS
========================================= */


.fermentacion-section{

padding: 20px 20px 20px;

background: #faf8f4;

color:#2b2118;

overflow:hidden;
}





/* =========================================
   IMAGEN PRINCIPAL PURO
========================================= */


.fermentacion-hero{

    text-align:center;

}



.fermentacion-hero img{

    width:450px;

    max-width:90%;

    filter:drop-shadow(0 20px 30px rgba(0,0,0,.35));

    animation:floatPuro 5s ease-in-out infinite;

}



@keyframes floatPuro{

    0%,100%{

        transform:translateY(0);

    }


    50%{

        transform:translateY(-15px);

    }

}






/* =========================================
   TITULO
========================================= */


.fermentacion-title{

    text-align:center;

    margin-top:40px;

}



.fermentacion-title h2{

    font-size:55px;

    letter-spacing:5px;

    color:#8b5a2b;

    text-transform:uppercase;

    margin-bottom:15px;

}



.fermentacion-title span{

    font-size:24px;

    color:#5c4632;

    font-style:italic;

}







/* =========================================
   DESCRIPCIÓN
========================================= */


.fermentacion-text{

    max-width:900px;

    margin:40px auto;

    text-align:center;

    font-size:18px;

    line-height:1.8;

    color:#4a3a2a;

}







/* =========================================
   CONTENIDO PRINCIPAL
========================================= */


.fermentacion-content{

    max-width:1000px;

    margin:70px auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:60px;

    flex-wrap:wrap;

}







/* =========================================
   IMAGEN CIRCULAR
========================================= */


.fermentacion-image{

    width:260px;

    height:260px;

    padding:10px;

    border-radius:50%;

    border:4px solid #b8864c;

    background:#fff;

    position:relative;

}



.fermentacion-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:50%;

    transition:.5s ease;

}



.fermentacion-image:hover img{

    transform:scale(1.08);

}




.fermentacion-image::before{

    content:"";

    position:absolute;

    inset:-12px;

    border-radius:50%;

    border:2px solid rgba(184,134,76,.6);

    animation:ringPulse 2.5s infinite;

}



@keyframes ringPulse{


    0%{

        transform:scale(.9);

        opacity:1;

    }


    100%{

        transform:scale(1.25);

        opacity:0;

    }

}







/* =========================================
   DETALLES
========================================= */


.fermentacion-details{

    width:420px;

}



.fermentacion-details h3{

    font-size:32px;

    color:#8b5a2b;

    margin-bottom:25px;

}






/* FORTALEZA */


.strength h4{

    color:#3a2818;

    margin-bottom:12px;

}



.strength-bar{

    width:250px;

    height:15px;

    background:#ddd1bd;

    border-radius:30px;

    overflow:hidden;

}



.strength-bar span{

    display:block;

    width:75%;

    height:100%;

    background:#8b5a2b;

    border-radius:30px;

}






/* LISTA CARACTERÍSTICAS */


.fermentacion-details ul{

    list-style:none;

    padding:0;

    margin-top:30px;

}



.fermentacion-details li{

    padding:12px 0;

    border-bottom:1px solid #d8c7aa;

    color:#4a3a2a;

    font-size:17px;

}








/* =========================================
   VITOLAS DISPONIBLES
========================================= */


.vitolas-section{

    margin-top:90px;

    padding:70px 20px;

    text-align:center;

    background:#eee4d2;

    border-radius:25px;

}



.vitolas-section h3{

    font-size:40px;

    letter-spacing:4px;

    color:#8b5a2b;

    text-transform:uppercase;

    margin-bottom:50px;

}







.vitolas-list{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:35px;

    flex-wrap:wrap;

}







/* CIRCULO DE VITOLA */


.vitola{

    width:160px;

    height:160px;

    border-radius:50%;

    position:relative;

    overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:flex-end;


    background:#fff;


    border:4px solid #b8864c;


    box-shadow:

    0 15px 30px rgba(0,0,0,.20);


    transition:.4s ease;

}





/* IMAGEN DEL PURO */

.vitola img{

    position:absolute;

    width:90%;

    height:90%;

    object-fit:contain;


    top:50%;

    left:50%;


    transform:

    translate(-50%,-50%);


    transition:.5s ease;

}






/* MEDIDA */

.vitola span{

    position:relative;

    z-index:2;


    margin-bottom:15px;


    padding:7px 18px;


    border-radius:30px;


    background:rgba(255,255,255,.95);


    color:#3a2818;


    font-size:20px;

    font-weight:bold;

}





.vitola:hover{

    transform:

    translateY(-15px)

    scale(1.05);


    border-color:#8b5a2b;

}



.vitola:hover img{


    transform:

    translate(-50%,-50%)

    scale(1.15);


}







/* ANILLO VITOLAS */

.vitola::before{


    content:"";


    position:absolute;


    inset:-8px;


    border-radius:50%;


    border:2px solid rgba(184,134,76,.5);


    animation:vitolaPulse 3s infinite;


}



@keyframes vitolaPulse{


    0%{

        transform:scale(.9);

        opacity:1;

    }


    100%{

        transform:scale(1.25);

        opacity:0;

    }


}







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


@media(max-width:991px){


    .fermentacion-content{

        gap:40px;

    }


    .fermentacion-details{

        width:100%;

        max-width:450px;

        text-align:center;

    }


    .strength-bar{

        margin:auto;

    }


}






@media(max-width:768px){


    .fermentacion-section{

        padding:50px 20px;

    }



    .fermentacion-title h2{

        font-size:38px;

    }



    .fermentacion-title span{

        font-size:18px;

    }



    .fermentacion-hero img{

        width:320px;

    }



    .fermentacion-image{

        width:210px;

        height:210px;

    }



    .fermentacion-details h3{

        font-size:28px;

    }



    .vitolas-section h3{

        font-size:30px;

    }



    .vitola{

        width:130px;

        height:130px;

    }



    .vitola span{

        font-size:16px;

        padding:5px 14px;

    }


}


/*======================================
        PAGE HEADER
=======================================*/

.page-header{

    position:relative;

    height:500px;

    background:url(../images/about-banner.jpg) center center;

    background-size:cover;

    background-attachment:fixed;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

}

.page-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(rgba(0,0,0,.65),
    rgba(0,0,0,.65));

}

.page-header .container{

    position:relative;

    z-index:5;

}

.page-subtitle{

    color:#A97A3A;

    letter-spacing:6px;

    text-transform:uppercase;

    font-size:15px;

}

.page-header h1{

    color:#FFF;

    font-size:72px;

    margin:20px 0;

    font-family:'Cormorant Garamond',serif;

}

.breadcrumb-custom{

    color:#ddd;

}

.breadcrumb-custom a{

    color:#FFF;

    transition:.35s;

}

.breadcrumb-custom a:hover{

    color:#A97A3A;

}


/*==================================
        HISTORY
===================================*/

.history-section{

    padding:120px 0;

    background:#faf8f4;

}

.history-image{

    position:relative;

    overflow:hidden;

}

.history-image img{

    width:100%;

    border-radius:12px;

    transition:.8s;

}

.history-image:hover img{

    transform:scale(1.08);

}

.experience-box{

    position:absolute;

    left:35px;

    bottom:35px;

    background:#A97A3A;

    color:#FFF;

    width:180px;

    height:180px;

    border-radius:50%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    animation:floatBox 5s infinite;

}

.experience-box h3{

    font-size:58px;

    margin:0;

}

.experience-box span{

    text-align:center;

}

.history-content span{

    color:#A97A3A;

    letter-spacing:4px;

    text-transform:uppercase;

}

.history-content h2{

    font-size:58px;

    margin:20px 0;

    font-family:'Cormorant Garamond',serif;

}

.gold-divider{

    width:80px;

    height:2px;

    background:#A97A3A;

    margin:35px 0;

}

.history-content p{

    color:#666;

    line-height:2;

    margin-bottom:25px;

}

.btn-history{

    display:inline-block;

    margin-top:20px;

    padding:16px 40px;

    background:#A97A3A;

    color:#FFF;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.4s;

}

.btn-history:hover{

    background:#7b5828;

    transform:translateY(-5px);

}

@keyframes floatBox{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}





/*==============================
        Responsive
===============================*/

@media(max-width:991px) {

    .header {

        background: #111;

    }

    .navbar-collapse {

        background: #111;
        padding: 25px;
        margin-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, .08);

    }

    .nav-link {

        padding: 14px 0 !important;

    }

    .nav-link::after {

        display: none;

    }

    .navbar-brand img {

        height: 55px;

    }

}



/*=========================
        HERO SLIDER
==========================*/

.hero{
    background:#111;
    overflow:hidden;

}

.carousel-item{

    height:100%;

}

.carousel-item img{

    width:100%;
    height:650px;
    object-fit:cover!important;
    object-position:center center;
    display:block;

}

.btn-gold {

    background: #b58b48;
    color: #fff;
    padding: 14px 35px;
    border-radius: 0;
    transition: .3s;

}

.btn-gold:hover {

    background: #9a7338;
    color: #fff;

}

section {

    padding: 100px 0;

}

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

.footer{

    background:#0b0b0b;

    color:#bbb;

    padding:90px 0 0;

    position:relative;

    overflow:hidden;

}

.footer::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:1px;

    background:linear-gradient(90deg,
    transparent,
    #A97A3A,
    transparent);

    animation:footerLine 5s linear infinite;

}

@keyframes footerLine{

0%{

transform:translateX(-100%);

}

100%{

transform:translateX(100%);

}

}

.footer-logo{

    width:170px;

    margin-bottom:30px;

    transition:.4s;

}

.footer-logo:hover{

    transform:scale(1.05);

}

.footer-about{

    line-height:1.9;

    margin-bottom:30px;

}

.footer h4{

    color:#FFF;

    margin-bottom:25px;

    font-size:22px;

    font-family:'Cormorant Garamond',serif;

    position:relative;

}

.footer h4::after{

    content:"";

    display:block;

    width:45px;

    height:2px;

    background:#A97A3A;

    margin-top:10px;

}

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    color:#bbb;

    transition:.35s;

    position:relative;

}

.footer ul li a:hover{

    color:#A97A3A;

    padding-left:10px;

}

.footer-contact li{

    display:flex;

    gap:15px;

    align-items:flex-start;

}

.footer-contact i{

    color:#A97A3A;

    font-size:18px;

    margin-top:3px;

}

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#FFF;

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

    transition:.4s;

}

.footer-social a:hover{

    background:#A97A3A;

    transform:translateY(-8px) rotate(360deg);

    border-color:#A97A3A;

}

.footer-bottom{

    margin-top:70px;

    padding:25px 0;

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

    font-size:14px;

    color:#777;

}

@media(max-width:991px){

.footer{

text-align:center;

}

.footer h4::after{

margin:auto;
margin-top:10px;

}

.footer-contact li{

justify-content:center;

}

.footer-social{

justify-content:center;

}

.footer-bottom{

text-align:center;

}

}