*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--white);min-height:100vh;font-family:Inter,sans-serif}:root{--button-bg: #394A7E;--button-bg-hover: #4f5e8d;--white: #fff;--black: #0000}header{padding:30px 50px 20px}header nav{display:flex;justify-content:space-between}nav .logo{display:flex;align-items:center}nav .logo .logo_img{background-color:#fff}nav .logo .logo_img img{width:60px}.mvdlogo_info{display:flex;align-items:center;flex-direction:column;gap:.5rem}nav .logo .mvdlogo_info h1{font-size:1.1rem;align-self:flex-start}nav .logo .mvdlogo_info p{font-size:.6rem}.selector{padding:5px 12px;border-radius:999px;box-shadow:0 0 5px #000;outline:none}.homePage_main{width:100%;padding:10px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;box-sizing:border-box}.homePage_main a{text-decoration:none;color:#000}.boxes{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:250px;border-radius:10px;box-sizing:border-box;cursor:pointer;line-height:1.5}.icons_design{font-size:4rem}.item_info{font-size:.9rem}@media(max-width:900px){.homePage_main{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.homePage_main{grid-template-columns:1fr}.boxes{height:auto}header{padding:20px}.selector{padding:3px 8px}}.main{display:flex;flex-direction:column;align-items:center;justify-content:center}.top_section{width:100%;display:flex;align-items:center;justify-content:space-between;padding:40px 60px 0}.top_section .left_logo img{width:160px}.top_section .right_logo img{width:100px}.hero_page{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mvd_leads{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.8rem}.mvd_leads img{width:250px}.info{margin:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;font-weight:500}button{margin-top:4rem;width:100%;border-radius:999px;padding:12px;border:transparent;font-size:1.1rem;color:var(--white);background-color:var(--button-bg)}button:hover{background-color:var(--button-bg-hover);transition:.2s ease-in}.footer{margin-top:3rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem}.footer p{font-size:.6rem}.footer h4{font-size:.8rem}@media(max-width:580px){.main{height:auto}.top_section{padding:50px 20px 0 5px}}.traffic_signs_header{padding-top:18px}.traffic_signs_header nav{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.traffic_signs_header nav p{font-size:1.5rem;font-weight:500}.traffic_signs_header .left_arrow{font-size:3rem;cursor:pointer}.traffic_signs_main{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:10px 50px}.traffic_signs_images_info{display:flex;align-items:center;gap:.6rem;box-shadow:-1px 3px 4px #000,1px 0 4px;border-radius:10px;padding:10px}.traffic_signs_images_info img{width:150px;height:150px;object-fit:cover;background-color:#494949;filter:blur(2px);transition:filter .3s ease}.traffic_signs_images_info img.loaded{filter:blur(0)}.footer_signs{display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;right:0;bottom:0;width:100%;height:76px;padding:10px 50px;background:var(--button-bg);color:gray;box-shadow:0 -2px 8px #00000014;z-index:50}.footer_signs .footer_icons{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;cursor:pointer}.footer_signs .footer_icons p{font-size:.7rem;font-weight:500}.footer_signs .footer_icons.active{color:#fff}.footer_signs .footer_icons.active svg{color:#fff}.traffic_signs_main{padding-bottom:96px}@media(max-width:580px){.traffic_signs_header{padding:10px 0}.traffic_signs_main{grid-template-columns:repeat(1,1fr);gap:.5rem;padding:10px}.footer_signs{padding:0 10px}.traffic_signs_main{padding-bottom:90px}.traffic_signs_images_info img{width:100px;height:100px}.traffic_signs_header nav p{font-size:1.4rem}}@media(min-width:581px)and (max-width:940px){.traffic_signs_main{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:10px}.footer_signs{padding:0 10px}}.drivingBasics_theories{padding:20px 50px;display:flex;flex-direction:column;gap:1rem}.drivingBasics_theories_sections{padding:2rem;border-radius:5px;font-weight:500;font-size:1.1rem;cursor:pointer}.drivingBasics_theories_explanations{display:flex;flex-direction:column;gap:1rem;padding:0 50px}@media(max-width:900px){.drivingBasics_theories{padding:10px}.drivingBasics_theories_sections{padding:1.5rem}.drivingBasics_theories_explanations{padding:10px;font-weight:500;font-size:.95rem;line-height:1.5}}.questions_answers_container{display:flex;align-items:center;justify-content:center}.mockExam_header{padding:10px 50px}.timer_qn_number_container{box-shadow:0 0 2px #000;padding:10px 15px;border-radius:999px}.timer_qn_number_container .timer_qn_number_container_sub_container{display:flex;justify-content:space-between}.timer{display:flex;align-items:center}.qn_ans_layout{box-shadow:0 0 5px #000;padding:30px;width:50%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.qn_ans_layout p{font-size:1.2rem;font-weight:500}.qn_ans_layout img{width:150px;height:120px;object-fit:cover;padding-top:15px}.answers_layout{width:100%;display:grid;gap:1rem;padding:20px 0}.answers_layout li{list-style:none}.answers_layout li button{background-color:#d5f0f5;color:#000;cursor:pointer}.qn_ans_layout button{margin:0;padding:15px;background-color:var(--button-bg);cursor:pointer}.quit_confirm_container{background-color:var(--button-bg);color:#fff;width:400px;height:150px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:10000;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1rem}.yes_or_no{display:flex;align-items:center;gap:1.4rem}.yes_or_no p:first-child{padding:8px 25px;border-radius:999px;background-color:green}.yes_or_no p:last-child{background-color:red;padding:8px 25px;border-radius:999px}@media(max-width:900px){.mockExam_header{padding:10px}.qn_ans_layout{width:100%;padding:10px;box-shadow:0 0 2px #000}.quit_confirm_container{width:90%}}.captcha_container{width:100%;display:flex;align-items:center;justify-content:center}.captcha_code{display:flex;align-items:center;justify-content:center;padding:15px;font-style:italic;letter-spacing:5px;margin-bottom:15px}.captcha_inputs p{font-size:.9rem;text-align:center}.captcha_inputs input{width:100%;height:30px;margin:15px 0;padding-left:10px}.questionBank_main{padding:10px 50px;display:flex;flex-direction:column;gap:1rem}.question_container{box-shadow:-1px 3px 4px #000,1px 0 4px;padding:15px;border-radius:8px}.question_container{display:flex;flex-direction:column;gap:.8rem}.question_container_questions p{display:flex;gap:.5rem;font-size:1.1rem;font-weight:900}.question_container_answers{display:flex;flex-direction:column;gap:.3rem}.question_container_answers p{display:flex;gap:.5rem}.question_container_answers p span{font-weight:500}.question_correct_answers p{font-weight:900}@media(max-width:900px){.questionBank_main{padding:10px}}.concession_card_main{padding:15px 50px;display:flex;align-items:center;justify-content:center}.concession_card_main form{width:800px;display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 0 3px #000;padding:30px}.concession_card_main form .input_field{display:flex;flex-direction:column;gap:.5rem}.concession_card_main form .input_field label{font-size:.7rem}.concession_card_main form .input_field input{padding:15px;border-radius:5px;outline:none;border:1px solid black}.concession_card_main form button{margin-top:20px}@media(max-width:900px){.concession_card_main{padding:10px}}.confirmationExam_main{padding:10px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mockTestImg_container{width:100%;display:flex;flex-direction:column;align-items:center}.mockTestImg_container img{margin-bottom:15px;width:150px;background-color:transparent}.mockTest_info{width:50%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:5rem;padding-bottom:20px;border-bottom:1.5px solid black}.mockTest_info .totalQn,.mockTest_info .total_minutes{padding:15px 10px;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem;box-shadow:0 1px #000;border-radius:20px}.mockTest_info .totalQn{background-color:#c5d5f0}.mockTest_info .total_minutes{background-color:#d5f0f5}.mockExam_instruction{width:50%;border-bottom:1.5px solid black;padding:15px 0;font-weight:700;display:flex;justify-content:space-between;font-size:.9rem}.general_instructions{width:50%;padding:15px 0}.general_instructions p{font-size:.9rem;font-weight:500}.general_instructions ol{padding:10px 10px 10px 18px;display:flex;flex-direction:column;gap:.4rem}.general_instructions ol li{font-size:.9rem}.general_instructions button{margin:10px 0}@media(max-width:900px){.confirmationExam_main{padding:10px}.mockTest_info{width:100%;gap:.8rem}.mockExam_instruction{width:100%;padding:8px}.general_instructions{width:100%;padding:8px;line-height:1.3}.mockTest_info .totalQn,.mockTest_info .total_minutes{padding:20px 15px;border-radius:20px;box-shadow:0 1px #000}}.result_page{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#e1f2fe;height:100vh}.emoji_container{display:flex;align-items:center;flex-direction:column;gap:1rem;width:100%;text-align:center}.emoji_container h1{font-size:12rem}.emoji_container h2{text-transform:uppercase;color:red}.score_container{width:400px;height:200px;border-radius:10px;background-color:#e1f2fe;margin:2rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;font-weight:500}.score_container p{font-size:1.5rem}.score_container h1{font-size:3.5rem}.try_again_container{width:50%;height:75px;gap:2rem;display:flex;align-items:center;justify-content:center}.try_again_container button:first-child{height:100%;background-color:#fee1ec;color:#000;font-weight:600}.try_again_container button:last-child{height:100%;background-color:#c4fa9b;color:#000;font-weight:600}@media(max-width:900px){.result_page{height:100dvh;overflow:hidden}.try_again_container{width:100%;padding:0 10px;height:60px}}