/*==================================================
GANGA SWEETS
PRIVACY POLICY
assets/css/privacy-policy.css
==================================================*/

/*=========================================
ROOT VARIABLES
=========================================*/

:root{

    --primary1:#8B1E1E;
    --primary1-dark:#6E1717;
    --secondary:#D4A017;
    --cream:#FFF8F1;
    --white:#FFFFFF;
    --dark:#2F2F2F;
    --text:#666666;
    --border:#ECECEC;

    --radius:18px;

    --shadow:0 15px 40px rgba(0,0,0,.08);

    --transition:.35s ease;

}



.section-subtitle{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:#FFF4EE;

    color:var(--primary1);

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.section-title{

    font-size:32px;

    font-weight:700;

    color:var(--dark);

    margin-bottom:18px;

    line-height:1.2;

}

p{

    line-height:1.8;

}

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

.privacy-hero{

    position:relative;

    padding:40px 0;

    text-align:center;

    background:
    linear-gradient(rgba(50,10,10,.72),rgba(50,10,10,.72)),
    url("../images/contactbg.jpg")
    center center/cover no-repeat;

}

.privacy-hero h1{

    color:#fff;

    margin-bottom:18px;

    font-weight:700;

}

.privacy-hero p{

    color:rgba(255,255,255,.9);

    max-width:700px;

    margin:auto;

}

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

.breadcrumb{

    justify-content:center;

    margin-bottom:20px;

}

.breadcrumb-item a{

    color:#FFD977;

}

.breadcrumb-item.active{

    color:#fff;

}

.breadcrumb-item+.breadcrumb-item::before{

    color:#fff;

}

/*=========================================
INTRODUCTION
=========================================*/

.privacy-intro{

    padding:90px 0;

}

.privacy-image img{

    border-radius:22px;

    box-shadow:var(--shadow);

}

/*=========================================
INFO BOX
=========================================*/

.info-box{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:22px;

    border:1px solid var(--border);

    border-radius:18px;

    background:#fff;

    transition:var(--transition);

    height:100%;

}

.info-box:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

}

.info-box i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#FFF4EE;

    color:var(--primary1);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

}

.info-box h6{

    color:var(--dark);

    font-weight:600;

    margin-bottom:8px;

}

.info-box p{

    margin:0;

    font-size:15px;

}

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

.information-section{

    background:#FAFAFA;

    padding:90px 0;

}

.info-card{

    background:#fff;

    border-radius:20px;

    padding:35px 28px;

    text-align:center;

    box-shadow:var(--shadow);

    transition:var(--transition);

    height:100%;

}

.info-card:hover{

    transform:translateY(-8px);

}

.info-card .icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#FFF4EE;

    display:flex;

    align-items:center;

    justify-content:center;

}

.info-card .icon i{

    font-size:34px;

    color:var(--primary1);

}

.info-card h4{

    color:var(--dark);

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.info-card p{

    color:#777;

    margin-bottom:0;

    line-height:1.8;

}


/*==================================================
DATA USAGE TIMELINE
==================================================*/

.data-usage{

    padding:90px 0;

}

.privacy-timeline{

    position:relative;

    max-width:950px;

    margin:auto;

}

.privacy-timeline::before{

    content:"";

    position:absolute;

    left:38px;

    top:0;

    bottom:0;

    width:3px;

    background:linear-gradient(
        to bottom,
        var(--primary1),
        var(--secondary)
    );

}

.timeline-item{

    position:relative;

    display:flex;

    gap:30px;

    margin-bottom:45px;

}

.timeline-item:last-child{

    margin-bottom:0;

}

.timeline-icon{

    width:78px;

    height:78px;

    min-width:78px;

    border-radius:50%;

    background:var(--primary1);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    box-shadow:0 10px 25px rgba(139,30,30,.25);

    position:relative;

    z-index:2;

}

.timeline-content{

    flex:1;

    background:#fff;

    padding:28px;

    border-radius:20px;

    border:1px solid var(--border);

    box-shadow:var(--shadow);

}

.timeline-content h4{

    color:var(--dark);

    font-weight:700;

    margin-bottom:12px;

}

.timeline-content p{

    margin-bottom:0;

    color:#777;

}

/*==================================================
POLICY CARDS
==================================================*/

.cookies-section,
.third-party{

    padding:90px 0;

}

.policy-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    height:100%;

    box-shadow:var(--shadow);

    transition:var(--transition);

}

.policy-card:hover{

    transform:translateY(-8px);

}

.card-icon{

    width:72px;

    height:72px;

    border-radius:50%;

    background:#FFF4EE;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.card-icon i{

    font-size:30px;

    color:var(--primary1);

}

.policy-card h3{

    color:var(--dark);

    font-size:28px;

    font-weight:700;

    margin-bottom:20px;

}

.policy-card p{

    margin-bottom:20px;

}

.policy-card ul{

    margin:0;

    padding-left:18px;

}

.policy-card li{

    margin-bottom:12px;

    line-height:1.8;

    color:#666;

}

/*==================================================
SHARING CARDS
==================================================*/

.sharing-section{

    padding:90px 0;

}

.sharing-card{

    background:#fff;

    border-radius:20px;

    padding:35px 28px;

    text-align:center;

    height:100%;

    border:1px solid var(--border);

    transition:var(--transition);

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

}

.sharing-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.sharing-card i{

    width:82px;

    height:82px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#FFF4EE;

    color:var(--primary1);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.sharing-card h4{

    color:var(--dark);

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

}

.sharing-card p{

    margin-bottom:0;

    color:#777;

    line-height:1.8;

}

/*==================================================
THIRD PARTY FEATURES
==================================================*/

.mini-feature{

    display:flex;

    align-items:center;

    gap:12px;

    padding:16px 18px;

    background:#FFF8F1;

    border-radius:14px;

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

    font-weight:600;

    color:var(--dark);

    transition:var(--transition);

}

.mini-feature:hover{

    background:var(--primary1);

    color:#fff;

    transform:translateX(8px);

}

.mini-feature i{

    color:var(--secondary);

    font-size:20px;

}

.mini-feature:hover i{

    color:#fff;

}

/*==================================================
FAQ
==================================================*/

.privacy-faq{

    padding:90px 0;

}

.accordion-item{

    border:none;

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:18px;

    box-shadow:var(--shadow);

}

.accordion-button{

    background:#fff;

    color:var(--dark);

    font-size:18px;

    font-weight:600;

    padding:22px 25px;

    box-shadow:none !important;

}

.accordion-button:not(.collapsed){

    background:var(--primary1);

    color:#fff;

}

.accordion-button::after{

    filter:brightness(0);

}

.accordion-button:not(.collapsed)::after{

    filter:brightness(10);

}

.accordion-body{

    padding:24px;

    line-height:1.8;

    color:#666;

}

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

.privacy-contact{

    padding:90px 0;

}

.contact-box{

    background:linear-gradient(
        135deg,
        var(--primary1),
        #B52B2B
    );

    border-radius:28px;

    padding:70px 40px;

    color:#fff;

    text-align:center;

    box-shadow:var(--shadow);

}

.contact-box h2{

    font-size:32px;

    font-weight:700;

    margin-bottom:18px;

}

.contact-box p{

    color:rgba(255,255,255,.9);

    max-width:720px;

    margin:0 auto 35px;

}

.contact-box .btn{

    min-width:180px;

    border-radius:50px;

    padding:14px 28px;

    font-weight:600;

}

/*==================================================
NEWSLETTER
==================================================*/

.newsletter-section{

    padding:90px 0;

    background:#FAFAFA;

}

.newsletter-box{

    background:#fff;

    border-radius:25px;

    padding:45px;

    box-shadow:var(--shadow);

}

.newsletter-box h2{

    color:var(--dark);

    font-size:36px;

    font-weight:700;

    margin-bottom:12px;

}

.newsletter-form .input-group{

    overflow:hidden;

    border-radius:50px;

}

.newsletter-form .form-control{

    height:58px;

    border:none;

    padding:0 24px;

    box-shadow:none;

}

.newsletter-form .btn{

    background:var(--secondary);

    border:none;

    color:#222;

    min-width:170px;

    font-weight:600;

}

.newsletter-form .btn:hover{

    background:#C38F0C;

}


/*==================================================
PRIVACY RIGHTS
==================================================*/

.privacy-rights{

    padding:90px 0;

    background:#fff;

}

.rights-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:var(--transition);

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

}

.rights-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.rights-card i{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#FFF4EE;

    color:var(--primary1);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

}

.rights-card h5{

    color:var(--dark);

    font-size:22px;

    font-weight:700;

    margin-bottom:15px;

}

.rights-card p{

    margin-bottom:0;

    color:#777;

    line-height:1.8;

}

/*==================================================
CHILDREN'S PRIVACY
==================================================*/

.children-section{

    padding:90px 0;

    background:#FAFAFA;

}

.children-section .privacy-image img{

    border-radius:24px;

    box-shadow:var(--shadow);

}

/*==================================================
POLICY UPDATE
==================================================*/

.policy-updates{

    padding:90px 0;

}

.update-box{

    background:linear-gradient(135deg,#FFF8F1,#FFFFFF);

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px;

    box-shadow:var(--shadow);

}

.update-box h3{

    color:var(--dark);

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.update-box p{

    margin-bottom:0;

}

.update-date{

    display:inline-block;

    padding:12px 24px;

    border-radius:50px;

    background:var(--primary1);

    color:#fff;

    font-weight:600;

}

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

.btn-danger{

    background:var(--primary1);

    border-color:var(--primary1);

    transition:var(--transition);

}

.btn-danger:hover{

    background:var(--primary1-dark);

    border-color:var(--primary1-dark);

}

.btn-outline-danger{

    color:var(--primary1);

    border-color:var(--primary1);

}

.btn-outline-danger:hover{

    background:var(--primary1);

    color:#fff;

}

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

.fade-up{

    opacity:0;

    transform:translateY(35px);

    transition:all .7s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

/*==================================================
BACK TO TOP
==================================================*/

.back-to-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:50px;

    height:50px;

    border-radius:50%;

    background:var(--primary1);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    opacity:0;

    visibility:hidden;

    transition:var(--transition);

    z-index:999;

}

.back-to-top.show{

    opacity:1;

    visibility:visible;

}

.back-to-top:hover{

    background:var(--secondary);

    color:#fff;

}

/*==================================================
UTILITY
==================================================*/

.shadow-hover{

    transition:var(--transition);

}

.shadow-hover:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

}

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

@media (max-width:991px){

    .privacy-hero{

        padding:90px 0;

    }

    .section-title{

        font-size:34px;

    }

    .privacy-timeline::before{

        left:28px;

    }

    .timeline-icon{

        width:60px;

        height:60px;

        min-width:60px;

        font-size:24px;

    }

    .timeline-content{

        padding:22px;

    }

    .contact-box{

        padding:50px 30px;

    }

    .contact-box h2{

        font-size:34px;

    }

    .newsletter-box{

        padding:35px;

    }

}

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

@media (max-width:767px){

    .privacy-hero{

        padding:70px 0;

    }

    .privacy-hero h1{

        font-size:36px;

    }

    .section-title{

        font-size:30px;

    }

    .privacy-intro,

    .information-section,

    .data-usage,

    .cookies-section,

    .sharing-section,

    .third-party,

    .privacy-rights,

    .children-section,

    .policy-updates,

    .privacy-faq,

    .privacy-contact,

    .newsletter-section{

        padding:60px 0;

    }

    .privacy-timeline::before{

        display:none;

    }

    .timeline-item{

        flex-direction:column;

        gap:18px;

        margin-bottom:30px;

    }

    .timeline-icon{

        margin:auto;

    }

    .timeline-content{

        text-align:center;

    }

    .policy-card,

    .sharing-card,

    .rights-card,

    .info-card{

        padding:28px;

    }

    .update-box{

        padding:30px;

        text-align:center;

    }

    .contact-box{

        padding:40px 25px;

    }

    .contact-box h2{

        font-size:28px;

    }

    .contact-box .btn{

        width:100%;

        margin-bottom:15px;

    }

    .newsletter-box{

        padding:30px 22px;

        text-align:center;

    }

    .newsletter-form .input-group{

        display:block;

    }

    .newsletter-form .form-control{

        width:100%;

        border-radius:12px;

        margin-bottom:12px;

    }

    .newsletter-form .btn{

        width:100%;

        height:54px;

        min-width:auto;

        border-radius:12px;

    }

}

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

@media (max-width:575px){

    .privacy-hero h1{

        font-size:30px;

    }

    .section-title{

        font-size:26px;

    }

    .info-box{

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

    .timeline-content h4{

        font-size:22px;

    }

    .policy-card h3{

        font-size:24px;

    }

    .sharing-card h4,

    .rights-card h5,

    .info-card h4{

        font-size:22px;

    }

    .update-box{

        border-radius:18px;

    }

    .contact-box{

        border-radius:20px;

    }

    .newsletter-box{

        border-radius:18px;

    }

}