/*
Theme Name: Injury Help Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: injury-help
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Injury Help is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1767618818
Updated: 2026-01-05 13:13:38

*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.headerbtn .elementor-icon-list-text b {font-weight: 800; display: block; font-size: 21px;}
.headerbtn .elementor-icon-list-text {}
.headerbtn .elementor-icon-list-item a {padding: 11px 15px;}
.headerbtn .elementor-icon-list-icon svg {margin-right: 4px !important;}
.toptxt span {color: #000;}
.headerbox .e-con-inner {margin-right: 0;}
.untxt span {font-weight: 400; border-bottom: 1px solid; display: inline-block;}
.number span {
	width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    background-color: #d61a0a;
    border-radius: 100px;
    font-weight: 700;
    font-size: 18px;
    padding: 3px 0px;
    margin-right: 6px;
}
.injury-card h3 {
	font-family: "Poppins", Sans-serif;
    font-size: 23px;
    font-weight: 600;
    color: #03002F;
}
.injury-card label {color: #333333; font-size: 18px; font-weight: 500; font-family: "Lato", Sans-serif; margin-bottom: 12px; display: block;}
.injury-card .form-group:first-child {margin-bottom: 24px;}
.injury-card select {font-family: "Lato", Sans-serif; font-size: 18px; font-weight: 500; border-color: #a5a5a5; padding: 12px 20px; border-radius: 5px; color: #333333; outline: none;}
body.error404 .site-main {text-align: center; font-family: "Poppins", Sans-serif; padding: 50px 50px;}
body.error404 .site-main .errbtn {font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff; background-color: #d61a0a; border-radius: 0px; padding: 15px 20px; max-width: 200px; margin: 20px auto 0 auto; display: block; text-decoration: none;}
body.error404 .site-main .errbtn:hover {background-color: #003061;}
body.error404 h1.entry-title {font-size: 40px; font-weight: 800; color: #1b2852; line-height: 1.1;}

.injury-wrapper {display: flex; gap: 20px; max-width: 900px; margin-top: 22px;}
.injury-card {flex: 1; background: #f6f7f8; padding: 30px 25px; border-radius: 12px; }
.injury-card .form-group {margin-bottom: 20px;}
.result-card {flex: 1; background: #f6f7f8; padding: 30px 25px; border-radius: 12px; text-align: center;}
.result-card h3 {font-size: 20px; font-weight: 600; color: #03002f; margin-bottom: 0;}
.result-card .price {font-size: 34px; font-weight: 800; color: #0263d2; margin: 10px 0;}
.result-card .cta-btn {background: #d91c0f; color: #fff; padding: 13px; display: block; font-weight: 700; text-decoration: none; font-size: 17px; margin-bottom: 16px;}
.result-card .cta-btn:hover {background-color: #003061;}
.result-card p {font-family: "Lato", Sans-serif; font-size: 14px; font-weight: 500; color: #898989;}
.hsfc-FormWrapper .hsfc-Step__Content {padding: 20px 0px !important;}
.custom-elementor-btn {padding: 20px 75px 20px 75px; background-color: #D61A0A; color: #fff;}
#claim-form {background-image: url('https://injuryhelp.legal/wp-content/uploads/2026/01/banner_13-01-3.jpg'); background-repeat: no-repeat; background-size: cover; padding: 60px 20px;}
#claim-form .fobox {max-width: 600px; margin: auto; border-radius: 30px; overflow: hidden;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.number span {
	width: 25px;
    height: 25px;
    font-size: 15px;
    padding: 1px 0px;
    margin-right: 4px;
}
.headerbtn .elementor-icon-list-text b {font-size: 17px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.headerbtn .elementor-icon-list-text b {font-size: 13px;}	
.injury-card label {font-size: 15px;}
.injury-card .form-group:first-child {margin-bottom: 20px;}
.injury-card select {font-size: 15px;}
body.error404 h1.entry-title {font-size: 30px;}
.injury-wrapper {display: block;}
}