/*---------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------- ERROR 404 --------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------*/
.error-page .g-width-100--xs{
	width: 50%;
}
.error-page  .g-margin-b-80--xs {
    margin-bottom: 1rem;
}
.error-page .g-font-size-36--sm {
    font-size: 1.6rem !important;
    font-weight: 700;
    color: #686868;
    margin-bottom: 1rem;
	margin-top: 2rem;
}
.error-page .g-padding-x-70--xs {
    padding: .7rem 2.5rem;
}

.error-page .js__ver-center-aligned {
    display: flex; /* Enable Flexbox */
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center (optional) */
    min-height: 100vh; /* Make the container at least the full height of the viewport */
}

/* Optional: Ensure the content inside the container scales well */
.error-page .g-bg-color--white {
    max-width: 750px; /* Control the maximum width */
    border-radius: 2rem; /* Maintain the rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adjust box shadow for a subtle effect */
}

/* BUTTON CODE */
.error-page .s-btn--md {
    background-color: #9ACD32;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .1rem;
    margin-top: 2rem;
}
.error-page .s-btn--md:hover{
    background-color: #FFFFFF;
    color: #9ACD32;
    border: 1px solid #9ACD32;
}
.error-page .g-radius--50 {
    border-radius: .75rem !important;
}

/* Extra small devices (phones, less than 576px) */
@media screen and (max-width: 364.98px) {
    /* Styles for extra small devices */
    /* Styles for extra small devices */
    .error-page .g-padding-x-40--xs {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.error-page .g-width-100--xs {
		width: 70%;
	}
	.error-page .g-font-size-36--sm {
		font-size: .9rem !important;
        margin-top: 1rem;
	}
	.error-page p {
		font-size: 0.65rem;
	}
	.error-page .s-btn--md {
		font-weight: 600;
		font-size: .7rem;
		margin-top: 1.1rem;
	}
}

/* Extra small devices (phones, less than 576px) */
@media screen and (min-width: 365px) and (max-width: 575.98px) {
    /* Styles for extra small devices */
    .error-page .g-padding-x-40--xs {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.error-page .g-width-100--xs {
		width: 70%;
	}
	.error-page .g-font-size-36--sm {
		font-size: 1.2rem !important;
        margin-top: 1rem;
	}
	.error-page p {
		font-size: 0.85rem;
	}
	.error-page .s-btn--md {
		font-weight: 600;
		font-size: .8rem;
		margin-top: 1.2rem;
	}
}

/* Small devices (phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px) {
    /* Styles for small devices */
    .g-padding-x-40--xs {
        padding-left: 20px;
        padding-right: 20px;
    }

    .g-padding-y-50--xs {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width: 991.98px) {
    /* Styles for medium devices */
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
    /* Styles for large devices */
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
    /* Styles for extra large devices */
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {
    /* Styles for extra extra large devices */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------- END  ERROR 404 -------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------*/
