@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');
html,body {
    font-family: 'Raleway', sans-serif;  
}
/* ---Custom scrollbar--- */

 html::-webkit-scrollbar {
    width: 0.8vw;
  }
html::-webkit-scrollbar-thumb {
    background:   #000;
    border-radius: 190px;
    height: 5px;
  }

html::-webkit-scrollbar-thumb:hover {
    border: 1px solid #ffbc03d3;
    box-sizing: border-box;
    background: transparent;
  } 
html::-webkit-scrollbar-track {
    background-color:rgba(20, 19, 19, 0.911);
    backdrop-filter: blur(10px);
  }
  
  /* ---End of custom scrollbar--- */

.thankyou-page ._header {
    background: #FFBC03;
    padding: 50px 20px;
    text-align: center;
}
.thankyou-page ._header .logo {
    max-width: 120px;
    margin: 0 auto 25px;
}
.thankyou-page ._header .logo img {
    width: 90%;
}
.thankyou-page ._header h1 {
    font-size: 4.5rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
    text-shadow: 0 0 20px rgba(10, 10, 10, 0.89);
}
.thankyou-page ._body {
    margin: -30px 0 0;
    background: #fff;
}
.thankyou-page ._body ._box {
    margin: auto;
    max-width: 80%;
    padding: 20px;
    background: rgb(0, 0, 0);
    border-radius: 7px;
    box-shadow: 0 0 80px rgb(10, 10, 10);
    -moz-box-shadow: 0 0 55px rgb(10, 10, 10);
    -webkit-box-shadow: 0 0 55px rgb(10, 10, 10);
}
.thankyou-page ._body ._box h2 {
    font-size: 2.5rem;
    font-weight: 600;
    color: #FFBC03;
    background: #000;
}
.thankyou-page ._body ._box p{
   color: #fff;
   width: 90%;
   font-size: 1rem;
}
.thankyou-page ._footer {
    text-align: center;
    padding: 25px 20px;
    background: #fff;
}

.thankyou-page ._footer .btn {
    background: #FFBC03;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    border-radius: 5rem;
    letter-spacing: 0.8px;
    padding: 15px 15px;
    text-transform: uppercase;
    box-shadow: 0 0 20px rgb(10, 10, 10);
}

.thankyou-page ._footer .btn:hover{
    background: #000;
}