/**
 * Thank You Block - Frontend Styles
 * These styles are loaded on the frontend
 */

.thank-you-block { padding: 120px 0; position: relative; }
.thank-you-wrap { text-align: center; max-width: 892px; margin: 0 auto; width: 100%; }
.thank-you-wrap h1 { color: var(--primary-color); margin-bottom: 16px; }
.thank-you-wrap h1 span { color: var(--light-red-color); }
.thank-you-wrap p { color: var(--black-color); max-width: 536px; margin: 0 auto; width: 100%; }
.thank-you-block .thank-you-top-bg { width: 150px;height: 150px;position: absolute;top: 90px;right: 0;background-repeat: no-repeat; background-size: contain; }
.thank-you-block .thank-you-bottom-bg { width: 150px;height: 150px;position: absolute;bottom: -40px;left: 0;background-repeat: no-repeat; background-size: contain; }

/*Responsive Css Start Here*/
@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1200px) {
    .thank-you-block {padding: 80px 0;}
}
@media only screen and (max-width: 1024px) {
    .thank-you-block {padding: 60px 0;}
}
@media only screen and (max-width: 991px) {
    
}
@media only screen and (max-width: 767px) {
    .thank-you-block {padding: 64px 0;}
    .thank-you-wrap { max-width: 343px; margin: 0 auto; width: 100%; }
    .thank-you-block .thank-you-top-bg { bottom: inherit; top: -20px; right: 0; width: 70px; height: 70px; }
    .thank-you-block .thank-you-bottom-bg { bottom: inherit; bottom: -20px; left: 0; width: 70px; height: 70px; }
}