/* Popup Maker Common Styles  */

.all-page-container{
	padding-right: 0 !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > *:not([aria-modal="true"]){
	padding-right: 0 !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{
	display: flex !important;
    overflow: auto !important;
    align-items: center;
    justify-content: center;
	
}

.pum-theme-8960, .pum-theme-default-theme{
	background: rgba(0, 0, 0, 0.6) !important;
}

.pum-theme-8960 .pum-container, .pum-theme-default-theme .pum-container {
	width: 100% !important;
    max-width: 800px;
	margin: auto !important;
    left: 0 !important;
}


#wpforms-8977 .iti__selected-dial-code{
	font-size: 14px !important;
}

.contact-popup-form .wpforms-container {
	margin-bottom: 0 !important;
}

.pum-overlay .pum-container{
	border: none !important;
	background: transparent !important;
	bottom: 0 !important;
	right: 0 !important;
	top: 0 !important;
	margin: auto;
	height: fit-content !important;
}

 .pum-close {
		top: 38px !important;
		right: 50px !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
		text-shadow: none !important;
		color: #454545 !important;
		font-size: 24px !important;
		width: fit-content;
		height: fit-content;
	}

/* Contact Form Popup */

.contact-popup-main {
	display: flex;
	background: #ffffff;
	border-radius: 16px;
	max-width: 760px;
	width: 100%;
	height: 100%;
}

.contact-popup-main .mb-0{
	margin-bottom: 0 !important;
}

/* .popup-contents{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
*/
.contact-popup-details{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/09/25071636/contact-form-main-image.png) no-repeat #9B51E0 bottom center;
	background-size: 300px;
	max-width: 300px;
	width: 100%;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.contact-popup-details div{
	background: rgba(255, 255, 255, 0.06);
	padding: 24px;
	border-radius: 10px;
	margin: 32px 32px 55px;
}

.contact-popup-details div h3{
	font-size: 20px;
	font-weight: 800;
	line-height: 28px;
	color: #FFFFFF;
	margin-bottom: 16px;
}

.contact-popup-details div p{
	position: relative;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: #FFFFFF;
	padding-left: 30px;
	margin-bottom: 16px;
}

.contact-popup-details p:last-child{
	display: none;
}

#wpforms-8977-field_2{
	padding-left: 80px !important;
}

.contact-popup-details div .phone-icon:before,
.contact-popup-details .email-icon:before,
.contact-popup-details .location-icon:before{
	content: '';
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-size: 20px !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
}

.contact-popup-details .phone-icon:before{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/09/25071646/call_icon.png);
}

.contact-popup-details .email-icon:before{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/09/25071644/email_icon.png);
}

.contact-popup-details .location-icon:before{
	background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/09/25071643/location_icon.png);
}

.contact-popup-form h2{
	font-size: 20px;
	font-weight: 800;
	line-height: 30px;
	color: #080808;
	margin-bottom: 16px;
	max-width: 360px;
	width: 100%;
}

.contact-popup-form{
	width: 100%;
	padding: 32px;
}

/* Contact form styles  */

.contact-popup-form .wpforms-field-label{
	font-size: 14px;
	font-weight: 600 !important;
	line-height: 24px;
	color: #5D5D5D;
	margin-bottom: 6px;
}

.contact-popup-form .wpforms-field input{
	height: 48px !important;
}

.contact-popup-form .wpforms-field input,
.contact-popup-form .wpforms-field textarea{
	border: 1px solid #B0B0B0 !important;
	border-radius: 8px !important;
	padding: 14px 16px !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.contact-popup-form .wpforms-field input::placeholder,
.contact-popup-form .wpforms-field textarea::placeholder{
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #B0B0B0;
}

.contact-popup-form input::-webkit-outer-spin-button,
.contact-popup-form input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.contact-popup-form .wpforms-field input[type=number] {
	padding-left: 50px !important;
}

.contact-popup-form div.wpforms-container .wpforms-form textarea{
	resize: none;
}

.contact-popup-form .wpforms-submit-container{
	display: flex;
	justify-content: flex-end;
	padding-top: 24px !important;
}


.contact-popup-form div.wpforms-container .wpforms-form button[type=submit] {
	border-radius: 4px !important;
	background-color: #FB7000 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}


.contact-popup-form .wpforms-container .wpforms-field {
	padding-top: 12px !important;
	padding-bottom: 0;
}

.contact-popup-form .wpforms-container .wpforms-field:first-child{
	padding-top: 0 !important;
}

/* Mobile Responsive Styles Starts Here  */

@media only screen and (max-width: 986px) {

	.pum-close{
		top: 80px !important;
		right: 40px !important;
		color: #fff !important;
	}

	.pum-overlay .pum-container{
		top: 0 !important;
		left: 0 !important;
		bottom: 0;
		width: 100% !important;
		height: fit-content !important;
		padding: 64px 16px !important;
		margin: auto  !important;
	}

	.contact-popup-main{
		flex-direction: column;
	}

	.contact-popup-details{
		max-width: 100% !important;
		background-position: bottom right;
		border-top-right-radius: 16px;
		border-bottom-left-radius: 0 !important;
	}

	.contact-popup-details div{
		margin: 0;
		visibility: hidden;
	}

	.contact-popup-form{
		padding: 24px;
	}

	.contact-popup-form h2{
		font-size: 18px;
		line-height: 26px;
		max-width: 100%;
	}

	.contact-popup-form div.wpforms-container .wpforms-form button[type=submit]{
		width: 100%;
	}

	.contact-popup-form .wpforms-container .wpforms-submit-container{
		padding: 24px 0 0 !important;
	}
}