@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.playfair-display{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.poppins{
  font-family: "Poppins", sans-serif;
  font-style: normal;
}
body{
    font-family: "Poppins", sans-serif;
    color:#422A3C;
    background-color: #FBF5ED;
}
@media (max-width: 768px) {
	body{
		font-size:14px;
	}
}
section,footer{
    padding-top: 3rem;
}
h1,h2,h3{
   font-family: "Playfair Display", serif; 
   font-weight: bold;
}
.text-gold{
    color:#D89E4A;
}
.bg-gold{
    background-color:#D89E4A;
}
.bg-beige{
    background-color: #F8EDDD;
}
.btn {
    border-radius: 2px;
    text-transform: uppercase;
    padding: 10px 36px;
}
.btn-gold {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D89E4A;
    --bs-btn-border-color: #D89E4A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D89E4A;
    --bs-btn-hover-border-color: #D89E4A;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D89E4A;
    --bs-btn-active-border-color: #D89E4A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D89E4A;
    --bs-btn-disabled-border-color: #D89E4A;
}
.header-logo,.footer-logo{
    width:120px;
}
@media (max-width: 768px) {
.header-logo, .footer-logo{
    width: 72px;
	}}
/**/
ul.checked-marked-list {
  list-style: none;
  padding-left: 16px;
}

ul.checked-marked-list li {
  position: relative;
  padding-left: 1.5em;
  padding-top:1rem;
}

ul.checked-marked-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top:calc( 1rem + 0.2em);
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_56_580' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='24' height='24'%3E%3Cpath d='M12.9994 23.8337C14.4223 23.8354 15.8315 23.556 17.1461 23.0115C18.4607 22.4669 19.6547 21.668 20.6596 20.6606C21.667 19.6557 22.4659 18.4617 23.0105 17.1471C23.555 15.8325 23.8344 14.4232 23.8327 13.0003C23.8344 11.5774 23.555 10.1682 23.0105 8.8536C22.4659 7.53901 21.667 6.34497 20.6596 5.34008C19.6547 4.33267 18.4607 3.53374 17.1461 2.9892C15.8315 2.44466 14.4223 2.16525 12.9994 2.167C11.5764 2.16525 10.1672 2.44466 8.85262 2.9892C7.53803 3.53374 6.34399 4.33267 5.33911 5.34008C4.33169 6.34497 3.53277 7.53901 2.98823 8.8536C2.44369 10.1682 2.16427 11.5774 2.16602 13.0003C2.16427 14.4232 2.44369 15.8325 2.98823 17.1471C3.53277 18.4617 4.33169 19.6557 5.33911 20.6606C6.34399 21.668 7.53803 22.4669 8.85262 23.0115C10.1672 23.556 11.5764 23.8354 12.9994 23.8337Z' fill='white' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8.66602 13L11.916 16.25L18.416 9.75' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_56_580)'%3E%3Cpath d='M0 0H26V26H0V0Z' fill='%23D89E4A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
/**/
.soins-grid{
	display: grid;
	grid-template-areas:
		"soin1 soin2 soin4"
		"soin1 soin3 soin5";
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 220px 220px;
	gap: 24px;
}
@media (max-width: 768px) {
.soins-grid{
	display: grid;
	grid-template-areas:
		"soin1 soin1"
		"soin2 soin4"
		"soin3 soin5";
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 220px 220px 220px;
	gap: 24px;
}	
}
/* Assign grid areas based on child order */
.soins-grid > :first-child {
	grid-area: soin1;
	background: lightblue;
}

.soins-grid > :nth-child(2) {
	grid-area: soin2;
	background: lightgreen;
}

.soins-grid > :nth-child(3) {
	grid-area: soin3;
	background: lightyellow;
}
.soins-grid > :nth-child(4) {
	grid-area: soin4;
	background: lightyellow;
}
.soins-grid > :nth-child(5) {
	grid-area: soin5;
	background: lightyellow;
}

.service-category-section:nth-child(odd)>.container>.row {
	flex-direction:row-reverse
}

.service-category-section:nth-child(odd)>.container>.row .category-decoration {
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
img.service-category-hero-image {
    height: 91.333333%;
    width: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
    right: 0;
}
.service-category-section:nth-child(odd)>.container>.row img.service-category-hero-image{
    left:0;
}