/*
Theme Name: Alico Child
Theme URI: http://demo.casethemes.net/alico/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio/
Description: Alico is the Perfect Insurance Agency WordPress Theme. Alico is best suited for corporate website like Insurance, Consultioial Advisor, Accountant, Consulting Firms, insurance, loan, tax help, Investment firm etc. This is a insurance theme that is help full for online presence for Corporate Business and Insurance Firms.   
Version: 1.2.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: alico
Text Domain: alico-child
Tags: insurance, insurance agency, business, finance, health insurance, insurance company, life insurance, insurance theme, page builder, accounting, advisory, corporate 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.multi-step-container {
    max-width: 800px;
    margin: auto;
    font-family: Arial, sans-serif;
}
.progressbar {
    counter-reset: step; /* Step 1: Initialize the counter */
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.progressbar li {
    position: relative;
    text-align: center;
    flex: 1;
}

.progressbar li::before {
    content: counter(step);           /* Step 2: Show counter */
    counter-increment: step;         /* Step 3: Increment counter */
    width: 30px;
    height: 30px;
    display: block;
    border: 2px solid gray;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background: white;
    line-height: 30px;
    font-weight: bold;
    color: gray;
}

/* Optional - active step style */
.progressbar li.active::before {
    border-color: #0073e6;
    background: #0073e6;
    color: white;
}
.blog-css .item--author {
    opacity: 0;
}

.form-step {
    display: none;
}
.form-step.active {
    display: block;
}

.form-step input[type="text"],.form-step input[type="date"], .form-step input[type="email"], .form-step input[type="tel"], .form-step input[type="number"] {
    margin-bottom: 20px;
    height: 50px !important;
    padding: 8px;
	border-radius: 6px;
    border-color: #dadce1;
}
span.current {
    line-height: 50px !important;
}
.nice-select.swal2-select {
    display: none !important;
}
button.swal2-confirm.swal2-styled {
    padding: 0px 44px !important;
}
.form-step.active label {
    font-weight: 700;
}
.prop-box {
    display: flex;
    gap: 20px;
}
.hide{
	display: none;
}
.type-home {
    margin-bottom: 20px;
    height: 50px;
    padding: 0px 8px;
	border-radius: 6px;
    border-color: #dadce1;
}
.prop-box div {
    flex: 1 1 calc(50% - 20px);
    margin-bottom: 20px;
}
button.next-btn, button.prev-btn, button.step-form-submit {
    line-height: 24px;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0px 10px 0px 0px;
}
.box1 {
    max-width: 200px;
}
.file-uploader {
    padding: 20px;
    background: #f8f8f89e;
    border: 1px solid #d0cdcd;
    border-radius: 4px;
    margin: 2px 0px 20px;
}
.input {
	display: flex;
	gap: 10px;
	
}
div:has(p.info) > input {
    margin: 3px !important;
}
form .new-no {
	display:none;
}
p.info, p.info + ul li {
    font-size: 12px;
    line-height: 20px;
	margin: 0;
}

.requried:after {
    content: " *";
    color: red;
}
.input input {
	flex: 1;
}
.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    color: rgba(0, 0, 0, 0.50);
}
@keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
#ct-header-wrap.ct-header-layout1 .ct-header-phone label {
    color: #ffffff !important;
    font-size: 15px;
}
.choose-insurance .item--description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.language-swicher .gt_switcher.notranslate {
    position: absolute;
    top: 3px;
}
.blog-css .item--content{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-css .item--holder {
    min-height: 300px;
    justify-content: end;
    display: flex;
    flex-direction: column;
}


@media (max-width: 480px){
	.prop-box {
    flex-direction: column;
    gap: 0 !important;
}
	.prop-box div {
	margin:0 !important;
}
	canvas#signature-pad {
    width: 100%;
}
	
}