@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
img{max-width: 100%;}
.thankyou-banner{
position: relative;
/* background-color: #000; */ 
/* padding: 70px 0; */
height: 90vh;
display: flex;
align-items: center;
}
.shapbox {
background-color: #fff;
max-width: 500px;
margin: 0 auto;
border-radius: 40px;
position: relative;
padding: 40px;
}
.shapbox::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 85px;
height: 94px;
background-image: url(/images/backgrounds/thankyou/curveshape.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;
}
.thankyou-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom right;
}
.thankyou-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  z-index: 9;
  opacity: .4;
}
.thankyou-banner .container{
  position: relative;
  z-index: 9;
}
.title {
font-size: 42px;
color: #e6202d;
text-transform: uppercase;
margin: 0;
line-height: 1;
  font-family: "Playfair Display", serif;
font-weight: 700;
}
.sub-title {
line-height: 1;
font-size: 30px;
margin: 0;
font-family: 'Montserrat', serif;
color: #3b1a2d;
font-weight: 600;
margin-bottom: 50px;
}
.shapbox p {
font-size: 18px;
color: #222;
font-family: 'Montserrat', serif;
font-weight: 500;
margin-bottom: 15px;
line-height: 30px;
}
.error img {
    margin-bottom: -10px;
    position: relative;
    z-index: 1;
}
.check-product-box p {
margin: 0;
font-size: 25px;
color: #222;
font-family: 'Montserrat', serif;
font-weight: 500;
}
section.check-product-box {
padding: 70px 0;
}

.error figcaption {
background-color: #e6202d;
font-size: 42px;
color: #fff;
max-width: 370px;
margin: 0 auto;
font-family: "Playfair Display", serif;
text-transform: uppercase;
font-weight: 700;
position: relative;
padding: 17px 10px;
z-index: 1;
line-height: 1.2;
} 
.error figcaption span{
font-family: 'Montserrat', serif;
}   
.error-404banner {
padding-bottom: 0;
}
.error figcaption::before, .error figcaption::after {
content: "";
position: absolute;
bottom: -192px;
left: 28px;
height: 192px;
width: 3px;
background-color: #f5e5dc;
z-index: -1;
}
.error figcaption::after{
left: auto;
right: 20px;
}
a.buttoncheck {
background-color: #e6202d;
display: inline-block;
padding: 20px 44px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
  font-family: "Playfair Display", serif;
font-weight: 600;
text-decoration: none;
line-height: 1;
}
a.buttoncheck:hover {
background-color: #222;
}
.smilly img {
height: 47px;
}

@media(max-width:1199px){
.check-product-box p {
font-size: 24px;
}
.shapbox p {
font-size: 18px;
}
.error figcaption::before, .error figcaption::after {
bottom: -180px;
height: 181px;
}
.title {
  font-size: 35px;
}
}
@media(max-width:991px){
.title {
font-size: 40px;
}
.sub-title {
font-size: 24px;
margin-bottom: 20px;
}
.shapbox p {
    font-size: 16px;
}
.error figcaption {
font-size: 30px;
}
.error figcaption::before, .error figcaption::after {
  height: 218px;
  left: 27px;
  bottom: -199px;
}
.error figcaption::after {
  left: auto;
  right: 21px;
}
a.buttoncheck {
font-size: 16px;
}
.check-product-box p {
font-size: 20px;
}
.thankyou-banner {
  padding: 70px 0;
   height: inherit;
 }
}
@media(max-width:767px){
.error {
margin-bottom: 30px !important;
}
.error figcaption::before, .error figcaption::after {
bottom: -195px;
height: 196px;
left: 32px;
}
.error figcaption::after {
left: auto;
right: 26px;
}
.error-404banner {
padding-bottom: 70px;
}
.check-product-box .col-md-5 {
justify-content: center !important;
margin-top: 30px;
}
.check-product-box p {
text-align: center;
}

a.buttoncheck {
  padding: 20px 30px;
}
}
@media(max-width:574px){
.error figcaption::before,.error figcaption::after {
bottom: -155px;
height: 155px;
left: 59px;
}
.error figcaption::after {
left: auto;
right: 46px;
}
.title {
font-size: 20px;
}

.sub-title {
font-size: 18px;
margin-bottom: 20px;
}

.shapbox p {
font-size: 16px;
}

}

@media(max-width:413px){
  .error figcaption::before, .error figcaption::after {
    height: 149px;
    left: 59px;
    bottom: -149px;
}

.error figcaption::after {
left: auto;
right: 53px;
}

.check-product-box p {
font-size: 18px;
}

a.buttoncheck {
font-size: 16px;
} 

.check-product-box p {
font-size: 16px;
}
}

@media(max-width:374px){
  .error figcaption::before, .error figcaption::after {
    bottom: -135px;
    height: 135px;
    left: 53px;
}

.error figcaption::after {
left: auto;
right: 47px;
}
}