.pub-section {
            background-color: #f8f9fa;
            border-radius: 1rem;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            padding: 2rem;
            margin-bottom: 3rem;
            transition: transform 0.3s ease;
        }

        .pub-section:hover {
            transform: translateY(-5px);
        }

        .pub-section h2 {
            font-size: 1.75rem;
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .pub-section p {
            font-size: 1.1rem;
            color: #555;
        }

        .pub-section img {
            border-radius: 0.75rem;
            max-height: 350px;
            object-fit: cover;
            width: 100%;
        }

        @media (max-width: 768px) {
            .pub-section {
                padding: 1.5rem 1rem;
            }
        }
         .intro p {
            font-size: 1.15rem;
            color: white;
        }
     
        .btn-adscontact{

font-size: 19px;
padding: 1rem;
margin: 20px 0 0 0;

        }


        .list-packads li{
list-style: disc !important; 

        }

        /*BANNER STATISTIC WEBSITE*/

        .stat-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.icon img {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    max-width: 60px;
}
.icon-stat{
display: flex;
justify-content: center;

}
.disp-stat{
display: flex;
flex-direction: row;
justify-content: space-around;
}

       @media (max-width: 1000px) {
.disp-stat{ 
flex-direction: column;
align-items: center; 
  margin-left: unset!important;
}

.stat-card{
margin-bottom: 10px;

}

.bod-card-stat{
width: 100%!important;

}



}
      @media (max-width: 1200px) {
        .disp-stat{
                margin-left: 29px;
        }
       }