.eye_class{
   
    margin-top:-40px;
    color: #eb0008;
    cursor: pointer;
    float:right;
    padding: 8px;
}
.eye_class1{
    position: absolute;
    right: 8%;
    margin-top:-34px;
    color: #eb0008;
    cursor: pointer;
    transform: translateX(4px);
    padding: 4px;
}
.eye_class2{
    position: absolute;
    right: 2%;
    margin-top: 18px;
    color: #eb0008;
    cursor: pointer;
    transform: translateX(4px);
    padding: 4px;
}

.count_num{
    color:red!important;
}
.my_menu{
    font-size:18px;
}


.text-grey{
    color:#fff;
}
.text-grey:hover {
    color:#002852;
    cursor:pointer;
}

.add-btn {
    text-align: right;
}

.dashbord_bg .card-body{
    /*background: radial-gradient(black, transparent);*/
    /*background: linear-gradient(91deg, #032b56, #0097e6);*/
    background:#fff;
}
.dashbord_bg label{
    background:#fff;
    border-radius: 50%;
}
.text-grey:hover i {
    color:#002852;
    cursor:pointer;
}
.dashbord_bg i{
    color:#fff;
}
.dashbord_bg i:hover{
    color:#002852;
}
.first{
    background:#53cef4!important;
}
.second{
    background:#1aa9e2!important;
}
.third{
    background:#1668a3!important;
}


/* ---------------------------Card Wixard-------------------------- */
.card-wizard{
	padding-top:10px;
	padding-bottom:30px;
}

.card-wizard #progressbar {
    margin-bottom: 0px;
    overflow: hidden;
    color: #b0b0b0;
	padding-left:0;
}

.card-wizard #progressbar .active {
    color: #ce0000;
}

.card-wizard #progressbar li {
    list-style-type: none;
    /* font-size: 15px; */
    font-size: 16px;
    width: 16.65%;
    float: left;
    position: relative;
    font-weight: 400;
	text-align:center;
}

.card-wizard #progressbar #work:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f007";
	font-weight:900;
}

.card-wizard #progressbar #education:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f19d";
	font-weight:900;
}

.card-wizard #progressbar #experience:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0f7";
	font-weight:900;
}

.card-wizard #progressbar #certificate:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0a3";
	font-weight:900;
}

.card-wizard #progressbar #document:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f15c";
	font-weight:900;
}

.card-wizard #progressbar #service:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f111";
	font-weight:900;
}

.card-wizard #progressbar #done:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f2c0";
	font-weight:900;
}

.card-wizard #progressbar li:before {
    /*width: 50px;*/width: 25%;
    /*height: 50px;*/
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #fff;
    background: #b7b7b7;
    /*border-radius: 50%;*/border-radius: 5%;
    margin: 0 auto 10px auto;
    padding: 16px;
	position:relative;
	z-index:2;
}

.card-wizard #progressbar li:after {
    content: '';
    width: 100%;
    height: 7px;
    background: #b7b7b7;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 1;
}

.card-wizard #progressbar #work::after{
	width:50%;
	left:50%;
}

.card-wizard #progressbar #service::after{
	width:50%;
	right:50%;
}

.card-wizard #progressbar li.active:before,
.card-wizard #progressbar li.active:after {
    background: #ce0000;
    color:white;
}
.card-wizard #progressbar li.node-done:before,
.card-wizard #progressbar li.node-done:after {
    background:#1668a3;
    color:white;
}
.card-wizard #progressbar .node-done {
    color: #1668a3;
}
.card-wizard .progress {
    height: 20px;	
}

.card-wizard .progress-bar {
    background-color: #673AB7
}

.card-wizard .fit-image {
    width: 100%;
    object-fit: cover
}








@media (max-width: 480px){

.card-wizard{
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:10px;
	padding-bottom:0px;
}
	
.card-wizard #progressbar li{
	font-size:12px;
	width:33.3%;
	height:85px;
}
.card-wizard #progressbar li:nth-child(5),
.card-wizard #progressbar li:nth-child(6),
.card-wizard #progressbar li:nth-child(7){
	margin-top:0px;
}

.card-wizard #progressbar li::before{
	width: 40px;
	height: 40px;
	line-height: 35px;
	font-size: 13px;
    padding:12px;
}

.card-wizard #progressbar li::after {
    height: 5px;
    top: 20px;
}

.card-wizard #progressbar #work::after{
	width:100%;
	left:0;
}

.card-wizard #progressbar #service::after{
	width:100%;
	right:0;
}

}

/*-----------------------Crad Wizard End----------------------------*/



.question {
    font-size: 18px;
    margin-right: 10px;
}
.rbl_css{
    width:100%;
    border-collapse: separate;
  border-spacing: 10px;
  
}
.rbl_css input[type="radio"] {
    width: 20px;
    height: 20px;
}
.rbl_css label {
    display: flex;
    margin-top: -27px;
    margin-left: 40px;
    font-size:16px;
    
}
.rbl_css td {
    background: #b7b7b7;
        border: 1px solid #ccc;
        padding: 10px;
        max-width:50%;
        width:50%;
}




.template{
   padding: 0.75rem 1.25rem;
       background-color: rgba(0, 0, 0, 0.03);
}


.drop-container {
            position: relative;
            display: flex;
            gap: 10px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 283px;
            padding: 20px;
            border-radius: 10px;
            border: 2px dashed #dde4e9;
            color: #444;
            cursor: pointer;
            transition: background .2s ease-in-out, border .2s ease-in-out;
        }

            .drop-container:hover {
                background: #eee;
                border-color: #111;
            }

                .drop-container:hover .drop-title {
                    color: #222;
                }

        .drop-title {
            color: #444;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            transition: color .2s ease-in-out;
        }

.closebtn {
    z-index: 9999;
    position: absolute;
    color: #fff;
    right: 20px;
    top: 8px;
    border: 2px solid #b9b9b9;
    background:#000;
    height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 700;
}
    .closebtn:hover {
        color: #ff0000;
    }

    .myloader_div {
        position: relative;
        display: flex;
        flex-direction: column;
    }
.myloader {
    display: none;
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    background: #000000;
    left: 0;
    z-index: 9999999;
    border-radius: 7px;
    opacity: 0.7;
}

.inspection-pic img{
    border: 6px solid black;
    padding: 2px;
}
.inspection-doc img {
    border: 6px solid #c4c4c4;
    padding: 2px;
}




.pricing-card-body p:after {
    content: '>';
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    border-radius: 50% 0 0 0;
    right: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #ce0000;
}