.ten-years-article .postConent {
    position: absolute;
    max-width: 35rem;
    padding: 2rem;
    margin-right: 5rem;
}


.ten-years-article .postConent {
    min-width: 35rem;
    max-width: 35rem;
}

@media only screen and (max-width: 1024px) {
    .ten-years-article .postConent {
        position: absolute;
        max-width: calc(100% - 2rem);
        padding: 2rem;
        margin-right: unset;
    }

    body.rtl .ten-years-article .postConent {
        margin-right: unset !important;
        margin-left: unset !important;
    }

    .ten-years-article .postConent {
        min-width: 100%;
        max-width: 35rem;
    }
}

body {
    background-color: #010f19;
}

body.rtl .ten-years-article .postConent {
    margin-right: unset;
    margin-left: 5rem;
}


@font-face {
    font-family: 'lora-bold';
    src: url(../ain-skhouna/src/assets/fonts/Lora-Bold.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-bolidItalic';
    src: url(../ain-skhouna/src/assets/fonts/Lora-BoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-italic';
    src: url(../ain-skhouna/src/assets/fonts/Lora-Italic.ttf) format("truetype");
}


@font-face {
    font-family: 'lora-medium';
    src: url(../ain-skhouna/src/assets/fonts/Lora-Medium.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-mediumItalic';
    src: url(../ain-skhouna/src/assets/fonts/Lora-MediumItalic.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-semiBold';
    src: url(../ain-skhouna/src/assets/fonts/Lora-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-semiBoldItalic';
    src: url(../ain-skhouna/src/assets/fonts/Lora-SemiBoldItalic.ttf) format("truetype");
}

@font-face {
    font-family: 'lora-regular';
    src: url(../ain-skhouna/src/assets/fonts/Lora-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "KATIBEH";
    src: url(../../../webdoc/single/violence-policiere/client/src/assets/fonts/katibeh/Katibeh-Regular.ttf) format('truetype');
    font-weight: normal;
    font-display: swap;
    font-style: normal;
}


.ten-years-article h1 {
    position: relative;
}

.ten-years-article h1::before {
    content: "";
    width: 3rem;
    height: 2px;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'lora-regular';
}


body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl .h1,
body.rtl .h2,
body.rtl .h3,
body.rtl .h4,
body.rtl .h5,
body.rtl .h6 {
    font-family: "Scheherazade New", serif;
    font-weight: 700;
    font-style: normal;
}

.ten-years-article p>a:link,
.ten-years-article p>a:visited,
.ten-years-article p>a:focus {
    text-decoration: underline;
    color: white;
    font-weight: 700;
}

.ten-years-article .img-wrapper {
    max-width: calc(100% - 8rem);
    margin: 0 auto;
}

.ten-years-article .style-titre-1 {
    font-size: 3rem;
    margin-bottom: 2rem;
    padding-top: 2rem !important;
}

@media only screen and (max-width: 1024px) {
    .ten-years-article .style-titre-1 {
        font-size: 2.5rem;
    }

    .ten-years-article .img-wrapper {
        max-width: calc(100% - 4rem);
        margin: 0 auto;
    }
}

body .ten-years-article * {
    color: white;
}