/* Engineer Profile CSS
--------------------------------------------------------------- */

/*Header*/


.elementor-column.elementor-col-33 {
    width: 33.333%;
    float: left;
}

.logo-section .elementor-row {
    display: flex;
}

.logo-section .elementor-col-33:nth-child(2) {
	margin: auto auto 0;
}

/*Header*/

.engineer-profile-content {
	padding: 60px 0;
}

/*Engineers Profile Details*/

	.approved-engineers-list {
	    margin-bottom: 3em;
	}

	.profile-image {
	    flex: 0 0 30%;
	    background: #fff;
    	padding: 20px;
	}

	.score {
		margin: auto 0;
	}

	.score p {
		margin-bottom: 0;
	}

	.profile-link {
	    display: flex;
	}

	.engineer-details {
	    color: #777;
	    width: 100%;
	}

	.location p {
	    margin-bottom: 5px;
	}

	.location p, .score p span {
	    color: #0080d2;
	}

	.location p:first-child {
		/*text-decoration: underline;*/
    	margin-bottom: 10px;
	}

	.contact-no {
		color: #888 !important;
		margin-bottom: 1em;
	}

	.profile-link .sani-btn {
	    margin-right: 1em;
	}

	.search-again-link {
	    text-decoration: underline;
    	margin: auto 0 !important;
    }

    .name-score {
	    margin-bottom: 10px;
	}

	.name-score h3 {
		font-size: 1.5em;
	}

/*Engineers Profile Details*/

/*Districts Covered*/

	#coverage_tab_content {
		padding: 30px;
		background: #fff;
	}

	#coverage_tab, #feedback_tab {
		padding: 25px 10px;
	}

	.tab-section {
	    display: flex;
	}

	#coverage_tab {
		flex: 0 0 50%;
	}

	.tab-section h2 {
	    color: #fff;
	    font-size: 24px;
	    text-align: center;
	}

	.districts-covered-map {
	    width: 55%;
	    /*flex: 0 0 55%;*/
	    margin-right: 2em;
	}

	.districts-postcodes {
		/*flex: 1;*/
		width: 45%;
	}

	.districts-postcodes p {
	    color: #777;
	}

	.districts-postcodes h3 {
		border-bottom: 1px solid #e0e0e0;
	    padding-bottom: 12px;
	    margin-bottom: 12px;
	    font-size: 1.5em;
	}

	#coverage_tab, #feedback_tab {
		cursor: pointer;
	}

	#feedcbak_tab h3 {
	    margin-bottom: 0.8em;
	}

	#coverage_tab, #feedback_tab {
		cursor: pointer;
		background: #002F5B;
		width: 100%;
	}

	.tab-section .active {
		background: #0080D2 !important;
	}

	.feedback-item p {
	    margin-bottom: 20px;
	    font-size: 1.4em;
	    font-style: italic;
	    text-align: justify;
	    color: #777;
	    line-height: 1.6;
	}

	.person-name {
	    float: right;
	    margin-bottom: 0 !important;
	}

	.feedback-item {
		display: flow-root;
		border-top: 1px solid #d2d2d2;
		padding: 1.5em 0;
	}

	.districts-postcodes .postcodes-covered, 
	.districts-postcodes .dists-covered {
	    max-height: 150px;
	    overflow-y: auto;
	    font-size: 12px;
	}


/*Districts Covered*/

/*Featherlight Lightbox*/

	/*.message-lightbox {
		display: none;
	}

	.featherlight-heading {
	    font-size: 2em;
	    line-height: 1.2;
	    text-align: center;
	    margin-bottom: 30px;
	    font-weight: 300;
	}

	.featherlight-content {
	    overflow: visible !important;
	    padding: 30px !important;
	    border-radius: 25px;
	    max-height: 100% !important;
	    border-bottom: 0 !important;
	}

	.featherlight-close {
	    background: #002F5B !important;
	    color: #fff !important;
	    border-radius: 50%;
	    border: 2px solid #fff !important;
	    height: 50px;
	    width: 50px !important;
	    top: -20px !important;
	    right: -20px !important;
	    font-size: 2em;
	}

	.message-lightbox input, textarea {
	    width: 100%;
	    border: 1px solid #0080d2;
	    background: #fff;
	}

	.message-lightbox .form-group {
	    margin-bottom: 20px;
	}

	.message-lightbox form {
	    background: #F1F2F2;
	    padding: 26px;
	    height: 450px;
	    overflow-y: scroll;
	    padding-right: 22px;
	}

	.message-lightbox .sani-btn {
	    float: right;
	    padding: 8px 60px;
	}*/

/*Featherlight Lightbox*/


/*Bootstrap Modal Start*/

.booking-form-modal input, textarea {
    width: 100%;
    border: 1px solid #0080d2;
    background: #fff;
}

.booking-form-modal .form-group {
    margin-bottom: 20px;
}

.booking-form-modal .booking-form	{
    background: #F1F2F2;
    padding: 26px;
    height: 450px;
    overflow-y: scroll;
    padding-right: 22px;
}

.booking-form-modal .sani-btn {
    /*float: right;
    padding: 8px 60px;*/
    padding: 0px;
}

.booking-form-modal .close {
	position: absolute;
    padding: 0px;
    right: -30px;
    top: -30px;
    width: 50px;
    height: 50px;
    opacity: unset;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    line-height: 1em;
    background-color: #002f5b;
    transform: rotate(45deg);
}

.booking-form-modal .close span {
    line-height: 0.4em !important;
    font-size: 50px;
}

.booking-form-modal .modal-body p.blue-text {
    font-size: 25px;
    line-height: 1.2em;
    text-align: center;
    margin: 10px 0px 25px 0px;
}


.booking-form-modal .modal-content {
    border-radius: 20px;
    border: none;
}

.submit-btn-div {
    margin: 0px !important;
    display: inline-flex;
    align-items: center;
    background-color: #0080d2;
    padding: 8px 40px;
    border: 1px solid #0080d2;
    float: right;
}

.submit-btn-div button {
    background: none;
    border: none;
}

/*Bootstrap Modal End*/



/*Loader css start*/


.loader,
.loader:after {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	/*width: 10em;
	height: 10em;*/
}
.loader {
	margin-left: 10px;
	font-size: 0px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-left: 2px solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	/*text-indent: -9999em;
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #ffffff;*/
	
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*Loader css end*/


.booking-form input.error, 
.booking-form input.error::placeholder {
    border-color: red;
    color: red;
}

.alert {
	color: red;
}

/*Responsive*/

	@media (max-width: 1024px) {

		.logo-section .elementor-row {
		    display: block;
		}
	}

	@media (min-width: 768px) {

		.districts-covered-tab {
		    display: flex;
		    justify-content: space-between;
		}

		.profile-link .sani-btn {
		    padding: 8px 40px;
		}

		.profile-image {
		    margin-right: 2.5em;
		}

		.approved-engineers-list {
		    display: flex;
		    justify-content: space-between;
		}

		.name-score {
		    display: flex;
		    justify-content: space-between;
		}
	}

	@media (max-width: 768px) {

		.name-score h3 {
		    margin-bottom: 5px;
		}
		.engineer-details {
			padding: 20px;
		}		
		.districts-postcodes {
			width: 100%
		}
		.districts-covered-map {
			width: 100%;
			min-height: 400px;
		}
	}

	@media (max-width: 767px) {

		/*.message-lightbox form {*/
		.message-lightbox .booking-form {
			height: 350px;
		}

		.featherlight-content {
			width: 85%;
		}

		.profile-image {
		    margin-bottom: 1em;
		}

		.districts-covered-map {
		    margin-bottom: 1em;
		}

		.booking-form-modal .close {
		    right: -10px;
		    top: -10px;
		    width: 35px;
		    height: 35px;
		    z-index: 9;
		}

		.booking-form-modal .close span {
		    font-size: 35px;
		}
	}

/*Responsive*/