.sec2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px; /* Added padding so content doesn't touch screen edges */
    overflow-x: hidden; /* Safety measure */
    margin-top: 0px;
}

.sec-2-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.thick {
    font-weight: 600;
    font-size: 20px;
}

.sec-2-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* Ensure container takes full width */
}

.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid black;
    /* FIX: Changed fixed width to max-width */
    width: 100%; 
    max-width: 400px; 
    padding: 20px;
    border-radius: 20px;
    gap: 5px;
    box-sizing: border-box; /* Ensures padding doesn't add to the width */
}

.box img {
    width: 35px;
}

.box > :nth-child(2) {
    font-size: 20px;
    font-weight: 600;
}
.box>:nth-child(3),.box>:nth-child(4),.box>:nth-child(5){
    font-size: 15px;
    font-weight: 400;
}

.p1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* FIX: Changed fixed width to percentage with a max-limit */
    width: 90%; 
    max-width: 1000px; 
    margin-top: 20px;
    font-weight: 400;
    font-size: 18px;
}

@media(max-width:1024px){
    .box img {
    width: 40px;
}

.box > :nth-child(2) {
    font-size: 25px;
    font-weight: 600;
}
.box>:nth-child(3),.box>:nth-child(4),.box>:nth-child(5){
    font-size: 20px;
    font-weight: 400;
}
}
/* Media Query Fix */
@media (max-width: 767px) {

    h1 {
        font-size: 25px; /* Scaling down the title for mobile */

    }
    .box {
        width: 95%; /* Give it a bit more room on tiny screens */
    }
    .box>:nth-child(3),.box>:nth-child(4),.box>:nth-child(5){
    font-size: 18px;
    font-weight: 400;
    width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
}