@use '../utils' as *;

/*=============================
    	12. error
===============================*/

.tg-error{
    &-content{
        & h2{
            font-size: 50px;
        }
        & p{
            font-weight: 400;
            font-size: 24px;
            color: var(--tg-grey-1);
        }
    }
    &-btn{
        & .tg-btn{
            font-weight: 600;
            font-size: 15px;
            text-transform: capitalize;
        }
    }
    &-spacing{
        padding-top: 237px;
        padding-bottom: 245px;
        @media #{$md,$sm} {
            padding-top: 200px;
            padding-bottom: 210px;
        }
        @media #{$xs} {
            padding-top: 140px;
            padding-bottom: 150px;
        }
    }
}