/* Strat of errorpage */
.errorpage{padding: 2rem 0px 50px 0px;}
.errorpage .mainheading{text-align: center;font-family: var(--font-marcellus);}
.errorpage .mainheading span{color: var(--cyan-color);}
.errorpage p{font-size: 18px;line-height: 1.8;}
.thankyoubox{
    background-color: var(--white-color);
    height:auto;text-align: center;
    border: var(--cyan-color) 10px solid;
    padding: var(--spacing-xxl); 
    margin: var(--spacing-lg) 0px 0 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.thankheading{
  padding: 0;font-family: var(--font-marcellus);
  font-size: 120px;color: #071739;
  font-weight: 600;line-height: 120px;
  margin-bottom: 5px;
}
.thankheading span{color: var(--cyan-color);}
.errorheading{
  padding: 0;
  font-size: 50px;font-family: var(--font-marcellus);
  font-weight: 400;
  margin-bottom: 10px;
}
.viewallbtn {
background-color: transparent;
color: var(--default-color); font-size: 16px;
padding: 9px 1.2rem; 
border: var(--default-color) 1px solid;
display: inline-flex;
align-items: center;
gap: 0.5rem;cursor: pointer;
transition: 0.3s;text-decoration: none;
}
.viewallbtn:hover {
background-color:var(--cyan-color);
color: #fff; 
border: var(--cyan-color) 1px solid;
}

/* Start of Mini desktop View */
@media screen and (max-width: 1300px) and (min-width:1201px) {
.thankyoubox {padding: var(--spacing-lg);margin:0px;}
.bannersection{margin-bottom: 0px;}
.errorpage {padding: 3rem 0px 3rem 0px;}
.errorheading {font-size: 45px;margin-bottom: 10px;}
.thankheading {font-size: 120px;line-height: 100px;margin-bottom: 10px;}
.thankyoubox p{font-size: 16px;}
}

/* Start of Ipad Pro View */
@media screen and (max-width: 1100.98px) and (min-width:992px) {
.thankyoubox {padding: var(--spacing-lg);margin:0px;}
.bannersection{margin-bottom: 0px;}
.errorpage {padding: 3rem 0px 3rem 0px;}
.errorheading {font-size: 40px;margin-bottom: 10px;}
.thankheading {font-size: 110px;line-height: 100px;margin-bottom: 10px;}
.thankyoubox p{font-size: 16px;}
}

/* Start of mini Ipad View */
@media screen and (max-width: 991.98px) and (min-width:768px) {
.thankyoubox {padding: var(--spacing-lg);margin:0px;}
.bannersection{margin-bottom: 0px;}
.errorpage {padding: 2rem 0px 2rem 0px;}
.errorheading {font-size: 32px;margin-bottom: 10px;}
.thankheading {font-size: 100px;line-height: 100px;margin-bottom: 10px;}
.thankyoubox p{font-size: 16px;}
}

/* Start of Mobile View */
@media screen and (max-width: 767px) and (min-width:320px) {
.thankyoubox {padding:15px;margin: 0px; border: var(--cyan-color) 2px solid;}
.bannersection{margin-bottom: 0px;}
.errorpage {padding: 20px 0px 25px 0px;}
.errorheading {font-size: 26px;margin-bottom: 10px;}
.thankheading {font-size: 90px;line-height: 90px;margin-bottom: 10px;}
.thankyoubox p{font-size: 16px;}
.viewallbtn {font-size: 15px;padding: 8px 1rem;gap: 0px;}
}