.cont-tarifs-offres {
align-items: center;  }
.cont-tarifs-offres > div {
box-sizing: border-box;
}
.cont-tarifs-offres span.purple-line {
top: -20px;
right: 0;
}
.cont-tarifs-offres .bg{
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all linear 0.5s;
clip-path: polygon(100% 0, 100% 95%, 95% 100%, 0 100%, 0 0);
}
.cont-tarifs-offres .item-offre:hover .bg {
animation: scale 40s linear infinite;
}
.cont-tarifs-offres .titles {
z-index: 10;
position: relative;
}
@keyframes scale {
80% {
transform:scale(1.2);
}
}
.item-offre {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
}
.item-offre:before {
content: "";
z-index: 4;
opacity: 0;
width: 100px;
height: 100px;
position: absolute;
pointer-events: none;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
transform-origin: center;
transition: all 1s !important;
transform: translate(-50%, -50%);
background-color: #ffffff;
}
.item-offre:hover:before {
width: 110%;
height: 110%;
opacity: 0.1;
}
.cont-tarifs-offres {
display: flex;
flex-direction: column;
margin-top: 5%;
margin-bottom: 5%;
}
.cont-tarifs-offres {
min-height: 580px;
display: flex;
position: relative;
flex-direction: column;
padding: 2em 2em 2em 2em; background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.cont-tarifs-offres .titles h3 {
font-size: 17px;
font-weight: 500;
line-height: 15px;
letter-spacing: 3px;
text-transform: uppercase;
font-family: "Teko", Sans-serif;
color: var( --e-global-color-accent );
}
.cont-tarifs-offres .titles h4 {
font-size: 74px;
line-height: 47px;
font-weight: 600;
margin-left: -4px;
letter-spacing: -1.85px;
text-transform: uppercase;
margin-bottom: 0.1em!important;
font-family: "Teko", Sans-serif;
color: #262626;
}
.cont-tarifs-offres .titles p {
color: #ffffff;
font-size: 30px;
font-weight: 500;
line-height: 25px;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 0!important;
font-family: "Teko", Sans-serif;
}  @media (max-width: 767px) {
.cont-tarifs-offres {
padding: 8% 5% 2% 5%;
}
.cont-tarifs-offres span.purple-line {
top: -15px;
right: 0;
width: 4em
}
.cont-tarifs-offres .titles h3 {
font-size: 15px;
line-height: 0px;
letter-spacing: 3px;
margin-bottom: 10px;      
}
.cont-tarifs-offres .titles h4 {
font-size: 40px;
line-height: 35px;
}
.cont-tarifs-offres .titles p {
font-size: 12px;
line-height: 14px;
}
.cont-tarifs-offres > div { }
} @media (min-width: 768px) and (max-width: 1024px) {
.cont-tarifs-offres {
padding: 4% 5% 2% 5%;
}
.cont-tarifs-offres span.purple-line {
top: -20px;
right: 0;
width: 4em
}
.cont-tarifs-offres .titles h3 {
font-size: 18px;
line-height: 0px;
letter-spacing: 2px;
margin-bottom: 15px;      
}
.cont-tarifs-offres .titles h4 {
font-size: 40px;
line-height: 30px;
}
.cont-tarifs-offres .titles p {
font-size: 12px;
line-height: 14px;
}
.cont-tarifs-offres > div {
min-height: 250px
}
} @media (max-width: 1024px) {
} @media (min-width: 1025px) {
} @media (min-width: 1025px) and (max-width: 1700px) {
.cont-tarifs-offres {
padding: 3% 15%;
}
.item-offre {
min-height: 411px !important;
min-width: 411px !important;
}
.cont-tarifs-offres.activeOffres:after {
height: 26%;
}
.cont-tarifs-offres.activeTarifs:before {
height: 43%;
}
.cont-tarifs-offres span.purple-line { width: 5em
}
.cont-tarifs-offres .titles h4 {
font-size: 50px;
line-height: 40px;
}
.cont-tarifs-offres .titles h3 {
margin-bottom: 0px;
}
.cont-tarifs-offres .titles p {
font-size: 25px;
line-height: 22px;
}
.cont-tarifs-offres .cta a {
font-size: 14px;
}
.cont-tarifs-offres > div.offres > div {
min-height: 360px
}
}