@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
.whitelabel-style{
	font-family:  "Work Sans", sans-serif;
}
.whitelabel-style:not(.checkout-onepage-success,.customerauth-twofactor-authentication) .page-wrapper{
	justify-content: center;
}
.whitelabel-style.checkout-index-index  .page-wrapper{
	justify-content:flex-start;
}
.whitelabel-style.account .page-wrapper{
	justify-content: flex-start;
}
.whitelabel-style:not(.psplogin-password-createpassword) .page-wrapper main:is(.page-main-full-width, .page-main){
	background-color: #fff;
	flex-grow: unset;
}
/* remove default icon from edge browser */
input::-ms-reveal,
input::-ms-clear {
  display: none;
}
/* remove default icon from edge browser */
.main-login-container{
	margin: 50px 0px;
}
.main-login-content{
	font-family:  "Work Sans", sans-serif;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 20px 3px #0000001A;
	border-radius: 30px;
	display: flex;
	margin: auto;
	max-width: 1040px;
	overflow: hidden;
	position: relative;
	font-size: 16px;
	padding: 47px 50px 53px 50px;
}
.main-login-content::after{
    content: '';
    position: absolute;
	background:  url(../images/login-bg-image.png) no-repeat -173px 120% / 400px;
    opacity: 30%;
    top: 0;
    bottom: 0;
    right: 50%;
    left: 0;
	z-index: 0;
}
.main-login-content p a{
	all: unset;
	cursor: pointer;
}
.main-login-content p{
	margin: 0;
	font-family:  "Work Sans", sans-serif;
	line-height: 120%;
	text-align: left;
}
.main-login-content p input[type="checkbox"]{
	vertical-align: top;
	top: 3px;
}
.main-login-content div.mage-error{
    position: absolute;
    right: calc(50% - 70px);
    margin-top: 21px;
    line-height: normal;
    margin-bottom: 0px;
	text-align: right;
}
.login-section-one{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
}
.login-section-one > div > a{
	display: block;
    max-width: 300px;
}
.login-section-two{
	width: 50%;
	background-color: #F6F7FA;
	border-radius: 30px;
	padding: 57px 59px 83px 56px;
	z-index: 1;
	position: relative;
}
.login-section-two ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.login-section-two ul li{
	margin: 0 0 20px 0;
}
.login-section-two ul li:last-of-type{
	margin: 0;
}
.login-section-two :is(ul li.input-tag span ,.block-content .control){
	display: block;
	position: relative;
}
.login-section-two :is(ul li.input-tag span,.block-content .control) input{
	all: unset;
	color: #081332;
	width: -webkit-fill-available;
	width: -moz-available;
}
.login-section-two :is(ul li.input-tag span ,.block-content .control){
    padding: 18px 25px 18px 60px;
    border: 1px solid #C6D3FE;
	background: padding-box #ffffff no-repeat 30px 50%;
    border-radius: 30px !important;
	width: 100%;
}
.login-section-two :is(ul li.input-tag span ,.block-content .control) input:-webkit-autofill,
.login-section-two :is(ul li.input-tag span ,.block-content .control) input:-webkit-autofill:focus{
	-webkit-text-fill-color: #3160EC;
	-webkit-box-shadow: 0 0 0px 40rem  #fff inset;
	font-weight: 500;
}
.login-section-two ul li.input-tag.tag-email{
	margin: 0 0 35px 0;
}
.login-section-two :is(ul li.input-tag.tag-email span ,.block-content .email .control) {
	background-image: url(../images/email-fill.svg);
}
.login-section-two :is(ul li.input-tag.tag-password span ,.block-content .password .control) {
	background-image: url(../images/lock-fill.svg);
	padding-right: 45px;
}
/* .login-section-two ul li.input-tag.tag-email span input.mage-error{
	background-image: url(../images/email-fill-error.svg);
}
.login-section-two ul li.input-tag.tag-password span input.mage-error{
	background-image: url(../images/lock-fill-error.svg);
} */
.login-section-two :is(ul li.input-tag.tag-password span ,.block-content .password .control) .login-eye-icon{
	position: absolute;
    background: url(../images/eye-icon.svg) no-repeat 100% / 20px;
    width: 20px;
    cursor: pointer;
    height: 20px;
    top: calc(100% - 42px);
    right: 20px;
}
.login-section-two :is(ul li.input-tag.tag-password span ,.block-content .password .control) .login-eye-icon.visible{
    background: url(../images/eye-icon-visible.svg) no-repeat 100% / 20px;
}
.login-section-two :is(ul li.input-tag span ,.block-content .control) input::placeholder{
	font-family:  "Work Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	color: #081332;
}
.login-section-two :is(ul li:nth-of-type(1),.block-title) p{
	font-size: 17px;
	font-weight: 400;
}
.login-section-two ul li:last-of-type p label{
	font-size: 15px;
	font-weight: 500;
	color: #000;
	display: inline-block;
    width: calc(100% - 40px);
}
.login-section-two ul li:last-of-type p label.action,
.login-section-two :is(ul li:last-of-type p ,.block-content .secondary) a.action{
	font-size: 15px;
	font-weight: 500;
	color: #3160EC;
}
.login-section-two :is(ul,.block-title) h4{
	font-family:  "Work Sans", sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 120%;
	text-align: left;
	margin: 0 0 20px 0;
}
.login-section-two :is(ul,.block-content .actions-toolbar) .login-button{
	padding: 18px;
	width: 100%;
	border-radius: 30px;
	background-color: #3160EC;
	font-family:  "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	text-align: center;
	margin: 20px 0px 0px 0px;
	text-transform: capitalize;
}
.login-section-two :is(ul,.block-content .actions-toolbar) .login-button:hover{
	background-color: #3160EC;
}
.login-section-two :is(ul,.block-content .actions-toolbar) .login-button:active{
	transform: scale(0.98);
    -webkit-transform: scale(0.98); /* Safari & Chrome */
    -moz-transform: scale(0.98);
}
@media screen and (max-width: 991.98px) {
	.login-section-one,
	.login-section-two{
		width: 100%;
	}
	.main-login-content{
		flex-direction: column;
		gap: 20px;
	}
	.login-section-one{
		justify-content: flex-start;
	}
	.login-section-two{
		padding: 57px 30px 83px 30px;
		background-color: #F6F7FABF;
	}
}
@media screen and (max-width: 568.98px) {
	.main-login-content{
	padding: 47px 20px 53px 20px;
	}
	.login-section-one > div{
		width: 100%;
	}
	.login-section-one > div p{
		text-align: center;
	}
}
/* for forgot password and logout success page whitelabel - start */
body.customer-account-forgotpassword.whitelabel-style .page-title-wrapper{
	display: none;
}
body.customer-account-forgotpassword.whitelabel-style .login-section-two{
	padding: 77px 59px 93px 56px;
}
    body.whitelabel-style.customer-account-logoutsuccess .column.main p {
        text-align: center;
        color: #000;
        font-size: 25px;
    }
	body.whitelabel-style.customer-account-logoutsuccess .page-title-wrapper h1{
		text-transform: uppercase;
	}
/* for forgot password and logout success page whitelabel - end */

/* error msg checkbox - start */
.main-login-content p input + label + div.mage-error{
	margin-top: 0;
}
/* error msg checkbox - end */


/* whitelabel Logout page - start */
.whitelabeling-logout{
	height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	font-family: 'Avenir LT Std', sans-serif;
}
.whitelabeling-logout h1{
	font-size: 62px;
	text-transform: uppercase;
	margin: 0 0 30px 0px;
}
.whitelabeling-logout p{
	font-size: 32px;
	margin: 0 0 10px 0px;
}
body.whitelabel-style.account .page-title-wrapper{
    margin: 0.5rem 0rem 0.5rem 0rem !important;
}
/* whitelabel Logout page - end */

/* whitelabel mobile layout - start */
@media screen and (max-width: 991.98px) {
body.whitelabel-style .elmt-header:not(.sticky) .elmt-tag .elmt-header-select ul li.init{
	border: 2px solid var(--proxima-black) !important;
	-webkit-text-fill-color: var(--proxima-black);
	color: var(--proxima-black);
	text-align: center;
}
body.whitelabel-style .elmt-header .elmt-tag .elmt-header-select{
	width: auto;
	min-width: 180px;
}
body.whitelabel-style .elmt-header .elmt-tag .elmt-header-select ul li:not(.init){
	left: 0;
}
}
/* whitelabel mobile layout - end */

/* whitelabel desktop layout - start */
body.whitelabel-style .projects-main-section .sort-bar-two{
	margin: 0;
}
/* whitelabel desktop layout - end */


 /* login page whitelabel | style: start */

  body.whitelabel-style .main-login-container .login-section-two .field .control{
    padding: 18px 25px 18px 60px;
    border: 1px solid #C6D3FE;
    background: padding-box #ffffff no-repeat 30px 50%;
    border-radius: 30px !important;
    width: 100%;
   }
   body.whitelabel-style .main-login-container .login-section-two .field.email .control{
    background-image: url(../images/email-fill.svg);
   }
   body.whitelabel-style .main-login-container .login-section-two .field.password .control{
    background-image: url(../images/lock-fill.svg);
	position: relative;
   }
   body.whitelabel-style .main-login-container .login-section-two .field.password .control .login-eye-icon{
	position: absolute;
    background: url(../images/eye-icon-visible.svg) no-repeat 100% / 20px;
    width: 20px;
    cursor: pointer;
    height: 20px;
    top: calc(100% - 42px);
    right: 20px;
	opacity: 0.4;
   }
   body.whitelabel-style .main-login-container .login-section-two .field.password .control i.visible{
	opacity: 1;
   }
   body.whitelabel-style .main-login-container .login-section-two .field .control input{
    all: unset;
    color: #081332;
    width: -webkit-fill-available;
   }
   body.whitelabel-style .main-login-container .login-section-two .field .control input::placeholder{
    color: #081332;
    font-weight: 500;
   } 
   body.whitelabel-style .main-login-container .login-section-two .secondary a.action.remind span{
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #3160EC;
   }
   body.whitelabel-style .main-login-container .login-section-two .field.show-pass{
    margin-bottom: 10px;
   } 
   body.whitelabel-style .main-login-container .login-section-two .login-button{
    padding: 18px;
    width: 100%;
    border-radius: 30px;
    background-color: #3160EC;
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    text-transform: capitalize;
    margin-top: 10px;
   }
   body.whitelabel-style .main-login-container .login-section-two .actions-toolbar .primary{
	width: 100%;
   }
   /* login page whitelabel | style: end */

/* whitelabel Logout page common - start */
.login-section-two .block-content .actions-toolbar .primary{
	float: unset;
	display: block;
}
/* whitelabel Logout page common - end */


.whitelabel-style:is(.customer-account-login,.customerauth-twofactor-authentication) .page-wrapper > .page-main{
	margin: auto;
}
body.whitelabel-style:is(.customerauth-twofactor-authentication) .page-title-wrapper .page-title {
	color: #000 !important;
}
body.whitelabel-style:is(.customerauth-twofactor-authentication) .otp-container{
	box-shadow: 0px 0px 20px 3px #0000001A;
    border-radius: 30px;
}

/*booking confirmation modal style - start*/
.modal-pop-up-booking-confirmed .modal-inner-wrap {
    width: 35% !important;
}
.modal-pop-up-booking-confirmed #reservation-booking-confirmed-form div.field.amount{
	display: flex;
	align-items: baseline;
}
.modal-pop-up-booking-confirmed #reservation-booking-confirmed-form .symbol_transition_input_control{
	border: none;
	width: 7%;
    max-height: 20px;
}
.modal-pop-up-booking-confirmed #reservation-booking-confirmed-form #final_deposit_amount_paid{
	border-radius: 20px;
    max-height: 45px;
    border: 1px solid #000;
	font-size: 13px;
	width: 100%;
}
@media (min-width: 900px) and (max-width: 1399.68px) {
 .modal-pop-up-booking-confirmed #reservation-booking-confirmed-form .symbol_transition_input_control{
	border: none;
	width: 11%;
    max-height: 20px;
  }
}
/*booking confirmation modal style - ends*/