/*====================================================
SWIPER NEWS
Foncier Guinée
=====================================================*/

.fg-news-slider{

width:100%;

padding:15px 0 60px;

position:relative;

overflow:hidden;

}

.fg-news-slider .swiper-slide{

height:auto;

}

.fg-card{

background:#ffffff;

border-radius:12px;

overflow:hidden;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.35s;

height:100%;

display:flex;

flex-direction:column;

}

.fg-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 35px rgba(0,0,0,.18);

}

.fg-image{

display:block;

overflow:hidden;

}

.fg-image img{

width:100%;

height:220px;

object-fit:cover;

display:block;

transition:.4s;

}

.fg-card:hover img{

transform:scale(1.08);

}

.fg-content{

padding:25px;

display:flex;

flex-direction:column;

flex:1;

}

.fg-content h3{

font-size:20px;

font-weight:600;

line-height:1.4;

margin-bottom:2px;

min-height:18px;

}

.fg-content h3 a{

color:#222;

text-decoration:none;

}

.fg-content h3 a:hover{

color:#0A6B35;

}

.fg-content p{

font-size:15px;

line-height:1.0;

color:#fff;

margin-bottom:1px;

flex:1;

}

.fg-btn{

display:inline-block;

padding:12px 28px;

background:#0A6B35;

color:#fff;

border-radius:5px;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.fg-btn:hover{

background:#D7A300;

color:#fff;

}

/*=========================
Flèches
=========================*/

.swiper-button-next,

.swiper-button-prev{

width:48px;

height:48px;

background:#0A6B35;

border-radius:50%;

color:#fff;

box-shadow:0 8px 18px rgba(0,0,0,.15);

}

.swiper-button-next:after,

.swiper-button-prev:after{

font-size:18px;

font-weight:bold;

}

.swiper-button-next:hover,

.swiper-button-prev:hover{

background:#D7A300;

}

/*=========================
Pagination
=========================*/

.swiper-pagination{

bottom:0;

}

.swiper-pagination-bullet{

width:12px;

height:12px;

opacity:1;

background:#d4d4d4;

}

.swiper-pagination-bullet-active{

background:#0A6B35;

}

/*=========================
Responsive
=========================*/

@media(max-width:980px){

.fg-image img{

height:200px;

}

}

@media(max-width:767px){

.fg-content{

padding:18px;

}

.fg-content h3{

font-size:19px;

}

.fg-image img{

height:220px;

}

.swiper-button-next,

.swiper-button-prev{

display:none;

}

}