@wcharset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400;1,600&display=swap'); */



@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans&family=Patua+One&display=swap');

/* CSS Document */

/* @font-face {
  font-family: "Helvetica LT Std";
  src: url('fonts/HelveticaLTStd-Bold.otf') format('otf'), url('fonts/HelveticaLTStd-BlkCond.otf') format('otf'), url('fonts/HelveticaLTStd-Light.otf') format('otf');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
	font-family: "Helvetica LT Std";
    src: url("../fonts/Helvetica/HelveticaLTStd-Bold.woff2") format("woff2"), /* chrome firefox */
    src: url("../fonts/Helvetica/HelveticaLTStd-Bold.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Helvetica LT Std";
    src: url("../fonts/Helvetica/HelveticaLTStd-Light.woff2") format("woff2"), /* chrome firefox */
    src: url("../fonts/Helvetica/HelveticaLTStd-Light.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
}

@font-face {
	font-family: "Avenir Next";
    src: url("../fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.woff2") format("woff2"), /* chrome firefox */
    src: url("../fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    src: url("../fonts/AvenirNextLTPro/AvenirNextLTPro-Regular.otf") format("opentype"), 
}

* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	outline:0 none;
}
/* Common css */
.btn, .btn:focus, .btn:hover, .btn:active, button:focus{outline:0 none;}
a:hover, a:focus{text-decoration:none;outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #7cbe4a;
}
.H-search .form-control::-moz-placeholder {color:#7cbe4a;}
.H-search .form-control:-ms-input-placeholder {color:#7cbe4a}
.H-search .form-control::-webkit-input-placeholder {color:#7cbe4a}
html, body {
	display: block;
	/* height: 100%; */
	word-wrap: break-word;
	width: 100%;
}

body {
	background-color: #fff;
	color: #1C454C;
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 18px;
	margin: 0;
	min-height: 100%;
	padding: 0;
	line-height: 1.5;
}
.container {
    max-width: 1140px;
    width: 100%;
}
.font-green{color:#7cbe4a;}
.font-blue{color:#20959a; font-family: 'Patua One', cursive; margin-bottom: 3rem; font-size: 2.75rem;}
.font-Helvetica{font-family: Helvetica;font-weight: 700;-webkit-font-smoothing: antialiased;}
.font-AvenirNextLTPro{font-family: 'Patua One', cursive; font-weight: 700;-webkit-font-smoothing: antialiased;}
.font-Merriweather{font-family: 'Merriweather Sans', sans-serif;}

.font-Source-San{font-family: 'Source Sans Pro', sans-serif;}
.bg-green{background-color:#f1f9fa;}
.bg-green-light{background-color:#6bbbc3;}
.text16{font-size: 16px;line-height:normal; font-family: 'Patua One', cursive;}
.text18{font-size: 18px;line-height:normal; font-family: 'Patua One', cursive;}
.text22{font-size: 24px!important;line-height:normal; font-family: 'Patua One', cursive;}
.text24{font-size: 24px!important;line-height:normal; font-family: 'Patua One', cursive;}
.padding-top112{padding-top: 112px!important;}
.form-control{
	border: 1px solid #7cbe4a;
	border-radius:10px;
	padding: 12px;
	-webkit-box-shadow: 0 2px 12px rgb(0 0 0 / 0.2);
    box-shadow: 0 2px 12px rgb(0 0 0 / 0.2);
}
.transition_class {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.btn-nobg, .btn-white, .btn-green-light {
	font-weight: 600;
    padding: 10px 0px;
    font-size: 18px;
    line-height: normal;
    width: 100%;
    max-width: 110px;
    text-align: center;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
.btn-nobg {
	background-color: #fff;
    border: 2px solid #d4306f;
    color: #d4306f;
    
}
.btn-white-supplier {
	background-color: #fff;
    border: 2px solid #fff;
    color: #53b1b0;
	padding: 7px 15px;
	font-weight:700;
	min-width: 120px;
	position: relative;
	font-weight: 300;
}
.btn-green-light {
	background-color: #57bdc0;
    border: 2px solid #57bdc0;
    color: #fff;
	padding-top: 9px;
	padding-bottom: 9px;
}

.btn-white {
	background-color: #FFFFFF;
    color: #53b1b0;
	padding-top: 9px; padding-bottom: 9px;
	font-size:16px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	
}

.header{background-size: cover;padding-top: 112px;}
.home-quotee .header{
	background-image: url('../images/headerBG.jpg');
}
.bg-green{
	/* background-color: #6bbbc3; */
	background-color: #f1f9fa;
	background-image: url('../images/WelcometoQuotee.svg');
	background-repeat: no-repeat;
	background-position: center top;
}
.header-content {max-width: 850px; margin: 0 auto;padding: 100px 0;}
@media (min-width: 992px){
/*	.height100vh {min-height: 100vh;}*/
}
/* Common css end */
/* Navbar Css*/
.custom-navbar.scrolled {
	/* background-color: rgba(0,0,0,0.3); */
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.custom-navbar .navbar-nav .nav-link, .custom-navbar .navbar-nav .nav-btn{
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	position: relative;
}
.home-index .custom-navbar .navbar-nav .nav-btn{text-transform: uppercase;}
.custom-navbar .navbar-brand img{max-width: 180px;width: 100%;transition: all 0.2s ease-in-out;}
.custom-navbar.scrolled .navbar-brand img{max-width: 160px;} 
.custom-navbar .navbar-nav .nav-link{color:#7cbe4a;}
.custom-navbar .navbar-nav .nav-btn{
	background-color:#7cbe4a;
	color: #fff;
}
.join-quotee .custom-navbar .navbar-nav .nav-btn, .welcome-page .custom-navbar .navbar-nav .nav-btn{
	background-color:#fff;
	color: #53b1b0;
	border: none;
}
.custom-navbar .navbar-nav .nav-btn {
	/* background-color: #e2c3af!important;
    border-color: #e2c3af!important;
	box-shadow: 5px 6px 0px rgb(34 100 115)!important;
	color: #276372!important; */
    padding: 7px 15px;
	min-width: 120px;
}
.home-index .custom-navbar .navbar-nav .nav-btn {
	background-color: #7cbe4a;
    color: #fff;
}

/* .custom-navbar .navbar-nav .join-nav .nav-btn{padding-left: 2rem;} */
.custom-navbar .navbar-nav .join-nav img, .quotee_joinbar .btn img{
	position: absolute;
	top: 50%;
	z-index:2;
	left: 15px;
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* @media (min-width: 576px){
	.custom-navbar .navbar-nav .nav-link {
		padding-right: 32px;
		padding-left: 32px;
	}
} */
@media (min-width: 768px){
	.custom-navbar .navbar-nav .nav-item:last-child .nav-link {padding-right: 0!important}
}

.custom-navbar .navbar-toggler-icon@media (max-width: 575px){
	.custom-navbar {
		background-color: rgba(0,0,0,0.1);
		display: none;
	}
	.custom-navbar .navbar-toggler{border-color: rgba(255, 255, 255, 1); display: none;
}
	.custom-navbar .navbar-toggler-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
		display: none;

	}

}

.navbar-light .navbar-toggler-icon {
display: none;

}


.navbar-light .navbar-toggler {
display: none;

}


/* Navbar Css End*/

/* Header Css*/
.H-logo{
    width: 100%;
    max-width: 400px;
	display: block;
	margin: 0 auto;
}
.getQ-title{
	font-size:36px;
	font-weight: 700;
	line-height: normal;
}
.getQ-title span{
	font-weight:300;
}
.H-search{
	max-width: 700px;
    margin: 40px auto;
	position: relative;
}
.H-search .fa {
    position: absolute;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 51px;
    text-align: center;
    pointer-events: none;
    font-size: 24px;
    right: 0;
}
.H-search .form-control {
    padding-right: 2.375rem;
	font-weight:300;
	font-style: italic;	
	text-align:center;
}
@media (max-width: 767px) {
	.getQ-title {font-size: 28px;}
	.H-logo{max-width: 250px;}
}
/* Header Css End*/

/* Category List slider  Css*/
.service_category {margin-top: 150px; margin-bottom: 100px;}
.cat_list {
    list-style: none;
    padding-left: 5px;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}
.cat_list li {
	padding: 2px 0;
}
/* Testimonial slider css*/
.testimonial_category{margin-top: 100px;margin-bottom: 100px;}
.testimonial_carousel .owl-stage{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.testimonial_carousel .testimonial_image {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 90px;
    width: 90px;
    margin: 0 auto;
	cursor: pointer;
}
.testimonial_carousel .testimonial_Card img {
    height: 100%;
    position: absolute;
    border-radius: 50%;
    object-fit: cover;
}
.testimonial_carousel .owl-item.center .testimonial_image{
	padding-bottom: 150px;
	width: 150px;
}
.testimonial_carousel .testimonial_content{display: none;}
.testimonial_content {
	font-size: 16px;
    line-height: normal;
    font-weight: 600;
}
.testimonial_content .clientName {
    font-weight: 500;
    line-height: normal;
}
.testimonial_contentShow {
    max-width: 400px;
    margin: 35px auto 0;
    text-align: center;
}
/* Popular Service slider css*/

.popular_service h3 {
    line-height: normal;
    font-size: 22px;
    margin-bottom: 23px;
    text-transform: capitalize;
}
.popularServc_imageTop{margin-bottom:30px;position: relative;}
.popularServc-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 16px;
	line-height: normal;
    font-weight: 600;
    padding: 10px 0;
    background-color: rgba(0,0,0,0.3);
}

@media (max-width: 991px) {
	.service_category {margin-top: 100px; margin-bottom: 100px;}
}
@media (max-width: 575px) {
	.service_cat_Card{text-align:center;}
	.popularServc_imageTop{margin-bottom:15px;}
	.service_category, .testimonial_category {margin-top: 50px; margin-bottom: 40px;}
}

/* Footer Css*/
.footer{
	padding: 70px 0px 200px;
	background-color: #252f2b;
	min-height: 500px;
}
.F-logo{
	max-width: 130px;
}
.F-contact {
    padding-right: 80px;
}
.F-addressT{
	margin-bottom: 0;
    font-size: 18px;
    line-height: normal;
	padding-right: 30px;
	color: #bfbfbf; 
}
.F-contact .fa{
	font-size: 26px;
    padding: 0 15px;
   color: #bfbfbf;
}
.F-social a {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 20px;
    position: relative;
	color: #fff
color: #bfbfbf;;
}
.F-social .fa {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 26px;
    right: 0;
    text-align: center;
color: #bfbfbf;
}
.F-social .fa-linkedin {
	font-size: 23px;
}
/*
.F-social a:last-child {
	background-color: #fff;
	color: #000;
}
*/
.F-content{
	border-top: 1px solid #bfbfbf;
	margin-top:50px;	
}
.F-content p {
    margin: 20px 0 0;
    line-height: normal;
}
/* .F-content .F-copyright {margin: 50px 0 0;} */
@media (max-width: 991px) {
	.F-contact {padding-right: 40px;}
	.F-addressT{padding-right: 15px;}
}

@media (max-width: 767px) {
	.F-logo{margin-bottom: 20px;}
	.F-content{margin-top: 20px;}
	.H-search{margin: 30px auto;} /* Search bar */
	.footer{padding: 40px 0px; height: 600px;}
	/* .F-content .F-copyright {margin: 50px 0 0;} */
}
@media (max-width: 576px) {
	.F-contact .fa {padding: 0 7px;}
	.F-addressT, .F-contact{padding-right: 10px;}
	.F-social a:last-child{margin-left: 8px;}
}
@media (max-width: 440px) {
	.F-contact .fa {font-size: 18px;padding: 0 7px;}
	.F-social .fa{font-size: 16px;}
	.F-addressT, .F-contact{padding-right: 0;}
	.F-addressT{font-size: 14px;}
	.F-social a{padding: 14px;}
	.F-social a{margin-left: 5px!important;}
}
/* Footer Css End*/

/* Carousel Css*/
.custom_carousel .owl-nav .left {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.custom_carousel .owl-nav .right {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.custom_carousel .sliderArrow {
    border: solid #c6c1be;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 7px;
	margin-top: 2px;
}
.custom_carousel .owl-nav .owl-prev{left: 0;}
.custom_carousel .owl-nav .owl-next{right: 0;}
.custom_carousel .owl-nav button.owl-prev .left{margin-right: -6px;}
.custom_carousel .owl-nav button.owl-next .right{margin-left: -6px;}
.custom_carousel .owl-nav button.owl-prev, .custom_carousel .owl-nav button.owl-next{
	background: transparent;
	position: absolute;
	margin-top: -22px;
	padding: 3px 10px !important;
	border: 1px solid #c6c1be;
    border-radius: 50%;
    height: 40px;
    width: 40px;
	opacity: 0.3;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	
}
.custom_carousel .owl-nav button.owl-prev:hover, .custom_carousel .owl-nav button.owl-next:hover{opacity: 1;}
/* Carousel Css end*/
/* Privacy Policy*/
.terms-content {font-size: 18px;line-height: normal;}
.terms-content ol {counter-reset: item;}
.terms-content ol.terms-main-list {padding: 0;}
.terms-content ol.terms-main-list li {
	list-style: none;
	display: block;
	margin-bottom: 17px;
}
.TList-text {
    padding-left: 40px;
}
ol.terms-main-list li p{margin-bottom: 0px;}
.terms-content ol.terms-main-list li:before {
	text-align: justify;
	font-size: 18px;
	font-weight: bold;
	content: counters(item, ".") " ";
	counter-increment: item;
	margin-right: 5px;
}
.terms-content ol.terms-sub-list li:before {font-size: 15px;}
.TList-title {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
}
@media (max-width: 767px) {
	.terms-sub-list, .TList-text{padding-left: 20px;}
}
/* Privacy Policy end*/

/* suppliers css*/
.suplr-footer .btn-nobg:hover{
	background-color: #d4306f;
	color: #fff;
}
/* .suplr_prev{margin: 0 auto 0 0;}
.tab_next{margin: 0 0 0 auto;} */
.selectArrow{position: relative;}
.selectArrow:after {
    content: "\25BC";
    position: absolute;
	color: #fff;
    background: #57bdc0;
	border-radius: 2px;
    text-align: center;
    padding: 14px 16px;
    right: 0;
    top: auto;
	bottom: 0;	
}


/* tabs box from css */
.tabs__box .form-group {
    margin-bottom: 30px;
}
.tabs__box .form-group a:not([class*=btn]) {color: #57bdc0;text-decoration: underline;}
.tabs__box .form-control, .wlquoteenz .form-control{
	border-color: 	#afd6d6;
    border-radius: 10px;
    height: 45px!important;
	box-shadow: none;
	padding: 6px 20px;
	border-width: 2px;
	font-style: italic;
}
.tabs__box label {
font-family: 'Patua One', cursive;
    font-size: 20px;
    margin-bottom: 12px;
	line-height: normal;
	color:#20959a;
}
.tabs__box textarea.form-control{
	resize: none;
    min-height: 110px;
}
.tabs__box .btn-nobg, .wlquoteenz .btn-nobg{


    border: 1px solid;
    font-family: 'Patua One', cursive;
    background-color: transparent;
    border-color: #e2c3af;
    color: #20959a;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 5px 6px 0px #e2c3af;
    cursor: pointer;
    border-radius: 0.7rem;


}
.tabs__box .btn-nobg:hover{
	background-color: transparent;
	color:#20959a;
}
.tabs__box .custom-checkRadio span{    
	color: #20959a;
    font-weight: 600;
}
.tabs__box .form-control::placeholder{
	color:#83b2b2;
}
/* tabs box tabs css */

.tabs__box{
	max-width: 770px;
	background-image: url('../images/Sign-up-tabbox-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, .3);
	width: 100%;
    margin: 100px auto 0;
    border-radius: 12px;
    overflow: hidden;
	padding-bottom: 30px;
	background:#fff;
}

.tabs__box .tab-content, .tabs__box .suplr-footer {
    max-width: 675px;
    margin: 0 auto;
	/* padding: 15px 110px; */
	padding: 15px 0;
}
select option:hover {
      background-color: #57bdc0;
    }
select:-internal-list-box:focus  option:checked{background: red}
/* .tab-title {font-weight: 300;} */
/* .tab-subtitle {font-size: 18px;font-weight: 300;} */
.tabs__box .nav-tabs{border: none;}
.tabs__box .nav-tabs .nav-item{
	width:100%;
	text-align: center;
}
.tabs__box .nav-link {
	color: #20959a;
    font-size: 20px;
    font-weight: 500;
	padding: 8px 5px;
	background-color: #ddcbc5;
	border-radius: 0;
	border: none;
}
.tabs__box ul.nav-tabs li:nth-child(2) .nav-link{background-color: #f2e1d7;    color: #20959a;} 
.tabs__box ul.nav-tabs li:nth-child(3) .nav-link{background-color: #e5d4cc;} 
.tabs__box .nav-link.active{    
	color: #20959a;
    background: transparent!important;
    font-weight: 600;
}
.tabs__box .tab-content{padding: 70px 15px 20px;}

.tabs__box  .addwork_photo {
    margin-top: 14px;
    display: block;
    font-size: 18px;
	position: relative;
    overflow: hidden;
	cursor: pointer;
	font-weight: 400;
    text-decoration: none;
    padding: 7px 10px;
    border-radius: 4px;
}
.tabs__box  .addwork_photo input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	cursor: pointer;
}

@media (max-width: 575px) {
	.tabs__box .nav-link{
		white-space: nowrap;
		font-size: 14px;
	}
	.suplr-footer .suplr_prev{margin-right: 10px;}
}
/* tabs box css end*/

/* custom UI range slider css end*/
.custom_rangeslider {
    height: 6px;
    background: #6bbbc3;
    width: 100%;
    border: none!important;
	border-radius: 0;
}
.custom_rangeslider .ui-slider-handle {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border: 2px solid #6bbbc3;
    top: -8px;
    outline: none;
}
.custom_rangeslider .ui-slider-range {
    background: #6bbbc3;
}
.custom_rangeslider:after, .custom_rangeslider:before{
	content: "";
    position: absolute;
    height: 17px;
    width: 3px;
    background: #6bbbc3;
    top: -5px;
}
.custom_rangeslider:after{right: -3px;}
.custom_rangeslider:before{left: -3px;}
/* custom UI range slider css end*/

/* custom Check / radio box custom design*/
.custom-checkRadio {
    display: block;
    position: relative;
    padding-left: 30px !important;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.custom-checkRadio input, .switch-radiostyle input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0!important;
	width: 0;
	top: 0;
    left: 0;
}
.tabs__box .custom-checkRadio input, .tabs__box .switch-radiostyle input{height: 0!important;}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #afd6d6;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/* Create a radio circle */
.custom-radiostyle .checkmark {
    border-radius: 50%;
    top: -4px;
}

/* On mouse-over, add a grey background color */
.custom-checkRadio:hover input ~ .checkmark {border-color: #007c89;}
.radiostyle-hovereffect:hover input ~ .checkmark {background-color: #007c89;}
.radiostyle-hovereffect:hover input ~ .checkmark:after {display: block;}

/* if input desable */
.custom-checkRadio:hover input:disabled ~ .checkmark {
    border-color: #bdbab8;
    cursor: no-drop;
}

/* When the checkbox is checked, add a Green background */
.custom-checkRadio input:checked ~ .checkmark {
    background-color: #007c89;
    border-color: #007c89;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom-radiostyle2 input.form-control {
    width: 16px;
    float: left;
    margin: -9px 6px 0px 3px;
}
label.custom-radiostyle2 {
    width: 100%;
}
.welcome-content.header-content.user-supplier.text-white {
    color: #000!important;
}
/* Show the checkmark when checked */
.custom-checkRadio input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.custom-checkRadio .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
/* Style the indicator (dot/circle) */
.custom-radiostyle .checkmark:after {
    top: 5px;
    left: 5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}
/*Check box custom design end*/

/* supplier page css */
.F-helpText {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #38454d;
    line-height: normal;
}
.select_jobPrice{
	color: #57bdc0;
	font-weight: 600;
}
.jobCost-section {
    font-size: 18px;
    font-weight: 300;
}
.jobCost-section .jobcost_input{
	border: none;
	text-align: center;
	font-weight: 600;
	color: #6bbbc3;
	background: transparent;
	font-size: 20px;
}
.job__images img {
    max-width: 111px;
    margin: 5px;
}

/* join Quotee */
.join-quotee .header-content .getQ-title{font-weight: 600;}
.quotee_benefit .text18{font-size: 20px;font-weight: 400;}
.quotee_benefit p{font-size: 16px;line-height: normal;}
.quotee_benefit, .quotee_howork, .why_quotee{
	padding: 170px 0 300px;
}
.quotee_joinbar {
	color: #20959a;
	padding: 45px 0;
}
/* .quotee_joinbar p{margin-bottom: 0;margin-right: 20px;} */
.quotee_howork .col-12:nth-child(even) {
    justify-content: flex-end!important;
}
.quotee_howork .col-12:nth-child(even) img {
    order: 1;
	margin-left: 20px;
}
.quotee_howork .row {
    max-width: 630px;
    margin: 0 auto;
}
.quotee_joinbar .btn img{left: 6px;}
.quotee_joinbar .btn {  
	/* padding-left: 30px; */
    border: 1px solid;
    font-family: 'Patua One', cursive;
    background-color: transparent;
    border-color: #e2c3af;
    color: #20959a;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 5px 6px 0px #e2c3af;
    cursor: pointer;
    border-radius: 0.7rem;
}
/* join Quotee end*/

/* Welcome page*/
.home-suppliers .header, .users-supplierssuccess .header, .home-users .header{
	background-image: url('../images/WelcometoQuotee.svg');
}
.welcome-content.header-content{
	max-width: 700px;
}
.welcome-content p{
	margin-bottom: 1.5rem;
    font-size: 18px;
    line-height: 1.5;
}
.welcome-content a{
	text-decoration: underline;
	color: black;
}
/* .welcome-content .welcome-title{
	border: 3px solid #a7d7df;
    border-radius: 8px;
	padding: 20px 15px 10px;
	font-family: Helvetica;
	font-size: 50px;
	text-align: center;
} */
.welcome-content .welcome-title{
font-family: 'Patua One', cursive;
	font-size: 55px;
	font-weight: 800;
	position: relative;
}
.welcome-content .welcome-title:after {
    content: '';
    position: absolute;
    background: #e4c9b1;
    height: 6px;
    width: 44px;
    bottom: -35px;
    left: 0;
}
.title1 {
    margin-bottom: 4.5rem;
}

@media (max-width: 767px){
	.welcome-content .welcome-title {font-size: 40px;font-weight: 700;}
}

.welcome-user{
	font-family: Helvetica;
	font-size: 50px;
	text-align: center;
}

.why_quotee .whyQ-Step {
    max-width: 730px;
    margin: 0 auto;
}
.why_quotee .whyQ-Step:last-child{
	padding-bottom: 0px!important;
}
.why_quotee img{
	max-width: 120px;
}
/* Welcome page end*/


/* Sign-up page*/
.signup-quotee .custom-navbar .navbar-nav .nav-btn{background-color:#ffffff;color: #57bdc0;}
.account-checkboxlist{margin: 0 auto;max-width:640px;}
.account-checkboxlist .custom-checkRadio{font-weight:300; padding-left: 40px !important;}
.account-checkboxlist .font-Helvetica{font-weight:500;}


/* Sign-up page end*/

/* supplier plans page css*/
.priceT-box{
	background: #fff;
	box-shadow: 0 0px 19px 0 rgba(0, 0, 0, 0.1);
	border-radius: 15px;
    overflow: hidden;
	text-align: center;
}
.priceT-head {
	padding: 28px 0;
	background: rgb(98,172,187);
	background: linear-gradient(45deg, #61adbc 0%, #75c0c1 70%, #75c0c1 100%);
}
.price-title{font-size: 50px;}
.plan-name{position: relative; padding-bottom: 15px;}
.plan-name:after{
	content: "";
    height: 2px;
    width: 100%;
    background: rgb(104,178,189);
    background: linear-gradient(90deg, #68b4bd 0%, #9dcdc2 50%, #68b4bd 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.priceT-box .btn-nobg{
	border-radius: 0;
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.symbol_dot {
    font-size: 25px;
    font-weight: 900;
    line-height: 0;
	margin: 0 2px;
}
.priceT-content{padding: 50px 10px 34px}
.price-features p{
	font-size: 18px;
	line-height: normal;
	margin-bottom: 1rem;
	font-weight: 400;
}
.price-features p strong{font-size: 22px;}

/* supplier plans page css end*/

/* Login css end*/
.login-box{padding-top: 50px;}
.login-box .tab-content{padding: 0px 15px;}
.login-box .form-group:last-child{margin-bottom: 0px;}
/* Login css end*/
CSS
~~~~~~~~~~~~~~~
/ welcome quotee nz /

.wlquoteenz.header-content{
	max-width: 758px;
}

.modal-content.popupsignup{
	background: #fff;	
}

.wlquoteenz-top{
	max-width: 400px;
}
.wlquoteenz-bottom{
	max-width: 640px;
}
.wlquoteenz.header-content p{
	margin-bottom: 1.5rem;
    font-size: 18px;
    line-height: 1.5;
}
.wlquoteenz.header-content a{
	text-decoration: underline;
	color: inherit;
}
/* .wlquoteenz .form-control{
	border-color: #afd6d6;
	border-width: 2px;
} */
/* .wlquoteenz .form-control:nth-child(2){
	margin-left: 20px;
} */
.wlquoteenz .login-dropdown .form-control:nth-child(2){margin-right: 20px;width: 82%;}
.wlquoteenz .btn-nobg{
	margin-right: 0;
    margin-left: auto;
}
/* welcome quotee nz end*/

/* Supplier Success page*/
.welcome-content.header-content.success-supplier{
	max-width: 700px;
}
/* Supplier Success page end*/


/* Supplier Success page*/
.welcome-content.header-content.success-user{
	max-width: 700px;
}
/* Supplier Success page end*/

.modal-body {
    padding: 4rem;
}



/* design fixes */
.upload-imgview {
	
}