.nav_bar_frame_light{color:#fcfcfc;background-color:#1f7c9e;position:sticky;top:0;z-index:15}.nav_bar_frame_dark{color:#fcfcfc;background-color:#117860}.nav_bar_{height:3vw;width:100%;justify-content:space-between;padding:0vw 1vw}.ul_logo{width:12vw;height:2.5vw;display:flex;align-items:center;justify-content:center}.ul_logo img{height:1.8vw;width:10vw}nav .ul_nav{display:flex;align-items:center;gap:2vw}nav .ul_nav li{font-family:futura;text-transform:uppercase;font-weight:700;font-size:1.3vw}.btn_theme{height:2vw;width:2vw;background-color:red;border-radius:50%}.main_frame_pp{height:100%;width:100%;padding:1.5vw 2.5vw}.main_cont_light{height:88vh;width:100%;background-color:#233e684b;background:linear-gradient(to right,#0a2b614b,#3353874b);box-shadow:0 0 8px #098c8e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(12px);display:flex;flex-direction:column;border-radius:20px;padding:1.5vw 2.5vw;box-sizing:border-box}.main_cont_dark{height:95vh;width:100%;background-color:#0f2c2c2b;box-shadow:0 0 8px #ff913c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(12px);display:flex;color:#fff;flex-direction:column;border-radius:20px;padding:2vw}.app_name_{height:5vw;width:100%}.app_name_dark{height:5vw;width:100%;color:#fff}.app_name_ P{text-transform:uppercase;font-size:3vw;font-weight:900;text-align:center;color:#000;text-shadow:0px 0px 2px rgb(33,33,33)}.main_cont_dark p{color:#fff}.app_name_dark P{text-transform:uppercase;font-size:3vw;font-weight:900;text-align:center;text-shadow:0px 0px 2px rgb(33,33,33)}.upper_cont{background-color:#2060c94a;border-radius:20px;height:15vw;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.upper_cont_dark{background-color:#13af8b22;border-radius:20px;height:15vw;color:#010101;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.input_todo{height:1.7vw;width:30vw;margin:1.3vw;display:flex;align-items:center;font-size:1.3vw;font-weight:500;font-family:Arial,Helvetica,sans-serif}.left_fr{height:15vw;width:70%;padding:1vw}.left_fr p{font-weight:800;text-transform:capitalize;font-size:1.5vw;word-spacing:-.3vw;font-family:futura;margin-left:1vw}.right_frame{height:15vw;width:30%;border:2px solid rgb(19,17,17);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.right_frame p{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-size:2vw;font-weight:600}.input-pass{height:1.7vw;width:20vw}.btn-sub_light{height:2vw;width:10vw;font-size:1vw;font-weight:600;background-color:#e03a4d;background:linear-gradient(to right,#f65467,#d40019);border:1px solid #ad091c;box-shadow:0 0 5px #e4818c;border-radius:20px;margin:1vw}.btn-sub_dark{height:2vw;width:10vw;font-size:1vw;font-weight:600;background-color:#d12c74;border:1px solid #ad091c;box-shadow:0 0 5px #c15584;border-radius:20px;margin:1vw}.btn-sub_light:hover{background-color:#c7031a}.btn-sub_dark:hover{background-color:#b62564}.lower_cont{height:50vw;width:100%;background-color:#1264ea27;border-radius:20px;margin-top:1vw;display:flex;align-items:center;flex-direction:column;overflow-y:scroll}.lower_cont_dark{height:50vw;width:100%;background-color:#13af8b22;border-radius:20px;margin-top:1vw;display:flex;align-items:center;flex-direction:column;overflow-y:scroll}.lower_cont::-webkit-scrollbar{background-color:#061b3ce8;width:.8vw;height:.5vw;border-radius:2px}.lower_cont_dark::-webkit-scrollbar{background-color:#061b3ce8;width:.8vw;height:.5vw;border-radius:2px}.lower_cont::-webkit-scrollbar-button{background-color:#01122ee8;width:.5vw}.lower_cont_dark::-webkit-scrollbar-button{background-color:#01122ee8;width:.5vw}.lower_cont::-webkit-scrollbar-thumb{background-color:#527cbc}.lower_cont_dark::-webkit-scrollbar-thumb{background-color:#527cbc}.heding_app{font-family:futura;font-weight:800;text-transform:uppercase}.T_card_Main{height:6vw;width:100%;padding:2vw;display:flex;align-items:center}.T-list_card{height:4vw;width:80vw;border:2px solid black;background-color:#119ab5;background:linear-gradient(to bottom,#83aff0,#15e8d6);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:30px;padding:1vw 4vw}.T-list_card_dark{height:4vw;width:80vw;border:2px solid black;background-color:#3f85ba;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:30px;padding:1vw 4vw}.title_sec{height:3vw;width:50vw;padding:1vw;display:flex;justify-content:space-between;flex-direction:row;align-items:center}.cont_ti_date{height:3vw;width:21.5vw;display:flex;flex-direction:column;box-sizing:border-box}.todos_name{height:1.6vw;width:21.5vw;flex-wrap:wrap;font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:1.1vw;text-transform:capitalize}.date_sec{text-align:center;margin:0;padding:0;font-size:.9vw;font-weight:500;margin-left:1vw;display:flex;justify-content:start}.desc_sec{height:3vw;width:26vw;display:flex;align-items:top;flex-direction:column;overflow-y:scroll;overflow-x:hidden;padding:0vw 1vw;border:1px solid rgb(0,0,0);background-color:#4ab1d8;border-radius:20px}.desc_sec_dark{height:3vw;width:26vw;display:flex;align-items:top;flex-direction:column;overflow-y:scroll;overflow-x:hidden;padding:0vw 1vw;border:1px solid rgb(0,0,0);background-color:#2e9bc3;border-radius:20px}.desc_sec::-webkit-scrollbar{width:0px;height:2px}.desc_sec::-webkit-scrollbar-track{background:#1eb9f7}.desc_sec::-webkit-scrollbar-thumb{background:#b0e7ea;border-radius:20px}.desc_title{margin:0;height:1.3vw;width:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1vw}.desc_pdiv{height:20vw;width:100%;display:flex;flex-direction:column;align-items:top;flex-wrap:wrap;word-wrap:break-word;overflow-wrap:break-word}.desc_p{margin:0;font-size:1vw;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.btn_pop img{height:100%;width:85%;padding:.03vw .3vw}.btn_box{height:3vw;width:30%;display:flex;align-items:center;justify-content:center}.btn_list_todo_light{height:2.2vw;width:3.2vw;background:linear-gradient(to bottom,#f82a6f,#cf0119);box-shadow:0 0 5px #d6172e;border:.4px solid rgb(195,70,70);border-radius:10px;margin:1vw;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:600;color:#000;font-size:1vw;padding:.2vw}.btn_list_todo_dark{height:2.2vw;width:3.2vw;background-color:#f34021;box-shadow:0 0 5px #6f1c25;border:.4px solid #c43a21;border-radius:20px;margin:1vw;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:600;color:#000;font-size:1vw}.btn_list_todo:hover{background-color:#a10531}.card_edit_div{height:60%;width:60%;background-color:red;z-index:5;margin:10vw;position:fixed}.about_main_frame{min-height:100vh;width:100%;overflow-y:hidden;color:#fff;position:relative}.abf_cont{height:100%;width:100%;background-color:#111;position:relative}.page_1{height:100vh;width:100%;background-color:#000;background-image:url(/page1bg.svg);background-size:100% 100%;background-repeat:no-repeat;overflow-x:hidden}.page1_cont{height:100%;width:100%;display:flex;flex-direction:row;align-items:center}.left_frame_p1{height:100vh;width:40%}.title_app_div{height:15vw;width:100%;margin-top:10vw;display:flex;align-items:center;justify-content:center;flex-direction:column}.p1_title1{font-size:3vw;font-weight:900;color:#fff;font-family:futura;text-transform:uppercase}.p1_title2{font-size:1.7vw;font-weight:900;color:#fff;font-family:futura;text-transform:uppercase}.bgc_pt{height:6vw;width:100%;display:flex;align-items:center;justify-content:center}.bgc_pt img{height:37vw;margin-left:2vw;width:90%;filter:brightness(90%);filter:contrast(85%);filter:saturate(70%)}.desc_app_div{height:20vw;width:100%;padding:2vw 7vw}.desc_app_div p{text-align:left;color:#bae6e2;font-size:1.1vw;font-weight:600;font-family:Arial,Helvetica,sans-serif}.download_btn_div{height:100px;width:100%;display:flex;align-items:center;justify-content:center}.download_btn{height:50px;width:140px;background:linear-gradient(to bottom,#6e118a,#fe7ba4);font-size:1vw;font-weight:700;font-family:Arial,Helvetica,sans-serif;border-radius:40px;color:#fff}.right_frame_p2{height:100vh;width:60%;display:flex;align-items:center;flex-direction:column}.p1_text1{height:20vh;width:100%;display:flex;align-items:center;justify-content:center;margin-top:1vw}.title_ul_logo{height:4vw;width:20vw}.title_app_logo{height:10vw;width:20vw;display:flex;align-items:center;justify-content:center}.title_app_logo img{height:25vw;width:20vw;margin:0;padding:0}.p1_img1{height:30vw;width:90%;margin-top:2vw;border-radius:20px;background-color:#111;z-index:5}.p1_img1 img{height:30vw;width:100%;border-radius:20px;box-shadow:0 0 30px #1dd3d6;z-index:10}.page_2{height:100vh;width:100%;background-color:#000;display:flex;align-items:center;justify-content:center}.page_2_cont{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:1vw}.user_elements{height:22vw;width:90vw;background:linear-gradient(to right,#050505,#131313);box-shadow:0 0 20px #a61c9d;border-radius:90px;margin-top:2vw;overflow:hidden;z-index:2}.overlay_curser_elem1{height:100%;width:100%;padding:2vw;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:100}.user_elem{height:20vw;width:50vw;background-color:#111;border-radius:90px;padding:2vw;display:flex;z-index:5}.user_elem_top{height:7vw;width:100%;z-index:5}.user_elem_title{height:100%;width:100%;display:flex;flex-direction:column;z-index:5}.user_elem_title p{font-size:3vw;color:#fff;text-align:left;font-weight:900;text-transform:capitalize;line-height:3vw}.user_elem_desc p{font-size:1vw;color:#f5dcf8;font-weight:600;text-transform:capitalize;line-height:none}.img_elem{height:80%;width:45%;display:flex;align-items:center;justify-content:center;margin:2vw 2vw 2vw 3vw;z-index:5}.img_elem img{height:87%;width:100%;-o-object-fit:fill;object-fit:fill;border-radius:20px;box-shadow:0 0 20px #1dd3d6}.user_elements_1{height:22vw;width:90vw;background:linear-gradient(to right,#121212,#050505);box-shadow:0 0 20px #a61c9d;border-radius:90px;margin-top:3vw;display:flex;overflow:hidden}.user_elem_top_3{height:7vw;width:100%}.user_elem_title_1{height:100%;width:100%;display:flex;flex-direction:column}.user_elem_title_1 p{font-size:3vw;color:#fff;text-align:right;font-weight:900;text-transform:capitalize;line-height:3vw}.user_elem_desc_1 p{font-size:1vw;color:#f5dcf8;font-weight:600;text-transform:capitalize;line-height:none;text-align:right}.img_elem_2{height:80%;width:45%;display:flex;align-items:center;justify-content:center;margin:2vw 2vw 2vw 3vw;overflow:hidden}.img_elem_2 img{height:100%;width:55%;-o-object-fit:fill;object-fit:fill;border-radius:20px}.page_3{height:100vh;width:100%;background-color:#000;padding:1vw}.page_3_cont{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.user_elements_3{height:22vw;width:90vw;background:linear-gradient(to right,#050505,#101010);box-shadow:0 0 20px #a61c9d;border-radius:90px;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden}.user_elem_title_3{height:100%;width:100%;display:flex;flex-direction:column}.user_elem_title_3 p{font-size:3vw;color:#fff;text-align:left;font-weight:900;text-transform:capitalize;line-height:3vw}.user_elem_desc_3 p{font-size:1vw;color:#f5dcf8;font-weight:600;text-transform:capitalize;line-height:none;text-align:left}.img_elem_3{height:80%;width:45%;display:flex;align-items:center;justify-content:center;margin:2vw 2vw 2vw 3vw}.img_elem_3 img{height:100%;width:80%;-o-object-fit:fill;object-fit:fill;border-radius:20px}.user_elements_4{height:22vw;width:90vw;background:linear-gradient(to right,#121212,#050505);box-shadow:0 0 20px #a61c9d;border-radius:90px;margin-top:3vw;display:flex;overflow:hidden;z-index:1}.user_elem_title_4{height:100%;width:100%;display:flex;flex-direction:column}.user_elem_title_4 p{font-size:3vw;color:#fff;text-align:right;font-weight:900;text-transform:capitalize;line-height:3vw}.user_elem_desc_4 p{font-size:1vw;color:#f5dcf8;font-weight:600;text-transform:capitalize;line-height:none;text-align:right}.img_elem_4{height:80%;width:45%;display:flex;align-items:center;justify-content:center;margin:2vw 2vw 2vw 3vw}.img_elem_4 img{height:100%;width:80%;-o-object-fit:fill;object-fit:fill;border-radius:20px}.page_4{height:400vh;width:100%;color:#fcfcfc;background-color:#000;padding:2vw .1vw}.page_4_cont{min-height:400vh;width:100%;color:#fcfcfc;display:flex;justify-content:center;background-image:url(/page4bg.svg);background-size:200% 100%;background-repeat:repeat-x;background-position-x:center}.left_page4_sec{height:400vh;width:48%;display:flex;flex-direction:column;padding:2vw}.box_cont_left_t{height:100vh;width:100%;margin-top:1vw;display:flex;align-items:center}.page_4_title_d1{height:35vw;width:100%;display:flex;flex-direction:column}.left_page4_title_div{min-height:6vw;width:100%;background-color:#1a8082;margin-top:2vw;padding:1vw}.left_page4_title_div p{font-size:3.1vw;text-transform:capitalize;font-family:futura;font-weight:500}.left_page4_desc_div{height:20vw;width:100%;margin-top:.5vw;padding:1vw}.page4_desc_title{font-size:2vw;font-family:Arial,Helvetica,sans-serif;text-transform:capitalize;font-weight:600}.right_page4_sec{height:100vh;width:52%;display:flex;align-items:center;justify-content:center}.right_p4_box{height:500px;width:100%;padding:2vw 3vw;display:flex;align-items:center;justify-content:center}.right_p4_box video{box-shadow:0 0 20px #d61a9d;border-radius:20px}.right_p4_box1,.right_p4_box2,.right_p4_box3,.right_p4_box4{height:500px;width:100%;background-color:#b25c5c}.page_5{height:100vh;color:#fcfcfc;background-color:#000}.page_5_cont{height:100%;width:100%;padding:5vw .1vw}.footer_div_page5{height:70vh;width:100%;background-color:#111;display:flex;align-items:center;justify-content:center;flex-direction:row}.cont_1_page5{height:100%;width:30%;margin:1vw;justify-content:center;display:flex;flex-direction:column;padding:2vw}.elem_title_div{width:100%;height:5vw;background:linear-gradient(to bottom,#111,#1c1c1c);border:1px solid white;display:flex;align-items:center;justify-content:center}.elem_1_title{font-size:2vw;font-family:Arial,Helvetica,sans-serif;font-weight:600;text-transform:uppercase}.elem_desc_div{height:100%;width:100%;display:flex;align-items:center;flex-direction:column;margin-top:5vw}.elem_desc_div p{font-size:1vw;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:400;cursor:pointer;margin-top:.5vw}.ssm_icons_div{height:7vw;width:100%;display:flex;flex-direction:row;justify-content:center}.ssm_icons{height:3vw;width:3vw;border-radius:50%;margin:.5vw;cursor:pointer}.ssm_icons img{height:100%;width:100%}