:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Poppins', sans-serif;
}
.heading {
font-family: 'Playfair Display', serif;
}
.hero-gradient {
background: linear-gradient(135deg, rgba(248, 169, 160, 0.2), rgba(168, 217, 208, 0.2), rgba(255, 213, 171, 0.2));
}
.gallery-item:hover .overlay {
opacity: 1;
}
.gallery-item img {
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.03);
}
.service-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: none;
border-color: #f8a9a0;
}
:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Poppins', sans-serif;
}
.heading {
font-family: 'Playfair Display', serif;
}
.gallery-item:hover .overlay {
opacity: 1;
}
.gallery-item img {
transition: transform 0.5s ease;
}
.gallery-item:hover img {
transform: scale(1.03);
}
.package-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.package-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: none;
border-color: #f8a9a0;
}
.step-item:not(:last-child)::after {
content: '';
position: absolute;
top: 30px;
left: 20px;
width: 100%;
height: 2px;
background-color: #f8a9a0;
z-index: -1;
}
.custom-checkbox {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #f8a9a0;
border-radius: 4px;
outline: none;
cursor: pointer;
position: relative;
}
.custom-checkbox:checked {
background-color: #f8a9a0;
}
.custom-checkbox:checked::after {
content: '';
position: absolute;
top: 2px;
left: 6px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.custom-radio {
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #f8a9a0;
border-radius: 50%;
outline: none;
cursor: pointer;
position: relative;
}
.custom-radio:checked {
border-color: #f8a9a0;
}
.custom-radio:checked::after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #f8a9a0;
}
.bg-pink-300 {
background-color: #eda598;
}
.text-black-footer a {
color: #000000;
}
.border-blue {
border-color: #a3ccc0;
}