.aditional-physics-resources .content-container,
.aditional-chemistry-resources .content-container,
.aditional-biology-resources .content-container,
.aditional-maths-resources .content-container {
    margin-left: 7.5vw;
}

.aditional-physics-resources .content-container .title-box,
.aditional-chemistry-resources .content-container .title-box,
.aditional-biology-resources .content-container .title-box,
.aditional-maths-resources .content-container .title-box {
    margin-left: 0vw;
}

.aditional-physics-resources .content-container .title-box {
    margin-bottom: 5vw;
}

.resources-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
    width: 80vw;
    position: absolute;
    margin: 0 auto;
    padding: 5vw 0;
}

.resource {
    display: flex;
    flex-direction: column;
    width: 38vw;
    height: auto;
    background-color: white;
    border-radius: 2vw;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    margin-top: 0;
    margin-left: 0;
}

.resource .resources-text-container {
    display: block;
    padding: 1.5vw;
    color: var(--c2);
}

.resource .resources-text-container h1 {
    font-size: 2vw;
}

.resource .resources-text-container p {
    font-size: 1.2vw;
    margin-top: 0.7vw;
}

.resources-tags {
    width: 34vw;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3vw;
    margin-top: 1vw;
    border-bottom: 2px solid var(--c2);
    padding-bottom: 1vw;
}

.resource .resources-text-container .resource-tag-1,
.resource .resources-text-container .resource-tag-2,
.resource .resources-text-container .resource-tag-3,
.resource .resources-text-container .resource-tag-4,
.resource .resources-text-container .resource-tag-5,
.resource .resources-text-container .resource-tag-6 {
    width: fit-content;
    height: 2.6vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border: 2px solid var(--c2);
    border-radius: 1.3vw;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.5vw;
    font-size: 1vw;
}

.resource .resources-img-container {
    display: block;
    border-top: 1px solid var(--c2);
    
}

.resource .img-container img {
    width: 38vw;
    height: auto;

}

.resource .img-container img:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
    cursor: pointer;
}