.error-page{margin: unset !important; margin-bottom: 3rem;} 

.error-page .img-404{ display: none; position: relative; } 

.error-page:before{ visibility: visible; top: 0; content: 'Oops!'; font-family: 'Montserrat', sans-serif; font-size: 230px; margin: 0px; font-weight: 900; left: 50%; -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);       transform: translateX(-50%); background: url('/assets/silicon_ioi/images/bg.jpg') no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: cover; background-position: center; } 

.error-page .mb-1 { visibility: hidden; position: relative; } 

.error-page .mb-1:after{ visibility: visible; position: relative; display:flex; justify-content: center; content : "This page doesn't exist ... yet"; } 
.error-page .error-text { visibility: hidden; position: relative; } 

.error-page .error-text:after{ visibility: visible; position: relative; display:flex; justify-content: center; content : "Let's create it in Silicon ioi integrated CMS.";} 
.error-page .btn-primary{background-color : var(--primary) !important;} 
.for-login .page-card-head{display: flex; flex-direction: column; align-items: center;} 

@media only screen and (max-width: 992px){.error-page:before{font-size: 160px; }} 
@media only screen and (max-width: 600px){.error-page{margin: 3rem 0;} .error-page:before{font-size: 120px; } }

.btn.btn-primary{background-color: var(--primary);}
.chat-bubble{background: var(--primary) !important;}

.btn.btn-primary:active{background-color:#24085c !important;}