/* ===================== CSS VARIABLES ===================== */
:root {
--header-height: 100px;
 --header-height-sticky: 70px;
--pink: #e91e63;
--purple: #9c27b0;
--white: #fff;
--dark: #111;
--light: #fff;
--muted: #666;
--section-padding: 100px;
--radius: 16px;
}

* {margin: 0;padding: 0;box-sizing: border-box;}
html { font-size: 62.5%;scroll-behavior: smooth;  scroll-padding-top: var(--header-height); /* KEY */}
body {font-size: 18px; font-family: "DM Sans", sans-serif; color: rgba(0, 0, 0, 1);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;  color: var(--dark);}
.container{max-width:1280px ; margin: 0 auto;}

.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;

height: var(--header-height);
background: transparent;
border-bottom: 1px solid rgba(255,255,255,.15);
transition: 0.5s;
}
.page-template-default .header, .error404 .header,
.header.is-sticky {/* height: var(----header-height-sticky);*/
background: linear-gradient(
270deg,
#B62770 -20.36%,
#E61159 83.36%,
#F01D44 190.9%
);
box-shadow: var(--header-shadow); border-color: transparent;}
body.has-sticky {padding-top: var(--header-height);}

.nav {height: 100%;display: flex;align-items: center;justify-content: space-between;}
.nav ul{gap: 24px;list-style: none; margin: 0; padding: 0; display: flex; align-items: center;}
.nav li{list-style: none;}
.nav .menu a {text-decoration: none;color: var(--white);font-weight: 500;}
.nav .menu a:hover {color: var(--pink);}
.nav .nav-link {position: relative;padding: 8px 0;text-decoration: none;color: #fff;transition: color 0.3s ease;}
.nav .nav-link.active, .nav .menu a:hover  {color: #fff;}
.nav .nav-link::after {content: "";position: absolute;left: 0;bottom: 0px;width: 0;height: 2px; background: #fff;transition: width 0.3s ease;}
.nav .nav-link.active::after, .nav .menu a:hover:after {width: 100%;}
.menu-toggle{display: none;}
.app-btns{gap: 8px; display: flex; align-items: center; justify-content: flex-start; }
.app-btns a{display:inline-flex;transition: .45s;}
.app-btns a:hover{transform: translateY(-3px);}
nav.menu {width: calc(100% - 30%); display: flex; justify-content: space-between;}

/* ===================== SECTIONS ===================== */
.pt{padding-top: 12rem;}
.mt{margin-top: 12rem;}
.hero {position: relative; padding: 0; /*height: 100vh;*/ height: clamp(42vw, 68vw, 100vh);}
.hero img{position: relative; z-index: 1; width: 100%; object-fit: cover; height:100% }
.banner-cnt{color: var(--white); font-size: 2.4rem; line-height: 3.4rem; width: 100%;position: absolute;top: 40%; left: 50%; transform: translateX(-50%); z-index: 2;}
.banner-cnt .container{display: flex; flex-direction: column; justify-content: center;}
.banner-cnt h1{font-size: 9.6rem; line-height: 10.1rem; color: var(--white);}
.banner-cnt .highlight {font-weight: 300; display: flex;background: linear-gradient(0deg,#B62770 0%,#E61159 63.05%,#F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.banner-cnt p{margin: 10px 0 0 ;}

.about-section{padding-top: 0;}
.card-grid{display: flex; gap: 10px;margin-top: -100px; position: relative; z-index: 3; display: flex; justify-content: center;}
.card-grid .card{transition: 0.5s;}
.card-grid .card:nth-child(2n){transform: translateY(-50px);}
.card-grid .card:nth-child(2n):hover{transform: translateY(-60px);}
.card-grid .card:hover{transform: translateY(-40px);}
.card-grid img{width: 100%; max-width: 100%; height: auto;}

.dating-section{padding-top:10rem ; display: flex; justify-content: space-between;}
.content{width: 40%;}
.gallery{width: calc(100% - 45%);}

.dating-section .gradient-text {    max-width: 262px;
font-size: clamp(2.2rem, 3.5vw, 3rem);font-weight: 700;background: linear-gradient(286.37deg, #B62770 26.48%, #E61159 57.3%, #F01D44 89.25%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.dating-section .desc {color: rgba(0, 0, 0, 0.75); font-size:2.1rem;}
.dating-section .desc strong{ font-size:2.4rem; display: flex; margin-bottom: 5px;}

/* CHECKLIST */
.checklist {display: flex; margin:5rem 0; padding: 0; gap: 20px;}
.checklist .icon{display: inline-flex; width: 20px; height: 20px; background: url(assets/images/checkmark.svg) no-repeat;}
.checklist li { display: flex;align-items: center; gap: 10px;font-size: 21px;color: rgba(0, 0, 0, 1);}
.gradient-color {background: linear-gradient(0deg,#B62770 0%,#E61159 63.05%,#F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}

.section-heading{margin-bottom: 4.8rem; font-size: 4.8rem; line-height: 6.4rem; font-weight: 300;}
.section-heading .gradient-color{font-weight: 700;}
.section-heading.big {font-size: 9.6rem; line-height: 10rem; margin-top: 2.5rem;}
.big .gradient-color{font-weight: 400;}

.subtitle{color: rgba(0, 0, 0, 1); font-weight: 300; font-weight: 2.4rem; margin: 0 0 12px;}
.align-center{text-align: center;}
.full-banner{position: relative; overflow: hidden; height: 850px;}
.full-banner img.w-100{width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1;}
.app-screen { text-align: center;position: absolute;z-index: 2;bottom:-44px;transform:translateX(-50%);left: 50%;}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
@keyframes mover2 {
    0% { transform: translatex(0); }
    100% { transform: translatex(-30px); }
}
.app-screen img{margin: 0 auto; -webkit-animation: mover2 3s infinite alternate; animation: mover 2s infinite alternate;}

.gallery { gap: 3rem;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;position: relative;}
.img-card {width: 260px;height: 244px;aspect-ratio: 1 / 1;border-radius: var(--radius);overflow: hidden;opacity: 0;transform: translateY(80px) scale(0.8);transition: transform 0.9s cubic-bezier(.22,1,.36,1), opacity 0.6s ease;}
.img-card img {width: 100%;height: 100%;object-fit: cover;display: block;}
.gallery .img-card:nth-child(1),
.gallery .img-card:nth-child(3),
.gallery .img-card:nth-child(4) {width: 178px;height: 170px;}
.gallery .img-card:nth-child(2) {transform: translateY(-27px) scale(0.8);}
.gallery .img-card:nth-child(1),
.gallery .img-card:nth-child(3) {align-self: flex-end;}
.gallery.is-visible .img-card {opacity: 1;transform: translateY(0) scale(1);}
.gallery.is-visible .img-card:nth-child(2) { transition-delay: .1s; }
.gallery.is-visible .img-card:nth-child(3) { transition-delay: .2s; }
.gallery.is-visible .img-card:nth-child(4) { transition-delay: .3s; }
.gallery.is-visible .img-card:nth-child(5) { transition-delay: .4s; }


ul.info-card{max-width: 100%; padding: 0; margin:4.8rem 0; gap: 12px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap;}
ul.info-card li {width: calc(25% - 12px); position: relative;background: #fff;z-index: 1;}

ul.info-card li .caption{padding:2rem 0 1.2rem; font-size: 20px;font-style: normal;font-weight: 700; display: flex; gap: 12px;}
ul.info-card li figure{border-radius: 30px;transition: 0.5s;height: 264px; overflow: hidden;}
ul.info-card figure img {border-radius: 30px; width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}
ul.info-card figure:hover img {transform: scale(1.05);}

ul.info-card .count {font-size: 20px;width: 30px;height: 30px;border-radius: 50%;background: #eef5ff;display: flex;align-items: center;justify-content: center;display: inline-flex;position: relative; background: #fff; padding: 5px;background:linear-gradient(#fff, #fff) padding-box, var(--Gradient, linear-gradient(0deg, #b627707d 27.77%, #e6115963 63.05%, #f01d4461 99.63%)) border-box; border: 1px solid transparent;border: 2px solid transparent;overflow: hidden;}
ul.info-card .count span{position: relative; z-index: 2;}
ul.info-card li:hover .count {background: linear-gradient(#fff, #fff) padding-box, var(--Gradient, linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%)) border-box; border: 2px solid transparent;}
ul.info-card li:hover .count{background: linear-gradient(#fff, #fff) padding-box, var(--Gradient, linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%)) border-box; border: 2px solid transparent;}
ul.info-card li:hover .count span,
ul.info-card li:hover .caption{ background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);
    -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

.cta-row{display: flex; justify-content: space-between; align-items: center;}
.cta-row span{font-size: 2.4rem; font-weight: 600;}
.cta-row .btn { font-size: 20px; gap: 12px; justify-content: center;display: inline-flex; align-self: center;margin-top: 10px; font-size: 2.1rem;padding: 14px 16px;background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);color: #fff;border-radius: 10px;text-decoration: none;width: fit-content; min-width:242px; align-items: center;  position: relative;}
.cta-row .btn svg{transition: 0.5s;}
.cta-row .btn:hover svg{transform: translateX(2px);}
   

/*SLICK SLIDER*/
.slick-list{margin-left: -10px; margin-right: -10px;}
.slick-slide{margin-left: 10px; margin-right:10px;}
.event-slider {width: 100%;}
.event-card {position: relative;overflow: hidden;padding-bottom: 50px;transition: all 0.4s ease;;}
.event-card img {width: 100%;border-radius: 30px;height: 470px; object-position: center;object-fit: cover;}
.event-content {position: absolute;bottom: -20px;left: 20px;right: 20px;padding:2rem;border-radius:20px; transform: translateY(20px);margin-bottom: 50px; background: #fff; color: #fff;box-shadow:0px 2px 15px 0px rgba(0, 0, 0, 0.07);transition: 0.5s;-webkit-backface-visibility: hidden;backface-visibility: hidden;max-height: 97px;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.event-card:hover .event-content {opacity: 1; height: auto; max-height: 280px;border: 0;}

.event-content h3 {margin: 0 0 8px;background: linear-gradient(0deg,#B62770 0%,#E61159 63.05%,#F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent; font-size:3.8rem; line-height: 4.9rem; text-align: center;}
.event-content p {visibility: hidden; display:none; transition:0.5s;}
.event-card:hover .event-content{background: linear-gradient(270deg, #B62770 -136.15%, #E61159 -20.84%, #F01D44 98.72%);}
.event-card:hover .event-content h3{color: #fff; background: transparent; font-size: 4.8rem; text-align: left;
-webkit-background-clip: inherit; -webkit-text-fill-color: inherit; background-clip: inherit;}
.event-card:hover .event-content p{display:block;visibility: visible;}
.slick-arrow{width: 32px; height: 40px; right:-6rem; border: 0; background: none; cursor: pointer; position: absolute; top: 50%; font-size: 0; background: url(assets/images/arrow.png ) no-repeat center;}
.slick-arrow.slick-prev{right: auto; left:-6rem; transform: rotate(-180deg);}
.slick-disabled{opacity: 0.5;}

/*SAFETY-SECTION*/
.safety-section{padding:10rem 0; background: linear-gradient(0deg, rgba(182, 39, 112, 0.1) 27.77%, rgba(230, 17, 89, 0.1) 63.05%, rgba(240, 29, 68, 0.1) 99.63%);}

/*ACCORDION*/
.accordion {display: flex;gap: 20px;height: 420px;}
.acc-card {background: linear-gradient(270deg, #B62770 -136.15%, #E61159 -20.84%, #F01D44 98.72%);}
.acc-card:nth-child(2){background: linear-gradient(270deg, #B62770 -20.36%, #E61159 83.36%, #F01D44 190.9%);}
.acc-card:nth-child(3){background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);}
.accordion {display: flex;gap: 20px;height: 600px;}
.acc-card {position: relative;flex: 1;border-radius: 20px;overflow: hidden;cursor: pointer;}
.acc-card.active {flex: 3;}
.acc-bg {position: absolute;inset: 0;background-size: cover;background-position: center;opacity: 0;transition: opacity 0.4s ease;}
.acc-card.active .acc-bg {padding: 2.5rem;color: #fff;opacity: 1;width: 52%;left:48%;background:linear-gradient(270.02deg, rgba(182, 39, 112, 0.37) -45.64%, rgba(230, 17, 89, 0.37) 25.46%, rgba(240, 29, 68, 0.37) 99.17%);}
.plus-icon{position: absolute; bottom: 30px; right: 30px;}
.acc-card.active{background: transparent;}
.acc-card.active .acc-content{width: 48%;}
.acc-card.active .plus-icon{display: none;}
.acc-card .bg-img{display: none;}
.acc-card.active .bg-img{display: flex; position: relative; z-index: 1;width: 100%;height: 100%; object-fit: cover;}
.acc-cnt{position: absolute; z-index: 2;    padding:6rem 3rem;}
.acc-cnt h3{font-size:3.2rem; line-height: 3.5rem; color: #fff;}
.acc-content {position: relative;z-index: 2;height: 100%;padding: 0;color: #fff;display: flex;flex-direction: column;gap: 0;}
.acc-card .title{font-size: 3.2rem; line-height: 4.2rem; }
.acc-card .checklist{flex-wrap: wrap; margin: 3.2rem 0; gap: 5px;}
.acc-card .checklist li{gap: 10px; font-size: 19px;}
.acc-card .btn {display: inline-block;margin-top: 10px; font-size: 2.1rem;padding: 16px 16px;background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);color: #fff;border-radius: 10px;text-decoration: none;width: fit-content; min-width: 100%; text-align: center; position: relative;}
.acc-card .btn svg{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

/*RAINBOW SLIDER*/
.rainbow-wrapper {text-align: center;padding:10rem 0 12.0rem; overflow: hidden;height: 800px;}
.rainbow-carousel {position: relative; height: 100%;width: 100%;display: flex;justify-content: center;}
.rainbow-item {position: absolute;width: 167px;height: 227px;border-radius: 12px;overflow: hidden;transition: all 0.6s ease;opacity: 0.5;}
.rainbow-item img {  width: 100%;  height: 100%;  object-fit: cover;}
.rainbow-item.active {transform: translateY(-30px) scale(1.2);opacity: 1;z-index: 5;}
.rainbow-item.pos-1 {transform: translate(-276px, 10px) rotate(-15deg) scale(0.9);}
.rainbow-item.pos-2 {transform: translate(-500px, 106px) rotate(-30deg) scale(0.9);}
.rainbow-item.pos-3 {transform: translate(-715px, 234px) rotate(-37deg) scale(0.9);}
.rainbow-item.pos-4 {transform: translate(-900px, 405px) rotate(-50deg) scale(0.9);}
.rainbow-item.pos1 {transform: translate(276px, 10px) rotate(15deg) scale(0.9);}
.rainbow-item.pos2 {transform: translate(500px, 106px) rotate(30deg) scale(0.9);}
.rainbow-item.pos3 {transform: translate(715px, 234px) rotate(37deg) scale(0.9);}
.rainbow-item.pos4 {transform: translate(900px, 405px) rotate(50deg) scale(0.9);}
.carousel-text {margin-top: 0rem;margin-bottom:4rem;font-size: 3.2rem; line-height: 3.4rem; color: rgba(0, 0, 0, 1);}
.rainbow-item.pos-3,.rainbow-item.pos3 {transition-delay: 0.05s;}
.rainbow-item.pos-4,
.rainbow-item.pos4 {transition-delay: 0.1s;}
.rainbow-item {transform: translate(0, 0) scale(0.9);}
.dots {margin-top: 10px;}
.dot {width: 16px;height: 16px; background: rgba(217, 217, 217, 1);display: inline-block;border-radius: 50%;margin: 0 4px;}
.dot.active { background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%); opacity: 1;}

/*WHY-MEET*/
.why-meet{padding:13rem 0 8rem; max-width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.why-meet .lft{font-size: 4.2rem; line-height:5rem ; font-weight: 500;}
.why-meet .lft span{display: flex;}
.why-meet .rgt{margin-left: auto; display: inline-flex; justify-content: flex-end; align-items: flex-end; text-align: right;}

/* FAQ */
.faq-row {display: flex;gap: 14px;padding: 0px 0 4rem;}
.faq-icon {margin-top: 8px;width: 24px;height: 24px;min-width: 24px;border-radius: 6px;padding: 2px;background: linear-gradient(0deg,#B62770 27.77%,#E61159 63.05%,#F01D44 99.63%);display: flex;align-items: center;justify-content: center;}
.faq-icon::before {content: "";width: 100%;height: 100%;border-radius: 4px;background-color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath d='M14 8.5L0 0L6.04898 8.5L0 17L14 8.5Z' fill='black'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 10px 12px;display: block;}
.faq-content h2 {margin: 0 0 16px;font-size: 3.2rem; line-height: 3.8rem;font-weight: 300;color: rgba(0, 0, 0, 1);}
.faq-content h2 strong{font-weight: 500;}
.faq-content p {margin: 0;font-size: 2.4rem; line-height: 3.2rem;color: rgba(0, 0, 0, 0.75);}

.app-screens {overflow-x: hidden;position: relative;z-index: 2;max-width: 90%;margin: -25rem auto 0;}
.app-screens img{width: 100%;}

/* FOOTER */
.site-footer {margin-top: 8rem; padding:10.2rem 0 5rem;background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);
color: var(--white);}
footer .footer-inner{display: flex; justify-content: space-between; align-items: center;}
.brand-logo a{display: flex;}
footer .brand-logo img, footer .credit img, .footer-right svg{transition: 0.5s;}
footer .brand-logo:hover img, footer .credit a:hover img, .footer-right a:hover svg{transform: translateY(-2px);}
footer .column-lft {width: 35%;}
footer .column-lft p{font-weight: 200; font-size: 2.6rem;color:rgba(255, 255, 255, 1);}
footer .social-platform{margin-top: 6rem; display: flex; align-items: center;font-weight: 300;}
footer .social-platform span{color: rgba(255, 255, 255, 1);  font-size: 4.2rem; line-height: 4.8rem;}
footer .social-platform a{color: rgba(255, 255, 255, 1);font-size:2.1rem; text-decoration: none;}
footer .social-platform .rgt{margin-left:7.2rem; display: flex;flex-direction: column; gap: 4px 0}
footer .contact{margin-top: 3rem; gap: 25px;display: flex; align-items: center; font-size: 1.8rem; font-weight: 400;} 
footer .contact span{font-size: 3rem;background: linear-gradient(90deg, #fff 0%, #ff0057 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
footer .contact a{display: flex; align-items: center; gap: 5px; color: #fff; text-decoration: none; transition: 0.5s;}
footer .contact  svg{width: 20px; height: 20px;}
footer .contact a:hover{transform: translateY(-1px);}
/*footer .contact a:hover{background: linear-gradient(90deg, #fff 10%, #ff0057 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}*/

footer .column-rgt{gap:0px 0; width: calc(100% - 40%); padding:4rem 5rem; border-radius: 20px; display: flex; flex-direction: column;  justify-content: center; align-items: center;  background: linear-gradient(0deg, #FFBFE0 27.77%, #FFC2D6 63.05%, #FFCED7 99.63%); text-align: center;}
footer .column-lft .get-away span{color:#fff; margin-top: 2.5rem; margin-bottom: 2.5rem; font-size:3rem; letter-spacing:-1.28px; font-weight: 300; display: flex;}
footer .column-lft strong{font-size:2.1rem; font-weight: 700; color: #fff; text-align: center; display: block;}
footer .column-lft .app-btns{gap: 12px}
footer .column-lft .app-btns img{width: 180px; height: auto;}

footer a, footer .credit a{position: relative; transition: 0.5s;}
footer .social-platform a::after, .footer-links a:after {content: "";position: absolute;left: 0;bottom: 0px;width: 0;height: 1px; background: #fff;transition: width 0.3s ease;}
footer .social-platform a:hover:after, .footer-links a:hover:after {width: 100%;}
.footer-bottom { margin-top:15rem;display: flex;align-items: center;justify-content: space-between;gap: 24px;}
.footer-links a,.footer-right a {text-decoration: none;color: inherit;}
.footer-right {display: flex;align-items: center;gap: 30px;}
footer .credit {margin-left: 5rem; display: flex; font-weight: 300; ffont-size: 2.1rem;gap: 5px;white-space: nowrap;}
.footer-links ul{list-style: none; padding: 0; margin: 0; display: flex;gap: 24px;}
.divider{border: 0; width: 100%; margin:3rem 0 2rem; height: 1px; background: linear-gradient(270deg,#E61159 -20.36%,#F01D44 83.36%,#B62770 190.9%); outline: none;}

/*form section*/
.form-section{width: 100%;}
.form-section .form-row{display: flex; justify-content: space-between; gap: 20px}
.form-section .floating-field {position: relative;margin-bottom:3rem;}
.form-section .floating-field .input-field {width: 100%;  height: 56px; border-radius: 12px;border: 1px solid #ec194b; background: transparent; padding: 0 2.4rem; font-size: 17px;outline: none; transition: 0.5s;background: linear-gradient(0deg, #B62770 0%, #E61159 63.05%, #F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.form-section .floating-field .input-field:focus{outline: none; border:1px solid #f97796; transform: translateY(-3px);}
.floating-field .input-field { width: 100%; background: transparent;outline: none;}
.floating-field label {position: absolute;left: 18px;top: 18px;font-size: 15px;color: #4f6d85;pointer-events: none;background: transparent;padding: 0 6px;transition: 0.25s ease;background: linear-gradient(0deg, #B62770 0%, #E61159 63.05%, #F01D44 99.63%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}
.form-section .wpcf7-not-valid-tip {color: #e81354;font-size: 12px;font-weight: normal;display: block;position: absolute;background: #ffffff;padding: 5px 10px;top: 100%;margin-top: 21px;z-index: 2;border-radius: 5px;box-shadow: 0 0 9px #ccc;left: 6px;}
.form-section .wpcf7-not-valid-tip:before{position: absolute;content: "";top: -15px;left: 22px;border: 8px solid transparent;border-bottom: 8px solid #ffffff;}
.form-section br{display: none;}
.form-section .wpcf7-response-output {border: 0 !important;font-size: 14px;padding: 0 !important;margin: 20px 0 0 !important;line-height: 20px;}
.form-section .wpcf7-response-output,
.form-section .wpcf7 form.sent .wpcf7-response-output{color: #46b450;background: linear-gradient(0deg, #B62770 0%, #E61159 63.05%, #F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.form-section .form-btn {position: relative;}
.form-section .form-btn p {display: flex; align-items: center; position: relative; justify-content: center;}
.form-section .form-btn span.wpcf7-spinner {position: absolute;z-index: 2;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.floating-field.filled label{top: -14px;font-size: 13px;color: #fff;left: 10px;background-clip: inherit;/* background: #fff; */
-webkit-text-fill-color: #fff;border-radius: 3px;font-weight: 600;padding: 1px 8px !important;}
.form-section .floating-field textarea.input-field {min-height: 150px; resize: vertical; padding-top: 18px; padding-bottom: 10px;}
.submit-btn {background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);color: #fff;border: none;font-size: 18px;text-transform: uppercase;padding:18px 36px;min-width: 185px;border-radius: 12px;font-weight: 700;cursor: pointer;overflow: hidden;transition: all 0.35s ease;}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px transparent inset !important; -webkit-text-fill-color: inherit !important;  transition: background-color 9999s ease-in-out 0s;}

/*ANIMATION*/
.js-scroll {opacity: 0;  transition: opacity 0.5s;}
.js-scroll.scrolled {  opacity: 1;}
.scrolled.fade-in {  animation: 0.5s ease-in-out both fade-in;}
.scrolled.fade-in-bottom {  animation: 0.5s ease-in-out both fade-in-bottom;}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*page scroll*/
.scroll-top {position: fixed;right: 25px;bottom: 30px;width: 50px;height: 50px;border-radius: 50%;background:#fff;border: none;box-shadow: 0 0 15px rgba(0,0,0,0.2);cursor: pointer;display: grid;place-items: center;z-index: 999;opacity: 0;transform: scale(0.8);transition: opacity 0.3s, transform 0.3s;}
.scroll-top.show {opacity: 1;transform: scale(1);}
/* svg circle */
.scroll-top svg {position: absolute;top: 0; left: 0;width: 50px;height: 50px;transform: rotate(-90deg);}
.scroll-top circle {fill: none;stroke:#e1135b;stroke-width: 5;stroke-linecap: round;stroke-dasharray: 283;stroke-dashoffset: 283;transition: stroke-dashoffset 0.2s linear;}
.scroll-top span {position: relative;font-size: 20px;margin-top: 4px;color: #e1135b;}
.scroll-top span svg{width: 20px;height: 20px;position: relative;}
/* Scrollbar */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f0f0f0;}
::-webkit-scrollbar-thumb {background:linear-gradient(270deg,#B62770 -20.36%,#E61159 83.36%,#F01D44 190.9%);border-radius: 8px;}
::-webkit-scrollbar-thumb:hover {background:  linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);}
/*background: var(--Lit-Gradient, linear-gradient(98deg, #DAFFFF 14.64%, #CAE0FF 93.51%));*/

/*CMS PAGE*/
img.w-100 {width: 100%;object-fit: contain; object-position: center;}
.cms-page, .page-404{margin-top: 15rem; min-height: 500px; position: relative; z-index: 1;}
.cnt-wrap .section-title{font-size:24px;}
.cnt-wrap .section-title.font-large{font-size: 5.7rem;line-height: 6.4rem;}
.cms-page p{margin: 0 0 2rem;}
.cms-page h2{margin: 0; padding:2rem 0; font-size: 3rem; line-height: 3.5rem;}
.cms-page ul{list-style: none; margin: 0; padding: 0 0 2rem;}
.cms-page ul li{padding:2px 0 2px 15px; position: relative;}
.cms-page ul li:before{position: absolute; content: ""; top: 10px; left: 0 ; width:6px; height: 6px; border-radius: 50%; background:linear-gradient(
270deg,#B62770 -20.36%,#E61159 83.36%,#F01D44 190.9%) ;}
.cms-page a{background: linear-gradient(0deg, #B62770 0%, #E61159 63.05%, #F01D44 99.63%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;}
.cms-page a:hover{text-decoration: none;}  

/*404 PAGE*/
.page-404 {position: relative;}
.error-page {display: flex;align-items: center;justify-content: center;overflow: hidden;}
.error-wrap {position: relative;max-width: 750px;padding: 0rem 4rem 6rem;text-align: center;z-index: 2;}
.error-page h1 {font-size: 120px;font-weight: 800;line-height: 1;margin-bottom: 10px;animation: float 3s ease-in-out infinite;}
.error-page .cta-row{justify-content: center;}
.error-page h2 {font-size: 28px;color: #023047;margin-bottom: 10px;}
.error-page p {font-size: 16px;color: #555;margin-bottom: 25px;}
.error-page .btn {display: inline-block;margin-top: 2rem;text-align: center;}
.shape {position: absolute;border-radius: 50%;/*  opacity: 0.15;*/animation: move 12s infinite linear;}
.shape:nth-child(1) {width: 120px;height: 120px;background:linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%); top: 10%;left: 5%;animation-delay: 0s;}
.shape:nth-child(2) {width: 150px;height: 150px;background: linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);bottom: 10%;right: 10%;animation-delay: 2s;}
.shape:nth-child(3) {width: 100px;height: 100px;background:var(--Lit-Gradient, linear-gradient(98deg, #DAFFFF 14.64%, #CAE0FF 93.51%));top: 50%;right: 5%;animation-delay: 4s;}


/* Animations */
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
  }

  @keyframes float {
    0%, 100% {
  transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes move {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-30px) rotate(180deg);
  }

  100% {
    transform: translateY(0) rotate(360deg);
  }
}

/*RESPONSIVE*/

@media (max-width: 1300px) {
  .container{max-width: 90%;}  
  .slick-arrow{right: 0; z-index: 9;}
  .slick-arrow.slick-prev{left: 0;}

}/*max-width: 1300px end*/
@media (max-width: 1200px) {
  html {font-size: 50%;}  
  footer .footer-inner{flex-wrap: wrap;}
  footer .column-lft, footer .column-rgt{width: 100%;}
  footer .column-lft{margin-bottom: 3rem;display: flex; flex-wrap: wrap;  gap:24px; justify-content: space-between;}
  footer .contact, footer .social-platform{width: 100%; margin: 0;}
  footer .brand-logo, footer .get-away{width: 48%;}
  footer .get-away{display: inline-flex;order: -1; flex-direction: column;}
  footer .brand-logo{order: -1;display: inline-flex; flex-direction: column;}
  footer .app-btns a { width: 48%;}
  footer .column-lft .app-btns img{width: 100%;}
  footer .brand-logo img{width: 200px;}

  .dating-section .checklist{flex-wrap: wrap;}
  .dating-section .checklist li{width:40%;}
  ul.info-card{flex-wrap: wrap;}
  ul.info-card li {width: calc(48% - 12px);}

  .menu-toggle { margin-right: 7px;margin-top: 0; margin-left: auto;display: flex;flex-direction: column;justify-content: space-between;width: 28px;height: 22px;background: none;border: none;cursor: pointer;padding: 0;z-index: 1001;position: relative;}
  .menu-toggle span {width: 36px;height: 2px;background-color: #ecf0f1;display: block;/*margin: 9px auto;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .menu-toggle.active span:nth-child(1) {-webkit-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
  .menu-toggle.active span:nth-child(2) {opacity: 0;}
  .menu-toggle.active span:nth-child(3) {-webkit-transform: translateY(-13px) rotate(-45deg);-ms-transform: translateY(-13px) rotate(-45deg);-o-transform: translateY(-13px) rotate(-45deg);transform: translateY(-13px) rotate(-45deg);}
  .menu-toggle span:first-child{margin-top:-5px}

  header .menu {position: absolute;top:0;height: 100vh;right: -100%;flex-direction: column;background:linear-gradient(0deg, #B62770 27.77%, #E61159 63.05%, #F01D44 99.63%);width: 100%;transition: 0.3s ease;/*justify-content: flex-start;*/}
  .menu.show {  right: 0;}
  .menu ul{padding:20rem 0 0;margin-top: 0; gap: 12px;justify-content: center;align-items: center;display: flex;flex-direction: column;/*height: calc(100vh - 50%);*/}
  .menu li {padding:0;display:flex; font-size: 3.5rem;}
  .nav .app-btns{margin:20px 20px 50px;gap: 0;justify-content: space-between;}
  header .logo, header .logo a {display: inline-flex;}

}/*max-width: 1200px end*/

@media (max-width: 1000px) {

  :root {--header-height: 60px;}
  html {font-size: 48%;}
  .pt{padding-top:8rem;}
  .safety-section{padding: 8rem 0;}
  .dating-section {padding-top: 0;}
  .hero{height: 600px;}
  .banner-cnt h1 {font-size: 7rem;line-height: 7.5rem;}
  .banner-cnt{top: 25%;}
  .card-grid{flex-wrap: wrap; gap: 0; margin: 0; padding: 0;}
  .card-grid .card:nth-child(2n+1){display: none;}
  .card-grid .card{width: 95%; margin: 0 auto;}
  .card-grid .card img{width: 100%;}
  ul.info-card{margin-bottom: 0;}
  .section-heading{font-size: 3.8rem;line-height: 4.5rem;}
  .section-heading.big {font-size: 6rem;line-height:6.8rem;margin-top: 1rem;}
  .dating-section .checklist{flex-wrap: inherit;}
  .dating-section .checklist li{width: auto;}

  .why-meet{padding: 8rem 0 5rem; max-width: 100%;}
  .mob-wrap{flex-direction: column;}
  .mob-100{width: 100% !important; max-width: 100%  !important; margin: 0; padding: 0;}
  .mb-30{margin-bottom: 3rem;}

  .rainbow-wrapper{height: 500px;}
  .why-meet .rgt{justify-content: center; align-items: center;text-align: left; margin-top: 2rem;}
  .why-meet .rgt br{display: none;}
  /*footer .social-platform{margin: 4rem 0 5rem;}*/

  .footer-bottom {
  margin-top: 8rem; flex-wrap: wrap;gap:12px;justify-content: center;}
  .acc-content,
  .acc-card.active .acc-content{width: 100%;}
  .acc-card.active .acc-bg{width: 100%; left: 0; position: relative;}
  .acc-card.active {flex: 1;}
  .acc-card.active .bg-img{height: 240px;}
  .acc-card .btn{margin-top: 20px;align-items: center;justify-content: center;display: flex;font-size: 20px;}
  .acc-card .btn svg {position: relative;right: auto;top: 0;transform: inherit;margin-left: 20px;margin-top: 5px;    width: 20px;height: 20px;}
  .accordion {flex-direction: column;height: auto;}
  .acc-card {flex: unset;height:250px;}
  .acc-card .plus-icon svg{ width: 40px; height: 40px; }
  .app-screens {max-width:100%;}

}/*max-width: 1000px end*/


@media (max-width: 900px) {
  .gallery {grid-template-columns: repeat(2, 1fr);}

}/*max-width: 900px end*/

@media (max-width: 767px) {
  .gallery .img-card:nth-child(1), .gallery .img-card:nth-child(3), .gallery .img-card:nth-child(4) {
  width: 120px;height: 120px;}
  .img-card {width: 180px; height: 200px;}
  .gallery {gap: 1rem;}
  .app-screen{width: 350px; margin: 0 auto;}
  .app-screen img{width: 100%;}
  .checklist{flex-wrap: wrap; gap: 10px;    margin: 2rem 0;}
  .dating-section .checklist{flex-wrap: wrap;}
  .dating-section .checklist li{width:auto;}
  .site-footer{padding: 5rem 0 3rem;}
  footer .column-rgt{padding: 3rem;}
  footer .column-rgt span{font-size: 3.2rem;}
  footer .column-rgt{gap: 15px 0}
  a.brand-logo img{width: 220px; height: auto;}
  footer .social-platform span {color: rgba(255, 255, 255, 1); font-size: 3.2rem; line-height: 3.8rem;}
  .footer-links ul{gap: 10px}
  .footer-bottom{font-size:14px;}
  .scroll-top{bottom: 110px;}

  .rainbow-item.pos-1 {    transform: translate(-203px, 41px) rotate(-15deg) scale(0.9);}
  .rainbow-item.pos1 {transform: translate(211px, 36px) rotate(15deg) scale(0.9);}
  .shape:nth-child(1){opacity:0.15 !important;}
  .shape:nth-child(2){bottom: 0;}
  .cms-page, .page-404{min-height: 200px;}
  ul.info-card li .caption{margin-left: 14px;}
  .faq-content h2{    font-size: 3rem; line-height: 3.5rem;}
  .form-section .floating-field textarea.input-field{height: 150px;}
  .form-section .form-row{flex-wrap: wrap; gap: 0}
  footer .column-lft, footer .social-platform,footer .contact{justify-content: center;}
  footer .get-away, footer .brand-logo{width: 100%; justify-content: center; align-items: center; text-align: center; order: inherit;}
  footer .column-lft .get-away span{margin-top: 0;}
  .divider{margin: 0;}
  footer .brand-logo img{width: 200px;}

}/*max-width: 767px end*/

@media (max-width: 552px) {
  .app-screens {margin-top: -7rem;max-width:100%;}
  .cta-row{flex-direction: column;}  
  .full-banner{height: 500px;}
  .app-screen img {
  width: 100%;
  height: 450px;
  object-fit: contain;
  }
  .app-btns a{width: 48%;}
  footer .column-lft .app-btns img, .app-btns a img{width: 100%;}

}/*max-width: 552px end*/