.container {
    width: 70%;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    /* border: 1px solid #000; */
    background-color: white;
}

.header {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-around;
}

.section {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
    align-items: center;
    gap: 10px;
    /* background-color: red; */
}
.secs-2,.secs-3,.secs-4,.secs-5,.secs-6,.secs-7,.secs-8,.secs-9,.secs-10{
    border-top: 1px solid #000 !important;
    /* background-color: red; */
    

}
.sec-img {
    width: 30%;
    /* background-color: purple; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 50vh;
    /* background-color: white; */
    border-radius: 20px !important;
    /* box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2); */
}

.properties {
    width: 60%;
}


.properties p:nth-of-type(2) {
    word-wrap: break-word;
    /* Ensures long text wraps to the next line */
    color: red;
}
.properties p:nth-of-type(2) > span{
    color: black;
}
.properties p {
    margin: 5px 0;
    /* width: 50%; */
}

.properties p span {
    font-weight: bold;
}

.download-link {
    /* color: blue; */
    /* text-decoration: underline; */
    cursor: pointer;
}
footer span{
    color: black;
    text-decoration: none !important;

}


@media screen and (max-width:900px) {
    .container{
        width: 90%;
    }
    .section {
        flex-direction: column;
    }

    .sec-img {
        width: 100%;
    }

    .properties {
        width: 100%;
    }
}