.myForm .form-item img[src=""] {
        background: url(images/khaosat.png) no-repeat;
        background-size: cover;
        text-indent: -100%;
        overflow: hidden;
        color: rgba(0, 0, 0, 0);
        border: 1px solid #eeeeee;
        height: 160px;
        display: block;
        position: relative;
}
.myForm .form-item .Title h4 {
        font-family: Merriweather;
        font-size: 17px;
        font-weight: 500;
        line-height: 22px;
        text-align: left;
        color: #005ED3;
}
.myForm .form-item .time {
        display: flex;
        justify-content: left;
        gap: 20px;
} 
.myForm .form-item .progress-item span {
        display: inline-block;
        padding: 5px 10px;
        margin-top: 10px;
        border-radius: 5px;
        background: #c09200;
        color: #fff8f8;
}
.myForm .form-item img[src=""]::after {
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: #ffff;
        font-family: 'Helvetica';
        font-weight: 300;
        line-height: 2;
        text-align: center;
        content: attr(alt);
        width: 20px;
        height: 20px;
        /* background: red; */
}
.myForm .form-item .time >div {
        display: flex;
        align-items: center;
        gap: 5px;
}
.myForm .form-item {
        display: grid;
        grid-template-columns: minmax(200px, 1fr) 2fr;
        gap: 20px;
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ededed;
}
.myForm .tab-wrap {
        transition: 0.3s box-shadow ease;
        border-radius: 6px;
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        list-style: none;
        background-color: #fff;
        margin: 40px 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.myForm .tab-wrap:hover {
        box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.myForm .tab {
        display: none;
}
.myForm .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
}
.myForm .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
}
.myForm .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
}
.myForm .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
}
.myForm .tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
        opacity: 1;
        transition: 0.5s opacity ease-in, 0.8s transform ease;
        position: relative;
        top: 0;
        z-index: 100;
        transform: translateY(0px);
        text-shadow: 0 0 0;
}
.myForm .tab:first-of-type:not(:last-of-type) + label {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
}
.myForm .tab:not(:first-of-type):not(:last-of-type) + label {
        border-radius: 0;
}
.myForm .tab:last-of-type:not(:first-of-type) + label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
}
.myForm .tab:checked + label {
        background-color: #fff;
        box-shadow: 0 -1px 0 #fff inset;
        cursor: default;
        border-bottom: 1px solid #0068b4;
}
.myForm .tab:checked + label:hover {
        box-shadow: 0 -1px 0 #fff inset;
        background-color: #fff;
        border-bottom: 1px solid #0068b4;
}
.myForm .tab + label {
        box-shadow: 0 -1px 0 #eee inset;
        border-radius: 6px 6px 0 0;
        cursor: pointer;
        display: block;
        text-decoration: none;
        color: #333;
        flex-grow: 3;
        text-align: center;
        background-color: #f2f2f2;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        transition: 0.3s background-color ease, 0.3s box-shadow ease;
        height: 50px;
        box-sizing: border-box;
        padding: 15px;
}
.myForm .tab + label:hover {
        background-color: #f9f9f9;
        box-shadow: 0 1px 0 #f4f4f4 inset;
}
.myForm .tab__content {
        padding: 10px 20px;
        background-color: transparent;
        position: absolute;
        width: 100%;
        z-index: -1;
        opacity: 0;
        left: 0;
        transform: translateY(-3px);
        border-radius: 6px;
}
@media only screen and (max-width: 768px){
        .myForm .form-item {
                grid-template-columns: 1fr;
        }
        .myForm .form-item .Title h4 { 
                line-height: 26px; 
        }
}