/* =========================================================
XFLIRT - MODERN DISCOVERY LANDING PAGE
dating-page-2.css
========================================================= */

/* =========================================================
ROOT VARIABLES
========================================================= */

:root {
--x-dark: #17151a;
--x-black: #0f0d11;
--x-text: #29262c;
--x-muted: #77727b;
--x-soft: #f8f5f2;
--x-soft-two: #f2ece8;
--x-border: #e8e0dc;
--x-white: #ffffff;
--x-accent: #ef6f61;
--x-accent-dark: #d8564a;
--x-pink: #f8d8d3;
--x-radius: 24px;
--x-radius-lg: 38px;
--x-shadow: 0 20px 60px rgba(30, 22, 20, 0.10);
--x-transition: all 0.35s ease;
}

/* =========================================================
GLOBAL
========================================================= */

* {
  box-sizing: border-box;
  }

html {
scroll-behavior: smooth;
}

body {
margin: 0;
background: var(--x-white);
color: var(--x-text);
font-family: "Inter", sans-serif;
overflow-x: hidden;
}

img {
max-width: 100%;
display: block;
}

a {
text-decoration: none;
transition: var(--x-transition);
}

p {
line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--x-dark);
font-weight: 700;
letter-spacing: -0.03em;
}

/* =========================================================
NAVBAR
========================================================= */

.xflirt-navbar {
padding: 18px 0;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: blur(18px);
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
z-index: 999;
}

.xflirt-navbar .navbar-brand,
.xflirt-footer .navbar-brand {
color: var(--x-dark);
font-size: 2rem;
font-weight: 800;
letter-spacing: -0.08em;
}

.brand-dot {
color: var(--x-accent);
}

.xflirt-navbar .nav-link {
color: var(--x-text);
font-size: 0.92rem;
font-weight: 600;
padding: 10px 16px !important;
}

.xflirt-navbar .nav-link:hover {
color: var(--x-accent);
}

.xflirt-navbar .navbar-toggler {
color: var(--x-dark);
}

/* =========================================================
BUTTONS
========================================================= */

.btn-x {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
min-height: 52px;
padding: 13px 24px;
border: 1px solid var(--x-accent);
border-radius: 999px;
background: var(--x-accent);
color: var(--x-white);
font-weight: 700;
box-shadow: 0 12px 28px rgba(239, 111, 97, 0.22);
}

.btn-x:hover {
background: var(--x-accent-dark);
border-color: var(--x-accent-dark);
color: var(--x-white);
transform: translateY(-3px);
box-shadow: 0 16px 35px rgba(239, 111, 97, 0.30);
}

/* =========================================================
COMMON SECTION STYLES
========================================================= */

.section {
padding: 120px 0;
}

.section-soft {
background: var(--x-soft);
}

.section-kicker {
display: inline-flex;
align-items: center;
color: var(--x-accent);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.section-title {
margin: 0;
font-size: clamp(2.3rem, 4vw, 4.5rem);
line-height: 1.05;
}

.section-title span {
display: block;
color: var(--x-accent);
}

.section-lead {
color: var(--x-muted);
font-size: 1.08rem;
line-height: 1.85;
}

/* =========================================================
HERO
========================================================= */

.new-hero-section {
min-height: 850px;
padding: 190px 0 120px;
background:
radial-gradient(circle at 90% 10%, rgba(248, 216, 211, 0.60), transparent 30%),
linear-gradient(135deg, #fffdfb 0%, #f8f1ee 100%);
}

.new-hero-content {
max-width: 620px;
}

.new-hero-title {
margin: 25px 0;
color: var(--x-dark);
font-size: clamp(3.5rem, 6vw, 6.8rem);
line-height: 0.96;
letter-spacing: -0.07em;
}

.new-hero-title span {
display: block;
color: var(--x-accent);
}

.new-hero-text {
max-width: 580px;
color: var(--x-muted);
font-size: 1.08rem;
line-height: 1.85;
}

.hero-mini-trust {
display: flex;
flex-wrap: wrap;
gap: 18px;
}

.hero-mini-trust span {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--x-muted);
font-size: 0.84rem;
font-weight: 600;
}

.hero-mini-trust i {
color: var(--x-accent);
}

/* =========================================================
HERO COLLAGE
========================================================= */

.hero-collage {
position: relative;
min-height: 650px;
}

.hero-main-photo {
position: absolute;
top: 0;
right: 0;
width: 78%;
height: 580px;
overflow: hidden;
border-radius: 38px;
box-shadow: var(--x-shadow);
}

.hero-main-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}

.hero-photo-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(15, 13, 17, 0.78),
transparent 55%
);
}

.hero-photo-content {
position: absolute;
right: 35px;
bottom: 35px;
left: 35px;
color: var(--x-white);
}

.hero-photo-content span {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 15px;
font-size: 0.82rem;
font-weight: 600;
}

.hero-photo-content span i {
color: var(--x-accent);
}

.hero-photo-content h3 {
max-width: 380px;
margin: 0;
color: var(--x-white);
font-size: 2rem;
line-height: 1.1;
}

.hero-small-photo {
position: absolute;
z-index: 2;
overflow: hidden;
border: 8px solid var(--x-white);
border-radius: 24px;
box-shadow: var(--x-shadow);
}

.hero-small-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}

.hero-small-photo-one {
bottom: 50px;
left: 0;
width: 190px;
height: 240px;
transform: rotate(-7deg);
}

.hero-small-photo-two {
top: 60px;
left: 40px;
width: 150px;
height: 180px;
transform: rotate(7deg);
}

.hero-floating-note {
position: absolute;
right: -20px;
bottom: 125px;
z-index: 3;
display: flex;
align-items: center;
gap: 13px;
padding: 15px 20px;
background: var(--x-white);
border-radius: 18px;
box-shadow: var(--x-shadow);
}

.floating-note-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--x-pink);
color: var(--x-accent);
}

.hero-floating-note small {
display: block;
color: var(--x-muted);
font-size: 0.72rem;
}

.hero-floating-note strong {
display: block;
margin-top: 3px;
color: var(--x-dark);
}

/* =========================================================
INTRO SECTION
========================================================= */

.intro-section {
background: var(--x-white);
}

.intro-stat-card {
height: 100%;
padding: 38px;
background: var(--x-soft);
border: 1px solid var(--x-border);
border-radius: var(--x-radius);
transition: var(--x-transition);
}

.intro-stat-card:hover {
transform: translateY(-8px);
box-shadow: var(--x-shadow);
}

.intro-stat-icon {
display: flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
margin-bottom: 25px;
border-radius: 18px;
background: var(--x-pink);
color: var(--x-accent);
font-size: 1.5rem;
}

.intro-stat-card h3 {
margin-bottom: 15px;
font-size: 1.45rem;
}

.intro-stat-card p {
margin: 0;
color: var(--x-muted);
}

/* =========================================================
VISUAL STORY
========================================================= */

.large-story-image {
position: relative;
min-height: 650px;
overflow: hidden;
border-radius: var(--x-radius-lg);
}

.large-story-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(15, 13, 17, 0.72),
transparent 55%
);
}

.large-story-image img {
width: 100%;
height: 650px;
object-fit: cover;
transition: transform 0.8s ease;
}

.large-story-image:hover img {
transform: scale(1.05);
}

.story-image-label {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
z-index: 2;
display: flex;
align-items: center;
gap: 15px;
color: var(--x-white);
}

.story-image-label > span {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
flex-shrink: 0;
border-radius: 50%;
background: var(--x-accent);
}

.story-image-label small {
display: block;
margin-bottom: 4px;
color: rgba(255, 255, 255, 0.72);
}

.story-image-label strong {
display: block;
font-size: 1.1rem;
}

.visual-story-content p:not(.section-lead) {
color: var(--x-muted);
line-height: 1.85;
}

/* =========================================================
EXPERIENCE CARDS
========================================================= */

.experience-card {
position: relative;
height: 100%;
padding: 34px;
background: var(--x-white);
border: 1px solid var(--x-border);
border-radius: var(--x-radius);
transition: var(--x-transition);
}

.experience-card:hover {
transform: translateY(-8px);
box-shadow: var(--x-shadow);
}

.experience-card-large {
min-height: 540px;
padding: 45px;
background: var(--x-dark);
}

.experience-card-large h3,
.experience-card-large p {
color: var(--x-white);
}

.experience-card-large h3 {
max-width: 460px;
margin-top: 100px;
font-size: 3rem;
line-height: 1.05;
}

.experience-card-large h3 span,
.experience-card h3 span {
color: var(--x-accent);
}

.experience-card p {
color: var(--x-muted);
line-height: 1.75;
}

.experience-card-large p {
max-width: 500px;
color: rgba(255, 255, 255, 0.65);
}

.experience-card-icon {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border-radius: 18px;
background: var(--x-pink);
color: var(--x-accent);
font-size: 1.4rem;
}

.experience-number {
position: absolute;
top: 32px;
right: 32px;
color: var(--x-accent);
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.1em;
}

.experience-bottom {
position: absolute;
right: 45px;
bottom: 40px;
left: 45px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.experience-bottom span {
color: rgba(255, 255, 255, 0.68);
font-size: 0.8rem;
}

.experience-bottom i {
margin-right: 5px;
color: var(--x-accent);
}

.experience-card-wide {
display: flex;
gap: 25px;
align-items: flex-start;
}

.experience-card-wide h3 {
margin-top: 0;
padding-right: 50px;
font-size: 1.6rem;
}

/* =========================================================
PROFILE DISCOVERY
========================================================= */

.profile-image-card {
height: 100%;
overflow: hidden;
background: var(--x-white);
border: 1px solid var(--x-border);
border-radius: var(--x-radius);
transition: var(--x-transition);
}

.profile-image-card:hover {
transform: translateY(-10px);
box-shadow: var(--x-shadow);
}

.profile-card-image {
position: relative;

overflow: hidden;
}

.profile-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}

.profile-image-card:hover .profile-card-image img {
transform: scale(1.06);
}

.profile-card-heart {
position: absolute;
top: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
border-radius: 50%;
background: var(--x-white);
color: var(--x-accent);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.profile-card-content {
padding: 30px;
}

.profile-category {
color: var(--x-accent);
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.13em;
}

.profile-card-content h3 {
margin: 10px 0;
font-size: 1.8rem;
}

.profile-card-content p {
color: var(--x-muted);
}

.profile-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 20px;
}

.profile-tags span {
padding: 7px 12px;
background: var(--x-soft);
border-radius: 999px;
color: var(--x-muted);
font-size: 0.75rem;
font-weight: 600;
}

/* =========================================================
JOURNEY TIMELINE
========================================================= */

.journey-section {
background: var(--x-white);
}

.journey-timeline {
position: relative;
}

.journey-timeline::before {
content: "";
position: absolute;
top: 20px;
bottom: 20px;
left: 30px;
width: 1px;
background: var(--x-border);
}

.journey-item {
position: relative;
display: flex;
gap: 25px;
padding-bottom: 45px;
}

.journey-item:last-child {
padding-bottom: 0;
}

.journey-number {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
flex-shrink: 0;
background: var(--x-accent);
border: 8px solid var(--x-white);
border-radius: 50%;
color: var(--x-white);
font-size: 0.8rem;
font-weight: 800;
box-shadow: 0 0 0 1px var(--x-border);
}

.journey-item h3 {
margin: 5px 0 10px;
font-size: 1.35rem;
}

.journey-item p {
margin: 0;
color: var(--x-muted);
}

/* =========================================================
IMAGE FEATURE SECTION
========================================================= */

.image-feature-visual {
position: relative;
padding: 20px;
}

.image-feature-visual::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 75%;
height: 75%;
background: var(--x-pink);
border-radius: 40px;
}

.image-feature-visual img {
position: relative;
z-index: 1;
width: 90%;
height: 600px;
margin-left: auto;
object-fit: cover;
border-radius: 35px;
box-shadow: var(--x-shadow);
}

.image-feature-badge {
position: absolute;
right: 0;
bottom: 55px;
z-index: 2;
display: flex;
align-items: center;
gap: 13px;
padding: 16px 22px;
background: var(--x-white);
border-radius: 18px;
box-shadow: var(--x-shadow);
}

.image-feature-badge > i {
color: var(--x-accent);
font-size: 1.5rem;
}

.image-feature-badge strong,
.image-feature-badge small {
display: block;
}

.image-feature-badge small {
margin-top: 3px;
color: var(--x-muted);
font-size: 0.75rem;
}

.image-feature-content p:not(.section-lead) {
color: var(--x-muted);
line-height: 1.85;
}

/* =========================================================
MEMBER STORIES
========================================================= */

.member-quote-card {
height: 100%;
padding: 40px;
background: var(--x-white);
border: 1px solid var(--x-border);
border-radius: var(--x-radius);
transition: var(--x-transition);
}

.member-quote-card:hover {
transform: translateY(-8px);
box-shadow: var(--x-shadow);
}

.quote-card-highlight {
background: var(--x-dark);
}

.quote-mark {
margin-bottom: 25px;
color: var(--x-accent);
font-size: 2.5rem;
}

.member-quote-card > p {
min-height: 180px;
color: var(--x-muted);
font-size: 1.05rem;
line-height: 1.8;
}

.quote-card-highlight > p {
color: rgba(255, 255, 255, 0.72);
}

.member-info {
display: flex;
align-items: center;
gap: 14px;
padding-top: 25px;
border-top: 1px solid var(--x-border);
}

.quote-card-highlight .member-info {
border-color: rgba(255, 255, 255, 0.14);
}

.member-info img {
width: 55px;
height: 55px;
object-fit: cover;
border-radius: 50%;
}

.member-info strong,
.member-info small {
display: block;
}

.member-info strong {
color: var(--x-dark);
}

.quote-card-highlight .member-info strong {
color: var(--x-white);
}

.member-info small {
margin-top: 4px;
color: var(--x-muted);
font-size: 0.76rem;
}

/* =========================================================
SAFETY SECTION
========================================================= */

.safety-visual {
position: relative;
min-height: 600px;
}

.safety-image-main {
width: 78%;
height: 560px;
overflow: hidden;
border-radius: 35px;
}

.safety-image-main img {
width: 100%;
height: 100%;
object-fit: cover;
}

.safety-image-small {
position: absolute;
right: 0;
bottom: 0;
width: 220px;
height: 280px;
overflow: hidden;
border: 10px solid var(--x-white);
border-radius: 28px;
box-shadow: var(--x-shadow);
transform: rotate(6deg);
}

.safety-image-small img {
width: 100%;
height: 100%;
object-fit: cover;
}

.safety-points {
margin-top: 35px;
}

.safety-point {
display: flex;
gap: 18px;
margin-bottom: 28px;
}

.safety-point > i {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
flex-shrink: 0;
border-radius: 15px;
background: var(--x-pink);
color: var(--x-accent);
}

.safety-point h3 {
margin-bottom: 5px;
font-size: 1.1rem;
}

.safety-point p {
margin: 0;
color: var(--x-muted);
}

/* =========================================================
FAQ
========================================================= */

.xflirt-accordion .accordion-item {
margin-bottom: 15px;
overflow: hidden;
background: var(--x-white);
border: 1px solid var(--x-border);
border-radius: 16px !important;
}

.xflirt-accordion .accordion-button {
padding: 24px 28px;
background: var(--x-white);
color: var(--x-dark);
font-size: 1rem;
font-weight: 700;
box-shadow: none;
}

.xflirt-accordion .accordion-button:not(.collapsed) {
color: var(--x-accent);
background: var(--x-white);
}

.xflirt-accordion .accordion-button::after {
background-size: 15px;
}

.xflirt-accordion .accordion-body {
padding: 0 28px 28px;
color: var(--x-muted);
line-height: 1.8;
}

/* =========================================================
FINAL CTA
========================================================= */

.new-final-cta {
padding: 120px 0;
background:
radial-gradient(circle at 90% 20%, rgba(239, 111, 97, 0.25), transparent 30%),
var(--x-dark);
}

.new-final-cta .section-kicker {
color: var(--x-accent);
}

.new-final-cta h2 {
max-width: 700px;
margin: 22px 0;
color: var(--x-white);
font-size: clamp(2.8rem, 5vw, 5.5rem);
line-height: 1;
}

.new-final-cta h2 span {
display: block;
color: var(--x-accent);
}

.new-final-cta p {
max-width: 650px;
color: rgba(255, 255, 255, 0.68);
font-size: 1.08rem;
line-height: 1.85;
}

.final-image-card {
position: relative;
min-height: 500px;
overflow: hidden;
border-radius: 35px;
}

.final-image-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(15, 13, 17, 0.75),
transparent 55%
);
}

.final-image-card img {
width: 100%;
height: 500px;
object-fit: cover;
}

.final-image-message {
position: absolute;
right: 25px;
bottom: 25px;
left: 25px;
z-index: 2;
display: flex;
align-items: center;
gap: 13px;
color: var(--x-white);
}

.final-image-message > i {
color: var(--x-accent);
font-size: 1.6rem;
}

.final-image-message span {
display: block;
}

.final-image-message strong {
display: block;
}

/* =========================================================
FOOTER
========================================================= */

.xflirt-footer {
padding: 80px 0 30px;
background: var(--x-black);
color: rgba(255, 255, 255, 0.6);
}

.xflirt-footer .navbar-brand {
color: var(--x-white);
}

.xflirt-footer p {
max-width: 480px;
line-height: 1.8;
}

.footer-title {
margin-bottom: 20px;
color: var(--x-white);
font-size: 0.8rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}

.xflirt-footer ul li {
margin-bottom: 12px;
}

.xflirt-footer ul a {
color: rgba(255, 255, 255, 0.6);
}

.xflirt-footer ul a:hover {
color: var(--x-accent);
}

/* =========================================================
RESPONSIVE DESIGN
========================================================= */

@media (max-width: 1199px) {


.new-hero-title {
    font-size: 5rem;
}

.hero-main-photo {
    width: 82%;
}

.hero-small-photo-one {
    width: 160px;
    height: 210px;
}

.hero-floating-note {
    right: -5px;
}

.experience-card-large h3 {
    font-size: 2.5rem;
}


}

@media (max-width: 991px) {


.section {
    padding: 85px 0;
}

.new-hero-section {
    padding: 150px 0 90px;
}

.new-hero-content {
    max-width: 100%;
    text-align: center;
}

.new-hero-text {
    margin-right: auto;
    margin-left: auto;
}

.hero-mini-trust {
    justify-content: center;
}

.new-hero-content .d-flex {
    justify-content: center;
}

.hero-collage {
    max-width: 650px;
    margin: 30px auto 0;
}

.section-title {
    font-size: 3.2rem;
}

.experience-card-large {
    min-height: 450px;
}

.experience-card-large h3 {
    margin-top: 70px;
}

.image-feature-visual {
    max-width: 650px;
    margin: auto;
}

.safety-visual {
    max-width: 650px;
    margin: auto;
}


}

@media (max-width: 767px) {


.xflirt-navbar {
    padding: 13px 0;
}

.xflirt-navbar .navbar-collapse {
    padding: 20px 0 10px;
}

.xflirt-navbar .navbar-nav {
    align-items: flex-start !important;
}

.xflirt-navbar .nav-link {
    padding-left: 0 !important;
}

.xflirt-navbar .btn-x {
    margin-top: 15px;
}

.new-hero-section {
    padding-top: 130px;
}

.new-hero-title {
    font-size: clamp(3.2rem, 14vw, 5rem);
}

.new-hero-text {
    font-size: 1rem;
}

.hero-collage {
    min-height: 520px;
}

.hero-main-photo {
    width: 88%;
    height: 470px;
}

.hero-small-photo-one {
    bottom: 20px;
    width: 130px;
    height: 170px;
}

.hero-small-photo-two {
    top: 20px;
    left: 10px;
    width: 110px;
    height: 140px;
}

.hero-floating-note {
    right: 0;
    bottom: 70px;
    padding: 12px 15px;
}

.hero-floating-note small {
    font-size: 0.65rem;
}

.hero-floating-note strong {
    font-size: 0.9rem;
}

.section-title {
    font-size: 2.65rem;
}

.large-story-image,
.large-story-image img {
    min-height: 470px;
    height: 470px;
}

.experience-card-large {
    min-height: 470px;
    padding: 30px;
}

.experience-card-large h3 {
    font-size: 2.2rem;
}

.experience-bottom {
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.experience-card-wide {
    flex-direction: column;
}

.experience-card-wide h3 {
    padding-right: 0;
}

.profile-card-image {
    height: 430px;
}

.journey-timeline::before {
    left: 25px;
}

.journey-number {
    width: 52px;
    height: 52px;
}

.journey-item {
    gap: 15px;
}

.image-feature-visual img {
    width: 100%;
    height: 450px;
}

.image-feature-badge {
    right: 5px;
    bottom: 35px;
}

.member-quote-card > p {
    min-height: auto;
}

.safety-visual {
    min-height: 470px;
}

.safety-image-main {
    width: 85%;
    height: 430px;
}

.safety-image-small {
    width: 160px;
    height: 210px;
}

.new-final-cta {
    padding: 85px 0;
}

.new-final-cta h2 {
    font-size: 3rem;
}

.final-image-card,
.final-image-card img {
    min-height: 420px;
    height: 420px;
}


}

@media (max-width: 575px) {


.section {
    padding: 70px 0;
}

.new-hero-section {
    padding: 115px 0 70px;
}

.new-hero-title {
    font-size: 3.25rem;
}

.hero-collage {
    min-height: 430px;
}

.hero-main-photo {
    width: 90%;
    height: 390px;
}

.hero-small-photo-one {
    width: 105px;
    height: 140px;
    border-width: 5px;
}

.hero-small-photo-two {
    width: 85px;
    height: 115px;
    border-width: 5px;
}

.hero-floating-note {
    right: -5px;
    bottom: 35px;
}

.floating-note-icon {
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
}

.hero-photo-content {
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.hero-photo-content h3 {
    font-size: 1.45rem;
}

.hero-mini-trust {
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.section-title {
    font-size: 2.35rem;
}

.section-lead {
    font-size: 1rem;
}

.intro-stat-card,
.experience-card,
.member-quote-card {
    padding: 28px;
}

.large-story-image,
.large-story-image img {
    min-height: 400px;
    height: 400px;
}

.story-image-label {
    right: 20px;
    bottom: 20px;
    left: 20px;
}

.story-image-label strong {
    font-size: 0.95rem;
}

.experience-card-large h3 {
    font-size: 2rem;
}

.profile-card-image {
    height: 380px;
}

.image-feature-visual {
    padding: 10px;
}

.image-feature-visual::before {
    border-radius: 25px;
}

.image-feature-visual img {
    height: 390px;
    border-radius: 25px;
}

.image-feature-badge {
    right: -5px;
    padding: 12px 15px;
}

.image-feature-badge strong {
    font-size: 0.85rem;
}

.image-feature-badge small {
    font-size: 0.65rem;
}

.safety-visual {
    min-height: 390px;
}

.safety-image-main {
    height: 360px;
}

.safety-image-small {
    width: 125px;
    height: 165px;
    border-width: 6px;
}

.new-final-cta h2 {
    font-size: 2.6rem;
}

.final-image-card,
.final-image-card img {
    min-height: 360px;
    height: 360px;
}

.xflirt-footer {
    padding-top: 60px;
}


}