/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.text-secondary {
    color: #717171 !important;
}

.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    max-width: 353px;
}

.step .continue-btn {
    border: none;
    border-radius: 10px;
    width: 300px;
    height: 35px;
    font-size: 18px;
    font-weight: 500;
    color: white;
    background-color: #7dbf47;
    text-align: center;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 50px;
}

.step .previous-btn {
    border: none;
    background: none;
    color: #1a5f96;
    text-align: center;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
    margin-bottom: -10px;
    font-weight: bold;
    font-size: 14px;
}
.step .submit-now-btn{
    border: 2px solid #7dbf47;
    border-radius: 10px;
    width: 300px;
    height: 35px;
    font-size: 18px;
    font-weight: 500;
    color: #7dbf47;
    background-color: transparent;
    text-align: center;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0px;
    margin-bottom: -35px;
}

.disclaimer-area {
    max-width: 340px;
    margin: auto;
    margin-top: 25px;

}

.disclaimer-area .small {
    font-size: 12px;
}

.disclaimer-area a {
    color: #1a5f96;
    font-weight: bold;
    text-decoration: none;
}


.step label {
    /* width: 100%; */
    font-weight: bold;
    font-size: 14px;
}

.step input[type="text"],
.step input[type="email"],
.step input[type="tel"],
.step input[type="date"],
.step input[type="number"] {
    width: 100%;
    background-color: rgba(217, 217, 217, 0.5);
    border: none;
    border-radius: 10px;
    height: 45px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 10px;
}

.step input[type="number"] {
    width: 60%;
}

.step input[type="date"] {
    width: 100%;
    padding-left: 15px;
    padding-right: 25px;
    font-size: 20px;
    font-weight: bold;
    color: #717171;
}



.date-input-container {
    position: relative;
    display: inline-block;
	width: 190px;
}

.date-icon {
    position: absolute;
    left: 155px;
    top: 45%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
}

.date-input {
    padding-left: 40px;
    -webkit-appearance: none;
}

.date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}


/* Hide the default radio button */
.hidden-radio {
    display: none;
}

/* Style the option container */
.option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px;
    border: 2px solid #ddd;
    border-radius: 10px;
    margin: auto;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -o-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
    max-width: 300px;

}

.option label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 13px;
    padding-right: 30px;
}

/* Style the icon container */
.icon-container {
    margin-right: 15px;
    width: 45px;
    padding: 2px;
}

.icon-container svg {
    width: 100%;
    height: auto;
}


/* Style the text inside the option */
.option-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.option-label {
    font-weight: 600;
    line-height: 1.5;
}

.option-support {
    font-size: 15px;
    color: #555;
    font-weight: 100;
    max-width: 200px;
    line-height: 1.2;

}

/* Style the checkmark */
.checkmark {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #7dbf47;
    border: 2px solid #7dbf47;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    visibility: hidden;
}

.checkmark::after {
    content: '\2713';
    /* Checkmark symbol */
    color: white;
    font-size: 14px;
}

/* Style when the option is selected */

input[type="radio"]:checked+label .checkmark {
    visibility: visible;
}

.option.selected .option-label,
.option.selected .option-support {
    color: #7dbf47;
}

.option.selected {
    border: 2px solid #7dbf47;

    background-color: rgba(124, 191, 69, 0.025);
}

.option.selected svg path {
    fill: #7dbf47;
}


/* When the option is selected */
.option.selected .stroke-svg path,
div.option.selected svg path.stroke-svg {
    fill: transparent !important;
    /* Still make fill transparent */
    stroke: #7dbf47 !important;
    /* Green stroke for selected state */
}


.checkbox-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Use flexbox for layout */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /* Space out columns */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* Wrap columns if necessary */
}

.checkbox-column {
    width: 48%;
    /* Each column takes up almost half of the container width */

}

.checkbox-column label {
    margin-left: 5px;
    /* Space between checkbox and label */
    margin-bottom: 10px;
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Align tabs horizontally */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* Evenly space out the tabs */
    width: 300px;
    /* Take full width of the parent */
    margin: auto;
    margin-top: 25px;
}

.tab {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    /* Make each tab take equal space */
    height: 8px;
    border-radius: 50px;
    /* Make the tabs look like pills */
    background-color: lightgray;
    margin: 0 5px;
    /* Space between tabs */
    cursor: pointer;
    /* Change cursor to pointer */
}

.tab.active {
    -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
            flex: 1.5;
    background-color: #7dbf47;
    /* Color for the active tab */
}

.time-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.time-selection input[type="radio"] {
    display: none;
}

/* Style the label within .time-selection to look like a rectangle */
.time-selection label {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #717171;
    border-radius: 8px;
    font-size: 22px;
    color: #717171;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    background-color: white;
    margin-bottom: 15px;
}

/* Style when radio button is selected within .time-selection */
.time-selection input[type="radio"]:checked+label {
    border-color: #7dbf47;
    color: #7dbf47;
    background-color: rgba(124, 191, 69, 0.04);
}

.step {
    opacity: 0;
    height: 0px;
    -webkit-transition: opacity 0s ease, height 0s;
    -o-transition: opacity 0s ease, height 0s;
    transition: opacity 0s ease, height 0s; 
    position: relative;
    z-index: -1;
}

.step.active {
    opacity: 1;
    height: auto;
    margin-top: 40px;
    z-index: 1;
    -webkit-transition: opacity 0.5s ease, height 0.5s;
    -o-transition: opacity 0.5s ease, height 0.5s;
    transition: opacity 0.5s ease, height 0.5s;
}

.side-offer-holder img{
	height: auto;
	border-radius:10px;
}
.side-offer-holder section{
	padding-top:0px !important;
}
#page > main > section > article.col-md-6.p-5.p-md-5.shadow > div.mt-4.side-offer-holder > section > a{
	cursor: default;
}