/************************* NEW STYLES - SEPTEMBER 2025 *************************/

/* GENERAL */

/* SITE ROW */

body > .container:has(.row) {
  	margin: 0 !important;
}

body > .container > .row:has(.site-content) {
	width: 100vw !important
}

/* PRODUCTS GRID */

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  max-height: 550px;
  object-fit: cover;
  object-position: top center;
}

.product-grid-item .product-title {
  padding: 0 35%;
}

.product-grid-item .btn-add {
  display: none;
}

@media screen and (max-width: 1024px) {
	
	.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  		max-height: 280px;
	}
	
	.product-grid-item .product-title {
		padding: 0 35%;
	}
	
}

/* INVERSE BUTTON (WHITE BG - ORANGE) */

.button-white-orange {
    transition: all 300ms;
	color: #DA5431;
    background-color: #FFF;
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center;
}

.button-white-orange a{
    transition: all 300ms;
	color: #DA5431;
	text-decoration: none;
}

.button-white-orange:hover {
    color: #FFF;
    background-color: #DA5431;
    cursor: pointer;
}

.button-white-orange:hover a {
    color: #FFF;
	text-decoration: none;
}

/* Costume sur mesure à Paris */

.costume-main p{
	margin: 0;
	padding: 0;
	text-align: left;
}

.costume-main h1,
.costume-main h2,
.costume-main h3,
.costume-main h4,
.costume-main h5,{
	margin: 0;
	padding: 0;
}

.costume-main #hero-costume {
	background-position: center;
	height: 231px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/heroCostumeSurMesure-scaled.webp?id=27442);
	background-size: cover;
}

.costume-main #hero-costume .hero-text-cnt {
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	display: flex;
	align-items: center;
	justify-content: center;
}

.costume-main #hero-costume .hero-text-cnt > h1 {
	font-family: Lato;
	font-weight: 700;
	font-size: 64px;
	line-height: 56px;
	letter-spacing: 0%;
	text-align: center;
	color: white;
}

.costume-main #section-2 {
	display: grid;
	padding: 100px 80px;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
}

.costume-main #section-2 .column1 {
	height: 560px;
	width: 100%;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/blueSuitButoningUp.webp?id=27444);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.costume-main #section-2 .column2 .inner-cnt {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	height: 100%;
}

.costume-main #section-2 .title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 14px;
	letter-spacing: 9%;
	line-height: 48px;
	color: #4c4c4c;
	text-align: justify;
	text-transform: uppercase;
	font-family: Lato;
}

.costume-main #section-2 .paragraph {
	margin: 0;
	font-size: 18px;
	font-weight:400;
	line-height: 29px;
	color: #4c4c4c;
	text-align: justify;
	font-style: normal;
	font-family: Lato;
}

.costume-main #section-2 .list-icon-cnt {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 14px;
	gap: 40px;
}

.costume-main #section-2 .list-icon {
	background: #F2F2F2;
	display: flex;
	align-items: flex-start;
	padding: 12px;
	gap: 10px;
}

.costume-main #section-2 .list-icon p{
	font-family: Lato;
	font-style: normal;
	text-align: left;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	margin: 0;
}

.costume-main #section-2 .list-icon img {
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.costume-main #section-4 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 100px 80px;
	gap: 80px;
}

.costume-main #section-4 .column1 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	gap: 65px;
}

.costume-main #section-4 .inner-cnt {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 50px;
}

.costume-main #section-4 .title {
	font-family:Lato;
	font-size: 32px;
	font-weight:700;
	line-height: 48px;
	color: #4c4c4c;
	text-align: left;
	text-transform: uppercase;
}

.costume-main #section-4 .column1 .list-cnt {
	display: flex;
	flex-flow: column nowrap;
	border: 1px solid #F2F2F2;
	padding: 10px;
	border-radius: 5px;
	gap: 15px;
}

.costume-main #section-4 .list-title {
	font-family:Lato;
	font-size: 24px;
	line-height: 28px;
	font-weight:400;
	color: #da5431;
	text-align: left;
}

.costume-main #section-4 .list-content {
	display: flex;
	align-items: center;
	gap: 10px;
}

.costume-main #section-4 .list-icon {
	color: #DA5431;
}

.costume-main #section-4 .list-cnt p {
	font-family: Lato;
	font-style: normal;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}

.costume-main #section-4 .column2 {
	height: 805px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/stichingSuit.webp?id=27446);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.costume-main #section-5 {
	justify-content: center;
	flex-flow: column nowrap;
	display: flex;
	background-color: #F7F7F7;
	align-items: center;
	padding: 80px 0;
	gap: 40px;
	margin-bottom: 100px;
}

.costume-main #section-5 .title {	
	font-family: Lato;
	color: #4C4C4C;
	text-transform: uppercase;
	text-align: center;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-main #section-5 .paragraph {
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	font-size: 18px;
	line-height: 29px;
	font-weight:400;
}

.costume-main #section-5 .list-icon-cnt {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 1345px;
	gap: 40px;
}

.costume-main #section-5 .list-icon {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	background: #F2F2F2;
	padding: 10px;
	gap: 10px;
}

.costume-main #section-5 .list-icon p{
	font-family: Lato;
	color: #4C4C4C;
	text-align: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	margin: 0;
}

.costume-main #section-5 .icon-list img {
	width: 25;
	height: auto;
	margin: 0;
	padding: 0;
}

.costume-main #section-5 .caption {
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	font-style:italic;
	font-size: 18px;
	line-height: 29px;
	font-weight:400;
}

.costume-main #section-6 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 80px 100px 80px;
	gap: 80px;
}

.costume-main #section-6 .column1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	gap: 50px;
}

.costume-main #section-6 .title {
	font-family:Lato;
	color: #4C4C4C;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 1.86%;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-main #section-6 > p {
	font-family:Lato;
	color: #4C4C4C;
	font-weight:400;
}

.costume-main #section-6 .p1{
	text-align: left;
	line-height: 29px;
	font-size: 18px;
}

.costume-main #section-6 .p2{
	width: 742px;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	align-self: flex-end;
	text-align: justify;
}

.costume-main #section-6 .basel-button-wrapper {
	align-self: flex-start;
}

.costume-main #section-6 .column2 {
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/adjustingBlueTie.webp?id=27462);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}

.costume-main #section-7 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 80px 100px 80px;
	gap: 80px;
}

.costume-main #section-7 .column1 {
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/cutingFabric.webp?id=27449);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}

.costume-main #section-7 .column2 {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	height: 100%;
}

.costume-main #section-7 .title {
	font-family: Lato;
	text-transform: uppercase;
	text-align: justify;
	color: #4C4C4C;
	margin-bottom: 16px;
	letter-spacing: 9%;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-main #section-7 .paragraph {
	font-family: Lato;
	text-align: justify;
	color: #4C4C4C;
	font-size: 18px;
	line-height: 29px;
	font-weight:400;
}

.costume-main #section-8 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 610px;
	gap: 0px;
}

.costume-main #section-8 .column1 iframe {
	height: 100%;
	width: 100%;
}

.costume-main #section-8 .column2 {
	background: #DA5431;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
	height: 100%;
	gap: 50px;
}

.costume-main #section-8 .column2 .title {
	font-family:Lato;
	text-transform: uppercase;
	color: #FFF;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
	margin: 0;
}

.costume-main #section-8 .column2 > ul {
	display: grid;
	justify-content: stretch;
	grid-template-rows: repeat(3, 1fr);
	gap: 15px;
}

.costume-main #section-8 .column2 li {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 15px;
}

.costume-main #section-8 .column2 li * {
	color: #FFF;
}

.costume-main #section-9 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: 
    	linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
    	url("https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/hangingSuits-scaled.webp?id=27402");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
	gap: 0;
}

.costume-main #section-9 .text-prop {
	font-family: Lato;
	color: #FFF;
	text-align: center;
}

.costume-main #section-9 .title {
	text-transform: uppercase;
	margin-bottom: 65px;	
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-main #section-9 .subtitle {
	font-size: 20px;
	line-height: 29px;
	font-weight:700;
}

.costume-main #section-9 .paragraph {
	margin-bottom: 40px;	
	font-size: 20px;
	line-height: 29px;
	font-weight:400;
}

.costume-main #section-9 .btns-cnt {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	width: 1000px;
}

.costume-main #section-9 .button-white-orange a{
	font-family:Lato;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
	font-weight:400;
	letter-spacing: 0.3px;
}

@media screen and (max-width: 1024px) {
	
	.costume-main #hero-costume {
		height: 35dvh;
	}
	
	.costume-main #hero-costume .hero-text-cnt > h1 {
		font-size: 230%;
	}
	
	.costume-main #section-2 {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding: 0;
		gap: 0px;
	}
	
	.costume-main #section-2 .column2 .inner-cnt {
		padding: 5vh 5vw;
		gap: 35px;
	}
	
	.costume-main #section-2 .title {
		text-align: left;
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 0;
	}
	
	.costume-main #section-2 .paragraph {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 5%;
	}

	.costume-main #section-2 .list-icon-cnt {
		flex-flow: column nowrap;
		margin: 0;
		gap: 20px;
	}

	.costume-main #section-2 .list-icon {
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}

	.costume-main #section-2 .list-icon p{
		text-align: center;
		font-size: 16px;
		line-height: 26px;
	}
	
	.costume-main #section-2 .basel-button-wrapper {
		align-self: center;
	}

	.costume-main #section-4 {
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-main #section-4 .column1 {
		justify-content: flex-start;
		padding: 5dvh 10vw;
		gap: 25px;
	}

	.costume-main #section-4 .inner-cnt {
		gap: 20px;
	}

	.costume-main #section-4 .title {
		font-size: 25px;
		line-height: 35px;
	}

	.costume-main #section-4 .column1 .list-cnt {
		gap: 10px;
	}

	.costume-main #section-4 .list-title {
		font-size: 20px;
    	line-height: 20px;
	}

	.costume-main #section-4 .list-content {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.costume-main #section-4 .list-icon {
		color: #DA5431;
	}

	.costume-main #section-4 .list-cnt p {
		font-size: 15px;
    	line-height: 20px;
	}

	.costume-main #section-4 .column2 {
		height: 60dvh;
	}

	.costume-main #section-5 {
		padding: 5dvh 10dvw;
		margin-bottom: 5dvh;
		gap: 35px;
	}

	.costume-main #section-5 .title {	
		font-size: 25px;
		line-height: 35px;
	}

	.costume-main #section-5 .paragraph {
		font-size: 15px;
		line-height: 25px;
	}

	.costume-main #section-5 .list-icon-cnt {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
		width: 100%;
		gap: 15px;
	}

	.costume-main #section-5 .list-icon {
		align-items: center;
	}

	.costume-main #section-5 .list-icon p{
		text-align: center;
		font-size: 15px;
		line-height: 25px;
	}

	.costume-main #section-5 .caption {
		font-size: 15px;
    	line-height: 25px;
	}

	.costume-main #section-6 {
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-main #section-6 .column1 {
		align-items: flex-end;
		justify-content: flex-start;
		gap: 30px;
		padding: 0 10vw;
	}

	.costume-main #section-6 .title {
		font-size: 25px;
		line-height: 35px;
		text-align: left;
	}

	.costume-main #section-6 .p1{
		line-height: 25px;
		font-size: 15px;
	}

	.costume-main #section-6 .p2{
		width: 85%;
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 2%;
	}

	.costume-main #section-6 .basel-button-wrapper {
		align-self: center;
	}

	.costume-main #section-6 .column2 {
		height: 60dvh;
	}

	.costume-main #section-7 {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding: 0;
		gap: 20px;
	}

	.costume-main #section-7 .column1 {
		height: 60dvh;
	}

	.costume-main #section-7 .column2 {
		gap: 30px;
    	padding: 5dvh 10vw;
	}

	.costume-main #section-7 .title {
		text-align: justify;
		letter-spacing: 0%;
		font-size: 25px;
		line-height: 35px;
	}

	.costume-main #section-7 .paragraph {
		text-align: left;
		font-size: 15px;
		line-height: 25px;
	}

	.costume-main #section-8 {
		grid-template-columns: 1fr;
		grid-template-rows: 60dvh 60dvh;
		height: auto;
	}

	.costume-main #section-8 .column1 iframe {
		height: 100%;
		width: 100%;
	}

	.costume-main #section-8 .column2 {
		grid-row: 1;
	}

	.costume-main #section-9 {
		padding: 80px 10vw;
		gap: 0;
	}
	
	.costume-main #section-9 .title {
	  margin-bottom: 20px;
	  font-size: 25px;
	  line-height: 35px;
	}
	
	.costume-main #section-9 .subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	
	.costume-main #section-9 .paragraph {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 25px;
	}
	
	.costume-main #section-9 .btns-cnt {
		grid-template-columns: 1fr;
		gap: 25px;
		width: 75%;
		grid-template-rows: repeat(3, 1fr);
	}

	.costume-main #section-9 .button-white-orange a{
		height: 15px;
	}
	
	.costume-main #section-9 .button-white-orange {
		padding: 15px;
	}
	
}

/* Costume de mariage sur mesure à Paris */

.costume-mariage p{
	margin: 0;
	padding: 0;
	text-align: left;
}

.costume-mariage h1,
.costume-mariage h2,
.costume-mariage h3,
.costume-mariage h4,
.costume-mariage h5,{
	margin: 0;
	padding: 0;
}

.costume-mariage #hero-costume {
	background-position: center;
	height: 231px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/hero-costumeMariage-scaled.webp);
	background-size: cover;
}

.costume-mariage #hero-costume .hero-text-cnt {
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	display: flex;
	align-items: center;
	justify-content: center;
}

.costume-mariage #hero-costume .hero-text-cnt > h1 {
	font-family: Lato;
	font-weight: 700;
	font-size: 64px;
	line-height: 56px;
	letter-spacing: 0%;
	text-align: center;
	color: white;
}

.costume-mariage #section-2 {
	display: grid;
	padding: 100px 80px;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
}

.costume-mariage #section-2 .column1 {
	height: 560px;
	width: 100%;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/beared-men-adjusting-tie.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.costume-mariage #section-2 .column2 .inner-cnt {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	height: 100%;
}

.costume-mariage #section-2 .title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 14px;
	letter-spacing: 9%;
	line-height: 48px;
	color: #4c4c4c;
	text-align: justify;
	text-transform: uppercase;
	font-family: Lato;
}

.costume-mariage #section-2 .paragraph {
	margin: 0;
	font-size: 18px;
	font-weight:400;
	line-height: 29px;
	color: #4c4c4c;
	text-align: justify;
	font-style: normal;
	font-family: Lato;
}

.costume-mariage #section-2 .list-icon-cnt {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 14px;
	gap: 40px;
}

.costume-mariage #section-2 .list-icon {
	background: #F2F2F2;
	display: flex;
	align-items: flex-start;
	padding: 12px;
	gap: 10px;
}

.costume-mariage #section-2 .list-icon p{
	font-family: Lato;
	font-style: normal;
	text-align: left;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	margin: 0;
}

.costume-mariage #section-2 .list-icon img {
	width: 25px;
	height: auto;
	margin: 0;
	padding: 0;
}

.costume-mariage #section-3 {
	display: flex;
	justify-content: center;
	padding: 0 80px 100px 80px;
}

.costume-mariage #section-3 .inner-cnt  {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	max-width: 1170px;
	gap: 30px;
}

.costume-mariage #section-3 .title {
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 700;
	line-height: 48px;
}

.costume-mariage #section-3 .paragraph {	
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}


.costume-mariage #section-5 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 50px 80px 100px 80px;
	gap: 80px;
}

.costume-mariage #section-5 .column1 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	gap: 50px;
}

.costume-mariage #section-5 .title {
	font-family:Lato;
	color: #4C4C4C;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 1.86%;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-mariage #section-5 > p {
	font-family:Lato;
	color: #4C4C4C;
	font-weight:400;
}

.costume-mariage #section-5 .p1{
	text-align: left;
	line-height: 29px;
	font-size: 18px;
}

.costume-mariage #section-5 .p2{
	width: 742px;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	align-self: flex-end;
	text-align: justify;
}

.costume-mariage #section-5 .basel-button-wrapper {
	align-self: flex-start;
}

.costume-mariage #section-5 .column2 {
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/men-buttoning-up-grey-vest.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}

.costume-mariage #section-6 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 100px 80px;
	gap: 80px;
}

.costume-mariage #section-6 .column1 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	gap: 65px;
}

.costume-mariage #section-6 .inner-cnt {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 50px;
}

.costume-mariage #section-6 .title {
	font-family:Lato;
	font-size: 32px;
	font-weight:700;
	line-height: 48px;
	color: #4c4c4c;
	text-align: left;
	text-transform: uppercase;
}

.costume-mariage #section-6 .column1 .list-cnt {
	display: flex;
	flex-flow: column nowrap;
	border: 1px solid #F2F2F2;
	padding: 10px;
	border-radius: 5px;
	gap: 15px;
}

.costume-mariage #section-6 .list-title {
	font-family:Lato;
	font-size: 24px;
	line-height: 28px;
	font-weight:400;
	color: #da5431;
	text-align: left;
}

.costume-mariage #section-6 .list-content {
	display: flex;
	align-items: center;
	gap: 10px;
}

.costume-mariage #section-6 .list-icon {
	color: #DA5431;
}

.costume-mariage #section-6 .list-cnt p {
	font-family: Lato;
	font-style: normal;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}

.costume-mariage #section-6 .column2 {
	height: 805px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/blackSuit-displayed.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.costume-mariage #section-7 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 610px;
	gap: 0px;
}

.costume-mariage #section-7 .column1 iframe {
	height: 100%;
	width: 100%;
}

.costume-mariage #section-7 .column2 {
	background: #DA5431;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
	height: 100%;
	gap: 50px;
}

.costume-mariage #section-7 .column2 .title {
	font-family:Lato;
	text-transform: uppercase;
	color: #FFF;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
	margin: 0;
}

.costume-mariage #section-7 .column2 > ul {
	display: grid;
	justify-content: stretch;
	grid-template-rows: repeat(3, 1fr);
	gap: 15px;
}

.costume-mariage #section-7 .column2 li {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 15px;
}

.costume-mariage #section-7 .column2 li * {
	color: #FFF;
}

.costume-mariage #section-8 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: 
    	linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
    	url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/coupleMarriage-scaled.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
	gap: 0;
}

.costume-mariage #section-8 .text-prop {
	font-family: Lato;
	color: #FFF;
	text-align: center;
}

.costume-mariage #section-8 .title {
	text-transform: uppercase;
	margin-bottom: 65px;	
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-mariage #section-8 .subtitle {
	font-size: 20px;
	line-height: 29px;
	font-weight:700;
}

.costume-mariage #section-8 .paragraph {
	margin-bottom: 40px;	
	font-size: 20px;
	line-height: 29px;
	font-weight:400;
}

.costume-mariage #section-8 .btns-cnt {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.costume-mariage #section-8 .button-white-orange a{
	font-family:Lato;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
	font-weight:400;
	letter-spacing: 0.3px;
}

@media screen and (max-width: 1024px) {
	
	.costume-mariage #hero-costume {
		height: 35dvh;
	}
	
	.costume-mariage #hero-costume .hero-text-cnt > h1 {
		font-size: 230%;
	}
	
	.costume-mariage #section-2 {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding: 0;
		gap: 0px;
	}
	
	.costume-mariage #section-2 .column2 .inner-cnt {
		padding: 5vh 5vw;
		gap: 35px;
	}
	
	.costume-mariage #section-2 .title {
		text-align: left;
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 0;
	}
	
	.costume-mariage #section-2 .paragraph {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 5%;
	}

	.costume-mariage #section-2 .list-icon-cnt {
		flex-flow: column nowrap;
		margin: 0;
		gap: 20px;
	}

	.costume-mariage #section-2 .list-icon {
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}

	.costume-mariage #section-2 .list-icon p{
		text-align: center;
		font-size: 16px;
		line-height: 26px;
	}
	
	.costume-mariage #section-2 .basel-button-wrapper {
		align-self: center;
	}
	
	.costume-mariage #section-3 {
	  padding: 5dvh 10vw;
	}
	
	.costume-mariage #section-3 .inner-cnt {
	  max-width: 100%;
	  gap: 15px;
	}
	
	.costume-mariage #section-3 .title {
	  font-size: 25px;
	  line-height: 35px;
	}
	
	.costume-mariage #section-3 .paragraph {
	  font-size: 15px;
	  line-height: 25px;
	}	
	
	.costume-mariage #section-5 {
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-mariage #section-5 .column1 {
		align-items: flex-end;
		justify-content: flex-start;
		gap: 30px;
		padding: 0 10vw;
	}

	.costume-mariage #section-5 .title {
		font-size: 25px;
		line-height: 35px;
		text-align: left;
	}

	.costume-mariage #section-5 .p1{
		line-height: 25px;
		font-size: 15px;
	}

	.costume-mariage #section-5 .p2{
		width: 85%;
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 2%;
	}

	.costume-mariage #section-5 .basel-button-wrapper {
		align-self: center;
	}

	.costume-mariage #section-5 .column2 {
		height: 60dvh;
	}

	.costume-mariage #section-6 {
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-mariage #section-6 .column1 {
		justify-content: flex-start;
		padding: 5dvh 10vw;
		gap: 25px;
	}

	.costume-mariage #section-6 .inner-cnt {
		gap: 20px;
	}

	.costume-mariage #section-6 .title {
		font-size: 25px;
		line-height: 35px;
	}

	.costume-mariage #section-6 .column1 .list-cnt {
		gap: 10px;
	}

	.costume-mariage #section-6 .list-title {
		font-size: 20px;
    	line-height: 20px;
	}

	.costume-mariage #section-6 .list-content {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.costume-mariage #section-6 .list-icon {
		color: #DA5431;
	}

	.costume-mariage #section-6 .list-cnt p {
		font-size: 15px;
    	line-height: 20px;
	}

	.costume-mariage #section-6 .column2 {
		height: 60dvh;
	}

	.costume-mariage #section-7 {
		grid-template-columns: 1fr;
		grid-template-rows: 60dvh 60dvh;
		height: auto;
	}

	.costume-mariage #section-7 .column1 iframe {
		height: 100%;
		width: 100%;
	}

	.costume-mariage #section-7 .column2 {
		grid-row: 1;
	}

	.costume-mariage #section-8 {
		padding: 80px 10vw;
		gap: 0;
	}
	
	.costume-mariage #section-8 .title {
	  margin-bottom: 20px;
	  font-size: 25px;
	  line-height: 35px;
	}
	
	.costume-mariage #section-8 .subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	
	.costume-mariage #section-8 .paragraph {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 25px;
	}
	
	.costume-mariage #section-8 .btns-cnt {
		width: 75%;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
		gap: 25px;
	}

	.costume-mariage #section-8 .button-white-orange a{
		height: 15px;
	}
	
	.costume-mariage #section-8 .button-white-orange {
		padding: 15px;
	}
	
}

/* Costume sur mesure à Paris */

.costume-business #prefooter p{
	margin: 0;
	padding: 0;
	text-align: left;
}

.costume-business #prefooter h1,
.costume-business #prefooter h2,
.costume-business #prefooter h3,
.costume-business #prefooter h4,
.costume-business #prefooter h5,{
	margin: 0;
	padding: 0;
}

.costume-business #hero-costume {
	background-position: center;
	height: 231px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/hero-bussines-scaled.webp);
	background-size: cover;
}

.costume-business #hero-costume .hero-text-cnt {
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	display: flex;
	align-items: center;
	justify-content: center;
}

.costume-business #hero-costume .hero-text-cnt > h1 {
	font-family: Lato;
	font-weight: 700;
	font-size: 64px;
	line-height: 56px;
	letter-spacing: 0%;
	text-align: center;
	color: white;
}

.costume-business #section-2 {
	display: grid;
	padding: 100px 80px;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
}

.costume-business #section-2 .column1 {
	height: 560px;
	width: 100%;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/white-shirt-cufflink.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.costume-business #section-2 .column2 .inner-cnt {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	gap: 50px;
	height: 100%;
}

.costume-business #section-2 .title {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 14px;
	letter-spacing: 9%;
	line-height: 48px;
	color: #4c4c4c;
	text-align: justify;
	text-transform: uppercase;
	font-family: Lato;
}

.costume-business #section-2 .paragraph {
	margin: 0;
	font-size: 18px;
	font-weight:400;
	line-height: 29px;
	color: #4c4c4c;
	text-align: justify;
	font-style: normal;
	font-family: Lato;
}

.costume-business #section-2 .list-icon-cnt {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 14px;
	gap: 20px;
}

.costume-business #section-2 .list-icon {
	background: #F2F2F2;
	padding: 12px;
	gap: 10px;
}

.costume-business #section-2 .list-icon p{
	font-family: Lato;
	font-style: normal;
	text-align: left;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
	margin: 0;
}

.costume-business #section-4 {
	justify-content: center;
	flex-flow: column nowrap;
	display: flex;
	background-color: #F7F7F7;
	align-items: center;
	padding: 80px 0;
	gap: 40px;
	margin: 100px 0;
}

.costume-business #section-4 > .title {	
	font-family: Lato;
	color: #4C4C4C;
	text-transform: uppercase;
	text-align: center;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-business #section-4 > .paragraph {
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	font-size: 18px;
	line-height: 29px;
	font-weight:400;
	width: 40%;
}

.costume-business #section-4 .list-icon-cnt {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 1490px;
	gap: 40px;
}

.costume-business #section-4 .list-icon {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	background: #F2F2F2;
	padding: 10px;
	gap: 10px;
}

.costume-business #section-4 .list-icon p{
	font-family: Lato;
	color: #4C4C4C;
	text-align: left;
	font-size: 18px;
	line-height: 29px;
	margin: 0;
}

.costume-business #section-4 .list-icon .title{
	font-weight: 700 !important;
}

.costume-business #section-4 .list-icon .paragraph{
	font-weight: 400;
}

.costume-business #section-4 .caption {
	font-family: Lato;
	color: #4C4C4C;
	text-align: center;
	font-style:italic;
	font-size: 18px;
	line-height: 29px;
	font-weight:400;
}

.costume-business #section-5 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 80px 100px 80px;
	gap: 80px;
}

.costume-business #section-5 .column1 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	gap: 65px;
}

.costume-business #section-5 .inner-cnt {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 50px;
}

.costume-business #section-5 .title {
	font-family:Lato;
	font-size: 32px;
	font-weight:700;
	line-height: 48px;
	color: #4c4c4c;
	text-align: left;
	text-transform: uppercase;
}

.costume-business #section-5 .column1 .list-cnt {
	display: flex;
	flex-flow: column nowrap;
	border: 1px solid #F2F2F2;
	padding: 10px;
	border-radius: 5px;
	gap: 15px;
}

.costume-business #section-5 .list-title {
	font-family:Lato;
	font-size: 24px;
	line-height: 28px;
	font-weight:400;
	color: #da5431;
	text-align: left;
}

.costume-business #section-5 .list-content {
	display: flex;
	align-items: center;
	gap: 10px;
}

.costume-business #section-5 .list-icon {
	color: #DA5431;
}

.costume-business #section-5 .list-cnt p {
	font-family: Lato;
	font-style: normal;
	color: #4C4C4C;
	font-size: 18px;
	font-weight: 400;
	line-height: 29px;
}

.costume-business #section-5 .column2 {
	height: 805px;
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/selection-ties.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.costume-business #section-6 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 0 80px 100px 80px;
	gap: 80px;
}

.costume-business #section-6 .column1 {
	background-image: url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/selection-fabrics-buttons.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 550px;
}

.costume-business #section-6 .column2 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	gap: 50px;
}

.costume-business #section-6 .title {
	font-family:Lato;
	color: #4C4C4C;
	text-transform: uppercase;
	width: 100%;
	letter-spacing: 1.86%;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-business #section-6 > p {
	font-family:Lato;
	color: #4C4C4C;
	font-weight:400;
}

.costume-business #section-6 .p1{
	text-align: left;
	line-height: 29px;
	font-size: 18px;
}

.costume-business #section-6 .p2{
	width: 742px;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	align-self: flex-end;
	text-align: justify;
}

.costume-business #section-6 .btn-cnt {
	display: flex;
	width: 100%;
	height: 40px;
	gap: 20px;
}

.costume-business #section-6 .basel-button-wrapper {
	align-self: flex-start;
}

.costume-business #section-6 .btn-cnt .button-white-orange {
	border: 1px solid #DA5431;
}

.costume-business #section-6 .btn-cnt .button-white-orange a {
	font-family: Lato;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.3px;
}

.costume-business #section-7 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 610px;
	gap: 0px;
}

.costume-business #section-7 .column1 iframe {
	height: 100%;
	width: 100%;
}

.costume-business #section-7 .column2 {
	background: #DA5431;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: center;
	height: 100%;
	gap: 50px;
}

.costume-business #section-7 .column2 .title {
	font-family:Lato;
	text-transform: uppercase;
	color: #FFF;
	text-align: justify;
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
	margin: 0;
}

.costume-business #section-7 .column2 > ul {
	display: grid;
	justify-content: stretch;
	grid-template-rows: repeat(3, 1fr);
	gap: 15px;
}

.costume-business #section-7 .column2 li {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 15px;
}

.costume-business #section-7 .column2 li * {
	color: #FFF;
}

.costume-business #section-8 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: 
    	linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), 
    	url(https://www.tailoredsuitparis.fr/wp-content/uploads/2025/09/brown-suit-background-scaled.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
	gap: 0;
}

.costume-business #section-8 .text-prop {
	font-family: Lato;
	color: #FFF;
	text-align: center;
}

.costume-business #section-8 .title {
	text-transform: uppercase;
	margin-bottom: 65px;	
	font-size: 32px;
	line-height: 48px;
	font-weight:700;
}

.costume-business #section-8 .subtitle {
	font-size: 20px;
	line-height: 29px;
	font-weight:700;
}

.costume-business #section-8 .paragraph {
	margin-bottom: 40px;	
	font-size: 20px;
	line-height: 29px;
	font-weight:400;
}

.costume-business #section-8 .btns-cnt {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}

.costume-business #section-8 .button-white-orange a{
	font-family:Lato;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
	font-weight:400;
	letter-spacing: 0.3px;
}

@media screen and (max-width: 1024px) {
	
	.costume-business #hero-costume {
		height: 35dvh;
	}
	
	.costume-business #hero-costume .hero-text-cnt > h1 {
		font-size: 230%;
		width: 90%;
	}
	
	.costume-business #section-2 {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding: 0;
		gap: 0px;
	}
	
	.costume-business #section-2 .column2 .inner-cnt {
		padding: 5vh 5vw;
		gap: 35px;
	}
	
	.costume-business #section-2 .title {
		text-align: left;
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 0;
	}
	
	.costume-business #section-2 .paragraph {
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0%;
	}

	.costume-business #section-2 .list-icon-cnt {
		flex-flow: column nowrap;
		align-self: center;
    	width: 95%;
		margin: 0;
		gap: 20px;
	}

	.costume-business #section-2 .list-icon {
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
	}

	.costume-business #section-2 .list-icon p{
		text-align: center;
		font-size: 16px;
		line-height: 26px;
	}
	
	.costume-business #section-2 .basel-button-wrapper {
		align-self: center;
    	width: 95%;
	}

	.costume-business #section-4 {
		padding: 5dvh 10dvw;
		margin: 5dvh 0;
		gap: 35px;
	}

	.costume-business #section-4 > .title {	
		font-size: 25px;
		line-height: 35px;
	}

	.costume-business #section-4 > .paragraph {
		font-size: 15px;
		line-height: 25px;
		width: 100%;
	}

	.costume-business #section-4 .list-icon-cnt {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, 1fr);
		width: 100%;
		gap: 15px;
	}

	.costume-business #section-4 .list-icon {
		align-items: center;
	}

	.costume-business #section-4 .list-icon p{
		text-align: center;
		font-size: 15px;
		line-height: 25px;
	}

	.costume-business #section-5 {
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-business #section-5 .column1 {
		justify-content: flex-start;
		padding: 5dvh 10vw;
		gap: 25px;
	}

	.costume-business #section-5 .inner-cnt {
		gap: 20px;
	}

	.costume-business #section-5 .title {
		font-size: 25px;
		line-height: 35px;
	}

	.costume-business #section-5 .column1 .list-cnt {
		gap: 10px;
	}

	.costume-business #section-5 .list-title {
		font-size: 20px;
    	line-height: 20px;
	}

	.costume-business #section-5 .list-content {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.costume-business #section-5 .list-icon {
		color: #DA5431;
	}

	.costume-business #section-5 .list-cnt p {
		font-size: 15px;
    	line-height: 20px;
	}

	.costume-business #section-5 .column2 {
		height: 60dvh;
	}

	.costume-business #section-6 {
		display: flex;
		flex-flow: column-reverse nowrap;
		padding: 0;
		gap: 50px;
	}

	.costume-business #section-6 .column1 {
		height: 60dvh;
	}
	
	.costume-business #section-6 .column2 {
		align-items: flex-end;
		justify-content: flex-start;
		gap: 30px;
		padding: 5dvh 10vw;
	}

	.costume-business #section-6 .title {
		font-size: 25px;
		line-height: 35px;
		text-align: left;
	}

	.costume-business #section-6 .p1{
		line-height: 25px;
		font-size: 15px;
	}

	.costume-business #section-6 .p2{
		width: 85%;
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 2%;
	}
	
	.costume-business #section-6 .btn-cnt {
		flex-flow: column nowrap;
		width: 100%;
		height: auto;
		gap: 20px;
	}

	.costume-business #section-6 .basel-button-wrapper {
		width: 100%;
	}
	
	.costume-business #section-6 .basel-button-wrapper > a {
		width: 100%;
	}

	.costume-business #section-7 {
		grid-template-columns: 1fr;
		grid-template-rows: 60dvh 60dvh;
		height: auto;
	}

	.costume-business #section-7 .column1 iframe {
		height: 100%;
		width: 100%;
	}

	.costume-business #section-7 .column2 {
		grid-row: 1;
	}

	.costume-business #section-8 {
		padding: 80px 10vw;
		gap: 0;
	}
	
	.costume-business #section-8 .title {
	  margin-bottom: 20px;
	  font-size: 25px;
	  line-height: 35px;
	}
	
	.costume-business #section-8 .subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	
	.costume-business #section-8 .paragraph {
		margin-bottom: 30px;
		font-size: 15px;
		line-height: 25px;
	}
	
	.costume-business #section-8 .btns-cnt {
		width: 75%;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
		gap: 25px;
	}

	.costume-business #section-8 .button-white-orange a{
		height: 15px;
	}
	
	.costume-business #section-8 .button-white-orange {
		padding: 15px;
	}
	
}

/********************************* OLD STYLES **********************************/


.banner1 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Chemises-sur-mesure-a-Paris-background-img.webp')!important;
}

.banner2 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Costume-sur-mesure-a-Paris-img-hero.webp')!important;
}

.banner3 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Smoking-sur-mesure-a-Paris-banner-img.webp')!important;
}

.banner4 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Costume-3-pieces-sur-mesure-a-Paris-img-hero.webp')!important;
}

.banner5 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Costume-business-sur-mesure-a-Paris-img-banner.webp')!important;
}

.banner6 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Costume-pour-mariage-sur-mesure-a-Paris-banner-.webp')!important;    
}

.banner7 {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/Manteau-sur-mesure-a-Paris-img.webp')!important;    
}


.tax-product_cat .page-title {
    margin-top: 0px;
}

.tax-product_cat .main-page-wrapper {
    padding-top: 0px;
}

.tax-product_cat .site-content {
    margin-bottom: 0px
}

.custombtnvp {
    width: 100%;
    background: white !important;
    border: solid 1px #DA5431 !important;
    color: #1E1E1E !important;
    text-transform: initial !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    line-height: 21px !important;
}

.custombtnvp:hover {
    background: #DA5431 !important;
    color: white !important;
    opacity: 1 !important;
}

#bannertopcat {
    max-width: 1920px;
    margin: 0px auto;
    padding: 40px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bannertopcat .bannermain {
    max-width: 1200px;
    margin: 0px auto;
}

#bannertopcat .banner-content {
    max-width: 800px;
    padding: 3%;
}

#bannertopcat .widthtop {
    max-width: 900px !important;
}

#bannertopcat .banner-content h1 {
    text-align: left;
    color: white;
    font-size: 50px;
    line-height: 60px;
}

#bannertopcat .banner-content p {
    font-size: 16px;
    color: white;
    line-height: 22px;
    margin-bottom: 0px;
}


.bannersarea {
    max-width: 1200px;
    margin: 0px auto;
    clear: both;
}

.containercol {
    display: flex;
    flex-direction: row;
}

.separation {
    margin-bottom: 30px;
}

.pdcol {
    padding: 5%;
}

.pdcol2 {
    padding: 3% !important;
}

.col {
    background-color: #EFEFEF;

    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

.col h2 {
    color: #1E1E1E;
    font-size: 36px;
    line-height: 41px;
    font-weight: 700;
    margin-bottom: 0px;
}

.col p {
    color: #1E1E1E;
    font-size: 16px;
    line-height: 22px;

}

.prefooter {
    background-image: url('https://www.tailoredsuitparis.fr/wp-content/uploads/2024/08/La-flexibilite-au-service-de-votre-style-background-img.webp');
    padding: 40px 20px;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.customheight {
    min-height: 350px !important
}

.prefooter h2,
.prefooter h3,
.prefooter p {
    color: white !important;
}

.prefooter h2 {
    font-size: 35px;
    margin-bottom: 10px;
    line-height: 40px;
}



.prefooter p {
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto 30px;
    text-align: center;
}

.prefooter.customwidth p {
    max-width: 1000px !important;
}

.prefooter .cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.prefooter .card {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 20px;
    width: calc(50% - 30px);
    max-width: 500px;
    box-sizing: border-box;
    border: solid 0.1px #ffffff6b;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.prefooter .card h3 {
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 15px;
}

.prefooter .card p {
    font-size: 16px;
    margin-bottom: 0px;
}


/******** responsive ********/
@media (max-width: 1024px) {
    #bannertopcat .banner-content h1 {
        font-size: 45px;
        line-height: 50px;
    }

    .col h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .pdcol {
        padding: 3%;
    }


}


@media (max-width: 768px) {

    .prefooter .card {
        width: 100%;
    }

    #bannertopcat .banner-content h1 {
        font-size: 38px;
        line-height: 43px;
        margin-bottom: 5px;
    }

    .col h2 {
        font-size: 28px;
        line-height: 34px;
    }

    #bannertopcat .banner-content p {
        font-size: 15px;
    }

}

@media (max-width: 600px) {
    #bannertopcat .banner-content h1 {
        font-size: 35px;
        line-height: 40px;
    }

    .containercol {
        display: flex;
        flex-direction: column;
    }

    .col {
        width: 100%;
    }

    .pdcol {
        padding: 5%;
    }

    .col p {
        margin-bottom: 0px;
    }

    .invertcol {
        flex-direction: column-reverse;
    }

    .prefooter h2 {
        font-size: 26px;
        line-height: 31px;
    }

    .pdcol2 {
        padding: 8% !important;
    }

}

@media (max-width: 480px) {
    .custombtnvp {
        font-size: 15px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        line-height: 20px !important;
    }

    .col h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .col p {
        font-size: 15px;
        ;
    }

    .prefooter p {
        font-size: 15px;
    }

    .prefooter .card h3 {
        font-size: 21px;
        line-height: 24px;
    }

    .prefooter .card p {
        font-size: 15px;
    }

    #bannertopcat .banner-content h1 {
        font-size: 31px;
        line-height: 35px;
    }

    .pdcol {
        padding: 5%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .prefooter .card {
        width: 90%;
    }

    .prefooter {
        padding: 10%;
    }

}