/* =====================================================
   SEQUENT TOURS & TRAVELS
   FILE        : policy.css
   VERSION     : 1.0
   DESCRIPTION : Shared Cancellation, Terms and Privacy Pages
===================================================== */

/* 01. PAGE HERO */
.page-hero{
    width:100%; height:300px; padding-top:90px;
    display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden;
    background:linear-gradient(135deg,#F7F7F7,#FFFFFF);
}
.page-hero::before{
    content:""; position:absolute; top:-220px; left:-220px;
    width:500px; height:500px; background:rgba(217,119,6,.08);
    border-radius:50%; pointer-events:none;
}
.page-hero::after{
    content:""; position:absolute; right:-260px; bottom:-260px;
    width:600px; height:600px; background:rgba(217,119,6,.05);
    border-radius:50%; pointer-events:none;
}
.page-overlay{
    position:relative; z-index:2; max-width:800px;
    padding:0 24px; text-align:center;
}
.page-overlay h1{
    margin:0 0 14px; color:#222222; font-size:48px;
    font-weight:500; line-height:1.2;
}
.page-overlay p{
    margin:0; color:#6B7280; font-size:16px; line-height:1.8;
}

/* 02. POLICY SECTION */
.policy-section{
    width:100%; padding:90px 80px 110px;
    background:#FAFAF8; overflow:hidden;
}

/* 03. POLICY GRID */
.policy-container{
    width:100%; max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px; align-items:stretch;
}

/* 04. POLICY CARD */
.policy-card{
    min-width:0; min-height:180px; padding:30px;
    position:relative; overflow:hidden; background:#FFFFFF;
    border:1px solid rgba(0,0,0,.055); border-radius:20px;
    box-shadow:0 8px 22px rgba(0,0,0,.04),0 18px 42px rgba(0,0,0,.025);
    transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.policy-card::before{
    content:""; position:absolute; top:0; left:0;
    width:4px; height:100%; background:#D97706; opacity:.85;
}
.policy-card:hover{
    transform:translateY(-4px); border-color:rgba(217,119,6,.15);
    box-shadow:0 13px 28px rgba(0,0,0,.065),0 22px 48px rgba(0,0,0,.03);
}
.policy-card h2{
    margin:0 0 14px; color:#222222; font-size:21px;
    font-weight:600; line-height:1.4;
}
.policy-card p{
    margin:0; color:#666666; font-size:15px; line-height:1.8;
}

/* 05. POLICY CTA */
.about-cta{
    width:calc(100% - 160px); max-width:1100px;
    margin:75px auto 0; padding:65px 40px;
    position:relative; overflow:hidden; background:#171C26;
    box-shadow:0 12px 30px rgba(0,0,0,.08),0 24px 55px rgba(0,0,0,.04);
    text-align:center;
}
.about-cta h2{
    margin:0 0 26px; position:relative; z-index:2;
    color:#FFFFFF; font-size:36px; font-weight:500; line-height:1.35;
}
.about-cta a{
    min-width:150px; min-height:50px; padding:14px 28px;
    display:inline-flex; align-items:center; justify-content:center;
    position:relative; z-index:2; background:#D97706; color:#FFFFFF;
    border:1px solid #D97706; border-radius:12px;
    font-size:15px; font-weight:600; text-decoration:none;
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.about-cta a:hover{
    transform:translateY(-3px); background:#C96D05; color:#FFFFFF;
    box-shadow:0 12px 26px rgba(217,119,6,.18);
}

/* 06. TABLET */
@media(max-width:1024px){
    .policy-section{padding:80px 50px 100px;}
    .about-cta{width:calc(100% - 100px); margin-top:65px;}
}

/* 07. MOBILE */
@media(max-width:768px){
    .page-hero{height:280px; padding-top:80px;}
    .page-overlay h1{font-size:38px;}
    .policy-section{padding:70px 24px 90px;}
    .policy-container{grid-template-columns:1fr; gap:18px;}
    .policy-card{min-height:0; padding:27px 25px;}
    .about-cta{
        width:calc(100% - 48px); margin-top:55px;
        padding:55px 28px; border-radius:22px;
    }
    .about-cta h2{font-size:30px;}
}

/* 08. SMALL MOBILE */
@media(max-width:430px){
    .page-hero{height:250px;}
    .page-overlay{padding:0 20px;}
    .page-overlay h1{font-size:31px;}
    .page-overlay p{font-size:15px;}
    .policy-section{padding:60px 20px 80px;}
    .policy-container{gap:16px;}
    .policy-card{padding:25px 22px; border-radius:17px;}
    .policy-card h2{font-size:19px;}
    .policy-card p{font-size:14px; line-height:1.75;}
    .about-cta{
        width:100%; margin-top:50px;
        padding:50px 22px; border-radius:20px;
    }
    .about-cta h2{font-size:27px;}
    .about-cta a{width:100%; max-width:280px;}
}