@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap);body,html{margin:0;padding:0;text-align:center}h2{font-style:italic}*{font-family:Readex Pro,sans-serif}.primary-title{color:#fff;font-size:90px}.secondary-title{color:#fff;font-family:Readex Pro,sans-serif,bold;font-size:25px}.primary-button{border:none;border-radius:30px;color:#fff;font-size:15px;padding:12px 30px;text-transform:uppercase}.primary-button,.primary-button:hover{background:linear-gradient(135deg,#b206f3,#ff43ae)}.secondary-button{background-color:#fff;border:2px solid #797777;border-radius:30px;padding:12px 30px}.secondary-button,.secondary-button-mark{color:#797777;font-size:15px;font-weight:500;margin:6px;text-transform:uppercase}.secondary-button-mark{background-color:#cfc8ef;border:2px solid #faffff;border-radius:30px;padding:10px}.secondary-button:hover{border:2px solid #303030;color:#303030}.secondary-button-mark:hover{color:#303030;transform:scale(1.05)}.docLink-Cd,.docLink-Db{background:linear-gradient(135deg,#b206f3,#ff43ae);border:none;color:#fff;text-decoration:none}.docLink-Cd,.login-button{padding:12px 30px}.login-button{background-color:#fff;border:2px solid #797777;border-radius:30px;color:#797777;font-size:15px;font-weight:500;margin:6px;text-transform:uppercase}.login-button:hover{border:2px solid #303030;color:#303030}.upload-button{background-color:#e4e4e4;border:2px solid #797777;border-radius:30px;color:#303030;font-size:15px;font-weight:500;margin:6px;padding:12px 30px;text-transform:uppercase;width:fit-content}.upload-button:hover{background-color:#727171;border:2px solid #303030}.buttonAsLink{background-color:#fff;color:#00008b;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:underline}nav{display:flex;justify-content:space-between;width:100%}nav .nav-button{background:linear-gradient(135deg,#b206f3,#e81492);border:none;border-radius:10px;color:#fff;font-size:20px;margin:5px;padding:10px}nav .nav-button:hover{font-size:25px}nav .nav-button:disabled{background-color:#bdb4b4;color:#a0264b}nav .logo-container{margin:15px;width:50px}nav .logo-menu-container{justify-content:center;margin:10px;width:100%}nav .logo-container .logo{width:300%}.message-circle-button{display:none}@media (max-width:768px){.message-circle-button{display:block}}.overlay{background:linear-gradient(180deg,#000000a6 0,#0000),url(/static/media/SwipeEduBackgroundNew.268a504f6760bfd73207.png);height:100vh;position:fixed;width:100vw}.home{margin-top:25vh}.home .primary-button{background:linear-gradient(135deg,#b206f3,#e81492);border:none;border-radius:30px;color:#fff;font-size:15px;padding:10px 20px;text-transform:uppercase}.auth-modal{background-color:#fff;border-radius:10px;height:600px;left:0;margin-left:auto;margin-right:auto;max-width:360px;padding:40px;position:absolute;right:0;top:50px}.auth-modal .close-icon{float:right}.auth-modal form{display:flex;flex-direction:column}.auth-modal input[type=email],.auth-modal input[type=password],.auth-modal input[type=text]{font-size:17px;margin:8px;padding:8px}.auth-modal h3{margin-top:0}.onboarding{border-top:1px solid #d5d5d5}.onboarding h2{border-bottom-style:solid;padding:20px 20px 30px}.onboarding form{display:flex;justify-content:center}.onboarding form section{display:flex;flex-direction:column;padding:20px;text-align:start;width:35%}.onboarding .special-type,.onboarding form input{border:2px solid #dbdbdb;border-radius:10px;font-size:15px;margin:10px 0;padding:15px 30px}.onboarding .special-type{background-color:#fff;color:#000}.onboarding form textarea{border:2px solid #dbdbdb;border-radius:10px;font-size:15px;margin:10px 0;padding:15px 30px}.onboarding form label{margin:10px 0}.onboarding form .multiple-input-container{display:flex;flex-direction:row}.onboarding form input::-webkit-inner-spin-button,.onboarding form input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onboarding form .multiple-input-container input{margin-right:10px}.onboarding form .multiple-input-container label{border:2px solid #909090;border-radius:10px;margin-right:10px;padding:10px;transition:all .3s}.onboarding form input[type=radio]{display:none}.onboarding form input[type=number]{width:10%}.onboarding form input[type=submit]{background:#efefef}.onboarding .submit-button{background:#efefef;color:#000}.onboarding form input[type=radio]:checked+label{background:linear-gradient(135deg,#b206f3,#ff43ae);border:2px solid #b701b7}.onboarding form input[type=submit]:active,.onboarding form input[type=submit]:hover{background:linear-gradient(135deg,#b206f3,#ff43ae);border:2px solid #000}.onboarding form .photo-container img{border-radius:2.5%;width:100%}.onboarding .multiple-input-container .dob-input{width:15%}.dashboard{display:flex;justify-content:space-between}.dashboard .swipe-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-top:0;padding-top:20px;width:100%}.swipe{position:fixed}.swipe-buttons{align-items:center;display:block;flex-direction:column;flex-wrap:wrap;margin:20px}.card,.dashboard .card-container{height:650px;width:400px}.card{background-position:50%;background-size:cover;border-radius:30px}.card h3{margin-bottom:0;margin-top:0}.dashboard .swipe-info{bottom:0;padding:10px;position:absolute}.info-list{display:flex;justify-content:center;list-style-type:none;margin-top:0}.info-list ul{bottom:0;left:0;position:fixed;right:0}.info-list li{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:20px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:14px;margin:1px;padding:5px 10px;text-align:center;text-transform:uppercase;width:fit-content}.info-list li h3{font-size:16px;white-space:normal}.button-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;margin:0;padding:0;width:10%}.dashboard .primary-button{border-radius:50%;flex-grow:0;flex-shrink:0;height:50%;max-height:17.5%;width:100%}.description{align-content:center;background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:20px;color:#fff;padding:5px;text-transform:uppercase;width:fit-content}.swipe-buttons-container{display:none}@media (min-width:1024px){.swipe-buttons-container{bottom:50px;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:1000}.swipe-buttons{display:flex;flex-direction:row;gap:10px}}@media (max-width:450px){.dashboard{align-items:center;background-color:#fff;flex-direction:column;height:75vh;justify-content:flex-start;overflow:hidden;padding:7.5px;width:100%}.dashboard .swipe-container{height:auto;justify-content:flex-start;margin-top:-50px;padding-top:15px}.dashboard .card-container,.dashboard .swipe-container{align-items:center;display:flex;flex-direction:column;max-width:300px;width:100%}.card,.dashboard .card-container{height:250px}.card{align-items:center;background-position:50%;border-radius:25px;bottom:40%;box-shadow:0 3.75px 7.5px #0000001a;display:flex;flex-direction:column;justify-content:flex-end;left:50%;max-width:300px;padding:11.25px;position:absolute;top:0;transform:translateX(-50%);width:100%}.card h3{color:#fff;font-size:13.5px;margin-bottom:7.5px;text-align:center}.dashboard .swipe-info{bottom:0;padding:7.5px;position:relative;text-align:center}.info-list{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0}.info-list li{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:11.25px;box-shadow:0 2.25px 4.5px #0000001a;color:#fff;font-size:9px;margin:2.25px;padding:4.5px 9px;text-align:center}.button-section{align-items:center;display:flex;flex-direction:row;gap:11.25px;justify-content:center;padding:7.5px 0;width:100%}.description{background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:11.25px;color:#fff;font-size:10.5px;padding:6px;text-align:center;text-transform:uppercase}}@media (max-width:768px){.dashboard .chat-container{display:none}}.chat{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;padding:10px}.chat .chat-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:600px;padding:20px;width:100%}.chat-container{background-color:#fff;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;text-align:left;width:30%;z-index:1}.chat-container .chat-container-header{align-items:center;background:linear-gradient(135deg,#b206f3,#ff43ae);display:flex;height:100px;justify-content:space-between}.chat-container .option{background-color:#fff;border:none;border-bottom:4px solid #c0c;font-size:20px;margin:2px;padding:10px}.chat-container .option:disabled{border-bottom:4px solid #bbb}.chat-container .log-out-icon,.chat-container .profile{align-items:center;color:#fff;display:flex;padding:20px}.img-container{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin:5px;overflow:hidden;width:30px}.img-container img{height:30px;object-fit:cover;width:30px}.chat-display,.matches-display{height:60vh;overflow-y:auto;padding:20px}.chat-message{margin-bottom:15px}.chat-message-header{align-items:center;display:flex;gap:10px}.chat-display p{background-color:#f1f0f0;border-radius:10px;margin-top:5px;padding:10px;width:fit-content}.matches-display div{display:flex;flex-direction:row;width:75%}.matches-display div,.matches-display h3{margin:5px;text-align:start}.chat-initial-message{background-color:#f1f0f0;border-radius:10px;justify-content:center}.chat-initial-match-message{border-radius:20px;justify-content:center;padding:2px;width:fit-content}.chat-initial-message select{border-radius:10px;display:flex}.chat-input{display:flex;flex-direction:column;padding:20px}.swipe-info{background-color:#f4f4f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin-top:15px;padding:10px;text-align:center}.swipe-info p{color:#333;font-size:18px;font-weight:700;margin:0}.about{border-top:1px solid #d5d5d5}.about h2{border-bottom-style:solid;padding:20px 20px 30px}.about p{margin-left:5px;text-align:left}.about h2{display:flex;justify-content:center}.about img{height:50%;width:50%}.about section{padding:10px;text-align:start;width:100%}.social-buttons{display:flex;gap:10px;margin-top:10px}.btn{border-radius:5px;color:#fff;font-weight:700;padding:8px 15px;text-align:center;text-decoration:none;transition:.3s}.youtube{background-color:red}.facebook{background-color:#1877f2}.tiktok{background-color:#000}.instagram{background-color:purple}.btn:hover{opacity:.8}.video-container{max-width:560px;position:relative;width:100%}.video-container iframe{aspect-ratio:16/9;display:block;height:auto;width:100%}.privacy-policy{border-top:1px solid #d5d5d5}.privacy-policy h1{border-bottom-style:solid;padding:20px 20px 30px}.privacy-policy p{margin-left:50px;margin-right:50px;text-align:left}.privacy-policy h2{display:flex;justify-content:center}.privacy-policy li{display:flex;justify-content:left;margin-left:50px}.discover-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr);padding:20px}.discover-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;text-align:center}.discover-card img{height:200px;object-fit:cover;width:100%}.discover-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.discover-card span{color:#888;display:block;font-size:.9rem;margin-top:auto;text-transform:uppercase}.discover-card a{align-self:center;background:#363636;border-radius:10px;color:#fff;display:inline-block;font-size:1rem;margin-top:12px;max-width:fit-content;overflow:hidden;padding:10px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.discover-card a:hover{font-size:20px}.payment-card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);padding:40px}.payment-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;text-align:center}.payment-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.payment-card h3{font-size:1.2rem;margin-bottom:8px}.payment-card p{color:#555;font-size:1rem}.payment-card span{color:#888;display:block;font-size:.9rem;margin-top:auto}.payment-card a{align-self:center;background:linear-gradient(135deg,#b206f3,#ff43ae);border-radius:10px;color:#fff;display:inline-block;font-size:1rem;margin-top:auto;max-width:fit-content;overflow:hidden;padding:10px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.payment-card a:hover{font-size:20px}.about{margin:0 auto;max-width:1800px;padding:10px;text-align:center}.about img{border-radius:50%;height:auto;margin:10px 0;max-width:400px;width:100%}.about section{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px;text-align:left}.menu div{width:100%}.menu button{display:none}@media (max-width:768px){.menu-toggle{display:block}.button-section{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;padding:10px;position:absolute;right:10px;top:50px}.button-section.open{display:flex}}@media screen and (max-width:1200px){.discover-card-grid{grid-template-columns:repeat(4,1fr)}.payment-card-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.discover-card-grid{grid-template-columns:repeat(3,1fr)}.payment-card-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.discover-card-grid,.payment-card-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:400px){.discover-card-grid,.payment-card-grid{grid-template-columns:1fr}}@media screen and (max-width:1024px){.onboarding form section{width:80%}}@media screen and (max-width:1366px){.onboarding form section{width:70%}.onboarding form input{font-size:15px;padding:14px 22px}.onboarding form .multiple-input-container label{font-size:15px}.primary-title{font-size:60px}.primary-button,.secondary-button,.upload-button{font-size:15px;padding:12px}}@media screen and (max-width:768px){.onboarding form{align-items:center;flex-direction:column}.onboarding form section{padding:15px;width:80%}.onboarding form input{font-size:14px;padding:12px 20px;width:100%}.onboarding form .multiple-input-container{flex-wrap:wrap;justify-content:center}.onboarding form .multiple-input-container label{font-size:14px;padding:8px}.onboarding form input[type=number]{width:15%}}.primary-button,.secondary-button,.upload-button{font-size:14px;max-width:300px;padding:10px;width:fit-content}@media screen and (max-width:480px){.primary-button,.secondary-button,.upload-button{font-size:13px;max-width:fit-content;padding:8px}.primary-title{font-size:50px}}@media screen and (max-width:768px){.about{padding:10px}.about section{flex-direction:column;gap:10px;text-align:center}.about img{max-width:250px}}.about ul{padding-left:20px;text-align:left}@media screen and (max-width:480px){.about ul{padding-left:10px}.about p,.about ul{font-size:14px}.about img{max-width:200px}}