/*First Section*/
.Postfeatured a { display: grid ; }
.Postfeatured a img.post-featured-left.skip-lazy { clear:both;}
.Postfeatured p { font-weight: 700; font-size: 14px; line-height: 24px; color: #343A46; }
.row.flex-reverse { flex-direction: row-reverse; }
.row.m-0.flex-reverse { align-content: center; align-items: center; }
.Fcontainer { position: relative; aspect-ratio: 16 / 7; object-fit: cover;}
.Fcontainer { display: grid ; align-items: center;align-content: space-around;}
div#page div.Fcontainer * { color: #fff; }
.Postfeatured.row.m-0 { align-items: center; }

#page h2.SectionTitle {font-weight: 700; font-size: 20px; line-height: 28px;}
#page h3.headingposts a{font-size: 16px;line-height:24px;font-weight:600;color:#526077;}
.Postfeatured.row.m-0 p { color: #343A46; font-weight: 700; font-size: 14px; line-height: 24px; }

/*Column - 4 - 3 Posts*/
.SectionTitle {width: 100%;padding-bottom: 20px; }
.SectionTitle div {position: relative;display:inline-block;}

.SectionTitle h2 { background-color: #fafafb; display: flex ; align-items: center; padding: 0px 10px 0px 0px; color:#bb1a25; } 
.SectionTitle h2:before { content: ""; height: 40px; width: 5px; background: #b6244c; position: relative; display: inline-block;margin-right: 10px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.SectionTitle a {text-decoration:none;color:#343A46; font-weight: 500;font-size: medium;}
div#page div.Postfeatured.row.mx-0 { margin-bottom: 22px; }

.featuredimage { background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 10px; aspect-ratio: 4 / 3;max-height: 158px; }
.col-12.col-sm-12.col-md-4.col-lg-4.col-xl-4.pl-0 { display: grid ; }
.Postfeatured.row.mx-0 { align-items: center; }
.Postfeatured.row.mx-0 p { text-align: justify; }


/*Column 8 - 1 Posts*/
.Postfeatured img.post-featured-left {aspect-ratio: 16 / 7; object-fit: cover; border-radius: 10px; min-height: 534px; max-height: 534px;width: 100%;}
.Postfeatured .Fcontainer > a { display: grid; width: 100%; height: 100%; justify-items: center; justify-content: center; align-content: center; }

.oberlay-featured { position: absolute; height: 418px; margin: auto; }
.oberlay-featured { background-color: rgba(148, 5, 15, 0.8); border-radius: 12px;padding: 20px 50px 20px 35px; } 
.oberlay-featured p , .col-6.oberlay-featured a , .col-6.oberlay-featured h2 {color:#fff;}
.oberlay-featured { display: grid ; align-items: center; align-content: center; }
.oberlay-featured:after { content: ""; height: calc(100% - 60px); width: 7px; margin: 30px 0px; background: #ffff; position: absolute; top: 0px;right:20px;border-radius: 20px; }
.col-7.oberlay-featured i.icomoon-the7-font-the7-arrow-40.blue-icon { vertical-align: middle; color: #ffff !important; }

/*Second Section*/
div#page div.swiper-wrapper { padding-top: 25px; width: auto;}
div#wpv-view-layout-34586 { overflow: visible; }
.vc_row.wpb_row.vc_row-fluid.overflowtrue.vc_row-o-content-middle.vc_row-flex.vc_hidden { opacity: 1; }

.overflowtrue, 
.overflowtrue div.wpb_column,
.overflowtrue div.vc_column-inner, 
.overflowtrue .wpb_text_column, 
.overflowtrue .wpb_wrapper , .row.m-0.swiper.mySwiper , div#wpv-view-layout-34686 { overflow: visible; }

div#page div.swiper { width: auto; margin:10px; overflow:visible;}
.swiper-wrapper { justify-content: space-between; }
.swiper-slide { color: #fff; display: flex; justify-content: center; align-items: center; font-size: 22px; border-radius: 10px; }
.swiper-slide .col-md-12 { min-height: 577px; background-color: gray; border-radius: 15px; overflow:hidden; }

.sect-2 ,
.sect-2 .row.m-0.mySwiper , 
.sect-2 .wpb_wrapper  , 
.sect-2 .wpb_text_column.wpb_content_element {overflow:visible;}

/*Second 3*/


.swiper-button-next-2, 
.swiper-button-prev-2 { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper { width: 100%; margin:10px; }
.swiper-slide { color: #fff; display: flex; justify-content: center; align-items: center; font-size: 22px; border-radius: 10px; }
.swiper-slide .col-md-12 { border-radius: 15px; overflow:hidden; min-height: 484px; background-color: white; }

.section a { text-decoration: none; color:black; font-size:18px; font-weight:500; line-height: 2rem; }
.featured-img img { height: auto; width: 100%; border-top-left-radius: 13px; border-top-right-radius: 13px; aspect-ratio: 16 / 11; object-fit: cover; }

.cat { padding-right: 16px; }
html:lang(ar) .section span { direction: rtl; display: flex; grid-gap: 8px; align-items: center; }
.section {height: 246px; padding: 18px 28px 32px 28px; display: grid; align-items: start;}
.categorie { border: 1px solid #FEE2E4; border-radius: 30px; padding: 8px 16px; width: fit-content;background-color: #FEE2E4; }
.categorie a { font-weight: 300; font-size: 17px; color: #BB1A25; }
.categorie { display: flex; grid-gap: 8px; align-items: baseline;margin-bottom: 24px; }

h3.two-lines a{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
h3.two-lines a { color: inherit; }

/*description with the black bg*/
.desc { display: grid ; grid-gap: 5px;min-height: 250px; }
.desc h3 { display: grid;margin-bottom:13px;}
.desc { padding: 32px 22px; background-image: url(/wp-content/uploads/2025/10/width_448-vd.png); background-repeat: no-repeat; background-size: 540px; background-position: center -42px ; background-color: #343a46; }
div.bgd .desc { background-image:url(/wp-content/uploads/2025/10/width_448-vr.png); background-color: #BB1A25; background-repeat: no-repeat; background-size: 540px; background-position: center -42px; }


/*for the ft image*/ 
.ft-img img { aspect-ratio: 4 / 5; object-fit: contain; min-height: 445px;max-height: 445px; }
.ft-img { background-color: #fff;text-align:center; }

/*for the title and date also catego */
ul.catlist {list-style:none;margin:0px;}
ul.catlist li { display: none; }
ul.catlist li:first-of-type { display: block;}

.under-img { display: flex; justify-content: space-between; font-size: 14px; padding-bottom: 18px; min-height: 4.5em;}
.under-img a , .desc h3 a{ color:white; text-decoration:none; }

.Swipernavigation { max-width: calc(1440px - 15px - 15px); margin: 30px auto; top: 15px;}
.Swipernavigation { display: inline-flex ; position: relative; width: 100%; }
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-clickable , 
.swiper-pagination-2.swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-clickable{display: flex ; width: 100%; justify-content: flex-end; position: relative; margin: 10px auto;}

div.swiper-button-prev , 
div.swiper-button-next , 
div.swiper-button-prev-2 , 
div.swiper-button-next-2 { width: 56px; height: 56px; border-radius: 50%; font-size: 20px; border: 1px solid #526077; color: #526077;transition:backbround .8s ease; }

div.swiper-button-prev:hover , 
div.swiper-button-next:hover ,
div.swiper-button-prev-2:hover , 
div.swiper-button-next-2:hover {background: #bb1a25; color:#fff;}

.swiper-button-prev::after,
.swiper-button-next::after, 
.swiper-button-prev-2::after,
.swiper-button-next-2::after {display: none;}

.swiper-button-disabled { opacity: 1 !important;pointer-events: auto !important;}
span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 35px; border-radius: 10px; background: #bb1a25; }


/*RTL*/
html:lang(ar) .rtlcst .SectionTitle  div:nth-of-type(2) {float:left;}
html:lang(ar) .rtlcst * { direction: rtl; text-align: right; }
html:lang(ar) .wf-container-footer * { direction: rtl; text-align: right; }


html:lang(fr) .SectionTitle div:nth-of-type(2) , html:lang(tzm) .SectionTitle div:nth-of-type(2) {float:right;}

html:lang(ar) div#page div.swiper-button-next , html:lang(ar) div#page div.swiper-button-next-2 { right: 80px;z-index:99;top: 0px;}
html:lang(ar) div#page div.swiper-button-prev  , html:lang(ar) div#page div.swiper-button-prev-2 { right: 0px;z-index:99;top: 0px;}

html:lang(fr) div#page div.swiper-button-next , html:lang(fr) div#page div.swiper-button-next-2 { left: 0px;z-index:99;top: 0px;}
html:lang(fr) div#page div.swiper-button-prev  , html:lang(fr) div#page div.swiper-button-prev-2 { left: 80px;z-index:99;top: 0px;}

html:lang(tzm) div#page div.swiper-button-next , html:lang(tzm) div#page div.swiper-button-next-2 { left: 0px;z-index:99;top: 0px;}
html:lang(tzm) div#page div.swiper-button-prev  , html:lang(tzm) div#page div.swiper-button-prev-2 { left: 80px;z-index:99;top: 0px;}

html:lang(ar) .col-6.oberlay-featured {padding: 20px 35px 20px 50px; }
html:lang(ar) .col-6.oberlay-featured:after { left:12px; right:auto;}
html:lang(ar) .SectionTitle h2 { padding: 0px 0px 0px 10px; } 
html:lang(ar) .SectionTitle h2:before {margin-left: 10px;margin-right:0px;}
html:lang(ar) .oberlay-featured:after {left:12px; right:initial;}

/* Section Publication/Posts Page */

.has-border { border: 0.5px solid #C7C7CC;}
.post-container , .container-publications {border-radius:13px;}
div#wpv-view-layout-35655 , div#wpv-view-layout-35413 { height: 100%; display: grid; }

.container-publications { box-shadow: .5px .5px 5.5px #f2f2f2; border-radius: 0px 0px 20px 20px; overflow: hidden; }
.col-md-4.mt-4:nth-of-type(2n + 1) .desc { background-image: url(/wp-content/uploads/2025/10/width_448-vr.png); background-color: #BB1A25; background-repeat: no-repeat; background-size: 540px; background-position: center -42px; }

ul.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container.pagination { padding: 40px 0px; display: flex; justify-content: center; }

ul.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container.pagination { direction: ltr; }
ul.wpv-pagination-nav-links-container.js-wpv-pagination-nav-links-container.pagination * {color: #343A46;}
#page .page-item.active .page-link { z-index: 3; color: #fff; background-color: #BB1A25; border-color: #BB1A25; }

/* Media Query  */
@media screen and (max-width:1024px) {
	div#page #content div.oberlay-featured {position:relative;margin-bottom:15px;}
	div#page div.featuredimage {min-height:max-content;margin-bottom:15px;}
	div#page div.Postfeatured img.post-featured-left { aspect-ratio: 4 / 4; object-fit: cover; border-radius: 10px; min-height: max-content; }
}

@media screen and (min-width:1024px) {
	html:lang(ar) .Postfeatured.row.mx-0 { padding-left: 17px; }
	html:lang(tzm) .Postfeatured.row.mx-0 { padding-right: 17px; }
	html:lang(fr) .Postfeatured.row.mx-0 { padding-right: 17px; }

}