.custom-newsletter-panel div[id^=webform-submission-newsletters] {
	position: relative;
}

.custom-newsletter-panel .form-actions {
	position: absolute;
	bottom: 0px;
}
.custom-newsletter-panel .form-actions button:hover,
.custom-newsletter-panel .form-actions button:focus,
.custom-newsletter-panel .form-actions button {
	background: #fff;
	border: 0;
	height: 40px;
	font-size: 90%;
	color: var(--secondary);
	border-end-start-radius: 0;
	border-start-start-radius: 0;
	min-width: 125px;
}
.custom-newsletter-panel .form-actions button:hover,
.custom-newsletter-panel .form-actions button:focus{
	background:  var(--secondary);
	color: #fff
}
.custom-newsletter-panel input,
.custom-newsletter-panel input:hover, .custom-newsletter-panel input:focus {
    padding-block: 8px;
    color: #fff;
}
.custom-newsletter-panel .form-type-processed-text {
	font-size: 100%;
	width: calc(100% - 120px);
	font-weight: 200;
	margin-bottom: 32px !important;
} 

.custom-newsletter-panel .form-type-processed-text strong {
	font-size: 160%;
	font-weight: 600
}
.webform-confirmation__message p:nth-child(1) strong {
	font-size: 200%;
	font-weight: 600
}
.webform-confirmation__message p:nth-child(2) strong {
	font-size: 130%;
	font-weight: 500
}
.webform-confirmation__message p:nth-child(2) {
	margin-block: 20px 15px
}
.webform-confirmation__message {
	width: calc(100% - 150px);
}
.custom-newsletter-panel .form-type-processed-text p:not(:first-child) {
	width: calc(100% - 60px)
}
.webform-submission-newsletters-form {
    position: relative;

}
.webform-submission-newsletters-form > * {
	background-image: url(https://odp.qa/sites/default/files/2025-05/ODP%20Newsletter%20Signup-06_0.svg);
    background-repeat: no-repeat;
    background-position: 100% 50px;
    background-size: 150px;
}
.webform-submission-newsletters-form > *:not(.webform-confirmation ) {
	width: unset;
}
.webform-submission-newsletters-form > *:not(.webform-confirmation ) p {
	width: calc(100% - 140px) !important;
}
.webform-submission-newsletters-form > .webform-confirmation {
	background-image: url(https://odp.qa/sites/default/files/2025-04/ODP%20Newsletter%20Signup-05.svg);
	    background-repeat: no-repeat;
    background-position: 100% 50px;
    background-size: 150px;
}
.webform-submission-newsletters-form label.error {
	position: absolute;
    color: red;
    font-size: 80%;
	bottom: -28px;
	width: calc(100% - 60px);
	padding-inline-start: 10px
	
}
.custom-newsletter-panel ::placeholder {
	font-size: 85%;
}

.custom-newsletter-panel>* .close {
    z-index: 1002;
}

@media only screen and (max-width: 767px){
	
	.webform-submission-newsletters-form > *:not(.webform-confirmation ) p {
	   width: calc(100% - 20px) !important;
	   color: #fff;
	}
	.custom-newsletter-panel>* {
    padding: 22px;
	}
	.webform-submission-newsletters-form > * {
    background-position: 100% 33%;
    background-size: 75px;
    /* opacity: 0.65; */
 }
	
}

.single-video video {
	width: 100%;
}