/*======================================
		Error page styling
======================================*/
.errorstyle .mainstyle {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding-top: 140px;
    position: relative;
}

    .errorstyle .mainstyle:before {
        background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(13, 12, 11, 0.7))) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(13, 12, 11, 0.7) 100%) 0% 0% no-repeat padding-box;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.errorstyle p {
    color: #9EA5B4;
}
.errorstyle h1,
errorstyle h2{

}
    .errorstyle h1:before,
    .errorstyle h2:before {
        background: none; /* Remove the background styling */

    }
.errorstyle .mainstyle > section:first-child > .container {
    position: relative;
    z-index: 1;
}

.errorstyle h1, .errorstyle .h1 {
    /* font-family: "Trueno SemiBold"; */
    letter-spacing: -2px;
    /* font-size: 3.333vw; */
    font-size: 64px;
    color: #fff;
}

.errorstyle .TextGradient {
    background: linear-gradient(97deg, #F55D0D 0%, #7C0953 100%) no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.errorstyle .ErrorImage {
    max-width: 550px;
}

.errorstyle .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.errorstyle h2, .errorstyle .h2 {
    /*  font-family: "Trueno SemiBold" */
    /* font-size: 2.5vw; */
    font-size: 48px;
    color: #fff;
}

.errorstyle .Fsize_20 {
    /* font-size: 1.041vw; */
    font-size: 20px;
}

.errorstyle .BtnGradient {
    background: linear-gradient(105deg, #F55D0D 0%, #7C0953 100%);
    /*font-family: "Trueno SemiBold";*/
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
}

    .errorstyle .BtnGradient:hover {
        background: linear-gradient(105deg, #7C0953 0%, #F55D0D 100%) no-repeat padding-box;
        color: #fff;
    }

.errorstyle a {
    color: #9EA5B4;
    text-decoration: none;
}

.errorstyle svg {
    height: auto !important;
}


/*MetaStyle*/


.metastyle .mainstyle {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding-top: 140px;
    position: relative;
}

    .metastyle .mainstyle:before {
        background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(13, 12, 11, 0.7))) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(13, 12, 11, 0.7) 100%) 0% 0% no-repeat padding-box;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: inherit;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

.metastyle p {
    color: #9EA5B4;
}

.metastyle h1,
.metastyle h2 {
}

    .metastyle h1:before,
    .metastyle h2:before {
        background: none; /* Remove the background styling */
    }

.metastyle .mainstyle > section:first-child > .container {
    position: relative;
    z-index: 1;
}

.metastyle h1, .metastyle .h1 {
    /* font-family: "Trueno SemiBold"; */
    letter-spacing: -2px;
    /* font-size: 3.333vw; */
    font-size: 64px;
    color: #fff;
}

.metastyle .TextGradient {
    background: linear-gradient(98deg, #0D72FF 0%, #01DC91 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
}

.metastyle .ErrorImage {
    max-width: 550px;
}

.metastyle .text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.metastyle h2, .metastyle .h2 {
    /*  font-family: "Trueno SemiBold" */
    /* font-size: 2.5vw; */
    font-size: 48px;
    color: #fff;
}

.metastyle .Fsize_20 {
    /* font-size: 1.041vw; */
    font-size: 20px;
}

.metastyle .BtnGradient {
    background: linear-gradient(98deg, #01DC91 0%, #0D72FF 100%);
    /*font-family: "Trueno SemiBold";*/
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
}

    .metastyle .BtnGradient:hover {
        background: linear-gradient(98deg, #0D72FF 0%, #01DC91 100%);
        color: #fff;
    }

.metastyle a {
    color: #9EA5B4;
    text-decoration: none;
}

.metastyle svg {
    height: auto !important;
}