.slider{
height:50vh
}
.slider .swiper{
height:100%
}
.slider .accroche{
position:relative;
left:10%;
width:80%;
font-size: 2rem;
font-weight: bold;
line-height: 1.1;
text-align: center;
}
.slider .accroche.dark{
color: var(--bleufonce);
text-shadow: 0 0 5px rgba(255,255,255,.7)
}
.slider .accroche.white{
color: var(--blanc);
text-shadow: 0 0 5px rgba(0,0,0,.7)
}
.swiper-button-prev, .swiper-button-next{
width:40px; height:40px;
border-radius: 50%;
overflow:hidden;
background-size:contain;
background-repeat: no-repeat;
background-position:center;
transition: all 0.2s ease;
top:unset;
bottom:2rem;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
transform: scale(1.1);
}
.swiper-button-prev::after, .swiper-button-next::after{
display:none;
}
.swiper-button-prev{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/prev.svg);
left:2rem
}
.swiper-button-next{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/next.svg);
right:2rem;
}
.intro{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/motif-intro.svg);
background-repeat: no-repeat;
background-position: bottom 0 right 1rem;
background-size: 25%;
}
.specialists-areas h3{
font-size:1.5rem;
color: var(--blanc);
background: linear-gradient( to right, rgba(28,32,94,.8) 0%,rgba(28,32,94,0) 80% );
padding:0.5rem;
width:100%;
height:auto;
top:unset;
bottom:0;
font-weight: normal;
line-height:1.1;
transition: all 0.2s ease;
}
.specialists-areas.area-page a h3::after{
content:"";
display:inline-block;
width:40px; height:40px;
border-radius: 50%;
background: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/arrow-button-white.svg) no-repeat center / contain;
opacity:.7
}
.specialists-areas.area-page a:hover h3::after{
opacity:1;
}
.specialists-areas .arrow-round{
width:40px; height:40px;
display:block;
background: var(--vert) url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/arrow-button.svg) no-repeat center / 20px;
border-radius: 50%;
transition:all 0.2s ease;
}
.specialists-areas a{
color: var(--bleufonce)
}
.specialists-areas a:hover .arrow-round{
background-color: var(--gris);
transform: scale(1.4);
}
.specialists-areas .resume{
font-size:0.8rem;
line-height: 1.2;
}
.equipe .portrait{
width:160px;
border-radius: 50%;
background-color: var(--gris);
border:2px solid var(--gris)
}
.equipe .name{
font-weight: bold;
font-size:0.9rem;
}
.equipe .job{
font-size:0.8rem;
text-align:center;
}
.equipe a.contact {
display:flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.equipe a .picto{
display: inline-block;
vertical-align:middle;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin:0 0.15rem;
}
.equipe a .picto.tel{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/mobile.svg);
width:28px; height:28px;
}
.equipe a .picto.mail{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/email.svg);
width:40px; height:30px;
}
.agencies .resume{
font-size:0.8rem
}
.agencies .date{
font-weight: 500;
font-size:0.8rem;
}
.agencies .date .hour > span{
background: linear-gradient(to top,  var(--bleufonce) 0%,var(--vert) 100%);
margin:0 2px;
color: var(--blanc);
padding:0.15rem 0.55rem;
border-radius:0.25rem;
}
.agencies .ttl{
font-weight: 500;
}
.bloc-details{
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/motif-intro.svg);
background-repeat: no-repeat;
background-position: bottom 0 right 1rem;
background-size: 30%;
}
.bloc-details .vignet{
width:100%
}
.anchors{
gap:0.5rem;
position: sticky;
top:10px;
z-index:1;
}
.anchors a{
flex: 1 0 auto;
background-color: var(--vert);
color: var(--blanc);
font-weight: normal;text-transform: uppercase;
font-size:0.8rem;
}
.anchors a:hover{
background-color: var(--gris);
}
.partners .logo{
width:150px;
border: 1px solid var(--gris);
}
.partners .ttl{
text-transform: uppercase;
font-weight: normal;
font-size:0.85rem;
}
@media screen and (min-width:1200px){
.slider{
height:75vh
}
.slider .accroche{
left:40%;
width:45%;
font-size: 2.6rem;
text-align: left;
}
.swiper-button-prev, .swiper-button-next{
top:50%;
bottom:unset;
}
.intro::before, .specialists-areas::before, .bloc-details::before{
content:"";
display:block;
position:absolute;
left:0; top:0;
width:20%; height:100%;
background-color: var(--blanc)
}
}
.bloc-infos.alignfull {
padding-top: 1rem;
padding-bottom: 1rem;
background-image: url(//insurance-myanmar.com/wp-content/themes/poe-ma/img/motif-intro.svg);
background-repeat: no-repeat;
background-position: bottom 0 left 1rem;
background-size: 20%;
}
.bloc-infos a{
color: var(--blanc);
}
.marquee-container {
width: 100%;
max-width: 800px;
overflow: hidden;
margin: 5px auto;
padding: 10px 0;
}
.marquee-content {
display: inline-block;
white-space: nowrap;
animation: marquee 15s linear infinite;
}
.marquee-text {
font-size: 28px;
font-weight: 600;
padding: 10px;
}
.marquee-container:hover .marquee-content {
animation: none;
transform: inherit;
cursor: pointer;
}
.marquee-container:hover .marquee-content .marquee-text {
color: #FFFFFF;
}
.marquee-text .button {
margin-left: 1rem;
}
.marquee-text a.button:hover {
background: var(--bleufonce);
color: var(--blanc);
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}