:root{
        --primary-color: #1E3A8A;
        --text-primary: #777777;
        --border-color: #CCCCCC;
        --border-light-color:#D7D7D7;
        --primary-dark:#1d4ed8;
        --transition: all 0.3s ease;
   }

/* term condition start */
/* Floating Background Effects */
.blur{
    position:fixed;
    width:300px;
    height:300px;
    border-radius:50%;
    filter:blur(100px);
    z-index:-1;
}

.blur1{
    background:#6366f1;
    top:-120px;
    left:-120px;
    opacity:.15;
    animation:float1 12s ease-in-out infinite;
}

.blur2{
    background:#8b5cf6;
    right:-120px;
    bottom:-120px;
    opacity:.15;
    animation:float2 15s ease-in-out infinite;
}

@keyframes float1{
    50%{
        transform:translateY(50px) translateX(30px);
    }
}

@keyframes float2{
    50%{
        transform:translateY(-50px) translateX(-30px);
    }
}

/* Main Container */
/* .container{
    max-width:900px;
    margin:60px auto;
    padding:0 20px;
    animation:fadeUp 0.8s ease;
}*/
 .term-condition{
    padding: 40px 0;
    animation:fadeUp 0.8s ease;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Animated Heading */
.term-condition h1{
    font-size:2rem;
    font-weight:500;
    margin-bottom:20px;

    background:linear-gradient(
        90deg,
        var(--primary-dark),
        var(--primary-color),
        var(--primary-dark),
        #000000
    );

    background-size:300% auto;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    animation:gradientMove 8s linear infinite;
}

@keyframes gradientMove{
    to{
        background-position:300% center;
    }
}

.term-condition p{
    margin-bottom:35px;
    color:var(--text-primary);
    font-size:1.313rem;
    font-weight: 400;
}

/* Terms Sections */
.term{
    margin-bottom:20px;
    /* padding:18px 22px; */
    border-radius:14px;

    transition:all .35s ease;
}

.term:hover{
    background:#fafaff;
    transform:translateX(8px);

    box-shadow:0 12px 30px rgba(79,70,229,0.08);
}

/* Heading Design */
.term h3{
    font-size:1.313rem;
    color:#000000;
    margin-bottom:10px;
    font-weight:400;
    position:relative;
    padding-left:15px;
}

.term h3::before{
    content:"";
    position:absolute;
    left:0;
    top:0;

    width:4px;
    height:100%;

    border-radius:20px;

    background:linear-gradient(
        var(--primary-dark),
        var(--primary-color)
    );

    transition:.3s;
}

.term:hover h3::before{
    height:120%;
}

/* .term p{
    font-size:15px;
    color:#666;
} */

/* Contact Box */
.contact-info{
    margin-top:15px;
    padding:18px;
    background:#f8faff;
    border-left:4px solid var(--primary-dark);
    border-radius:10px;
    transition:.3s;
}

.contact-info:hover{
    box-shadow:0 10px 25px rgba(79,70,229,.08);
}

.contact-info p{
    margin:6px 0;
}

/* Footer */
.footer-text{
    margin-top:30px;
    /* font-size:15px;
    color:#666; */
}

/* Responsive */
@media(max-width:768px){



  .term-condition  h1{
        font-size:28px;
    }

   .term-condition .term{
        padding:0;
    }

   .term-condition .term h3{
        font-size:16px;
    }

   .term-condition  p{
        font-size:14px;
    }
}
/* term conditon end */