.bloc-univers{
	gap: 39px;
}
.bloc-univers  .bloc-univers-cat{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #0127B3;
	text-align: center;
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-cat{
	font-size: calc(16px * (100vw / 1512px));
	line-height: calc(23px * (100vw / 1512px));
	letter-spacing: calc(-0.02em * (100vw / 1512px));
  }
}
.bloc-univers-title-line-1{
	z-index: 9;
}
.bloc-univers-title,
.bloc-univers-title-line-1{
	gap: 5px;
}
.bloc-univers-title-line-2{
	 margin-top: -13px;
}
.bloc-univers  .bloc-univers-title .bloc-univers-title-before-img,
.bloc-univers  .bloc-univers-title .bloc-univers-title-after-img{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 37px;
	line-height: 57px;
	color: #000000;
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-title .bloc-univers-title-before-img,
  .bloc-univers  .bloc-univers-title .bloc-univers-title-after-img{
	font-size: calc(37px * (100vw / 1512px));
	line-height: calc(57px * (100vw / 1512px));
	letter-spacing: calc(-0.02em * (100vw / 1512px));
  }
}
.bloc-univers  .bloc-univers-title-img{
	width: 98.15px;
	height: 54.27px;
	border-radius: 36.2678px;
	transform: rotate(-5.48deg);
	overflow: hidden;
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-title-img{
	width: calc(98.15px * (100vw / 1512px));
	height: calc(54.27px * (100vw / 1512px));
	border-radius: calc(36.2678px * (100vw / 1512px));
	transform: rotate(calc(-5.48deg * (100vw / 1512px)));
  }
}
.bloc-univers  .bloc-univers-title-img video{
	width: 98.15px;
	height: 54.27px !important;
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-title-img video{
	width: calc(98.15px * (100vw / 1512px));
	height: calc(54.27px * (100vw / 1512px));
  }
}
.bloc-univers  .bloc-univers-title  .bloc-univers-title-blue{
	padding: 5px 20px;
	background: #0135E5;
	border-radius: 30px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 37px;
	line-height: 45px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	transform: rotate(-0.04deg);
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-title  .bloc-univers-title-blue{
	padding: calc(5px * (100vw / 1512px)) calc(20px * (100vw / 1512px));
	border-radius: calc(30px * (100vw / 1512px));
	font-size: calc(37px * (100vw / 1512px));
	line-height: calc(45px * (100vw / 1512px));
	letter-spacing: calc(-0.01em * (100vw / 1512px));
	transform: rotate(calc(-0.04deg * (100vw / 1512px)));
  }
}
.bloc-univers  .bloc-univers-description{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	text-align: center;
	display: flex;
	align-items: center;
	text-align: center;
}
@media (max-width: 1512px) {
  .bloc-univers  .bloc-univers-description{
	font-size: calc(20px * (100vw / 1512px));
	line-height: calc(30px * (100vw / 1512px));
  }
}
.bloc-univers  .bloc-univers-description p{
	margin: 0;
}
.bloc-univers  .bloc-univers-description strong{
	font-weight: 600;
}
.bloc-univers .bloc-univers-line-1{
	gap: 20px;
}
@media (max-width: 1512px) {
  .bloc-univers .bloc-univers-line-1{
	gap: calc(20px * (100vw / 1512px));
  }
}
.bloc-univers-cartes {
	gap: 66px;
}
.bloc-univers-cartes h3{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 23px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.bloc-univers-cartes  p{
	margin-top: 6px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	color: #FFFFFF;
}
.bloc-univers-cartes  p strong{
	font-weight: 600;
}
.bloc-univers-cartes  a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	gap: 10px;
	min-width: 150px;
	height: 48px;
	border-radius: 50px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	    transition: all 0.3s 
ease;
}
.carte-carte1 a{
	background: #FFFFFF;
	border: 2px solid #FFE319;
	color: #0135E5;
}
body:not(.is-touch) .carte-carte1 a:hover{
	background: #FEE21B;
	color: #0135E5;
	border: none;
}
.carte-carte2 a{
	background: #FEE21B;
	color: #0135E5;
}
body:not(.is-touch) .carte-carte2 a:hover{
	    border: 2px solid #FFE319;
    background: #FFF;
}
.carte-carte1{
	background-blend-mode: screen, normal;
	box-shadow: 30px 282px 113px rgba(0, 0, 0, 0.01), 17px 158px 96px rgba(0, 0, 0, 0.05), 7px 70px 71px rgba(0, 0, 0, 0.09), 2px 18px 39px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	min-height: 369px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.carte-carte1 .col1{
	padding: 43px 14px 46px 77px;
	gap: 7px;
}
.col2-carte2{
	border-radius: 24px;
	/*background: #010111;*/
	box-shadow: 46px 440px 124px 0 rgba(0, 0, 0, 0.00), 30px 282px 113px 0 rgba(0, 0, 0, 0.01), 17px 158px 96px 0 rgba(0, 0, 0, 0.05), 7px 70px 71px 0 rgba(0, 0, 0, 0.09), 2px 18px 39px 0 rgba(0, 0, 0, 0.10);
	gap: 30px;z-index: 9;
	    
}
.col1-carte2{
	box-shadow: 30px 282px 113px rgba(0, 0, 0, 0.01), 17px 158px 96px rgba(0, 0, 0, 0.05), 7px 70px 71px rgba(0, 0, 0, 0.09), 2px 18px 39px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.carte-carte2{
	min-height: 369px;
	background-blend-mode: screen, normal;
	box-shadow: 30px 282px 113px rgba(0, 0, 0, 0.01), 17px 158px 96px rgba(0, 0, 0, 0.05), 7px 70px 71px rgba(0, 0, 0, 0.09), 2px 18px 39px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
}
.carte-carte1 h3,
.carte-carte2 h3{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 23px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
}
.bloc-univers-cat{
	width: 527px;
	height: 118.26px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 23px;
	display: flex;
	align-items: center;
	text-align: center;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #0127B3;
	    justify-content: center;
}
.carte-carte1,
.carte-carte2{
	position: relative;
}
.carte-carte2 img{
	width: 293px;
	height: 160px;
	mix-blend-mode: plus-lighter;
	border-radius: 15px;
}
.bloc-univers-carte-logo-right{
	width: 248.648px;
	height: 69.493px;
}
.bloc-univers-carte-pistolet{
	padding-top: 42px;
	position: relative;
}
.carte-carte1  .bloc-univers-carte-pistolet-etoile{
	position: absolute;
    right: 66px;
    bottom: -70px;
    z-index: 9999;
}
.carte-carte1 .attachment-bloc-univers-pistolet{
	width: 356.077px;
	height: 329.65px;
	filter: drop-shadow(0px 184px 74px rgba(0, 0, 0, 0.01)) drop-shadow(0px 103px 62px rgba(0, 0, 0, 0.05)) drop-shadow(0px 46px 46px rgba(0, 0, 0, 0.09)) drop-shadow(0px 11px 25px rgba(0, 0, 0, 0.1));
	border-radius: 24px;
	transform: rotate(-26.07deg);
	transition: transform .5s ease;	
}
body:not(.is-touch) .carte-carte1 .bloc-univers-carte-pistolet:hover .attachment-bloc-univers-pistolet{
	transform: scale(1.1);
}
.pathern-etoile {
    position: absolute;
    z-index: 9;
    right: -80px;
    bottom: 20px;
	transition: transform .5s ease;	
	
}
.carte-carte2{
	transition: all .5s ease;	
}
.carte-carte2 .pathern-lightener path {
  transition: transform 0.6s ease; /* smooth animation for all paths */
  transform-origin: center; /* ensures rotation happens around center */
}

/* On hover of the SVG */
body:not(.is-touch) .carte-carte2:hover .pathern-lightener .path1 {
          transform: translateY(-15px) rotateX(-75deg);
}

body:not(.is-touch) .carte-carte2:hover .pathern-lightener .path2 {
 transform: rotateY(-54deg);
}
body:not(.is-touch) .carte-carte2:hover .pathern-lightener .path3 {
  transform: rotateY(-54deg); /* rotate around Y-axis opposite direction */
}
body:not(.is-touch) .carte-carte1 .bloc-univers-carte-pistolet:hover .pathern-etoile{
	transform: scale(1.05);
}
.pathern-radiale {
    position: absolute;
    right: 120px;
    bottom: 40px;
    width: 624px;
    height: 20.322px;
    overflow: hidden; /* IMPORTANT – clip like Figma */
    z-index: 99;
	transform: matrix(-0.77, 0.64, 0.64, 0.77, 0, 0);

}

.pathern-etoile2{
	
}
.pathern-single-etoile{
	position: absolute;
    bottom: 191px;
}
.pathern-lightener{
	    position: absolute;
    right: -520px;

  mix-blend-mode: screen;
}
@media (max-width: 50em) {
	    .bloc-univers {
        max-width: 100%;
margin: 50px auto !important;
gap: 30px;
    }
	.bloc-univers-cartes-23 {
        padding: 0;
    flex-wrap: wrap;
}
.bloc-univers-carte-logo-vector1 {
    display: none;
}
.bloc-univers-carte-logo-vector2 {
    display: none;
}
.bloc-univers-carte-1 .bloc-univers-carte-logo-img {
    width: 126.477px;
	height: 53px;
    border-radius: 15px;
    top: 27px;
    right: 19px;
    box-shadow: 0px 4px 14.9px #FFFFFF;
}
    .bloc-univers {
        max-width: 100%;
  
    }
	.pathern-etoile-carte2 {
    bottom: -20px;
    left: 0px;
    width: 286px;
    height: 94px;
}
.bloc-univers-cartes {
    gap: 30px;
}
.bloc-univers-carte-2 {

    order: 99999;
}
.bloc-univers .bloc-univers-cat{
	font-size: 14px;
line-height: 17px;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.bloc-univers .bloc-univers-line-2 {
    width: 100%;
	        justify-content: center !important;
}
.bloc-univers-title, .bloc-univers-title-line-1 {

    flex-wrap: wrap;
    justify-content: center;
}
    .bloc-univers .bloc-univers-description {
        font-size: 16px;
line-height: 20px;
    }
	.bloc-univers .bloc-univers-line-1 {
            width: 100%;
        gap: 15px;
}
    .bloc-univers .bloc-univers-cat {
        font-size: 14px;
line-height: 17px;
        letter-spacing: -0.02em;
    }
	    .bloc-univers .bloc-univers-title .bloc-univers-title-blue {
       padding: 5px 10px;
        border-radius: 30px;
        font-size: 25px;
line-height: 30px;
       letter-spacing: -0.01em;
        transform: rotate(-0.04deg);
    }
	.bloc-univers .bloc-univers-title .bloc-univers-title-before-img, .bloc-univers .bloc-univers-title .bloc-univers-title-after-img {
        font-size: 25px;
line-height: 30px;
        letter-spacing: -0.01em;
    }
	    .bloc-univers .bloc-univers-title-img {
			order: 1;
       width: 100%;
        height: 54px;
        border-radius: 0px;
transform: none;text-align: center;
margin-top: 0px;
margin-bottom: 15px;        display: flex;
        justify-content: center;
        align-items: center;
    }
	.bloc-univers .bloc-univers-title-img>div {
		width: 98px !important;
height: 54px !important;
border-radius: 36.2678px !important;
transform: rotate(-5.48deg) !important;

    }
	.bloc-univers .bloc-univers-title .bloc-univers-title-before-img{
		order: 2;
	}.bloc-univers .bloc-univers-title .bloc-univers-title-after-img {
        order: 3;
    }
	.bloc-univers .bloc-univers-title-img img {
		width: 98px;
height: 54px;
border-radius: 36.2678px;
transform: rotate(-5.48deg);

    }
	
		.carte-carte1 .attachment-bloc-univers-pistolet {

    transform: rotate(-16.13deg);
    width: 145.40114373621836px;
    height: auto;
	-webkit-transform: rotate(-26.07deg) translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: transform;
}
.bloc-univers-carte-logo-right{
	display: none;
}
     .pathern-etoile {
        right: -20px;
        bottom: -40px;
        width: 228px;
        height: 201px;
    }
.carte-carte1 .col1 {
    padding: 38px 27px;
    gap: 20px;
}
.pathern-radiale {
    display: none;
}
.pathern-lightener {
        right: -70px;
        width: 300px;
        bottom: 40px;
        height: auto;
    }
.carte-carte1, .carte-carte2 {
  
    margin: 0;
}
.carte-carte1 h3, .carte-carte2 h3 {
    font-size: 25px;
line-height: 30px;
}
.bloc-univers-cartes p {
    font-size: 16px;
line-height: 20px;
}
.carte-carte1 {
    min-height: 311px;
}
.bloc-univers-carte-pistolet {
    padding-top: 0px;
}
.carte-carte1 .bloc-univers-carte-pistolet-etoile {
    right: 12px;
    bottom: -20px;
}
.carte-carte1 a {
    background: #FEE21B;
    border: 2px solid #FEE21B;
    color: #0135E5;font-size: 14px;
line-height: 17px;
min-width: 130px;
height: 44px;
padding: 5px 15px;
}
.carte-carte1 a svg path {
    fill: #0135E5;
}
.pathern-single-etoile {
    display: none;
}
.col2-carte2 {
    gap: 20px;
	        padding: 46px 27px;
			
}
.carte-carte2 {
    min-height: 597px;
	
}
.carte-carte2 a {
    font-size: 14px;
line-height: 17px;
min-width: 130px;
height: 44px;
padding: 5px 15px;
border-radius: 50px;
}
.bloc-univers-title-line-2{
	 margin-top: 0px;
}
}