﻿.ban img{
    width:100%;
}
.xzy{
   
    width:100%;
    height:auto;
   
}


    .xzy h6 {
        color: #091a36;
        padding: 24px;
        font-size:26px;
    }

    .xzy i{
        font-size:30px;
        color:red;
        padding-right:10px;
    }
.xzy1 ul li {
    text-decoration: none !important;
   
}

    .xzy1 ul li a {
        display: flex;
        padding: 15px 10px;
        color: #158dea;
        transition: 0.5s;
        font-size: 18px;
        font-weight: 400;
        cursor: pointer !important;
        border-bottom:2px solid #eee;
      
    }

        .xzy1 a span {
            display: contents;
            color: #666;
          
        }

        .xzy1 a:hover {
           
            transform: translate(5px) !important;
        }




      /*  annoc details*/

@media (max-width: 700px) {
    .topic {
        padding: 0 !important;
       
    }
}


    .topic {
        padding: 30px 35px 10px 35px;
        transition: 0.5s;
    }


    /* Next & previous buttons */
    .prev, .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        margin-top: -30px;
        padding: 16px;
        color: #888;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
    }

    /* Position the "next button" to the right */
    .next {
        position: absolute;
        right: 0;
        border-radius: 3px 0 0 3px;
    }

        /* On hover, add a black background color with a little bit see-through */
        .prev:hover, .next:hover {
            /*background-color: rgba(0,0,0,0.8);*/
            color: red;
        }

    /* The dot/bullet/indicator container */
    .dot-container {
        text-align: center;
        padding: 20px;
        background: #ddd;
    }

    /* The dots/bullets/indicators */
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    /* Add a background color to the active dot/circle */
    /*.active, .dot:hover {
        background-color: #717171;
    }*/

    /* Add an italic font style to all quotes */
    q {
        font-style: italic;
    }

    /* Add a blue color to the author */
    .author {
        color: cornflowerblue;
    }

