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

.policy-page{

    max-width:1280px;

    margin:auto;

    padding:40px 20px 80px;

    font-family:'Poppins',sans-serif;

    color:#333;
}

/* =========================================
   BREADCRUMB
========================================= */

.policy-breadcrumb{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:14px;

    margin-bottom:50px;

    color:#777;
}

.policy-breadcrumb a{

    text-decoration:none;

    color:#7B4F2C;

    transition:.3s;
}

.policy-breadcrumb a:hover{

    color:#C9A227;
}

.active-breadcrumb{

    color:#111;

    font-weight:500;
}

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

.policy-hero{

    text-align:center;

    padding:30px 20px;

    border-radius:28px;

    margin-bottom:90px;

    overflow:hidden;

    position:relative;

    background:linear-gradient(135deg, #7B4F2C, #A17445);

    color:#fff;

    border:1px solid #EEE5DC;

    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.policy-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    rgba(0,0,0,.25);
}

.policy-hero>*{

    position:relative;

    z-index:2;
}

.policy-label{

    display:inline-block;

    letter-spacing:3px;

    font-size:11px;

    color:#F4D37A;

    margin-bottom:12px;

    text-transform:uppercase;
}

.policy-hero h1{

    font-family:'Playfair Display',serif;

    font-size:48px;

    line-height:1.2;

    margin-bottom:15px;
}

.policy-hero p{

    max-width:650px;

    margin:auto;

    font-size:17px;

    line-height:1.7;

    color:#f2f2f2;
}

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

.policy-section{

    margin-bottom:90px;
}

.section-label{

    text-align:center;

    color:#C9A227;

    letter-spacing:4px;

    font-size:12px;

    margin-bottom:12px;

    text-transform:uppercase;
}

.policy-section h2{

    text-align:center;

    font-family:'Playfair Display',serif;

    font-size:42px;

    margin-bottom:50px;

    color:#7B4F2C;
}

/* =========================================
   GRID
========================================= */

.policy-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:28px;
}

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

.policy-card{

    background:#fff;

    border-radius:22px;

    padding:34px;

    border:1px solid #ececec;

    transition:.35s;

    box-shadow:
    0 10px 30px rgba(0,0,0,.05);
}

.policy-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,0,0,.10);
}

.policy-card h3{

    font-size:22px;

    margin-bottom:22px;

    color:#7B4F2C;
}

.policy-card p{

    line-height:1.9;

    color:#666;

    font-size:15px;
}

/* =========================================
   IMPORTANT NOTE
========================================= */

.important-note{

    margin-top:20px;

    padding:60px 40px;

    text-align:center;

    border-radius:24px;

    background:
    linear-gradient(
    135deg,
    #7B4F2C,
    #A17445
    );

    color:#fff;
}

.note-icon{

    font-size:42px;

    margin-bottom:20px;
}

.important-note h2{

    font-family:'Playfair Display',serif;

    font-size:40px;

    margin-bottom:20px;
}

.important-note p{

    max-width:800px;

    margin:auto;

    line-height:1.9;

    color:#f4f4f4;

    font-size:16px;
}

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

.policy-section::after{

    content:"";

    display:block;

    width:120px;

    height:2px;

    margin:70px auto 0;

    background:
    linear-gradient(
    to right,
    transparent,
    #C9A227,
    transparent
    );
}

/* =========================================
   ANIMATION
========================================= */

.policy-card{

    opacity:0;

    transform:translateY(30px);

    animation:fadeUp .6s ease forwards;
}

.policy-card:nth-child(2){

    animation-delay:.1s;
}

.policy-card:nth-child(3){

    animation-delay:.2s;
}

.policy-card:nth-child(4){

    animation-delay:.3s;
}

.policy-card:nth-child(5){

    animation-delay:.4s;
}

.policy-card:nth-child(6){

    animation-delay:.5s;
}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}

/* =========================================
   TEXT
========================================= */

.policy-card strong{

    color:#7B4F2C;

    font-weight:600;
}

.policy-card ul{

    margin:18px 0 0;

    padding-left:18px;
}

.policy-card li{

    margin-bottom:10px;

    color:#666;

    line-height:1.8;
}

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

@media(max-width:992px){

    .policy-hero{

        padding:70px 24px;
    }

    .policy-hero h1{

        font-size:46px;
    }

    .policy-section h2{

        font-size:36px;
    }

    .important-note h2{

        font-size:34px;
    }

}

@media(max-width:768px){

    .policy-page{

        padding:25px 16px 60px;
    }

    .policy-breadcrumb{

        margin-bottom:35px;

        flex-wrap:wrap;
    }

    .policy-hero{

        padding:45px 18px;

        border-radius:20px;

        margin-bottom:60px;
    }

    .policy-label{

        font-size:11px;

        letter-spacing:3px;
    }

    .policy-hero h1{

        font-size:30px;

        line-height:1.25;
    }

    .policy-hero p{

        font-size:14px;

        line-height:1.8;
    }

    .policy-section{

        margin-bottom:60px;
    }

    .policy-section h2{

        font-size:30px;

        margin-bottom:30px;
    }

    .policy-grid{

        grid-template-columns:1fr;

        gap:18px;
    }

    .policy-card{

        padding:24px;

        border-radius:18px;
    }

    .policy-card h3{

        font-size:20px;

        margin-bottom:16px;
    }

    .policy-card p{

        font-size:14px;

        line-height:1.8;
    }

    .important-note{

        padding:40px 22px;

        border-radius:20px;
    }

    .note-icon{

        font-size:34px;
    }

    .important-note h2{

        font-size:28px;
    }

    .important-note p{

        font-size:14px;

        line-height:1.8;
    }

}

@media(max-width:480px){

    .policy-hero h1{

        font-size:30px;
    }

    .policy-section h2{

        font-size:26px;
    }

    .policy-card{

        padding:20px;
    }

}