.preload, .preload *, .preload *::before, .preload *::after { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; animation-duration: 0s !important; -webkit-animation-duration: 0s !important; } body { opacity: 1 !important; animation: pageFadeIn 0.15s ease-out both; } @keyframes pageFadeIn { from { opacity: 0; } to { opacity: 1; } } @font-face { font-family: "Inter"; src: url("/fonts/Inter_18pt-Regular.ttf") format("ttf"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "PlusJakartaSans"; src: url("../fonts/PlusJakartaSans-Regular.ttf"); } @font-face { font-family: "Cardo"; src: url("/fonts/Cardo-Regular.ttf") format("ttf"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Saira"; src: url("/fonts/Saira-Regular.ttf") format("ttf"); font-weight: 400; font-style: normal; font-display: swap; } body { background-color: #000000; font-family: "Armino", sans-serif; color: #fff; margin: 0; padding: 0; } header { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; backdrop-filter: blur(6px); } .bs-accordion-btn-active-icon { appearance: none; } .navbar { border-bottom: 1px solid #ff2c2c; background-color: #000000; z-index: 1000; font-family: "Armino", "sans-serif"; padding: 5px 10px; transition: none !important; } .navbar-toggler { border: #000; background-color: #000; } .navbar-toggler:active { border: #000; background-color: #000; } .mini-logo { width: fit-content; height: 40px; } .navbar-dark, .navbar[data-bs-theme="dark"] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 1); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-toggler-icon { color: white !important; border: none; } .logo-sphere { border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0 5px; } .nav-link { color: #fff !important; margin: 0 15px; font-size: 17px; letter-spacing: 1.5px; transition: color 0.3s; } .nav-link:hover { color: #ff2c2c !important; } .nav-link.active { color: #ff2c2c !important; } .nav-link-new { color: #000 !important; margin: 0 10px; border-radius: 40px; padding: 12px 36px; font-size: 14px; white-space: nowrap; letter-spacing: 1.5px; transition: color 0.3s; background-color: #fff; } .nav-link-new:hover { color: #fff !important; background-color: #ff2c2c; border: 2px solid #ff2c2c; } .nav-link-new.active { color: #fff !important; background-color: #ff2c2c; border: 2px solid #ff2c2c; } .auth-buttons .btn { border: 2px solid; border-radius: 20px; padding: 8px 20px; font-size: 0.8rem; margin-left: 10px; transition: all 0.3s; background-color: #ff2c2c; border-color: #ff2c2c; color: #fff; } .register-btn { border-color: #ff2c2c; color: #ff2c2c; } .register-btn:hover { background-color: #ff2c2c; border-color: #ff2c2c; color: #fff; } .login-btn:hover { background-color: #fff; color: #000000; } .hero-section-new { position: relative; overflow: hidden; background: #000; height: 150vh; display: flex; align-items: center; justify-content: center; top: -85px; width: 100%; margin-bottom: -80px; } .hero-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; background-color: #0d0d0d; } @media (max-width: 1150px) { .hero-section-new { height: 130vh; width: auto; top: -65px; margin-bottom: -70px; } } @media (max-width: 620px) { .hero-section-new { height: 115vh; width: fit-content; flex-shrink: 500; top: -70px; margin-bottom: -70px; } } .hero-content { position: relative; z-index: 2; } .hero-title { font-family: "Cardo", serif; font-size: 100px; letter-spacing: 2px; line-height: 1.2; margin: 0; color: #fff; } .text-red { color: #ff2c2c; } .hero-subtitle { margin-top: 20px; font-size: 1rem; letter-spacing: 3px; max-width: 950px; margin-left: auto; margin-right: auto; } .see-matches-btn { margin-top: 30px; border-radius: 25px; padding: 12px 30px; font-size: 0.8rem; letter-spacing: 1.5px; transition: all 0.3s ease; } .see-matches-btn:hover { background-color: #fff; color: #000; } @media (max-width: 1150px) { .hero-title { font-size: 72px; } } @media (max-width: 991.98px) { .navbar-nav { text-align: center; padding-top: 20px; } .auth-buttons { justify-content: center; margin: 20px 0; } .hero-title { font-size: 3rem; } .hero-subtitle { font-size: 0.9rem; letter-spacing: 2px; padding: 0 15px; } } @media (max-width: 1024px) { .nav-link { font-size: 10px; } } @media (max-width: 767.98px) { .hero-title { font-size: 2.2rem; } .hero-subtitle { font-size: 0.8rem; } } .legal-protection-section { background-color: #ffffff; color: #000000; padding: 80px 10px; overflow: hidden; } .rounded-custom { border-radius: 25px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); display: block; max-width: 100%; height: auto; } .text-content { padding-left: 20px; } .section-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 2px; line-height: 1.2; color: #000000; margin-bottom: 0.5rem; } .section-title:last-of-type { margin-bottom: 1.5rem; } .section-title .text-red { color: #ff2c2c; } .section-paragraph { font-family: "Saira", sans-serif; color: #000000; font-size: 18px; line-height: 1.6; margin-bottom: 1rem; } .legal-protection-img { margin: auto; } .highlight-box { background-color: #fff1f1; padding: 25px 30px; display: flex; justify-content: space-around; align-items: center; font-family: "Saira", sans-serif; font-size: 14px; color: #000000; border-radius: 15px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); flex-wrap: wrap; gap: 20px; margin-bottom: 1.5rem; } .highlight-box span { display: flex; align-items: center; white-space: nowrap; letter-spacing: 1px; } .highlight-box .text-red { color: #ff2c2c; font-weight: bold; font-size: 1.2rem; margin-right: 10px; } @media (max-width: 991.98px) { .legal-protection-section { padding: 60px 10px; } .text-content { padding-left: 0; text-align: center; } .section-title { font-size: 3.2rem; letter-spacing: 1px; } .section-title:last-of-type { margin-bottom: 1.2rem; } .section-paragraph { font-size: 1.05rem; } .highlight-box { flex-direction: row; padding: 20px; gap: 15px; margin: 1.5rem auto; max-width: 90%; } .highlight-box span { justify-content: center; } } @media (max-width: 767.98px) { .legal-protection-section { padding: 40px 0; } .section-title { font-size: 2.5rem; letter-spacing: 0.5px; line-height: 1.15; margin-top: 20px; } .section-title:last-of-type { margin-bottom: 1rem; } .section-paragraph { font-size: 0.95rem; padding: 0 15px; } .highlight-box { padding: 15px 10px; font-size: 13px; gap: 10px; max-width: 95%; } .highlight-box .text-red { font-size: 1.1rem; margin-right: 8px; } } @media (max-width: 575.98px) { .legal-protection-section { padding: 30px 8px; } .section-title { font-size: 24px; line-height: 18px; letter-spacing: 0; } .section-title:last-of-type { margin-bottom: 0.8rem; } .section-paragraph { font-size: 0.85rem; padding: 0 10px; text-align: left; } .highlight-box { align-items: start; flex-direction: column; padding: 10px; font-size: 12px; border-radius: 10px; gap: 8px; max-width: 100%; } .highlight-box span { justify-content: start; } .highlight-box .text-red { font-size: 1rem; margin-right: 6px; } } .introduce-section { position: relative; overflow: hidden; padding: 0 10px; background-color: #000000; color: #e0e0e0; } .intro-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.6; } .introduce-section .container { position: relative; z-index: 1; } .introduce-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 5px; color: #ffffff; } .introduce-subtitle { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3px; margin-top: 10px; } .feature-item { padding: 0 25px; position: relative; } @media (min-width: 992px) { .feature-item:not(:last-child)::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: #4c4c4c; } } @media (max-width: 991.98px) and (min-width: 768px) { .feature-item:nth-child(1)::after, .feature-item:nth-child(3)::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: #4c4c4c; } .feature-item:nth-child(-n + 2) { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #4c4c4c; } } @media (max-width: 767.98px) { .feature-item { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #4c4c4c; } .feature-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } .feature-icon { height: 60px; margin-bottom: 25px; } .feature-title { font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.5px; color: #e8e4df; margin-bottom: 20px; } .feature-description { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; color: #ffffff; line-height: 1.8; } @media (max-width: 426px) { .feature-title { margin-bottom: 10px; } .feature-description { font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 1.8; } } @media (max-width: 767.98px) { .introduce-section { padding: 0 10px; } .introduce-main-title { font-size: 28px; letter-spacing: 3px; line-height: 38px; margin-bottom: 6px; } .introduce-subtitle { font-size: 0.8rem; text-align: left; line-height: 22px; } } .anonymity-section { background-color: #ffffff; color: #000; overflow: hidden; padding: 0 10px; } .anonymity-imgs { margin: auto; } .anonymity-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 2px; line-height: 1.1; color: #000; } .anonymity-title .text-red { color: #ff2c2c; } .anonymity-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; line-height: 1.6; letter-spacing: 1px; } .read-more-btn { border: 1px solid #000; border-radius: 25px; padding: 10px 25px; font-family: "Inter", sans-serif; font-size: 0.8rem; color: #000; letter-spacing: 1.5px; transition: all 0.3s ease; } .read-more-btn:hover { background-color: #000; color: #fff; } .rounded-custom { border-radius: 20px; } @media (max-width: 991.98px) { .anonymity-section .row>div { text-align: center; } .anonymity-description { text-align: left; } } @media (max-width: 767.98px) { .anonymity-title { font-size: 32px; } .anonymity-title:first-child { margin-top: 20px; } .anonymity-description { font-size: 0.9rem; } } .testimonials-slider-section { position: relative; overflow: hidden; background-color: #111111; color: #f0f0f0; padding: 100px 15px; font-family: "Arimo", sans-serif; } .testi-slider-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 0.8; } .testimonials-slider-section .container { position: relative; z-index: 1; } .testimonial-content-wrapper { max-width: 550px; margin: 0 auto 20px auto; } @media (max-width: 426px) { .testimonial-content-wrapper { max-width: 550px; margin: 0 0 20px 0; } } .star-rating { color: #f39c12; font-size: 1.6rem; } .testimonial-slider-text { font-size: 17px; line-height: 1.8; color: #c7c7c7; font-family: "Saira", sans-serif; } .testimonial-slider-author { color: #ff2c2c; font-weight: bold; font-size: 0.9rem; letter-spacing: 1.5px; } @media (max-width: 426px) { .testimonial-slider-author { color: #ff2c2c; font-weight: bold; font-size: 0.9rem; letter-spacing: 1.5px; text-align: left; } .read-more-slider-btn { border: 1px solid #ffffff; border-radius: 30px; padding: 12px 28px; font-size: 0.8rem; color: #ffffff; letter-spacing: 1px; transition: all 0.3s ease; margin-right: 115px; } } @media (max-width: 376px) { .read-more-slider-btn { border: 1px solid #ffffff; border-radius: 30px; padding: 12px 28px; font-size: 0.8rem; color: #ffffff; letter-spacing: 1px; transition: all 0.3s ease; margin-right: 75px; } } @media (max-width: 321px) { .read-more-slider-btn { border: 1px solid #ffffff; border-radius: 30px; padding: 12px 28px; font-size: 0.8rem; color: #ffffff; letter-spacing: 1px; transition: all 0.3s ease; margin-right: 15px; } } .read-more-slider-btn { border: 1px solid #ffffff; border-radius: 30px; padding: 12px 28px; font-size: 0.8rem; color: #ffffff; letter-spacing: 1px; transition: all 0.3s ease; } .read-more-slider-btn:hover { background-color: #ffffff; color: #000000; } .testimonial-slider-image { width: 100%; max-width: 350px; border-radius: 25px; filter: blur(4px); -webkit-filter: blur(4px); } .carousel-control-prev-custom, .carousel-control-next-custom { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: 1px solid; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1; transition: all 0.3s ease; } .carousel-control-prev-custom { left: 5%; border-color: #ffffff; color: #ffffff; } .carousel-control-next-custom { right: 5%; border-color: #ff2c2c; color: #ff2c2c; } .carousel-control-prev-custom:hover { background-color: #ffffff; color: #000000; } .carousel-control-next-custom:hover { background-color: #ff2c2c; color: #ffffff; } .arrow-icon { font-size: 1.5rem; line-height: 1; } @media (max-width: 1024.98px) { .testimonials-slider-section .row { text-align: center; } .carousel-control-prev-custom, .carousel-control-next-custom { top: auto; bottom: 20px; transform: none; } .carousel-control-prev-custom { left: 20%; transform: translateX(-35%); } .carousel-control-next-custom { right: 20%; transform: translateX(35%); } } @media (max-width: 767.98px) { .testimonial-slider-text { font-size: 0.95rem; text-align: left; } .carousel-control-prev-custom { left: 30%; top: 102.5%; } .carousel-control-next-custom { right: 30%; top: 102.5%; } } .safety-section-revised { background-color: #fff1f1; padding: 70px 10px; font-family: "Cardo", serif; overflow-x: clip; } .safety-image-wrapper { position: relative; z-index: 10; margin-right: 60px; } .safety-image-revised { border-radius: 35px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); } .safety-content-box-revised { background-color: #ffffff; padding: 60px; margin: 0 10px; border-radius: 20px; position: relative; } .safety-title-revised { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; padding: 0 40px; line-height: 1.2; color: #222; margin: 0; } .safety-title-revised .text-red { color: #ff2c2c; } .safety-subtitle-revised { color: #f35763; font-weight: 400; font-family: "Saira", sans-serif; font-size: 18px; letter-spacing: 1px; line-height: 1.4; margin-top: 16px; margin-bottom: 16px; padding: 0 50px 0 50px; } .safety-description-revised { color: #000000; font-size: 17px; line-height: 1.8; letter-spacing: 1px; margin-bottom: 16px; padding: 0 65px 0 50px; font-family: "Saira", sans-serif; text-transform: none; } .safety-description-revised span { font-family: "Saira", sans-serif; } .safety-description-revised:last-of-type { margin-bottom: 0; } .safety-read-more-btn-revised { border: 1px solid #707070; border-radius: 30px; padding: 10px 28px; font-size: 0.75rem; font-weight: 600; color: #333; letter-spacing: 1.5px; transition: all 0.3s ease; margin: 30px 0 0 50px; } .safety-read-more-btn-revised:hover { background-color: #000; border-color: #000; color: #fff; } @media (min-width: 992px) { .safety-content-box-revised { margin-left: -150px; } } @media (max-width: 991.98px) and (min-width: 768px) { .safety-section-revised .row { text-align: center; } .safety-image-wrapper { margin-right: 0; } .safety-content-box-revised { margin-top: -20px; padding: 40px; } .safety-title-revised, .safety-subtitle-revised, .safety-description-revised { padding-left: 0; padding-right: 0; text-align: center; } .safety-read-more-btn-revised { margin: 30px auto 0 auto; display: block; width: fit-content; } } @media (max-width: 767.98px) { .safety-section-revised { padding: 40px 0; } .safety-section-revised .row { text-align: center; } .safety-image-wrapper { padding: 0 15px; margin-right: 0; } .safety-content-box-revised { margin-top: 30px; padding: 20px; } .safety-title-revised { font-size: 2.5rem; padding-left: 0; padding-right: 0; text-align: center; letter-spacing: 2px; } .safety-subtitle-revised, .safety-description-revised { font-size: 14px; padding-left: 12px; padding-right: 12px; text-align: left; line-height: 24px; } .safety-read-more-btn-revised { margin: 20px auto 0 auto; display: block; width: fit-content; font-size: 0.8rem; padding: 12px 25px; } } .exclusive-members-section-revised { background-color: #000000; background-position: bottom center; background-repeat: no-repeat; background-size: cover; color: #f0f0f0; padding-top: 60px; padding-bottom: 40px; overflow: hidden; } .exclusive-image-revised { width: 100%; height: auto; display: block; } .join-now-ticker-revised { width: 100%; padding: 25px 0; white-space: nowrap; overflow: hidden; } .ticker-track-revised { display: inline-block; animation: ticker-scroll-revised 30s linear infinite; } .ticker-track-revised span { color: #e8e4df; font-family: "Cardo", serif; font-size: 30px; font-weight: 400; color: #c0c0c0; letter-spacing: 2.5px; padding: 0 16px; } @keyframes ticker-scroll-revised { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .exclusive-content-container-revised { padding-top: 70px; text-align: center; } .exclusive-title-revised { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 4px; line-height: 1.4; color: #ffffff; margin-bottom: 20px; } .exclusive-subtitle-revised { color: #ff2c2c; font-weight: 400; font-family: "Saira", "sans-serif"; font-size: 18px; letter-spacing: 3px; line-height: 1.7; margin-top: 20px; text-transform: uppercase; margin-bottom: 25px; } .exclusive-description-revised { color: #ffffff; font-family: "Saira", sans-serif; font-size: 17px; line-height: 27px; margin-top: 30px; padding: 0 120px 40px 120px; margin-left: auto; margin-right: auto; } @media (max-width: 991.98px) { .exclusive-title-revised { font-size: 2.8rem; letter-spacing: 3px; } .exclusive-subtitle-revised { font-size: 16px; letter-spacing: 2px; } .exclusive-description-revised { font-size: 16px; padding: 0 60px 30px 60px; line-height: 1.6; } .exclusive-members-section-revised { padding-bottom: 10vh; } .exclusive-content-container-revised { padding-top: 35px; } } @media (max-width: 767.98px) { .exclusive-members-section-revised { padding-top: 20px; padding-bottom: 35px; background-position: 65% bottom; } .exclusive-content-container-revised { padding-top: 15px; } .exclusive-title-revised { font-size: 2.2rem; letter-spacing: 2px; line-height: 1.3; } .exclusive-subtitle-revised { font-size: 0.8rem; letter-spacing: 1.5px; padding: 0 15px; } .exclusive-description-revised { font-size: 0.95rem; padding: 0 20px 25px 20px; line-height: 1.5; text-align: center; } .ticker-track-revised span { font-size: 24px; letter-spacing: 1.5px; padding: 0 10px; } } @media (max-width: 480px) { .exclusive-title-revised { font-size: 1.8rem; letter-spacing: 1.5px; } .exclusive-subtitle-revised { font-size: 0.7rem; letter-spacing: 1px; } .exclusive-description-revised { font-size: 0.9rem; padding: 0 15px 20px 15px; } .ticker-track-revised span { font-size: 20px; padding: 0 8px; } } .join-future-section { background-color: #ffffff; padding: 120px 0; position: relative; overflow: hidden; } .join-future-bg-img { position: absolute; top: 0; right: 0; width: 40%; height: 100%; object-fit: cover; z-index: 1; } .join-future-section .container { position: relative; z-index: 2; } .join-future-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 2px; line-height: 1.3; color: #222; margin: 0; text-transform: uppercase; } .join-future-title .text-red { color: #ff2c2c; } .join-future-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; line-height: 27px; letter-spacing: 2px; margin-top: 17px; max-width: 580px; } .join-future-cta { color: #f35763; font-weight: 400; font-family: "Saira", sans-serif; font-size: 17px; letter-spacing: 1.5px; margin-top: 30px; } .see-your-matches-btn-final { border: 1px solid #000000; border-radius: 30px; padding: 12px 28px; font-family: "Saira", "sans-serif"; font-size: 11px; font-weight: 600; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 15px; display: inline-block; } .see-your-matches-btn-final:hover { background-color: #000; border-color: #000; color: #fff; } .join-future-image { width: 100%; margin-left: -60px; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); height: auto; } @media (max-width: 1150px) { .join-future-title { font-size: 48px; } .join-future-description { max-width: 390px; } } @media (max-width: 991.98px) { .join-future-section { padding: 90px 0; } .join-future-section::before { display: none; } .join-future-section .row { text-align: center; } .join-future-content { margin-top: 40px; } .join-future-title { font-size: 3.5rem; letter-spacing: 1.5px; } .join-future-description { max-width: 600px; margin-left: auto; margin-right: auto; padding: 0 20px; font-size: 16px; line-height: 1.6; letter-spacing: 1px; } .join-future-cta { font-size: 16px; letter-spacing: 1px; padding: 0 20px; } .see-your-matches-btn-final { margin-top: 25px; padding: 10px 25px; font-size: 10px; } .join-future-image { margin-left: 0; border-radius: 30px; max-width: 80%; margin-left: auto; margin-right: auto; display: block; } } @media (max-width: 767.98px) { .join-future-section { padding: 60px 0; } .join-future-content { margin-top: 30px; } .join-future-title { font-size: 2.2rem; letter-spacing: 1px; line-height: 1.2; } .join-future-description { font-size: 15px; line-height: 1.5; padding: 0 15px; margin-top: 15px; } .join-future-cta { font-size: 15px; letter-spacing: 1px; margin-top: 20px; padding: 0 15px; } .see-your-matches-btn-final { margin-top: 20px; padding: 10px 22px; font-size: 0.7rem; } .join-future-image { border-radius: 20px; max-width: 90%; } } @media (max-width: 480px) { .join-future-section { padding: 50px 0; } .join-future-title { font-size: 1.8rem; } .join-future-description { font-size: 14px; padding: 0 10px; } .join-future-cta { font-size: 14px; } } .site-footer { position: relative; overflow: hidden; background-color: #1a1a1a; color: #e0e0e0; padding: 40px 10px 0 10px !important; font-family: "Inter", sans-serif; } .footer-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity: 1; } .site-footer .container { position: relative; z-index: 1; } .footer-links { list-style: none; padding: 0; margin: 0; } .footer-links li { margin-bottom: 14px; } .footer-links a { color: #ffffff; text-decoration: none; font-size: 11px; font-weight: 400; font-family: "Saira", sans-serif; letter-spacing: 2px; transition: color 0.3s ease; } .footer-links span { color: #ffffff; text-decoration: none; font-size: 11px; font-weight: 400; font-family: "Saira", "sans-serif"; letter-spacing: 2px; transition: color 0.3s ease; } .footer-links a:hover { color: #ff2c2c; } .social-icons { margin-top: 30px; } .social-icons a { color: #fff; font-size: 1.1rem; margin: 0 10px; transition: color 0.3s ease; } .social-icons a:hover { color: #ff2c2c; } .app-store-buttons { margin: 15px 0 !important; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } @media (min-width: 768px) { .app-store-buttons { flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; } } .app-store-buttons img { transition: opacity 0.2s; } .app-store-buttons img:hover { opacity: 0.85; } .copyright-bar { text-align: center; padding: 25px 15px; margin-top: 60px; font-family: "Saira", "sans-serif"; border-top: 1px solid rgba(255, 255, 255, 0.2) !important; position: relative; z-index: 1; } .copyright-bar p { margin: 0; font-size: 0.75rem; color: #ffffff; letter-spacing: 1px; } .copyright-bar a { color: #ffffff; text-decoration: none; font-weight: 600; transition: color 0.3s ease; } .copyright-bar a:hover { color: #ff2c2c; } @media (max-width: 769px) { .copyright-bar { margin-top: 10px !important; } } @media (max-width: 991.98px) { .footer-seal-logo, .footer-main-logo { display: none; } } @media (max-width: 767.98px) { .footer-main-content { flex-direction: column; align-items: center; } .footer-links, .social-icons { text-align: center; } .app-store-buttons { justify-content: center; gap: 6px !important; } } .about-sphere-section { background-color: #000000; color: #e0e0e0; padding: 100px 10px; position: relative; overflow: hidden; } .about-sphere-title { font-family: "Cardo", serif; font-size: 50px; font-weight: 400; letter-spacing: 3px; line-height: 1.3; color: #ffffff; margin-bottom: 26px; text-transform: uppercase; } .about-sphere-title .text-red { color: #ff2c2c; } .about-sphere-description { color: #ffffff; font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: 1px; margin-bottom: 2rem; max-width: 720px; } .see-your-matches-btn-about { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 12px 28px; font-size: 12px; color: #ffffff; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 20px; display: inline-block; } .see-your-matches-btn-about:hover { background-color: #ffffff; color: #000000; } .about-sphere-image { width: 100%; max-width: 500px; height: auto; display: block; border-radius: 40px; box-shadow: 0 20px 50px rgba(255, 44, 44, 0.1); margin-left: auto; margin-right: auto; } @media (max-width: 991.98px) { .about-sphere-section .row { text-align: center; } .about-sphere-description { margin-left: auto; margin-right: auto; text-align: center; } .about-sphere-title { font-size: 48px; letter-spacing: 2px; margin-bottom: 20px; } .col-lg-5.col-md-8.mt-5.mt-lg-0 { margin-top: 40px !important; } } @media (max-width: 767.98px) { .about-sphere-section { padding: 50px 15px; } .about-sphere-title { font-size: 36px; line-height: 1.2; letter-spacing: 1.5px; text-align: center; } .about-sphere-description { font-size: 14px; line-height: 25px; text-align: left; padding: 0 10px; } .col-lg-5.col-md-8.mt-5.mt-lg-0 { margin-top: 30px !important; } } @media (max-width: 426px) { .about-sphere-title { font-size: 32px; } } @media (max-width: 400px) { .about-sphere-title { font-size: 30px; } .see-your-matches-btn-about { padding: 10px 23px; font-size: 11px; } } .video-showcase-section { background: linear-gradient(to right, #fff1f1 62%, #d40000 50.1%); padding: 50px 15px; display: flex; align-items: center; justify-content: center; min-height: 80vh; overflow: hidden; } .laptop-video-wrapper { max-width: 1000px; width: 100%; margin: 0 auto; } .video-thumbnail-link { display: block; position: relative; cursor: pointer; } .laptop-image { width: 100%; height: auto; display: block; } .play-button-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 50px; background-color: rgba(0, 0, 0, 0.7); border-radius: 10px; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s ease, transform 0.3s ease; } .play-button-overlay i { color: #ffffff; font-size: 1.2rem; padding-left: px; } .video-thumbnail-link:hover .play-button-overlay { background-color: rgba(212, 0, 0, 0.9); transform: translate(-50%, -50%) scale(1.1); } @media (max-width: 767.98px) { .video-showcase-section { padding: 0 10px; } .play-button-overlay { width: 60px; height: 40px; } .play-button-overlay i { font-size: 1rem; } } .what-you-get-section { background-color: #ffffff; padding: 100px 15px; font-family: "Inter", sans-serif; } .section-pre-title { color: #ff2c2c; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; margin-bottom: 28px; font-family: "Saira", sans-serif; } .section-main-title { font-family: "Cardo", serif; font-size: 80px; font-weight: 400; letter-spacing: 3px; color: #000000; margin-bottom: 50px; } .features-grid-about { --bs-gutter-x: 40px; --bs-gutter-y: 40px; margin-bottom: 60px; } .feature-box-about { background-color: #fff9f9; padding: 30px; height: 100%; } .feature-title-about { font-size: 14px; font-weight: 700; letter-spacing: 2.8px; color: #000000; margin-bottom: 10px; display: flex; align-items: center; font-family: "Saira", sans-serif; } .feature-arrow-about { color: #ff2c2c; font-size: 1.5rem; margin-right: 20px; min-width: 20px; } .feature-description-about { color: #000000; font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 1px; margin-left: 50px; } .about-join-now-btn { border: 1px solid #000000; font-family: "Saira", sans-serif; border-radius: 30px; padding: 16px 40px; font-size: 11px; font-weight: 400; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; } .about-join-now-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .section-main-title { font-size: 60px; margin-bottom: 40px; } .features-grid-about { --bs-gutter-x: 30px; --bs-gutter-y: 30px; margin-bottom: 50px; } .feature-description-about { margin-left: 40px; } } @media (max-width: 767.98px) { .what-you-get-section { padding: 60px 15px; } .section-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 20px; } .section-main-title { font-size: 32px; letter-spacing: 2px; margin-bottom: 30px; } .features-grid-about { --bs-gutter-x: 0; --bs-gutter-y: 20px; margin-bottom: 40px; } .feature-box-about { padding: 20px; } .feature-title-about { align-items: flex-start; } .feature-arrow-about { margin-right: 15px; } .feature-description-about { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-left: 35px; } } @media (max-width: 400px) { .feature-box-about { padding: 15px; } .feature-arrow-about { font-size: 1.2rem; margin-right: 10px; min-width: 15px; } .feature-title-about { font-size: 13px; letter-spacing: 2px; } .feature-description-about { margin-left: 25px; } .about-join-now-btn { padding: 14px 30px; } } .our-story-section { position: relative; overflow: hidden; background-color: #000000; padding: 150px 10px 100px 10px; } .our-story-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .our-story-section::before { content: ""; position: absolute; top: 0; left: 0; width: 25%; height: 100%; background-color: #bd0202; z-index: 1; } .our-story-section .container { position: relative; z-index: 2; } .our-story-image-wrapper { padding: 0 30px; } .our-story-image { width: 100%; border-radius: 35px; display: block; margin: auto; object-fit: cover; } .our-story-image-2 { width: 100%; border-radius: 35px; display: block; margin: auto; } .our-story-content { padding: 0 5%; } .our-story-title-2 { font-family: "Cardo", serif; font-size: 55px !important; font-weight: 400; line-height: 72px; letter-spacing: 3px; color: #ffffff; margin-bottom: 30px; text-transform: uppercase; display: block; } .our-story-title-2 .text-red { color: #ff2c2c; } .our-story-description { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: 1px; margin-bottom: 1.5rem; text-align: left; } @media (max-width: 991.98px) { .our-story-section { padding: 60px 10px; } .our-story-section::before { width: 100%; height: 30%; left: 0; } .our-story-title-2 { font-size: 48px; letter-spacing: 2px; text-align: center; } .our-story-image-wrapper { padding: 40px 30px 20px; text-align: center; } .our-story-content { padding: 20px 30px 40px; } .our-story-description { text-align: left; } } .our-story-title { font-size: 59px; font-weight: 400; font-family: "Cardo", sans-serif; color: #fff; } @media (max-width: 769px) { .our-story-title { font-size: 50px; font-weight: 400; font-family: "Cardo", sans-serif; } } @media (max-width: 426px) { .our-story-title { font-size: 36px; font-weight: 400; font-family: "Cardo", sans-serif; } } @media (max-width: 767.98px) { .our-story-section { padding: 80px 10px 40px 10px; } .our-story-section::before { height: 20%; } .our-story-title-2 { font-size: 34px; letter-spacing: 1px; margin-bottom: 20px; line-height: 64px; } .our-story-image-wrapper { padding: 30px 20px 15px; } .our-story-content { padding: 15px 20px 30px; } .our-story-description { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; text-align: left; padding: 0; } } @media (max-width: 426px) { .our-story-section { position: relative; overflow: hidden; background-color: #000000; padding: 90px 10px 10px 10px; } .our-story-content .our-story-title-2 { font-size: 40px !important; letter-spacing: 1px; margin-bottom: 20px; line-height: normal; } .our-story-section::before { width: 100%; height: 15%; left: 0; } } @media (max-width: 376px) { .our-story-content .our-story-title-2 { line-height: normal; } } .features-light-section { background-color: #fff9f9; padding: 115px 0; font-family: "Inter", sans-serif; } .feature-light-col { padding: 0 20px; position: relative; } .feature-light-box { text-align: start; padding: 40px 20px; height: 100%; } @media (min-width: 992px) { .feature-light-col:not(:last-child)::after { content: ""; position: absolute; top: 5%; right: 0; height: 92%; width: 2px; background-color: #ffecec; } } .feature-light-icon { height: 60px; margin-bottom: 34px; filter: invert(20%) sepia(100%) saturate(5000%) hue-rotate(345deg) brightness(100%) contrast(100%); } .feature-light-title { color: #ff2c2c; font-size: 14px; font-family: "Saira", sans-serif; font-weight: 500; letter-spacing: 2.8px; line-height: 19.6px; margin-bottom: 25px; text-transform: uppercase; } .feature-light-description { color: #000000; font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: 1px; margin: 0; } @media (max-width: 991.98px) { .feature-light-col { margin-bottom: 30px; padding: 0 15px; } .feature-light-box { background-color: #fffafa; border-radius: 15px; } .feature-light-col:nth-child(odd):not(:last-child)::after { content: ""; position: absolute; top: 5%; right: 0; height: 90%; width: 2px; background-color: #ffecec; } .feature-light-col:nth-child(3)::after { content: none; } .feature-light-col:last-child::after { content: none; } } @media (max-width: 767.98px) { .features-light-section { padding: 60px 15px; } .feature-light-col { padding: 0 0; margin-bottom: 20px; } .feature-light-col::after { content: none !important; } .feature-light-box { padding: 20px; } .feature-light-title { font-size: 13px; letter-spacing: 2.5px; } .feature-light-description { font-size: 14px; line-height: 25px; letter-spacing: 0.5px; } } .how-it-works-section { background-color: #111111; padding: 100px 15px; text-align: center; } .how-it-works-main-title { font-family: "Cardo", serif; font-size: 80px; font-weight: 400; letter-spacing: 4px; line-height: 80px; color: #e9e9e9; margin-bottom: 80px; } .timeline-row { position: relative; margin-bottom: 40px; } @media (min-width: 992px) { .timeline-row::before { content: ""; position: absolute; width: 66.66%; height: 1px; background-color: #ff2c2c; top: 50px; left: 16.66%; z-index: 1; } } .step-timeline-element { height: 100px; display: flex; align-items: center; justify-content: center; position: relative; } .step-number { font-family: "Cardo", serif; font-size: 100px; font-weight: 400; line-height: 100px; letter-spacing: 5px; color: #ff2c2c; position: relative; z-index: 2; background-color: #111111; padding: 0 25px; } .step-content { margin-top: 20px; } .step-title { font-family: "Saira", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 3.6px; line-height: 25px; color: #ffffff; margin-bottom: 25px; text-transform: uppercase; } .step-description { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: 1px; padding: 0 20px; text-align: left; } .get-started-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 500; color: #ffffff; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 80px; } .get-started-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 991.98px) { .timeline-row::before { content: none; } .how-it-works-main-title { font-size: 60px; line-height: 1.1; margin-bottom: 60px; } .step-col { margin-bottom: 40px; } .step-col:last-child { margin-bottom: 0; } .step-timeline-element { height: auto; flex-direction: column; padding: 20px 0; } .step-number { font-size: 80px; line-height: 80px; padding: 0 15px; background-color: #111111; } .step-col .timeline-line { display: block; width: 2px; height: 30px; background-color: #ff2c2c; } .step-col:first-child .step-timeline-element .timeline-line:first-child { display: none; } .step-col:last-child .step-timeline-element .timeline-line:last-child { display: none; } .step-description { padding: 0 50px; } .get-started-btn { margin-top: 50px; } } @media (max-width: 767.98px) { .how-it-works-section { padding: 60px 15px; } .how-it-works-main-title { font-size: 32px; letter-spacing: 2px; margin-bottom: 20px; } .step-col { margin-bottom: 30px; } .step-number { font-size: 60px; line-height: 60px; } .step-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 15px; } .step-description { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; padding: 0 15px; text-align: left; } .get-started-btn { margin-top: 40px; padding: 12px 30px; } } @media (min-width: 992px) { .step-col .timeline-line { display: none; } } .your-privacy-section-revised { background-color: #ffffff; padding: 100px 15px; font-family: "Arimo", sans-serif; } .privacy-content-card { background-color: #fff9f9; padding: 60px 50px; max-width: 800px; margin: 0 auto; text-align: center; box-shadow: 0 12px 60px rgba(0, 0, 0, 0.12); } .privacy-top-image-revised { width: 100%; max-width: 140px; height: auto; border-radius: 50%; margin-bottom: 35px; margin-top: -130px; } .privacy-main-title-revised { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000000; margin-bottom: 40px; text-transform: uppercase; } .privacy-main-title-revised .text-red { color: #ff2c2c; } .privacy-content-text-revised { font-family: "Saira", sans-serif; color: #000000; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.8px; text-align: left; } .privacy-content-text-revised p { margin-bottom: 1.8rem; } .see-button-wrapper { display: flex; justify-content: end; } .see-your-matches-privacy-btn-revised { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 42px; } .see-your-matches-privacy-btn-revised:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 768.98px) { .your-privacy-section-revised { padding: 90px 15px; } .privacy-content-card { padding: 40px 25px; } .privacy-top-image-revised { max-width: 120px; margin-top: -100px; } .privacy-main-title-revised { font-size: 2.2rem; } .see-button-wrapper { display: flex; justify-content: center; } } @media (max-width: 1150px) { .privacy-main-title-revised { font-size: 40px; line-height: 50px; } } @media (max-width: 426px) { .privacy-main-title-revised { font-size: 32px; line-height: 50px; margin-bottom: 20px; } .privacy-content-text-revised p { font-family: "Saira", sans-serif; color: #000000; font-size: 14px; font-weight: 400; line-height: 26px; letter-spacing: 0.8px; text-align: left; margin-bottom: 16px; } } @media (max-width: 376px) { .privacy-main-title-revised { font-size: 28px; line-height: 50px; margin-bottom: 20px; } } @media (max-width: 321px) { .privacy-main-title-revised { font-size: 22px; line-height: 40px; margin-bottom: 20px; } } .create-profile-section { position: relative; overflow: hidden; padding: 125px 0; max-height: 130%; display: flex; align-items: center; justify-content: center; background-color: #0d0d0d; } .create-profile-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; background-color: #0d0d0d; } .background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #fff1f1; opacity: 90%; } .create-profile-section .content-container { position: relative; z-index: 2; } .profile-pre-title { color: #000000; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3px; margin-bottom: 27px; text-transform: uppercase; } .profile-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000; margin-bottom: 13.8px; text-transform: uppercase; } .profile-subtitle { color: #000000; font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: 1px; margin-bottom: 42.6px; } .see-matches-profile-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; display: inline-block; } .see-matches-profile-btn:hover { background-color: #000000; border-color: #000000; color: #fff; } @media (max-width: 991.98px) { .create-profile-section { min-height: 65vh; padding: 100px 15px; } .profile-main-title { font-size: 48px; line-height: 52px; letter-spacing: 2px; } .profile-pre-title { margin-bottom: 20px; } .profile-subtitle { margin-bottom: 30px; } } @media (max-width: 767.98px) { .create-profile-section { min-height: 50vh; padding: 60px 15px; } .profile-pre-title { font-size: 14px; letter-spacing: 2.5px; margin-bottom: 15px; } .profile-main-title { font-size: 32px; line-height: 1.2; letter-spacing: 1.5px; margin-bottom: 10px; } .profile-subtitle { font-size: 14px; line-height: 24px; margin-bottom: 25px; } .see-matches-profile-btn { padding: 10px 25px; font-size: 11px; letter-spacing: 1.8px; } } .contact-hero-section { position: relative; overflow: hidden; min-height: 110vh; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; padding: 0 10px; } .contact-hero-content { position: relative; z-index: 2; } .contact-main-title { font-family: "Cardo", serif; font-size: 60px; font-weight: 400; letter-spacing: 5px; line-height: 100px; text-transform: uppercase; color: #fff; } .contact-subtitle { font-family: "Saira", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 4px; line-height: 28px; margin-top: 30px; text-transform: uppercase; } .text-red { color: #ff2c2c; } @media (max-width: 991.98px) { .contact-main-title { font-size: 80px; } } @media (max-width: 769.98px) { .contact-hero-section { min-height: 90vh; } .contact-main-title { font-size: 70px; line-height: 50px; } .contact-subtitle { font-size: 0.8rem; margin-top: 15px; } } @media (max-width: 426px) { .contact-main-title { font-size: 40px; line-height: 30px; } .contact-subtitle { font-size: 14px; line-height: 22px; } } .contact-form-section { position: relative; background-color: #fff9f9; padding: 80px 10px; overflow: hidden; } .contact-form-section::before { content: ""; position: absolute; top: 0; left: 0; width: 26%; height: 100%; background-color: #bd0202; transition: all 0.3s ease; } .contact-form-section .container { position: relative; z-index: 2; } .contact-image-col { display: flex; align-items: center; justify-content: center; } .contact-form-image { width: 100%; max-width: 450px; border-radius: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); } .form-wrapper { padding: 30px 0; } .form-title { font-family: "Cardo", serif; font-size: 55px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000000; margin-bottom: 20px; } .form-title .text-red { color: #ff2c2c; } .form-subtitle { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: 1px; margin-bottom: 40px; padding-right: 30px; } .contact-form .form-group { margin-bottom: 20px; } .contact-form .form-control { background-color: #ffffff; border: 1px solid #ffe3e3; border-radius: 0; padding: 15px 20px; font-size: 16px; font-weight: 400; font-family: "Saira", sans-serif; color: #000000; line-height: 24px; letter-spacing: 2.8px; transition: border-color 0.3s ease; box-shadow: none; } .contact-form .form-control:focus { background-color: #ffffff; box-shadow: none; border-color: #ff2c2c; } .contact-form .form-control::placeholder { color: #bababa; text-transform: uppercase; font-size: small; } .submit-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 14px 74px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 30px; } .submit-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .contact-form-section { padding: 60px 10px; } .contact-form-section::before { top: 0; left: 0; width: 40%; height: 46%; } .contact-image-col { order: 1; padding-bottom: 40px; } .contact-form-col { order: 2; padding-top: 0; } .contact-form-image { max-width: 350px; } .form-wrapper { padding: 20px; text-align: center; } .form-title { font-size: 45px; line-height: 50px; letter-spacing: 2px; } .form-subtitle { padding-right: 0; margin-bottom: 30px; } .text-lg-start { text-align: center !important; } } @media (max-width: 767.98px) { .contact-form-section { padding: 40px 10px; } .contact-form-section::before { width: 50%; height: 50%; } .form-wrapper { padding: 0; } .contact-image-col { padding-bottom: 60px; } .contact-form-image { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 20px; } .form-title { font-size: 32px; line-height: 35px; margin-bottom: 15px; } .form-subtitle { font-size: 14px; line-height: 24px; margin-bottom: 25px; } .submit-btn { padding: 12px 0; width: 100%; max-width: 300px; } } @media (max-width: 426px) { .contact-form-section::before { width: 30%; height: 47%; } } @media (max-width: 376px) { .contact-form-section::before { width: 30%; height: 45%; } .form-wrapper { padding: 0; } .contact-image-col { padding-bottom: 40px; } .contact-form-image { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 20px; } } @media (max-width: 370px) { .contact-form-section::before { width: 30%; height: 40%; } .form-wrapper { padding: 0; } .contact-image-col { padding-bottom: 40px; } .contact-form-image { max-width: 100%; max-height: 100%; object-fit: cover; border-radius: 20px; } } .blog-card-section { background-color: #0d0d0d; padding-bottom: 50px; position: relative; } .blog-card-image { position: relative; top: -95px; margin-bottom: -80px; width: 100%; height: 120vh; object-fit: cover; display: block; background-color: #0d0d0d; } .blog-card-content { background-color: #ffffff; text-align: center; padding: 45px; position: relative; box-shadow: 0 4px 10px #ffe3e3; margin-top: -80px; max-width: 1240px; margin-left: auto; margin-right: auto; } .blog-title { font-family: "Cardo", serif; font-size: 40px; font-weight: 400; color: #000000; line-height: 48px; margin-bottom: 10px; } .blog-title .text-red { color: #ff2c2c; } .blog-date { font-family: "Saira", sans-serif; color: #000000; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 10px; } .blog-excerpt { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; max-width: 1000px; margin: 0 auto 30px auto; } .read-more-blog-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 40px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; } .read-more-blog-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .blog-card-section { background-color: #fff9f9; padding-bottom: 50px; position: relative; } .blog-card-image { height: 80vh; top: -50px; margin-bottom: -50px; } .blog-card-content { margin-top: -50px; max-width: 90%; } .blog-title { font-size: 32px; line-height: 40px; } } @media (max-width: 767.98px) { .blog-card-section { background-color: #fff9f9; padding-bottom: 50px; position: relative; } .blog-card-image { height: 60vh; top: -30px; margin-bottom: -40px; } .blog-card-content { padding: 30px 40px; margin-top: -40px; } .blog-title { font-size: 24px; line-height: 30px; } .blog-excerpt { font-size: 15px; margin-bottom: 20px; line-height: 22px; } .read-more-blog-btn { padding: 10px 30px; font-size: 11px; } } .blog-post-section { background-color: #fff9f9; padding: 30px 15px; } .post-image { width: 100%; height: 500px; object-fit: cover; object-position: center top; display: block; border-radius: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); } .post-content { padding-left: 0; } .post-title { font-family: "Cardo", serif; font-size: 34px; font-weight: 400; color: #000000; line-height: 40px; margin-bottom: 10px; } .post-title .text-red { color: #ff2c2c; } .post-date { font-family: "Saira", sans-serif; color: #000000; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 10px; } .post-excerpt { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; } .post-excerpt p { line-height: 27.2px; font-size: 17px; margin-bottom: 15px; } .read-more-post-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 40px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 25px; margin-bottom: 25px; display: inline-block; } .read-more-post-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .blog-post-section { padding: 40px 15px; } .post-image { height: 400px; } .post-content { padding-left: 0; margin-top: 30px; } .post-title { font-size: 30px; line-height: 36px; } } @media (max-width: 768px) { .post-excerpt p { font-size: 14px; line-height: 22px; } } @media (max-width: 767.98px) { .blog-post-section { padding: 20px 15px 0 15px; } .post-image { width: 100%; height: 280px; } .post-title { font-size: 24px; line-height: 30px; } .post-date { font-size: 14px; } .post-excerpt p { font-size: 14px; line-height: 25px; } .read-more-post-btn { padding: 10px 30px; } } .pagination-section { background-color: #fff9f9; padding: 40px 15px; display: flex; justify-content: center; align-items: center; font-family: "Cardo", sans-serif; letter-spacing: 1.5px; } .pagination-custom { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; gap: 25px; } .page-link { display: block; text-decoration: none; font-size: 1.25rem; font-weight: 500; color: #000; transition: color 0.3s ease; } .page-link:hover { color: #ff2c2c; } .page-link-btn { background-color: #ffffff; padding: 15px 30px; border-radius: 12px !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); transition: transform 0.2s ease, box-shadow 0.2s ease; } .page-link-btn:hover { color: #333; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); } .page-item.active .page-link { background-color: #ff2c2c; color: #ffffff; border-radius: 10px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 15px rgba(255, 44, 44, 0.3); } .page-item.active .page-link:hover { color: #ffffff; } .page-item.disabled .page-link { color: #888; pointer-events: none; padding-bottom: 5px; } .related-blogs-section-home { background-color: #fff9f9; padding: 70px 15px; } .related-blogs-section { background-color: #fff9f9; padding: 40px 15px; } .related-blogs-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; color: #000000; letter-spacing: 1px; line-height: 64px; margin-bottom: 50px; text-align: center; } .related-blogs-title .text-red { color: #ff2c2c; } @media (max-width: 991.98px) { .related-blogs-title { font-size: 48px; line-height: 52px; margin-bottom: 40px; } } @media (max-width: 426px) { .related-blogs-title { font-size: 48px; line-height: 52px; margin-bottom: 0px; } } @media (max-width: 767.98px) { .related-blogs-section-home { padding: 50px 15px; } .related-blogs-section { padding: 30px 15px; } .related-blogs-title { font-size: 32px; line-height: 40px; margin-bottom: 20px; letter-spacing: 0.5px; } .blog-item-content { padding: 15px 10px; } } .blog-card-item { background-color: #ffffff; border-radius: 25px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); height: 100%; border: 2px solid transparent; transition: all 0.3s ease; } .blog-card-item:hover { border-color: #ff2c2c; transform: translateY(-5px); box-shadow: 0 15px 45px rgba(255, 44, 44, 0.1); } .blog-item-image { width: 100%; border-top-left-radius: 23px; border-top-right-radius: 23px; padding: 10px; max-height: 220px; object-fit: cover; } .blog-item-content { padding: 20px 14px; } .blog-item-title { font-family: "Cardo", serif; font-size: 20px; font-weight: 400; color: #000000; line-height: 25.2px; letter-spacing: 1px; margin-bottom: 6px; } .blog-item-meta { font-family: "Saira", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 25.2px; color: #000000; margin-bottom: 6px; } .blog-item-excerpt { font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 22px; color: #000000; margin-bottom: 20px; } .read-more-item-btn { border: 1px solid #cccccc; border-radius: 30px; padding: 10px 25px; font-size: 0.7rem; font-weight: 600; color: #666; letter-spacing: 1.5px; transition: all 0.3s ease; } .read-more-item-btn:hover { background-color: #000; border-color: #000; color: #fff; } .related-blogs-pagination { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 40px; } .pagination-arrow { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; } .pagination-arrow:not(.active) { border: 1px solid #ddd; color: #888; } .pagination-arrow:not(.active):hover { border-color: #ff2c2c; color: #ff2c2c; } .pagination-arrow.active { background-color: #ff2c2c; color: #ffffff; box-shadow: 0 5px 15px rgba(255, 44, 44, 0.3); } .our-story-title-2 { font-family: "Cardo", serif; font-size: 55px; font-weight: 400; letter-spacing: 3px; color: #ffffff; margin-bottom: 30px; text-transform: uppercase; } .our-story-image-2 { width: 90%; border-radius: 35px; margin: auto; } .how-it-works-section-2 { background-color: #fff9f9; padding: 100px 15px; text-align: center; } .how-it-works-main-title-2 { font-family: "Cardo", serif; font-size: 80px; font-weight: 400; letter-spacing: 4px; line-height: 80px; color: #000000; margin-bottom: 80px; } .timeline-row { align-items: flex-start; } .step-col { position: relative; margin-bottom: 0; } .step-timeline-element { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .timeline-line { display: block; flex-grow: 1; height: 1px; background-color: #ff2c2c; margin: 0 5px; } .step-col:first-child .timeline-line:first-child { visibility: hidden; } .step-col:last-child .timeline-line:last-child { visibility: hidden; } .step-number-2 { font-family: "Cardo", serif; font-size: 100px; font-weight: 400; line-height: 100px; letter-spacing: 5px; color: #ff2c2c; position: relative; z-index: 2; background-color: #fff9f9; padding: 0 25px; margin: 0; } .step-title-2 { font-family: "Saira", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 3.6px; line-height: 25px; color: #000000; margin-bottom: 25px; text-transform: uppercase; } .step-description-2 { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: 1px; padding: 0 20px; text-align: left; } .get-started-btn-2 { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 500; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 80px; text-decoration: none; display: inline-block; } .get-started-btn-2:hover { background-color: #000000; color: #ffffff; } @media (max-width: 991.98px) { .how-it-works-section-2 { padding: 60px 15px; } .how-it-works-main-title-2 { font-size: 60px; line-height: 65px; margin-bottom: 50px; letter-spacing: 3px; } .step-col { margin-bottom: 50px; } .step-timeline-element { margin-bottom: 20px; } .timeline-line { display: none; } .step-number-2 { font-size: 80px; line-height: 80px; padding: 0 15px; } .step-description-2 { padding: 0 10px; } .get-started-btn-2 { margin-top: 40px; } } @media (max-width: 767.98px) { .how-it-works-section-2 { padding: 40px 10px; } .how-it-works-main-title-2 { font-size: 40px; line-height: 45px; margin-bottom: 30px; letter-spacing: 2px; } .step-col { margin-bottom: 30px; } .step-number-2 { font-size: 60px; line-height: 60px; padding: 0 10px; } .step-title-2 { font-size: 16px; letter-spacing: 3px; margin-bottom: 15px; } .step-description-2 { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; padding: 0; margin-bottom: 0; } .get-started-btn-2 { margin-top: 10px; padding: 12px 30px; font-size: 11px; letter-spacing: 2px; } } .complete-profile-section { background-color: #000000; padding: 100px 15px; color: #e0e0e0; } .profile-pre-title-final { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 2px; line-height: 25px; margin-bottom: 20px; text-transform: uppercase; } .profile-main-title-final { font-family: "Cardo", serif; font-size: 42px; font-weight: 400; letter-spacing: 3px; line-height: 1.2; color: #ffffff; margin-bottom: 20px; } .profile-description-final { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; max-width: 720px; text-align: left; } .profile-description-final p { font-size: 17px; margin-bottom: 1.8rem; } .see-matches-final-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 2.2px; line-height: 18.7px; transition: all 0.3s ease; margin-top: 30px; text-decoration: none; display: inline-block; } .see-matches-final-btn:hover { background-color: #ffffff; color: #000000; } .profile-image-final { width: 100%; border-radius: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); display: block; } @media (max-width: 991.98px) { .complete-profile-section { padding: 80px 15px; } .profile-content-wrapper { text-align: center; margin-bottom: 25px; } .profile-main-title-final { font-size: 36px; line-height: 1.3; letter-spacing: 2px; } .profile-description-final { margin-left: auto; margin-right: auto; text-align: left; max-width: 600px; font-size: 16px; line-height: 26px; } .col-lg-5.mt-5.mt-lg-0 { margin-top: 50px !important; margin-bottom: 0 !important; } } @media (max-width: 767.98px) { .complete-profile-section { padding: 60px 10px; } .profile-pre-title-final { font-size: 12px; letter-spacing: 1.5px; margin-bottom: 15px; } .profile-main-title-final { font-size: 28px; line-height: 1.2; letter-spacing: 1.5px; margin-bottom: 15px; } .profile-description-final { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; padding: 0 5px; } .profile-description-final p { margin-bottom: 0.5rem; } .see-matches-final-btn { padding: 12px 25px; font-size: 11px; letter-spacing: 2px; margin-top: 20px !important; } .col-lg-5.mt-5.mt-lg-0 { margin-top: 30px !important; } } @media (max-width: 426px) { .complete-profile-section { padding: 50px 10px; } .profile-description-final p { font-size: 16px; line-height: 24px; letter-spacing: 0.5px; padding: 0 5px; } .see-matches-final-btn { padding: 12px 25px; font-size: 11px; letter-spacing: 2px; margin-top: 20px; } } .game-changed-section { background-color: #fbfbfb; padding: 100px 15px; font-family: "Arimo", sans-serif; } .text-content-wrapper { margin: 0 auto; } .game-pre-title { text-align: center; color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: 3.8px; margin-bottom: 30px; text-transform: uppercase; } .game-main-title { text-align: center; font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 60px; color: #000000; margin-bottom: 50px; } .info-list { font-family: "Saira", sans-serif; list-style: none; margin-bottom: 40px; color: #000000; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; margin-left: auto; margin-right: auto; text-align: left; } .info-list li { position: relative; padding-left: 25px; margin-bottom: 15px; line-height: 1.8; } .info-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #ff2c2c; border-radius: 50%; } .main-text-body p { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 20px; text-align: left; } @media (max-width: 991.98px) { .game-changed-section { padding: 80px 15px; } .game-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 25px; } .game-main-title { font-size: 48px; line-height: 50px; margin-bottom: 40px; } .info-list { max-width: 550px; font-size: 16px; line-height: 26px; } .main-text-body p { font-size: 16px; line-height: 26px; letter-spacing: 0.8px; } } @media (max-width: 767.98px) { .game-changed-section { padding: 60px 10px; } .game-pre-title { font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; } .game-main-title { font-size: 38px; line-height: 40px; letter-spacing: 2px; margin-bottom: 30px; } .info-list { max-width: none; padding-left: 15px; font-size: 15px; line-height: 1.6; margin-bottom: 30px; } .info-list li { padding-left: 20px; } .info-list li::before { top: 8px; width: 6px; height: 6px; } .main-text-body p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } } @media (max-width: 426px) { .game-changed-section { background-color: #FBFBFB; padding: 40px 10px; } .game-pre-title { font-size: 18px !important; letter-spacing: 2px; margin-bottom: 10px !important; } .game-main-title { font-size: 32px !important; line-height: 40px !important; letter-spacing: 2px; margin-bottom: 20px !important; } .main-text-body p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 15px; } } .who-are-we-section-revised { background-color: #ffffff; padding: 100px 10px; overflow: hidden; } .who-are-we-content-revised { padding-right: 30px; } .who-are-we-title-revised { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000; margin-bottom: 40px; text-transform: uppercase; } .who-are-we-title-revised .text-red { color: #ff2c2c; } .who-are-we-description-revised { font-family: "Saira", sans-serif; max-width: 650px; color: #000000; font-size: 17px; line-height: 27.2px; font-weight: 400; letter-spacing: 1px; text-align: left; } .who-are-we-description-revised p { font-size: 17px; margin-bottom: 1.8rem; } .see-your-matches-who-btn-revised { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 40px; text-decoration: none; display: inline-block; } .see-your-matches-who-btn-revised:hover { background-color: #000; border-color: #000; color: #fff; } .image-stack-wrapper-revised { position: relative; height: 600px; margin-left: 10%; } .image-stack-wrapper-revised::before, .image-stack-bg-img { position: absolute; top: -60px; width: 95%; height: 120%; object-fit: cover; border-radius: 40px; z-index: 1; } .stacked-image-front-revised { position: absolute; top: 10%; left: -30%; width: 75%; height: 95%; object-fit: cover; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); z-index: 2; } @media (max-width: 1026px) { .who-are-we-description-revised { font-family: "Saira", sans-serif; max-width: 500px; color: #000000; font-size: 17px; line-height: 27.2px; font-weight: 400; letter-spacing: 1px; text-align: left; } } @media (max-width: 991.98px) { .who-are-we-section-revised { padding: 80px 10px; } .who-are-we-content-revised { text-align: center; padding-right: 0; margin-bottom: 15px; } .who-are-we-title-revised { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 30px; } .who-are-we-description-revised { margin-left: auto; margin-right: auto; text-align: left; max-width: 600px; font-size: 16px; line-height: 26px; } .image-stack-wrapper-revised { max-width: 450px; height: 550px; margin: 0 auto; } .image-stack-wrapper-revised::before { width: 100%; left: 0; top: 0; height: 100%; } .stacked-image-front-revised { top: 10%; left: 5%; width: 70%; height: 90%; } .col-lg-5.mt-5.mt-lg-0 { margin-top: 0 !important; } } @media (max-width: 768.98px) { .who-are-we-section-revised { padding: 30px 10px 60px 10px; } .who-are-we-title-revised { font-size: 32px; line-height: 1.1; letter-spacing: 2px; margin-bottom: 25px; } .who-are-we-description-revised p { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; padding: 0 5px; max-width: max-content; margin-bottom: 15px; } .image-stack-wrapper-revised { height: 400px; max-width: 350px; margin-top: 30px; } .stacked-image-front-revised { top: 5%; left: 10%; width: 75%; height: 95%; border-radius: 30px; } .see-your-matches-who-btn-revised { margin-top: 20px; } .stacked-image-front-revised { margin-left: 10px; padding-bottom: 17px; } } .future-lifestyle-section { position: relative; overflow: hidden; padding: 100px 15px; display: flex; align-items: center; justify-content: center; } .future-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff1f1; opacity: 90%; z-index: 1; } .future-content-container { position: relative; z-index: 2; } .future-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000000; margin-bottom: 30px; } .future-main-title .text-red { color: #ff2c2c; } .future-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; line-height: 24px; font-weight: 400; letter-spacing: 1px; margin-bottom: 40px; text-align: left; } .future-description p { font-size: 17px; margin-bottom: 20px; } .see-matches-future-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 1.5px; transition: all 0.3s ease; text-decoration: none; display: inline-block; } .see-matches-future-btn:hover { background-color: #333; border-color: #333; color: #fff; } @media (max-width: 991.98px) { .future-lifestyle-section { padding: 100px 15px; } .future-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 25px; } .future-description { font-size: 15px; line-height: 24px; letter-spacing: 0.8px; margin-bottom: 30px; } .future-description p { margin-bottom: 18px; } } @media (max-width: 767.98px) { .future-lifestyle-section { padding: 80px 10px; } .future-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .future-description { font-size: 14px; line-height: 22px; letter-spacing: 0.5px; margin-bottom: 25px; padding: 0 5px; } .future-description p { margin-bottom: 15px; font-size: 14px; line-height: 24px; text-align: left; } .see-matches-future-btn { padding: 10px 25px; font-size: 11px; letter-spacing: 1.5px; } } @media (max-width: 426px) { .future-lifestyle-section { padding: 50px 10px; } .future-description p { margin-bottom: 10px; font-size: 17px; } } .faqs-hero-section { position: relative; overflow: hidden; min-height: 115vh; top: -55px; margin-bottom: -55px; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; } .faqs-hero-content { position: relative; z-index: 2; } .faqs-main-title { font-family: "Cardo", serif; font-size: 60px; font-weight: 400; letter-spacing: 5px; line-height: 100px; text-transform: uppercase; color: #fff !important; } .faqs-subtitle { font-family: "Saira", sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 4px; line-height: 28px; margin-top: 30px; text-transform: uppercase; } @media (max-width: 991.98px) { .faqs-main-title { font-size: 4.5rem; } } @media (max-width: 767.98px) { .faqs-hero-section { min-height: 90vh; } .faqs-main-title { font-size: 3rem; } .faqs-subtitle { font-size: 0.8rem; margin-top: 15px; } } @media (max-width: 426px) { .faqs-hero-section { min-height: 70vh; top: -1px; margin-bottom: -1px; } .faqs-subtitle { font-size: 1rem; margin-top: 0; } } .faq-section { background-color: #fff9f9; padding: 80px 15px; } @media (max-width: 768px) { .faq-section { background-color: #fff9f9; padding: 50px 15px; } } .accordion { --bs-accordion-border-width: 0; --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-btn-icon-width: 0; } .accordion-item { background-color: #ffffff; margin-bottom: 20px; border: 1px solid #ffe3e3; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.04); } .accordion-button { font-family: "Saira", sans-serif; color: #000000 !important; font-size: 14px; font-weight: 400; letter-spacing: 2.8px; line-height: 20px; text-transform: uppercase; background-color: #ffffff !important; box-shadow: none !important; padding: 25px 30px; } .accordion-button::after { background-image: none; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.5rem; color: #ff2c2c; content: "\f107"; margin-top: -17px; margin-right: 10px; transform: rotate(0deg); transition: transform 0.2s ease-in-out; } .accordion-button:not(.collapsed)::after { content: "\f106"; transform: rotate(0deg); } .accordion-body { padding: 18px 30px 15px 30px; font-family: "Saira", sans-serif; color: #000000; border-top: 1px solid #e9e9e9; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; } .accordion-body p { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; } .accordion-body span { font-family: "Saira", sans-serif; color: #ff2c2c; font-size: 18px; line-height: 27.2px; letter-spacing: 1px; } @media (max-width: 431px) { .accordion-body p { font-size: 14px; } } .text-red { color: #ff2c2c; } .katz-v { font-family: "Courier New", Courier, monospace; font-weight: 600; } .bold-span { font-weight: 700; } .join-now-ticker-revised-2 { width: 100%; padding: 25px 0; flex-wrap: wrap; white-space: nowrap; overflow: hidden; background-color: #fff; padding: 55px 0 50px 0; } @media (max-width: 768px) { .join-now-ticker-revised-2 { width: 100%; padding: 25px 0; flex-wrap: wrap; white-space: nowrap; overflow: hidden; background-color: #fff; padding: 60px 0 60px 0; } } @media (max-width: 426px) { .join-now-ticker-revised-2 { width: 100%; padding: 25px 0; flex-wrap: wrap; white-space: nowrap; overflow: hidden; background-color: #fff; padding: 40px 0 40px 0; } } .ticker-track-revised-2 { display: inline-block; animation: ticker-scroll-revised-2 20s linear infinite; } .ticker-track-revised-2 span { color: #e8e4df; font-family: "Cardo", serif; font-size: 30px; font-weight: 400; color: #000000; letter-spacing: 2.5px; padding: 0 16px; } @media (max-width: 768.50px) { .ticker-track-revised-2 span { color: #e8e4df; font-family: "Cardo", serif; font-size: 18px; font-weight: 400; color: #000000; letter-spacing: 2px; padding: 0 14px; } } @keyframes ticker-scroll-revised-2 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .founder-section { background-color: #fff; padding: 100px 15px; } .founder-card { background-color: #000000; padding: 120px 50px 50px 50px; position: relative; text-align: center; } .founder-avatar { width: 150px; height: 150px; border-radius: 50%; border: 4px solid #000000; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); background-color: #000; } .card-content { color: #d1d1d1; } .main-heading { font-family: "Cardo", serif; color: #ffffff; font-size: 64px; font-weight: 400; letter-spacing: 3px; line-height: 64px; text-transform: uppercase; margin-bottom: 20px; } .sub-heading { max-width: 580px; text-align: center; margin: auto; font-family: "Saira", sans-serif; color: #d94c3d; font-weight: 400; letter-spacing: 3.6px; line-height: 26px; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } .body-text p { font-family: "Saira", sans-serif; text-align: left; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; color: #ffffff; margin-bottom: 2rem; } @media (max-width: 620px) { .body-text p { font-family: "Saira", sans-serif; text-align: left; font-size: 15px !important; font-weight: 400; letter-spacing: 1px; line-height: 26px; color: #ffffff; margin-bottom: 1rem; } } .signature { max-width: 180px; height: auto; margin-bottom: 2rem; } @media (max-width: 621px) { .signature { max-width: 120px; height: auto; margin-bottom: 1rem; } } @media (max-width: 767px) { .matches-button { margin-left: 80px !important; padding: 12px 20px !important; font-size: 10px !important; } } @media (max-width: 426px) { .matches-button { margin-left: 10px !important; padding: 12px 20px !important; font-size: 10px !important; } } .matches-button { font-family: "Saira", sans-serif; margin-left: 140px; display: inline-block; right: 0; border: 1px solid #fff; border-radius: 30px; padding: 12px 30px; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: 400; letter-spacing: 2.2px; line-height: 18.7px; transition: all 0.3s ease; } .matches-button:hover { background-color: #ffffff; color: #000000; border-color: #ffffff; } .button-arrow { margin-left: 10px; } .sign-btn-container { display: flex; justify-content: space-around; align-items: center; margin-left: 150px; } @media (max-width: 1150px) { .sign-btn-container { display: flex; justify-content: space-around; align-items: center; margin-left: 100px; } } @media (max-width: 621px) { .sign-btn-container { display: flex; justify-content: space-around; align-items: center; margin-left: 40px; } } @media (max-width: 426px) { .sign-btn-container { display: flex; flex-direction: column; justify-content: start; align-items: start; margin-left: 0; } } @media (max-width: 768px) { .founder-section { padding: 60px 15px; } .founder-card { padding: 100px 25px 40px 25px; } .founder-avatar { width: 120px; height: 120px; top: -60px; } .main-heading { font-size: 2rem; letter-spacing: 2px; line-height: 50px; } .sub-heading { font-size: 0.8rem; } } @media (max-width: 426px) { .main-heading { font-size: 26px; letter-spacing: 2px; line-height: 35px; } .sub-heading { font-size: 12px; line-height: 24px; } .body-text p { font-family: "Saira", sans-serif; text-align: left; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 26px; color: #ffffff; margin-bottom: 2rem; } } .glossary-hero-section { position: relative; overflow: hidden; min-height: 130vh; top: -5px; margin-bottom: -5px; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; } .glossary-hero-content { position: relative; z-index: 2; } .glossary-main-title { font-family: "Cardo", serif; font-size: 60px; font-weight: 400; letter-spacing: 5px; line-height: 100px; text-transform: uppercase; color: #fff; } @media (max-width: 991.98px) { .glossary-main-title { font-size: 4.5rem; } } @media (max-width: 768.98px) { .glossary-hero-section { min-height: 80vh; top: 50px; margin-bottom: 50px; } .glossary-main-title { font-size: 56px; line-height: 3.6rem; } } @media (max-width: 426.98px) { .glossary-hero-section { min-height: 65vh; width: fit-content; top: 50px; margin-bottom: 50px; } .glossary-main-title { font-size: 36px; line-height: 44px; } } @media (max-width: 376.98px) { .glossary-hero-section { min-height: 50vh; width: fit-content; top: 80px; margin-bottom: 80px; } .glossary-main-title { font-size: 30px; line-height: 44px; } } .blog-post-dark-section { background-color: #000000; padding: 100px 15px; color: #e0e0e0; } .post-dark-content { text-align: left; } .post-dark-title { font-family: "Cardo", serif; font-size: 57px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #ffffff; margin-bottom: 16px; } .post-dark-title .text-red { color: #ff2c2c; } .post-dark-date { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 10px; } .post-dark-intro { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 40px; padding-right: 10px; } .post-dark-subtitle { font-family: "Saira", sans-serif; color: #ff2c2c; font-size: 18px; font-weight: 400; letter-spacing: 3.6px; line-height: 26px; margin-bottom: 10px; text-transform: uppercase; } .post-dark-body p { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; line-height: 27.2px; font-weight: 400; letter-spacing: 1px; margin-bottom: 30px; } .see-matches-post-dark-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 600; color: #ffffff; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 20px; text-decoration: none; display: inline-block; } .see-matches-post-dark-btn:hover { background-color: #ffffff; color: #000000; } .post-dark-image { width: 100%; border-radius: 40px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2); display: block; margin: 0 auto; } @media (max-width: 991.98px) { .blog-post-dark-section { padding: 80px 15px; } .post-dark-content { text-align: center; margin-bottom: 30px; } .post-dark-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; } .post-dark-title, .post-dark-date, .post-dark-subtitle, .see-matches-post-dark-btn { text-align: center; display: block; margin-left: auto; margin-right: auto; } .post-dark-intro, .post-dark-body { text-align: left; max-width: 650px; margin-left: auto; margin-right: auto; } .post-dark-intro { font-size: 16px; line-height: 26px; } .post-dark-body p { font-size: 16px; line-height: 26px; } .col-lg-5.mt-5.mt-lg-0 { margin-top: 0 !important; } } @media (max-width: 768.98px) { .blog-post-dark-section { padding: 60px 15px; } .post-dark-title { font-size: 34px; line-height: 1.1; letter-spacing: 1.5px; } .post-dark-date { font-size: 15px; letter-spacing: 0.8px; } .post-dark-intro { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 30px; padding: 0 5px; text-align: center !important; } .post-dark-subtitle { font-size: 16px; letter-spacing: 3px; margin-bottom: 8px; } .post-dark-body p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 20px; padding: 0 0px; } .see-matches-post-dark-btn { padding: 12px 30px; font-size: 11px; margin-top: 15px; max-width: fit-content; } .post-dark-content { margin-bottom: 20px; } .post-dark-image { border-radius: 30px; max-width: 60%; } } .myths-testimonials-section { background-color: #fff9f9; padding: 50px 15px 70px 15px; } .myth-card { background-color: #ffffff; padding: 33px; border: 1px solid #fff0f0; box-shadow: 0 5px 30px #ffe3e341; height: 100%; } .myth-title { font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 2.8px; line-height: 20px; color: #000000; margin-bottom: 10px; text-transform: uppercase; } .myth-text { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1.2px; line-height: 27.2px; } .read-more-link { font-family: "Saira", sans-serif; color: #ff2c2c; font-size: 12px; font-weight: 400; text-decoration: none; display: inline-block; margin-top: 5px; } .read-more-link:hover { text-decoration: underline; } .testimonials-wrapper { background-color: #ffffff; padding: 34px; border: 1px solid #fff0f0; box-shadow: 0 5px 30px #ffe3e340; } .testimonials-title { font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 2.8px; line-height: 24px; color: #000; margin-bottom: 10px; text-transform: uppercase; } .testimonials-intro { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 20px; } .testimonial-item { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 20px; } .testimonial-author { font-weight: 700 !important; color: #000; } .final-cta-wrapper { margin-top: 50px; text-align: center; } .final-cta-text { font-family: "Saira", sans-serif; color: #f35763; font-size: 16px; font-weight: 400; letter-spacing: 3px; line-height: 24px; margin-bottom: 20px; text-transform: uppercase; } .see-matches-final-cta-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 2.3px; line-height: 18.7px; transition: all 0.3s ease; text-decoration: none; display: inline-block; } .see-matches-final-cta-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .myths-testimonials-section { padding: 10px 15px 40px 15px; } .myth-card { padding: 25px; } .myth-title { font-size: 15px; letter-spacing: 2.5px; line-height: 1.4; } .myth-text, .testimonials-intro, .testimonial-item { font-size: 16px; letter-spacing: 1px; line-height: 25px; } .testimonials-wrapper { padding: 30px; margin-top: 30px; } .testimonials-title { font-size: 15px; letter-spacing: 2.5px; } } @media (max-width: 767.98px) { .myths-testimonials-section { padding: 10px 15px 30px 15px; } .col-lg-6.mb-4 { margin-bottom: 20px !important; } .myth-card { padding: 20px; } .myth-title { font-size: 14px; letter-spacing: 2px; line-height: 1.3; } .myth-text { font-size: 15px; letter-spacing: 0.8px; line-height: 23px; } .testimonials-wrapper { padding: 20px; margin-top: 20px; } .testimonials-title { font-size: 14px; letter-spacing: 2px; } .testimonials-intro, .testimonial-item { font-size: 15px; line-height: 23px; letter-spacing: 0.5px; margin-bottom: 15px; } .read-more-link { font-size: 11px; } .final-cta-wrapper { margin-top: 40px; } .final-cta-text { font-size: 14px; letter-spacing: 2px; margin-bottom: 15px; } .see-matches-final-cta-btn { padding: 10px 25px; font-size: 11px; letter-spacing: 2px; } } .matchmaking-hero-section { position: relative; overflow: hidden; height: 100vh; min-height: 800px; top: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; color: #ffffff; } .matchmaking-hero-content { position: relative; z-index: 2; padding: 0 15px; } .matchmaking-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; text-transform: uppercase; margin-bottom: 15px; color: #fff; } .matchmaking-main-title .text-red { color: #ff2c2c; } .matchmaking-subtitle { font-family: "Saira", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 4px; line-height: 1.5; margin-top: 30px; text-transform: uppercase; margin-bottom: 0; } .matchmaking-apply-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 50px; text-transform: uppercase; text-decoration: none; display: inline-block; } .matchmaking-apply-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 991.98px) { .matchmaking-hero-section { min-height: 600px; height: 80vh; } .matchmaking-main-title { font-size: 48px; letter-spacing: 2px; } .matchmaking-subtitle { font-size: 18px; letter-spacing: 3px; margin-top: 20px; } .matchmaking-apply-btn { margin-top: 40px; } } @media (max-width: 767.98px) { .matchmaking-hero-section { min-height: 500px; height: 70vh; padding: 100px 15px 60px 15px; } .matchmaking-main-title { font-size: 34px; line-height: 1.1; letter-spacing: 1.5px; } .matchmaking-subtitle { font-size: 14px; letter-spacing: 2px; line-height: 1.4; margin-top: 15px; } .matchmaking-apply-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 1.8px; margin-top: 30px; } } @media (max-width: 425.98px) { .matchmaking-hero-section { min-height: 500px; height: 70vh; padding: 100px 10x 40px 10px; } .matchmaking-main-title { font-size: 26px; line-height: 1.1; letter-spacing: 1.5px; } .matchmaking-subtitle { font-size: 12px; letter-spacing: 2px; line-height: 1.4; margin-top: 15px; } .matchmaking-apply-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 1.8px; margin-top: 30px; } } .legal-protection-section-2 { background-color: #ffffff; color: #000000; padding: 100px 15px; } .rounded-custom { border-radius: 25px; width: 100%; height: auto; } .text-content-2 { padding-left: 20px; } .section-title-2 { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 2px; line-height: 1.2; color: #000000; } .section-title-2 .text-red { color: #ff2c2c; } .section-paragraph-2 { font-family: "Saira", sans-serif; color: #000000; font-size: 18px; line-height: 1.6; max-width: 750px; margin-bottom: 20px; } @media (max-width: 991.98px) { .legal-protection-section-2 { padding: 80px 15px; } .text-content-2 { padding-left: 0; margin-top: 30px; } .col-lg-4.mb-4.mb-lg-0 { text-align: center; margin-bottom: 0 !important; } .col-lg-4 img { max-width: 400px; } .section-title-2 { font-size: 44px; letter-spacing: 1.5px; text-align: center; } .section-paragraph-2 { font-size: 17px; line-height: 1.5; margin-left: auto; margin-right: auto; text-align: left; } } @media (max-width: 768.98px) { .legal-protection-section-2 { padding: 50px 10px; } .couple-in-field-img img { margin: auto; } .text-content-2 { margin-top: 20px; } .section-title-2 { font-size: 32px; letter-spacing: 1px; line-height: 1.1; } .section-paragraph-2 { font-size: 14px; line-height: 1.5; letter-spacing: 0.5px; margin-bottom: 15px; } } .pitfalls-section { position: relative; overflow: hidden; background-color: #000000; padding: 100px 15px; color: #ffffff; } .pitfalls-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .pitfalls-section .container { position: relative; z-index: 1; } .pitfalls-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 25.2px; margin-bottom: 50px; text-transform: uppercase; } .pitfalls-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #ffffff; margin-bottom: 30px; } .pitfalls-intro { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin: 0 auto; } .pitfalls-grid { margin-top: 60px; margin-bottom: 60px; padding-left: 150px; } .pitfall-item { margin-bottom: 40px; text-align: left; } .pitfall-title { display: flex; align-items: flex-start; font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 2.8px; color: #fff; margin-bottom: 10px; text-transform: uppercase; } .pitfall-arrow { color: #ff2c2c; font-size: 1.2rem; margin-right: 15px; line-height: 1; } .pitfall-description { font-family: "Saira", sans-serif; color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 26px; padding-left: 40px; max-width: 456px; margin: 0; } .join-now-pitfalls-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 2.2px; line-height: 18.7px; transition: all 0.3s ease; text-decoration: none; display: inline-block; } .join-now-pitfalls-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 1150px) { .pitfalls-grid { margin-top: 60px; margin-bottom: 60px; padding-left: 20px; } } @media (max-width: 991.98px) { .pitfalls-section { padding: 80px 15px; } .pitfalls-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 40px; } .pitfalls-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 25px; } .pitfalls-intro { font-size: 16px; line-height: 26px; } .pitfalls-grid { margin-top: 40px; margin-bottom: 40px; padding-left: 0; } } @media (max-width: 768.98px) { .pitfalls-section { padding: 50px 10px; } .pitfalls-pre-title { font-size: 14px; letter-spacing: 2px; margin-bottom: 30px; } .pitfalls-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .pitfalls-intro { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .pitfalls-grid { margin-top: 30px; margin-bottom: 30px; } .pitfall-item { margin-bottom: 25px; } .pitfall-title { font-size: 13px; letter-spacing: 2.5px; } .pitfall-arrow { font-size: 1rem; margin-right: 10px; } .pitfall-description { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; padding-left: 30px; } .join-now-pitfalls-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 2px; } } @media (max-width: 426px) { .pitfalls-intro { font-size: 13px; text-align: left; line-height: 24px; letter-spacing: 0.5px; } .pitfall-description { font-size: 13px; line-height: 24px; letter-spacing: 0.5px; padding-left: 30px; } } .redefining-experience-section { background-color: #ffffff; padding: 100px 15px; font-family: "Arimo", sans-serif; } .redefining-content-wrapper { text-align: center; } .redefining-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 26px; margin-bottom: 30px; text-transform: uppercase; } .redefining-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000000; margin-bottom: 50px; } .redefining-body-text { font-family: "Saira", sans-serif; margin: 0 auto; color: #000000; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; text-align: left; } .redefining-body-text p { font-size: 18px; } .what-makes-us-different { font-family: "Saira", sans-serif; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; margin-top: 30px; margin-bottom: 20px; font-weight: 600; } .features-list { padding-top: 10px; } .features-list p { font-size: 17px; margin-bottom: 20px; max-width: 100%; } .features-list strong { font-family: "Saira", sans-serif; color: #000; font-weight: 700; } @media (max-width: 1024.98px) { .redefining-experience-section { padding: 70px 15px; } .redefining-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 25px; } .redefining-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 30px; } .redefining-body-text p { font-size: 15px; line-height: 26px; } .what-makes-us-different { font-size: 17px; margin-top: 25px; margin-bottom: 15px; } } @media (max-width: 768.98px) { .redefining-experience-section { padding: 40px 10px; } .redefining-pre-title { font-size: 14px; letter-spacing: 2.5px; margin-bottom: 20px; } .redefining-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .redefining-body-text p { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; padding: 0 5px; } .what-makes-us-different { font-size: 16px; margin-top: 10px; margin-bottom: 5px; } } .who-we-serve-section-revised { background-color: #fff9f9; padding: 100px 15px; overflow: hidden; } @media (max-width: 768.50px) { .who-we-serve-section-revised { background-color: #fff9f9; padding: 40px 15px; overflow: hidden; } } @media (max-width: 426px) { .who-we-serve-section-revised { background-color: #fff9f9; padding: 30px 15px; overflow: hidden; } } .who-are-we-description-revised span { font-family: "Saira", sans-serif; color: #000000; } .our-process-section { background-color: #000000; padding: 100px 15px; } .process-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; margin-bottom: 20px; text-transform: uppercase; } .process-main-title { text-transform: uppercase; text-align: center; font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 4px; line-height: 1.1; color: #ffffff; margin-bottom: 20px; } .process-subtitle { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 60px; } .process-timeline { display: flex; justify-content: center; flex-direction: column; max-width: 1050px; margin: 0 auto; } .process-step { align-items: center; margin-bottom: 25px; } .step-number-col { display: flex; justify-content: center; align-items: center; } .step-number-process { font-family: "Cardo", serif; font-size: 100px; font-weight: 400; line-height: 100px; letter-spacing: 2px; background: linear-gradient(to bottom, #ffffff, #ff2c2c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.6; } .step-card { display: flex; align-items: center; border: 1px solid #ffffff; border-radius: 20px; padding: 25px; min-height: 140px; max-width: 827px; width: 100%; margin: 0; } .step-icon { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; margin-right: 20px; flex-shrink: 0; } .step-icon img { width: 100%; height: auto; } .step-title-process { font-family: "Saira", sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 400; line-height: 19.6px; letter-spacing: 2px; color: #ffffff; margin-bottom: 5px; } .step-description-process { font-family: "Saira", sans-serif; color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 1px; margin: 0; } @media (max-width: 1024.98px) { .our-process-section { padding: 70px 15px; } .process-main-title { font-size: 48px; letter-spacing: 3px; } .process-subtitle { margin-bottom: 40px; font-size: 16px; } .col-md-2.step-number-col { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-10 { flex: 0 0 53.333333%; max-width: 100%; } .step-number-process { font-size: 80px; line-height: 80px; } } @media (max-width: 768.98px) { .our-process-section { padding: 50px 10px; } .process-main-title { font-size: 28px; letter-spacing: 2px; } .process-subtitle { font-size: 14px; margin-bottom: 20px; } .step-number-col { display: none; } .col-md-10 { flex: 0 0 100%; max-width: 100%; } .process-step { margin-bottom: 20px; } .step-card { text-align: center; flex-direction: column; padding: 20px; min-height: 120px; } .step-icon { margin-right: 0; margin-bottom: 15px; width: 40px; height: 40px; } .step-title-process { font-size: 15px; letter-spacing: 1.5px; } .step-description-process { font-size: 14px; padding-top: 8px; line-height: 22px; letter-spacing: 0.5px; font-weight: 400; } } .case-studies-section { background-color: #fff9f9; padding: 100px 15px; } .case-studies-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; margin-bottom: 26px; text-transform: uppercase; } .case-studies-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; line-height: 1.1; letter-spacing: 3px; color: #000000; margin-bottom: 60px; } .case-study-card { background-color: #ffffff; border-radius: 15px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06); height: 100%; overflow: hidden; } .case-study-image { width: 100%; height: 287px; object-fit: cover; border-top-left-radius: 15px; border-top-right-radius: 15px; filter: blur(4px); -webkit-filter: blur(4px); display: block; } .case-study-content { padding: 30px 23px; } .case-study-title { font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; letter-spacing: 2.8px; margin-bottom: 10px; text-transform: uppercase; } .case-study-description { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 0; } @media (max-width: 991.98px) { .case-studies-section { padding: 70px 15px; } .case-studies-main-title { font-size: 48px; letter-spacing: 2px; margin-bottom: 40px; } .case-study-image { height: 250px; } .col-lg-4.col-md-6:nth-child(3) { margin-left: auto; margin-right: auto; } .col-lg-4.col-md-6:nth-child(3) .case-study-card { margin-bottom: 0; } } @media (max-width: 767.98px) { .case-studies-section { padding: 50px 10px; } .case-studies-pre-title { font-size: 15px; letter-spacing: 2.5px; margin-bottom: 10px; } .case-studies-main-title { font-size: 38px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 30px; } .col-lg-4.col-md-6.mb-4 { margin-bottom: 20px !important; } .case-study-image { height: 200px; } .case-study-content { padding: 20px 15px; } .case-study-title { font-size: 15px; letter-spacing: 2px; } .case-study-description { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } } @media (max-width: 426px) { .case-study-title { font-size: 15px; letter-spacing: 2px; text-align: left; font-weight: 500; } .case-study-description { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; text-align: left; } } .why-we-best-section { position: relative; overflow: hidden; background-color: #000000; padding: 100px 15px; } .why-we-best-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .why-we-best-section::before { content: ""; position: absolute; top: 0; left: 0; width: 20%; height: 100%; background-color: #bd0202; z-index: 1; } .why-we-best-section .container { position: relative; z-index: 2; } .why-we-best-image { width: 100%; border-radius: 35px; display: block; } .why-we-best-content { padding: 0 5%; } .why-we-best-title { font-family: "Cardo", serif; font-size: 52px; font-weight: 400; letter-spacing: 3px; color: #ffffff; margin-bottom: 30px; text-transform: uppercase; line-height: 1.2; } .why-we-best-title .text-red { color: #ff2c2c; } .why-we-best-description { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; line-height: 26px; letter-spacing: 1px; margin-bottom: 1.5rem; text-align: left; } .why-we-best-description span { font-family: "Saira", sans-serif; color: #ffffff; font-weight: 700; } @media (max-width: 991.98px) { .why-we-best-section { padding: 0; } .why-we-best-section::before { width: 40%; height: 55%; left: 0; border-radius: 0; } .why-we-best-image-wrapper { padding: 50px 30px 20px; text-align: center; max-width: 600px; margin: 0 auto; } .why-we-best-content { padding: 20px 30px 50px; } .why-we-best-title { text-align: center; font-size: 44px; letter-spacing: 2px; } .col-lg-7 { margin-top: 30px !important; } } @media (max-width: 767.98px) { .why-we-best-section::before { height: 35%; width: 100%; } .why-we-best-image-wrapper { padding: 40px 20px 10px; } .why-we-best-content { padding: 10px 20px 40px; } .why-we-best-title { font-size: 32px; letter-spacing: 1.5px; margin-bottom: 20px; } .why-we-best-description { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 1rem; padding: 0 5px; } } @media (max-width: 426px) { .why-we-best-section::before { height: 25%; width: 100%; } } @media (max-width: 320px) { .why-we-best-section::before { height: 20%; width: 100%; } } .faqs-main-title-new { color: #000; font-family: "Cardo", serif; font-size: 100px; font-weight: 400; line-height: 60px; letter-spacing: 3px; color: #000000; margin-bottom: 30px; padding-bottom: 10px; text-align: center; } @media (max-width: 426px) { .faqs-main-title-new { line-height: 20px; font-size: 50px; margin-bottom: 0; } } .faqs-description { font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; letter-spacing: 2.8px; margin-bottom: 59px; text-align: center; text-transform: uppercase; } @media (max-width: 768px) { .faqs-description { font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; letter-spacing: 2.8px; margin-bottom: 40px; text-align: center; text-transform: uppercase; } } .biggest-risk-section { position: relative; overflow: hidden; padding: 120px 15px; display: flex; align-items: center; justify-content: center; text-align: center; } .risk-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff1f19c; z-index: 1; } .risk-content-container { position: relative; z-index: 2; } .risk-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000000; margin-bottom: 20px; text-transform: uppercase; } .risk-main-title .text-red { color: #ff2c2c; } .risk-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; line-height: 28px; letter-spacing: 1px; margin-bottom: 40px; max-width: 924px; margin-left: auto; margin-right: auto; } .risk-description p { font-size: 17px; margin-bottom: 1.5rem; text-align: left; } .apply-today-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; text-transform: uppercase; text-decoration: none; display: inline-block; } .apply-today-btn:hover { background-color: #000; border-color: #000; color: #fff; } .public-social-img { width: 100%; position: relative; top: 0; margin-bottom: 0; } @media (max-width: 1024.98px) { .biggest-risk-section { padding: 70px 15px; } .risk-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; } .risk-description { font-size: 15px; line-height: 25px; letter-spacing: 0.8px; margin-bottom: 30px; } .risk-description p { margin-bottom: 1.2rem; } } @media (max-width: 768.98px) { .biggest-risk-section { padding: 50px 10px; } .risk-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; } .risk-description { margin-bottom: 25px; } .risk-description p { font-size: 14px; line-height: 25.2px; letter-spacing: 0.5px; margin-bottom: 10px; } .apply-today-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 2px; } } .hero-video { width: 100%; height: 80%; object-fit: cover; } @media (max-width: 426px) { .hero-video { width: 100%; min-height: 70vh; object-fit: fill; } } .silent-threat-section { background-color: #fff9f9; padding: 100px 15px; } .threat-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000000; margin-bottom: 20px; text-transform: uppercase; } .threat-main-title .text-red { color: #ff2c2c; } .threat-subtitle { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 50px; text-align: left !important; } .threat-subtitle-2 { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 50px; text-align: center !important; } .video-thumbnail-card { display: block; position: relative; overflow: hidden; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; text-decoration: none; } .video-thumbnail-card:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12); border: 1px solid #ff2c2c; } .video-thumbnail-image { width: 100%; height: 200px; object-fit: cover; display: block; transition: transform 0.4s ease; } .play-button-threat { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: #ff2c2c; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2rem; box-shadow: 0 5px 20px rgba(255, 44, 44, 0.4); z-index: 3; transition: transform 0.3s ease; } .video-thumbnail-card:hover .play-button-threat { transform: translate(-50%, -50%) scale(1.1); } .video-hover-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 60px 20px 20px; color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%); z-index: 2; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease; } .video-thumbnail-card:hover .video-hover-content { opacity: 1; transform: translateY(0); } .video-title { font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; color: #fff; letter-spacing: 1px; line-height: 22px; margin-bottom: 5px; } .video-source { font-family: "Saira", sans-serif; font-size: 12px; color: #ffffff; margin: 0; line-height: 14px; } @media (max-width: 1024.98px) { .silent-threat-section { padding: 70px 15px; } .threat-main-title { font-size: 48px; letter-spacing: 2px; } .threat-subtitle { font-size: 16px; margin-bottom: 40px; } .video-thumbnail-image { height: 180px; } } @media (max-width: 768.98px) { .silent-threat-section { padding: 50px 10px; } .threat-main-title { font-size: 28px; line-height: 1.1; letter-spacing: 1.5px; } .threat-subtitle { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 30px; } .col-lg-3.col-md-6.mb-4 { margin-bottom: 15px !important; } .video-thumbnail-image { height: 150px; } .play-button-threat { width: 50px; height: 50px; font-size: 1rem; } .video-hover-content { padding: 40px 15px 15px; } .video-title { font-size: 13px; line-height: 1.3; } .video-source { font-size: 11px; } } .coexist-section { position: relative; overflow: hidden; background-color: #1a1a1a; padding: 80px 15px; color: #e0e0e0; } .coexist-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .coexist-section::before { content: ""; position: absolute; top: 0; left: 0; width: 34%; height: 100%; background-color: #d40000; z-index: 1; } .coexist-section .container { position: relative; z-index: 2; } .coexist-video-thumbnail { display: block; position: relative; border-radius: 35px; overflow: hidden; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3); text-decoration: none; } .coexist-image { width: 100%; display: block; } .coexist-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background-color: #ff2c2c; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.5rem; box-shadow: 0 5px 20px rgba(255, 44, 44, 0.4); transition: transform 0.3s ease; } .coexist-video-thumbnail:hover .coexist-play-button { transform: translate(-50%, -50%) scale(1.1); } .coexist-content { padding: 0 5%; } .coexist-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 25px; letter-spacing: 3.6px; line-height: 26px; text-transform: uppercase; margin-bottom: 20px; } .coexist-main-title { font-family: "Cardo", serif; font-size: 49px; font-weight: 400; letter-spacing: 3px; line-height: 1.2; color: #e9e9e9; margin-bottom: 30px; } .coexist-main-title .text-red { color: #ff2c2c; } .coexist-subtitle { font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 26px; text-transform: uppercase; color: #fff; margin-bottom: 20px; } .coexist-description { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 26px; text-align: left; } .coexist-description p { font-size: 17px; margin-bottom: 1.5rem; } .coexist-buttons { font-family: "Saira", sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 2.2px; line-height: 18.7px; text-transform: uppercase; margin-top: 30px; display: flex; gap: 20px; } .coexist-btn { border: 1px solid #ffffff; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 600; color: #ffffff; letter-spacing: 1.5px; transition: all 0.3s ease; text-decoration: none; flex-shrink: 0; } .coexist-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 1024.98px) { .coexist-section { padding: 60px 15px; } .coexist-section::before { height: 100%; width: 40%; left: 0; } .col-lg-4 { text-align: center; max-width: 450px; margin: 0 auto; margin-bottom: 0 !important; } .coexist-content { text-align: center; margin-top: 40px; padding: 0; } .coexist-main-title { font-size: 40px; line-height: 1.2; letter-spacing: 2px; } .coexist-description { text-align: left; max-width: 650px; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 24px; } .coexist-buttons { justify-content: center; margin-top: 30px; } } @media (max-width: 992px) { .coexist-section::before { height: 30.8%; width: 100%; } } @media (max-width: 860.98px) { .coexist-section { padding: 40px 10px; } .coexist-section::before { height: 25.8%; width: 100%; } .coexist-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .coexist-pre-title, .coexist-subtitle { font-size: 14px; letter-spacing: 2.5px; line-height: 1.3; } .coexist-description p { font-size: 16px; line-height: 22px; letter-spacing: 0.5px; padding: 0 5px; } .coexist-buttons { flex-direction: column; gap: 10px; margin-top: 20px; align-items: center; } .coexist-btn { width: 80%; max-width: 300px; padding: 10px 20px; font-size: 11px; letter-spacing: 2px; } .coexist-play-button { width: 60px; height: 60px; font-size: 1.2rem; } .coexist-content { margin-top: 20px; } } @media (max-width: 426px) { .coexist-section::before { height: 21%; width: 100%; } } @media (max-width: 376px) { .coexist-section::before { height: 19%; } } @media (max-width: 321px) { .coexist-section::before { height: 17.5%; } } .public-media-section { background-color: #ffffff; padding: 100px 15px; } .media-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 25.2px; margin-bottom: 21px; text-transform: uppercase; } .media-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 4px; line-height: 1.1; color: #000; margin-bottom: 50px; } .link-card { background-color: #fff9f9; padding: 30px; border: 1px solid #fff0f0; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.04); height: 100%; text-align: left; } .link-title { display: flex; align-items: flex-start; font-family: "Saira", sans-serif; font-size: 14px; font-weight: 400; color: #000; line-height: 1.5; letter-spacing: 2.8px; margin-bottom: 10px; text-transform: uppercase; } .link-arrow { color: #ff2c2c; font-size: 1.2rem; margin-right: 15px; flex-shrink: 0; } .link-url, .link-url-last { font-family: "Saira", sans-serif; color: #ff2c2c; font-size: 16px; font-weight: 400; letter-spacing: 1.3px; line-height: 1.5; text-decoration: none; word-break: break-all; transition: all 0.3s ease; cursor: pointer; display: block; } .link-card .link-url { margin-left: 40px; } .link-card .link-url-last { margin-left: 40px; } .link-card>.link-arrow { display: inline-block; vertical-align: top; } .link-url:hover, .link-url-last:hover { color: #d40000; text-decoration: underline; } @media (max-width: 991.98px) { .public-media-section { padding: 70px 15px; } .media-main-title { font-size: 48px; letter-spacing: 3px; margin-bottom: 40px; } } @media (max-width: 768.98px) { .public-media-section { padding: 50px 10px; } .media-pre-title { font-size: 14px; letter-spacing: 2.5px; margin-bottom: 15px; } .media-main-title { font-size: 38px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 30px; } .col-lg-6.mb-4 { margin-bottom: 15px !important; } .link-card { padding: 20px; } .link-title { font-size: 13px; letter-spacing: 2px; line-height: 1.4; } .link-arrow { font-size: 1rem; margin-right: 10px; } .link-card .link-url { margin-left: 30px; font-size: 14px; letter-spacing: 1px; } .link-card .link-url-last { margin-left: 30px; font-size: 14px; letter-spacing: 1px; } } .refuses-game-section { background-color: #fbfbfb; padding: 100px 15px; } .game-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 26px; margin-bottom: 26px; text-transform: uppercase; } .game-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; line-height: 1.1; letter-spacing: 3px; color: #000; margin-bottom: 50px; } .game-text-content { color: #555; font-family: "Arimo", sans-serif; text-align: left; } .game-subtitle { font-family: "Saira", sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 3px; line-height: 27.2px; color: #000; margin-bottom: 20px; text-transform: uppercase; } .game-text-content p { color: #000; font-family: "Saira", sans-serif; font-size: 16px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; margin-bottom: 10px; } .game-info-list { list-style: none; padding-left: 0; margin: 20px 0 30px; } .game-info-list li { color: #000; font-family: "Saira", sans-serif; position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; } .game-info-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #000; font-size: 1.2rem; } .game-image { width: 100%; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1); display: block; } .game-text-content p.join-swingers-today { color: #f35763; font-family: "Saira", sans-serif; font-size: 18px; line-height: 26px; letter-spacing: 3px; text-transform: uppercase; margin-top: 20px; margin-bottom: 10px; } .sign-up-now-btn { font-family: "Saira", sans-serif; border: 1px solid #000; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 30px; text-transform: uppercase; text-decoration: none; display: inline-block; } .sign-up-now-btn:hover { background-color: #000; color: #ffffff; } @media (max-width: 991.98px) { .refuses-game-section { padding: 80px 15px; } .game-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 20px; } .game-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 40px; } .container.mt-5 .row .col-lg-6:first-child { order: -1; } .container.mt-5 .row .col-lg-6:last-child { order: 0; } .game-text-content { margin-bottom: 40px; margin-top: 30px; } .col-lg-6.mt-5.mt-lg-0 { margin-top: 0 !important; } .game-subtitle { font-size: 20px; letter-spacing: 2px; } .game-text-content p { font-size: 15px; line-height: 24px; } .game-info-list li { font-size: 16px; line-height: 25px; } } @media (max-width: 768.98px) { .refuses-game-section { padding: 50px 10px; } .game-pre-title { font-size: 14px; letter-spacing: 2.5px; margin-bottom: 15px; } .game-main-title { font-size: 38px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 30px; } .game-subtitle { font-size: 18px; letter-spacing: 1.5px; margin-bottom: 15px; } .game-text-content p { font-size: 14px; line-height: 22px; letter-spacing: 0.5px; margin-bottom: 8px; } .game-info-list { margin: 15px 0 20px; } .game-info-list li { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .game-image { border-radius: 30px; } .game-text-content p.join-swingers-today { font-size: 16px; letter-spacing: 2px; } .sign-up-now-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 2px; margin-top: 0; } } .apply-membership-div { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 40px; } .apply-membership-btn-previous { font-family: "Saira", sans-serif; border: 1px solid #fff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #fff; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 30px; text-transform: uppercase; } .apply-membership-btn-previous:hover { background-color: #fff; color: #000; } @media (max-width: 768.98px) { .apply-membership-div p { margin-top: -30px; font-size: 15px; text-align: left; font-size: 14px; line-height: 27px; } .apply-membership-btn-previous { margin-top: 10px; } } .sovereignty-cta-section { position: relative; overflow: hidden; padding: 120px 15px; display: flex; align-items: center; justify-content: center; } .sovereignty-cta-section { position: relative; background-size: cover; background-position: center center; padding: 100px 15px; text-align: center; } .sovereignty-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff1f1; opacity: 90%; z-index: 1; } .sovereignty-content-container { position: relative; z-index: 2; } .sovereignty-pre-title { font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; line-height: 25.2px; letter-spacing: 3.6px; color: #000; margin-bottom: 30px; text-transform: uppercase; } .sovereignty-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; line-height: 1.1; letter-spacing: 3px; color: #000; margin-bottom: 30px; } .sovereignty-main-title .text-red { color: #ff2c2c; } .sovereignty-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin: 0 auto 30px auto; max-width: 1200px; } .sovereignty-description p { font-size: 17px; margin-bottom: 1.5rem; text-align: left; } .final-cta-highlight { font-family: "Saira", sans-serif; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: 3px; color: #f35763; margin-top: 25px; margin-bottom: 25px; display: block; } .join-sovereignty-btn { font-family: "Saira", sans-serif; border: 1px solid #000; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 0; text-decoration: none; display: inline-block; } .join-sovereignty-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 1024.98px) { .sovereignty-cta-section { padding: 70px 15px; } .sovereignty-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; } .sovereignty-description { font-size: 16px; line-height: 25px; letter-spacing: 0.8px; } .final-cta-highlight { font-size: 16px; letter-spacing: 2.5px; } } @media (max-width: 768.98px) { .sovereignty-cta-section { padding: 50px 10px; } .sovereignty-pre-title { font-size: 14px; letter-spacing: 2.5px; margin-bottom: 20px; } .sovereignty-main-title { font-size: 38px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 25px; } .sovereignty-description { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .sovereignty-description p { margin-bottom: 1.2rem; font-size: 16px; line-height: 24px; } .final-cta-highlight { font-size: 15px; letter-spacing: 2px; margin-top: 20px; margin-bottom: 20px; } .join-sovereignty-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 2px; } } .private-life-hero-section { position: relative; height: 150vh; top: -95px; margin-bottom: -95px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .private-life-hero-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } .private-life-hero-content { position: relative; z-index: 2; text-align: center; color: white; padding: 20px 15px; } .private-life-main-title { font-family: "Cardo", serif; font-size: 60px; font-weight: 400; letter-spacing: 5px; margin-bottom: 30px; line-height: 1.1; text-transform: uppercase; color: #fff; } .text-red { color: #dc3545 !important; font-weight: 300; } .private-life-subtitle { font-family: "Saira", sans-serif; font-size: 20px; letter-spacing: 4px; margin-bottom: 70px; line-height: 1.5; font-weight: 400; text-align: center; text-transform: uppercase; padding: 0 100px; } .discover-unsafe-btn { font-family: "Saira", sans-serif; background: transparent; color: white; border: 2px solid white; padding: 18px 40px; font-size: 12px; letter-spacing: 2.2px; transition: all 0.3s ease; border-radius: 50px; text-transform: uppercase; font-weight: 400; text-decoration: none; display: inline-block; } .discover-unsafe-btn:hover { background: white; color: #000; } .scroll-down-indicator { position: absolute; bottom: 18%; left: 51%; transform: translateX(-50%); z-index: 2; text-align: center; text-decoration: none; } .mouse-icon { width: 30px; height: 50px; border: 2px solid white; border-radius: 20px; margin: 0 auto 10px; position: relative; animation: scrollBounce 2s infinite; } .scroll-wheel { width: 4px; height: 10px; background: white; border-radius: 2px; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); animation: scrollWheel 1.5s infinite; } .scroll-down-indicator p { color: white; font-family: "Saira", sans-serif; font-size: 0.75rem; letter-spacing: 0.2em; margin: 10px 0 0 -25px; text-align: center; font-weight: 400; } @keyframes scrollWheel { 0% { opacity: 1; transform: translateX(-50%) translateY(0); } 100% { opacity: 0; transform: translateX(-50%) translateY(20px); } } @keyframes scrollBounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-5px); } 60% { transform: translateX(-50%) translateY(-3px); } } @media (max-width: 1200px) { .private-life-main-title { font-size: 4rem; letter-spacing: 4px; } .private-life-subtitle { font-size: 1.1rem; } } @media (max-width: 992px) { .private-life-hero-section { min-height: 600px; } .private-life-main-title { font-size: 3.5rem; letter-spacing: 3px; margin-bottom: 25px; } .private-life-subtitle { font-size: 1rem; letter-spacing: 3px; padding: 0 15px; margin-bottom: 50px; } .discover-unsafe-btn { padding: 16px 35px; font-size: 11px; letter-spacing: 2px; } } @media (max-width: 768px) { .private-life-hero-section { min-height: 500px; } .private-life-main-title { font-size: 2.5rem; letter-spacing: 2px; } .private-life-subtitle { font-size: 0.9rem; line-height: 1.5; margin-bottom: 40px; } .discover-unsafe-btn { padding: 14px 30px; font-size: 11px; letter-spacing: 1.8px; } .scroll-down-indicator { bottom: 20%; left: 52%; } } @media (max-width: 576px) { .private-life-main-title { font-size: 2rem; } .private-life-subtitle { font-size: 0.75rem; padding: 0 5px; } .discover-unsafe-btn { padding: 12px 25px; font-size: 10px; letter-spacing: 1.5px; } .mouse-icon { width: 25px; height: 40px; } .scroll-down-indicator { bottom: 20%; left: 54%; } .scroll-down-indicator p { font-size: 0.65rem; } } @media (max-width: 400px) { .private-life-main-title { font-size: 1.5rem; letter-spacing: 1.5px; } .private-life-subtitle { font-size: 0.7rem; letter-spacing: 1px; } } .threat-main-title-2 { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000000; margin-bottom: 20px; text-transform: uppercase; } .forefront-section { position: relative; overflow: hidden; background-color: #000000; padding: 100px 15px; color: #ffffff; } .forefront-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .forefront-section .container { position: relative; z-index: 1; } .forefront-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; line-height: 25.2px; letter-spacing: 3.8px; margin-bottom: 50px; text-transform: uppercase; } .forefront-main-title { font-family: "Cardo", serif; font-size: 50px; font-weight: 400; letter-spacing: 3px; line-height: 1.2; color: #ffffff; margin-bottom: 30px; } .forefront-description { font-family: "Saira", sans-serif; color: #ffffff; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; margin: 0 auto 50px auto; } .forefront-description p { font-size: 17px; margin-bottom: 2rem; text-align: left; } .join-now-forefront-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 2.2px; transition: all 0.3s ease; text-transform: uppercase; text-decoration: none; display: inline-block; } .join-now-forefront-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 1024.98px) { .forefront-section { padding: 80px 15px; } .forefront-pre-title { font-size: 16px; letter-spacing: 3px; margin-bottom: 40px; } .forefront-main-title { font-size: 40px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 20px; } .forefront-description { font-size: 16px; line-height: 26px; margin-bottom: 40px; } } @media (max-width: 768.98px) { .forefront-section { padding: 50px 10px; } .forefront-pre-title { font-size: 14px; letter-spacing: 2.2px; margin-bottom: 20px; } .forefront-main-title { font-size: 26px; line-height: 1.3; letter-spacing: 1.5px; } .forefront-description p { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 30px; } .forefront-description p { margin-bottom: 1.5rem; } .join-now-forefront-btn { padding: 12px 30px; font-size: 11px; letter-spacing: 2px; } } .more-risky-section { background-color: #f9f9f9; padding: 100px 15px 0 15px; } .risky-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 26px; margin-bottom: 26px; text-transform: uppercase; } .risky-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #000000; margin-bottom: 30px; } .risky-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; text-align: left; } .risky-description p { font-size: 17px; margin-bottom: 1.5rem; margin-right: 25px; } .read-more-risky-btn { font-family: "Saira", sans-serif; border: 1px solid #000000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000000; letter-spacing: 2.2px; transition: all 0.3s ease; margin-top: 30px; text-decoration: none; display: inline-block; text-transform: uppercase; } .read-more-risky-btn:hover { background-color: #000; border-color: #000; color: #fff; } .risky-image { width: 100%; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08); display: block; } .section-divider { border-top: 2px solid #000; margin-top: 80px; margin-bottom: 0; } @media (max-width: 1024.98px) { .more-risky-section { padding: 70px 15px 0 15px; } .risky-content { text-align: center; margin-bottom: 40px; } .risky-main-title { font-size: 40px; line-height: 1.2; letter-spacing: 2px; } .risky-description { text-align: left; max-width: 650px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 26px; } .col-lg-6.mt-5.mt-lg-0 { margin-top: 0 !important; } .risky-image { max-width: 450px; margin: 0 auto; } .section-divider { margin-top: 60px; } } @media (max-width: 768.98px) { .more-risky-section { padding: 40px 10px 0 10px; } .risky-main-title { font-size: 32px; line-height: 40px; letter-spacing: 1.5px; margin-bottom: 15px; } .risky-pre-title { font-size: 16px; letter-spacing: 2.5px; margin-bottom: 10px; } .risky-description p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 1rem; } .read-more-risky-btn { padding: 10px 25px; font-size: 11px; margin-top: 20px; } .risky-content { margin-bottom: 30px; } .risky-image { border-radius: 30px; } .section-divider { margin-top: 40px; } } @media (max-width: 426px) { .risky-main-title { font-size: 26px; line-height: 35px; letter-spacing: 1.5px; margin-bottom: 10px; } .risky-description p { font-size: 14px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 12px; } } .legal-realities-section { background-color: #f9f9f9; padding: 50px 15px 100px 15px; } .legal-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; line-height: 26px; margin-bottom: 26px; text-transform: uppercase; } .legal-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000; margin-bottom: 50px; text-transform: uppercase; } .record-shows-title { font-family: "Saira", sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 1.5px; line-height: 27.2px; color: #000000; margin-bottom: 30px; text-align: left; } .record-card { display: flex; align-items: flex-start; padding-right: 22px; margin-bottom: 25px; border-right: 1px solid #000000; } .row .col-lg-6:nth-child(2) .record-card { border-right: none; margin-bottom: 0; } .row .col-lg-6:nth-last-child(-n + 1) .record-card { border-right: none; margin-bottom: 0; } .row .col-lg-6 hr { color: black; padding: 0 0 12px 0; margin-right: 22px; } .card-content { flex: 1; padding-right: 25px; } .card-title-record { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 700; color: #000000; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 10px; } .card-text-record { font-family: "Saira", sans-serif; color: #000000; font-size: 15px; line-height: 25.2px; letter-spacing: 1px; } .card-text-record a { color: #ff2c2c; text-decoration: none; display: block; margin-top: 5px; transition: color 0.3s ease; } .card-text-record a:hover { text-decoration: underline; } .card-image-record { width: 300px; height: 250px; object-fit: cover; border-radius: 15px; flex-shrink: 0; } .explainer-box { border-top: 1px solid #00000080; border-bottom: 1px solid #00000080; padding: 20px 0; margin: 20px 0 40px 0; text-align: left; } .explainer-title { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 700; line-height: 27.2px; letter-spacing: 1px; color: #000; margin-bottom: 9px; } .explainer-text { font-family: "Saira", sans-serif; color: #000; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 0; } .legal-context-section { padding-top: 20px; } .legal-context-title { font-family: "Saira", sans-serif; font-size: 24px; font-weight: 700; letter-spacing: 1.5px; line-height: 27.2px; color: #000000; margin-bottom: 30px; text-align: left; } .legal-points-list { list-style: none; padding: 0; text-align: left; } .legal-points-list li { margin-bottom: 25px; } .legal-points-list .point-title { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 700; color: #000000; letter-spacing: 1px; line-height: 1.6; margin-bottom: 5px; } .legal-points-list .point-description { font-family: "Saira", sans-serif; color: #000000; font-size: 17px; line-height: 1.6; letter-spacing: 1px; } .legal-points-list .context-link { color: #ff2c2c; text-decoration: none; display: block; margin-top: 5px; } @media (max-width: 1024.98px) { .legal-realities-section { padding-top: 40px; padding-bottom: 80px; } .legal-main-title { font-size: 40px; line-height: 64px; letter-spacing: 2px; margin-bottom: 30px; } .record-shows-title, .legal-context-title { font-size: 20px; letter-spacing: 1px; margin-bottom: 20px; } .row .col-lg-6:nth-child(2) .record-card { border-right: none; margin-bottom: 0; } .row .col-lg-6:nth-last-child(1) .record-card { border-right: none; margin-bottom: 0; } .card-image-record { width: 200px; height: 200px; } .card-content { padding-right: 15px; } .card-title-record, .card-text-record, .explainer-title, .explainer-text, .legal-points-list .point-title, .legal-points-list .point-description { font-size: 16px; line-height: 1.5; } } @media (max-width: 768.98px) { .legal-realities-section { padding: 30px 10px 10px 10px; } .legal-pre-title { font-size: 16px; letter-spacing: 2.5px; margin-bottom: 15px; } .legal-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; } .record-shows-title, .legal-context-title { font-size: 18px; letter-spacing: 1px; margin-bottom: 15px; } .record-card { flex-direction: column-reverse; padding-bottom: 20px; margin-bottom: 20px; border-right: none; padding-right: 0; } .row .col-lg-6:nth-child(2) .record-card { border-right: none; margin-bottom: 0; } .row .col-lg-6:nth-last-child(1) .record-card { border-right: none; margin-bottom: 0; } .card-image-record { width: 100%; height: 250px; margin-bottom: 15px; } .card-title-record, .card-text-record, .explainer-title, .explainer-text, .legal-points-list .point-title, .legal-points-list .point-description { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .explainer-box { margin: 15px 0 30px 0; } .legal-points-list li { margin-bottom: 20px; } } .legal-context-section { padding: 50px 0 0 0; } .legal-context-title { font-family: "Saira", sans-serif; font-weight: 400; font-size: 24px; line-height: 27.2px; letter-spacing: 1.5px; color: #000000; margin-bottom: 30px; } .legal-points-list { list-style: none; padding-left: 0; } .legal-points-list li { position: relative; padding-left: 25px; margin-bottom: 40px; } .legal-points-list li:last-child { margin-bottom: 0; } .legal-points-list li::before { content: "•"; position: absolute; left: 0; top: 5px; color: #555; font-size: 1.2rem; } .point-title { font-family: "Saira", sans-serif; font-weight: 400; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; color: #000; margin-bottom: 9px; } .point-description { font-family: "Saira", sans-serif; color: #000; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; margin-bottom: 0; } .context-link { color: #ff2c2c; text-decoration: none; font-weight: 400; transition: color 0.3s ease; } .context-link:hover { text-decoration: underline; } @media (max-width: 767.98px) { .legal-context-section { padding: 5px; } .legal-context-content { padding: 5px; } .legal-context-title { font-size: 1.2rem; } .point-description, .point-title { font-size: 0.95rem; } .legal-points-list li { position: relative; padding-left: 25px; margin-bottom: 20px; } } .safety-section-revised-2 { background-color: #000000; padding: 100px 0; text-transform: uppercase; font-family: "Cardo", serif; overflow-x: clip; } .safety-title-revised-2 { font-family: "Cardo", serif; font-size: 44px; font-weight: 400; letter-spacing: 1px; padding-left: 50px; line-height: 1.2; color: #222; padding-bottom: 10px; } @media (max-width: 1024px) { .safety-section-revised-2 { background-color: #000000; padding: 70px 0; text-transform: uppercase; font-family: "Cardo", serif; overflow-x: clip; } .safety-title-revised-2 { font-family: "Cardo", serif; font-size: 44px; font-weight: 400; letter-spacing: 3px; padding-left: 50px; line-height: 1.2; color: #222; margin: 0; } } @media (max-width: 768.98px) { .safety-section-revised-2 { background-color: #000000; padding: 50px 0; text-transform: uppercase; font-family: "Cardo", serif; overflow-x: clip; } .safety-title-revised-2 { font-family: "Cardo", serif; font-size: 34px; font-weight: 400; text-align: center; letter-spacing: 3px; padding-left: 0; padding-bottom: 15px; line-height: 1.2; color: #000; } } @media (max-width: 426px) { .safety-title-revised-2 { font-family: "Cardo", serif; font-size: 24px; font-weight: 500; text-align: center; letter-spacing: 3px; padding-left: 0; padding-bottom: 15px; line-height: 1.2; color: #000; } } .headlines-section { background-color: #fff9f9; padding: 100px 15px 0px 15px; } .headline-link { text-decoration: none; color: #ff2c2c; font-family: "Arimo", sans-serif; font-size: 0.95rem; line-height: 1.7; transition: color 0.3s ease; } .headline-image { width: 100%; height: 230px; border-radius: 20px; margin-bottom: 15px; } .headline-text { text-decoration: none; text-align: start; } .headline-text:hover { text-decoration: underline; } .headline-item { display: none; } .headline-item.visible { display: block; } .view-less-headlines-btn:hover { background-color: #000 !important; border-color: #000; color: #fff; } .view-less-headlines-btn { font-family: "Saira", sans-serif; border: 1px solid #000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 50px; } .view-less-headlines-btn:hover { background-color: #5a6268; } .view-more-headlines-btn { font-family: "Saira", sans-serif; border: 1px solid #000; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 1.5px; transition: all 0.3s ease; margin-top: 50px; } .view-more-headlines-btn:hover { background-color: #000; border-color: #000; color: #fff; } .headlines-divider { border-top: 2px solid #000000; margin-top: 50px; } @media (max-width: 767.98px) { .headlines-section { padding: 50px 15px; } .headlines-main-title { font-size: 2.5rem; } } .what-this-means-section { background-color: #fff9f9; padding: 80px 15px; margin-top: -20px; } .means-main-title { font-family: "Saira", sans-serif; font-weight: 700; font-size: 28px; line-height: 1.4; letter-spacing: 1.5px; color: #333; margin-bottom: 30px; text-align: left; } .custom-list { font-family: "Saira", sans-serif; list-style: none; padding-left: 0; color: #000; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1.5px; } .custom-list strong { font-weight: 700; font-size: 19px; font-family: "Saira", sans-serif; color: #333; line-height: 27.2px; letter-spacing: 1px; } .custom-list li { position: relative; padding-left: 30px; margin-bottom: 25px; } .custom-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ff2c2c; font-size: 1.2rem; } .custom-list.nested { margin-top: 10px; padding-left: 20px; font-size: 16px; letter-spacing: 1px; } .custom-list.nested li { margin-bottom: 15px; padding-left: 25px; } .custom-list.nested li::before { color: #666; } .custom-list a { color: #ff2c2c; text-decoration: underline; font-weight: 600; transition: color 0.3s ease; } .custom-list a:hover { color: #333; } @media (max-width: 991.98px) { .what-this-means-section { padding: 50px 15px; } .means-main-title { font-size: 24px; letter-spacing: 1.2px; } .custom-list, .custom-list.nested { font-size: 16px; line-height: 25px; } .custom-list strong { font-size: 17px; } .custom-list li { margin-bottom: 20px; } .custom-list.nested { padding-left: 10px; } } @media (max-width: 768.98px) { .what-this-means-section { padding: 10px 15px; } .means-main-title { font-size: 20px; letter-spacing: 1px; margin-bottom: 20px; } .custom-list, .custom-list.nested { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .custom-list li { padding-left: 20px; margin-bottom: 15px; } .custom-list li::before { font-size: 1rem; } .custom-list strong { font-size: 16px; } .custom-list.nested { padding-left: 0; } .custom-list.nested li { padding-left: 20px; margin-bottom: 10px; } } .distinct-edge-section { background-color: #fff9f9; padding: 80px 15px; } .distinct-edge-image { width: 100%; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1); display: block; } .edge-content-wrapper { padding-left: 30px; } .edge-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 3px; line-height: 26px; margin-bottom: 20px; text-transform: uppercase; } .edge-main-title { font-family: "Cardo", serif; font-size: 52px; font-weight: 400; letter-spacing: 1px; line-height: 1.2; color: #333; margin-bottom: 30px; } .features-list-edge p { font-family: "Saira", sans-serif; color: #000; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; text-align: left; } .features-list-edge p { margin-bottom: 20px; } .features-list-edge strong { color: #000; font-family: "Saira", sans-serif; font-weight: 700; } @media (max-width: 1024.98px) { .distinct-edge-section { padding: 60px 15px; } .edge-content-wrapper { padding-left: 0; text-align: center; margin-top: 40px; } .edge-main-title { font-size: 40px; line-height: 1.2; letter-spacing: 2px; } .features-list-edge { text-align: left; max-width: 650px; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 26px; } } @media (max-width: 768.98px) { .distinct-edge-section { padding: 40px 10px; } .edge-pre-title { font-size: 16px; letter-spacing: 2.5px; margin-bottom: 15px; } .edge-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .features-list-edge p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .features-list-edge p { margin-bottom: 15px; } .features-list-edge strong { font-size: 16px; } .edge-content-wrapper { margin-top: 30px; } } .comparison-section { position: relative; overflow: hidden; background-color: #1a1a1a; padding: 100px 15px; color: #e0e0e0; } .comparison-bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .comparison-section .container { position: relative; z-index: 1; } .comparison-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 1.1; color: #fff; margin-bottom: 50px; text-transform: uppercase; } .comparison-main-title .text-red { color: #ff2c2c; } .comparison-table-wrapper { overflow-x: auto; padding-bottom: 20px; } .comparison-table { width: 100%; min-width: 900px; border-collapse: collapse; font-family: "Arimo", sans-serif; } .comparison-table th, .comparison-table td { padding: 20px; text-align: left; vertical-align: middle; border-bottom: 1px solid rgba(255, 255, 255); } .comparison-table tbody tr:last-child td { border-bottom: none; } .comparison-table thead th { font-family: "Saira", sans-serif; font-weight: 400; font-size: 20px; letter-spacing: 3.6px; text-transform: uppercase; text-align: center; border-bottom: none; padding: 20px 15px; line-height: 1.3; } .header-features { background-color: #ffffff; color: #333; } .header-public { background-color: #4285f4; color: #ffffff; } .header-sphere { background-color: #ff2c2c; color: #ffffff; } .comparison-table tbody td { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; letter-spacing: 1px; color: #e0e0e0; border-right: 1px solid rgba(255, 255, 255); padding: 20px 20px; } .comparison-table tbody td:last-child { border-right: none; } .comparison-table tbody td:first-child { font-weight: 400; color: #e0e0e0; } .get-started-table-btn { font-family: "Saira", sans-serif; border: 1px solid #ffffff; border-radius: 30px; padding: 12px 30px; font-size: 12px; font-weight: 400; color: #ffffff; letter-spacing: 2.2px; line-height: 18.7px; transition: all 0.3s ease; margin-top: 50px; text-transform: uppercase; text-decoration: none; display: inline-block; } .get-started-table-btn:hover { background-color: #ffffff; color: #000000; } @media (max-width: 991.98px) { .comparison-section { padding: 80px 15px; } .comparison-main-title { font-size: 40px; letter-spacing: 2px; margin-bottom: 40px; } .comparison-table thead th { font-size: 16px; letter-spacing: 2.5px; } .comparison-table tbody td { font-size: 15px; line-height: 1.4; } } @media (max-width: 767.98px) { .comparison-section { padding: 60px 0; } .comparison-main-title { font-size: 32px; letter-spacing: 1.5px; padding: 0 15px; margin-bottom: 30px; } .comparison-table { min-width: 800px; } .comparison-table thead th { font-size: 14px; letter-spacing: 2px; padding: 10px 10px; } .comparison-table tbody td { font-size: 14px; line-height: 1.3; padding: 12px 15px; } .comparison-table-wrapper+.text-end { padding: 0 15px; } .get-started-table-btn { padding: 10px 25px; font-size: 11px; letter-spacing: 2px; margin-top: 30px; } } .web-scrapers-section { background-color: #fff9f9; padding: 100px 15px; } .scrapers-content-card { background-color: #ffffff; padding: 55px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07); border: 1px solid #ffe3e3; text-align: left; } .scrapers-main-title { font-family: "Cardo", serif; font-size: 47px; font-weight: 400; letter-spacing: 3px; line-height: 1.2; color: #000; margin-bottom: 20px; text-transform: uppercase; } .scrapers-main-title .text-red { color: #ff2c2c; } .scrapers-body-text { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; } .scrapers-body-text p { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin-bottom: 15px; } .scrapers-body-text strong { color: #333; font-weight: 700; font-family: "Saira", sans-serif; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; } .scrapers-subtitle { margin-top: 10px; } .scrapers-list { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; list-style: none; padding-left: 0; margin: 15px 0 20px 0; } .scrapers-list li { position: relative; padding-left: 25px; margin-bottom: 10px; } .scrapers-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ff2c2c; font-size: 1.2rem; } .final-statement { margin-top: 30px; } @media (max-width: 991.98px) { .web-scrapers-section { padding: 70px 15px; } .scrapers-content-card { padding: 45px; } .scrapers-main-title { font-size: 38px; line-height: 1.2; letter-spacing: 2px; } .scrapers-body-text, .scrapers-list { font-size: 16px; line-height: 25px; letter-spacing: 0.8px; } } @media (max-width: 768.98px) { .web-scrapers-section { padding: 50px 10px; } .scrapers-content-card { padding: 30px 20px; } .scrapers-main-title { font-size: 36px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 15px; text-align: center; } .scrapers-body-text p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 12px; } .scrapers-body-text strong { font-size: 15px; } .scrapers-list { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin: 15px 0; } .scrapers-list li { padding-left: 20px; } .scrapers-list li::before { font-size: 1rem; } .final-statement { margin-top: 20px; } } @media (max-width: 426px) { .web-scrapers-section { padding: 50px 10px; } .scrapers-main-title { font-size: 30px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 15px; text-align: center; } } .dangers-section { background-color: #ffffff; padding: 100px 15px; overflow: hidden; } .dangers-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; color: #000; line-height: 1.2; margin-bottom: 20px; } .dangers-main-title .text-red { color: #ff2c2c; } .dangers-body-text { font-family: "Saira", sans-serif; color: #000; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; margin-right: 0; text-align: left; } .dangers-body-text p { line-height: 27px; font-size: 17px; margin-bottom: 15px; max-width: 570px; } .dangers-subtitle { font-family: "Saira", sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; line-height: 27.2px; color: #000; margin-bottom: 10px; margin-top: 25px; } .dangers-body-text strong { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 1px; line-height: 27.2px; color: #000; } .dangers-list { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; list-style: none; padding-left: 0; margin: 15px 0 20px 0; } .dangers-list li { position: relative; padding-left: 25px; margin-bottom: 15px; } .dangers-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ff2c2c; font-size: 1.2rem; } .dangers-image-stack { position: relative; height: 650px; margin-left: 10%; } .dangers-image-stack::before, .dangers-image-bg-img { position: absolute; top: -12%; right: 0; width: 95%; height: 130%; object-fit: cover; border-radius: 40px; opacity: 0.2; z-index: 1; } .dangers-image-front { position: absolute; bottom: 0; left: -10%; width: 95%; height: 95%; object-fit: cover; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15); z-index: 2; display: block; } @media (max-width: 1024.98px) { .dangers-section { padding: 70px 15px; } .dangers-content { text-align: center; margin-bottom: 40px; } .dangers-main-title { font-size: 40px; line-height: 1.2; letter-spacing: 2px; } .dangers-body-text { max-width: 650px; margin-left: auto; margin-right: auto; text-align: left; font-size: 16px; line-height: 26px; } .dangers-image-stack { max-width: 450px; height: 550px; margin: 0 auto; margin-left: 0; } .dangers-image-stack::before { width: 100%; height: 100%; top: 0; } .dangers-image-front { bottom: 25px; left: 5%; width: 90%; height: 90%; } .col-lg-5.mt-5.mt-lg-0 { margin-top: 0 !important; } } @media (max-width: 768.98px) { .dangers-section { padding: 50px 10px; } .dangers-main-title { font-size: 40px; line-height: 1.1; letter-spacing: 1.5px; } .dangers-subtitle { font-size: 18px; } .dangers-body-text p { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; max-width: max-content; } .dangers-list, .dangers-list li { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 10px; } .dangers-image-stack { height: 400px; max-width: 350px; } .dangers-image-front { left: 2%; width: 96%; height: 96%; bottom: 8px; border-radius: 30px; } } @media (max-width: 426px) { .dangers-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; } .dangers-image-front { bottom: 9px; padding: 0 2px; } } @media (max-width: 321px) { .dangers-main-title { font-size: 28px; line-height: 1.1; letter-spacing: 1.5px; } } .threat-rise-section { background-color: #f9f9f9; padding: 100px 15px 0 15px; } .legal-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; margin-bottom: 25px; text-transform: uppercase; } .legal-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000; margin-bottom: 60px; } .threat-content-col p { font-family: "Saira", sans-serif; color: #000; font-size: 17px; letter-spacing: 1px; line-height: 27.2px; text-align: left; } .threat-subtitle { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 700; letter-spacing: 1px; line-height: 27.2px; color: #000; margin-top: 20px; margin-bottom: 10px; text-align: left; } .threat-content-col p { margin-bottom: 15px; } .threat-list { list-style: none; padding-left: 0; margin-bottom: 30px; } .threat-list li { position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 17px; line-height: 27.2px; color: #000; } .threat-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ff2c2c; font-size: 1.2rem; } .threat-image { width: 100%; border-radius: 40px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1); display: block; } .bottom-paragraph { font-family: "Saira", sans-serif; color: #000; font-size: 17px; font-weight: 400; letter-spacing: 1px; line-height: 27.2px; margin: 40px 0 0 0; } .threat-divider { border-top: 2px solid #000; margin-top: 50px; } @media (max-width: 1024.98px) { .threat-rise-section { padding-top: 60px; } .legal-pre-title { margin-bottom: 15px; } .legal-main-title { font-size: 40px; letter-spacing: 2px; margin-bottom: 40px; } .threat-content-col { margin-bottom: 30px; } .threat-content-col:last-child { margin-bottom: 0; } .threat-list li, .bottom-paragraph { font-size: 16px; line-height: 25px; text-align: left; } } @media (max-width: 768.98px) { .threat-rise-section { padding: 50px 10px; } .legal-pre-title { font-size: 16px; letter-spacing: 2.5px; margin-bottom: 15px; } .legal-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .threat-content-col { margin-bottom: 20px; font-size: 15px; } .threat-content-col p { margin-bottom: 10px; } .threat-subtitle { font-size: 16px; font-weight: 700; } .threat-list li, .bottom-paragraph { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .threat-list li { padding-left: 20px; margin-bottom: 10px; } .threat-list li::before { font-size: 1rem; } .bottom-paragraph { margin-top: 30px; } .threat-divider { margin-top: 30px; } } .close-to-home-section { background-color: #f9f9f9; padding: 50px 15px 100px 15px; } .legal-pre-title { color: #ff2c2c; font-family: "Saira", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 3.6px; margin-bottom: 25px; text-transform: uppercase; } .legal-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; letter-spacing: 3px; line-height: 64px; color: #000; margin-bottom: 30px; } .home-intro { font-family: "Saira", sans-serif; color: #000; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; text-align: center; max-width: 900px; margin: 0 auto; } .home-divider { border-top: 2px solid #000; margin: 40px auto 40px auto; } .home-content-col { position: relative; padding: 0 30px; font-family: "Saira", sans-serif; color: #000; font-size: 17px; line-height: 1.6; } @media (min-width: 992px) { .home-content-col:not(:last-child)::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: #eee; } } .story-item { font-family: "Saira", sans-serif; font-size: 17px; font-weight: 400; line-height: 27.2px; letter-spacing: 1px; margin-bottom: 25px; } .story-item p { font-size: 16px; line-height: 25px; letter-spacing: 0.8px; } .story-item:last-child { margin-bottom: 0; } .story-item strong { font-family: "Saira", sans-serif; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; font-weight: 700; color: #000; } .home-subtitle { font-family: "Saira", sans-serif; font-size: 17px; line-height: 27.2px; letter-spacing: 1px; font-weight: 700; color: #000; margin-bottom: 10px; } .home-list { list-style: none; padding-left: 0; margin: 10px 0 20px 0; } .home-list li { position: relative; padding-left: 25px; margin-bottom: 15px; font-size: 17px; line-height: 27.2px; text-align: left; } .home-list li::before { content: "•"; position: absolute; left: 0; top: 0; color: #ff2c2c; font-size: 1.2rem; } .home-image-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; padding: 20px; } .home-center-image { width: 100%; border-radius: 20px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1); } @media (max-width: 1024.98px) { .close-to-home-section { padding: 60px 15px 80px 15px; } .legal-pre-title { margin-bottom: 15px; } .legal-main-title { font-size: 40px; letter-spacing: 2px; } .home-intro { font-size: 16px; line-height: 25px; } .home-divider { margin: 30px auto; } .home-content-col:not(:last-child)::after { display: none; } .home-content-col { margin-bottom: 30px; padding: 0; } .home-content-col:last-child { margin-bottom: 0; } .story-item p, .story-item strong, .home-list li { font-size: 16px; line-height: 25px; letter-spacing: 0.8px; } } @media (max-width: 767.98px) { .close-to-home-section { padding: 40px 10px 40px 10px; } .legal-main-title { font-size: 32px; line-height: 1.1; letter-spacing: 1.5px; } .legal-pre-title { font-size: 14px; letter-spacing: 2.5px; } .home-subtitle { text-align: start; } .home-intro { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; } .home-divider { margin: 25px auto; } .home-content-col { margin-bottom: 20px; } .story-item p { text-align: start; } .story-item, .story-item strong, .home-list li { font-size: 15px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 15px; } .home-list li { padding-left: 20px; text-align: left; } .home-list li::before { font-size: 1rem; } } .step-description-process-end { font-size: 17px; font-family: "Saira", sans-serif; } .protected-cta-section { position: relative; overflow: hidden; padding: 100px 15px; display: flex; align-items: center; justify-content: center; text-align: center; } .protected-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff1f1; opacity: 90%; z-index: 1; } .protected-content-container { position: relative; z-index: 2; } .protected-main-title { font-family: "Cardo", serif; font-size: 59px; font-weight: 400; line-height: 1.1; letter-spacing: 3px; color: #000; margin-bottom: 20px; text-transform: uppercase; } .protected-main-title .text-red { color: #ff2c2c; } .protected-description { font-family: "Saira", sans-serif; color: #000; font-size: 17px; line-height: 28px; max-width: 797px; margin: 0 auto 30px auto; } .protected-description p { font-size: 17px; margin-bottom: 1.5rem; text-align: left; } .or-divider { font-family: "Saira", sans-serif; font-weight: 700; font-size: 20px; line-height: 1.5; letter-spacing: 1px; color: #000000; text-align: center !important; margin: 20px 0; } .protected-highlight { font-family: "Saira", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: 3px; color: #F35763; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; display: block; } .apply-membership-btn { font-family: "Saira", sans-serif; border: 1px solid #000; border-radius: 30px; padding: 14px 35px; font-size: 12px; font-weight: 400; color: #000; letter-spacing: 2.2px; transition: all 0.3s ease; text-transform: uppercase; text-decoration: none; display: inline-block; } .apply-membership-btn:hover { background-color: #000; border-color: #000; color: #fff; } @media (max-width: 991.98px) { .protected-cta-section { padding: 70px 15px; } .protected-main-title { font-size: 48px; line-height: 1.2; letter-spacing: 2px; margin-bottom: 25px; } .protected-description { font-size: 16px; line-height: 26px; margin-bottom: 25px; } .or-divider { font-size: 18px; } .protected-highlight { font-size: 14px; letter-spacing: 2.5px; } } @media (max-width: 767.98px) { .protected-cta-section { padding: 50px 10px; } .protected-main-title { font-size: 36px; line-height: 1.1; letter-spacing: 1.5px; margin-bottom: 20px; } .protected-description p { font-size: 18px; line-height: 24px; margin-bottom: 20px; } .protected-description p { margin-bottom: 1.2rem; } .or-divider { font-size: 16px; margin-bottom: 10px; } .protected-highlight { font-size: 16px !important; letter-spacing: 2px; } .apply-membership-btn { padding: 12px 20px; font-size: 11px; letter-spacing: 2px; } } .hidden { display: none !important; } .testimonial-slider-text, .testimonial-slider-author { text-shadow: none !important; filter: none !important; mix-blend-mode: normal !important; -webkit-text-stroke: 0 !important; } .testimonial-slider-text::before, .testimonial-slider-text::after { content: none !important; } .dropdown-submenu { display: none; list-style: none; padding-left: 20px; margin-top: 5px; } .dropdown-submenu.show { display: block; } .has-submenu.active .dropdown-submenu { display: block; } .arrow { font-size: 10px; margin-left: 5px; transition: transform 0.3s; } .has-submenu.active .arrow { transform: rotate(180deg); } .user_wall .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; margin-top: -790px; height: fit-content !important; position: relative; bottom: 0%; z-index: 999; } @media (max-width: 1600px) { .user_wall .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; margin-top: -641px; height: fit-content !important; position: relative; bottom: 0%; z-index: 999; } } @media (max-width: 1520px) { .user_wall .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; margin-top: -761px; height: fit-content !important; position: relative; bottom: 0%; z-index: 999; } } @media (max-width: 1399px) { .user_wall .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; margin-top: -621px; height: fit-content !important; position: relative; bottom: 0%; z-index: 999; } } .notification_scroll, .video_items, .user_scroll, .setting_scroll { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #555 #1a1a2e; } .notification_scroll::-webkit-scrollbar, .video_items::-webkit-scrollbar, .user_scroll::-webkit-scrollbar, .setting_scroll::-webkit-scrollbar { width: 5px; } .notification_scroll::-webkit-scrollbar-thumb, .video_items::-webkit-scrollbar-thumb, .user_scroll::-webkit-scrollbar-thumb, .setting_scroll::-webkit-scrollbar-thumb { background: #555; border-radius: 3px; } .notification_scroll::-webkit-scrollbar-track, .video_items::-webkit-scrollbar-track, .user_scroll::-webkit-scrollbar-track, .setting_scroll::-webkit-scrollbar-track { background: #1a1a2e; }