.from_the_archive {
     width: 100%;
     min-height: 500px;
     background: #1b1b1b;
     padding: 3rem;
     width: 100%;
}
 .from_the_archive .from_the_archive_pagination {
     width: 100%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     margin-top: 2rem;
}
 .from_the_archive .from_the_archive_pagination button {
     width: 33px;
     height: 33px;
     opacity: 1;
     border: 1px solid #fff;
     display: flex;
     justify-content: center;
     align-items: center;
     background: none;
     border-radius: 50%;
     box-shadow: none;
     outline: none;
}
 .from_the_archive .from_the_archive_content {
     margin-top: 2rem;
     display: inline-flex !important;
     gap: 30px;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
}
 .from_the_archive .from_the_archive_content .from-the-archive-caption {
     width: 50%;
}
/* .from_the_archive .from_the_archive_content .from-the-archive-caption a {
     font-family: Roboto;
     font-weight: 500;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: 0.1px;
     text-align: center;
     color: #b3b3b3;
     min-width: 134px;
     display: inline-flex;
     height: 34px;
     border-radius: 40px;
     border: 1px solid #b3b3b3;
     justify-content: center;
     align-items: center;
     margin-top: 1.5rem;
     gap: 20px;
}*/
 .from_the_archive .from_the_archive_content .from-the-archive-caption .archive-date {
     font-family: Poppins;
     font-weight: 400;
     font-size: 18.23px;
     line-height: 100%;
     letter-spacing: 0%;
     color: #fff;
     margin-bottom: 1.5rem;
}
 .from_the_archive .from_the_archive_content .from-the-archive-caption h1 {
     font-family: Merriweather;
     font-weight: 400;
     font-size: 38px;
     line-height: 100%;
     letter-spacing: 0%;
     color: #fff;
     margin-bottom: 1.5rem;
}
 .from_the_archive .from_the_archive_content .from-the-archive-caption .caption {
     font-family: Poppins;
     font-weight: 400;
     font-size: 16px;
     line-height: 1.5rem;
     letter-spacing: -1%;
     color: #f5f5f5;
}
 .from_the_archive .from_the_archive_content figure {
     width: 50%;
}
 .from_the_archive .from_the_archive_content figure img {
     width: 100%;
     height: 462.65px;
     object-fit: contain;
     box-shadow: 0px 0px 10.41px 5.2px #000 40;
}
 .from_the_archive .section-header-from_thearchive h2 {
     font-family: 'Plus Jakarta Sans';
     font-weight: 700;
     font-size: 40px;
     line-height: 100%;
     letter-spacing: -1%;
     text-transform: capitalize;
     color: #fff;
     margin-bottom: 2rem;
}
 .from_the_archive .section-header-from_thearchive h2 span {
     font-family: 'Plus Jakarta Sans';
     font-weight: 700;
     line-height: 100%;
     letter-spacing: -1%;
     text-transform: capitalize;
     color: #01aeef;
}
 

@media (max-width: 769px) {

    .from_the_archive .from_the_archive_content{
            flex-direction: column-reverse;
            flex-wrap: wrap;
    }

    .from_the_archive .from_the_archive_content .from-the-archive-caption{
        width:100%;
    }

    .from_the_archive .from_the_archive_content figure{
            width: 100%;
    }

    .from_the_archive .from_the_archive_content figure img {
        height: auto;
    }
   
}


@media (max-width: 426px) {

    .from_the_archive .from_the_archive_content .from-the-archive-caption h1 {
        font-size: 30px;
        line-height: 2.5rem;
    }

    .from_the_archive .section-header-from_thearchive h2 {
        font-size: 30px;
        text-align: center;
    }

    .from_the_archive .from_the_archive_content{
        text-align: center;
    }

    
}