/*----*****---- << 404 Error - Type 2 >> ----*****----*/

	.error404 .type1 h2 { 
		font-family: var(--wdtFontTypo_Alt); font-size: clamp(3.75rem, 3.25rem + 2.5vw, 6.25rem);  /*100px - 60px*/  font-weight: var(--wdtFontWeight_Base); 
		line-height: 0.85; letter-spacing: 0; text-transform: capitalize; margin: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0 clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem) 0; }
	.error404 .type1 h3 { 
		position: relative; display: inline-block; font-size: 220px; font-weight: bold; line-height: 0.85; 
		top: 0; margin: 0; margin-bottom: clamp(1.875rem, 1.7082rem + 0.9202vw, 2.8125rem); /*40px - 25px*/ }
	.error404 .type1 h4 { width: 100%; max-width: 570px; font-size: clamp(1.375rem, 1.2088rem + 0.5552vw, 1.875rem); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_H2); text-transform: capitalize; margin: 0 auto; }
	.error404 .type1 p {     
		font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); color: var(--wdtBodyTxtColor); margin: 0; }
	.error404 .type1 a.wdt-button { 
		display: flex; 
		align-items: center; 
		font-size: 16px;
    	padding: var(--wdtPadding_Btn);
    	font-family: var(--wdtFontTypo_Alt);
    	font-weight: var(--wdtFontWeight_Base);
    	line-height: var(--wdtLineHeight_Ext);
		margin: 30px 0 0; 
		border: 0;
		position: relative;
		overflow: hidden;
	 }
	.error404 .type1 a.wdt-button:before {
		content: ""; position: absolute; right: 2px; bottom: 2px; 
    -webkit-transform: scale(1); transform: scale(1); width: 1em; height: 1em; 
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    background: var(--wdtSecondaryColor); z-index: 0; -webkit-transition: .3s ease; transition: .3s ease;
	}
	.error404 .type1 a.wdt-button:hover:before {
		right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
	}
	.error404 .type1 a.wdt-button:after {
		content: ""; position: absolute; right: 2px; bottom: 2px; 
    -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); width: 1em; height: 1em; 
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 100% 100%); clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
    background: var(--wdt-elementor-color-accent); opacity: 0; -webkit-transition: .3s ease; transition: .3s ease;
	}
	.error404 .type1 a.wdt-button:hover:after {
		opacity: 1;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
	}
	.error404 .type1 a.wdt-button .wdt-button-text {
		position: relative; z-index: 1; }

	.error404 .type1 a.wdt-button i { margin-left: 8px;rotate: 0deg; -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); rotate: 0deg; display: flex; align-items: center; position: relative; width: 40px; height: 40px; background: var(--wdtPrimaryColor); justify-content: center; color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full);}

		.error404 .type1 a.wdt-button:hover i{ background-color: var(--wdtTertiaryColor, var(--wdt-elementor-color-primary)); color: var(--wdt-elementor-color-accent); }
		.error404 .type1 a.wdt-button i::before {margin: 0;}

		/* Accents */
		.error404 .type1 h2 { color: var(--wdtPrimaryColor); }
		.error404 .type1 h3 { color: var(--wdtPrimaryColor); }
		.error404 .type1 a.wdt-button { background-color: var(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }
		.error404 .type1 a.wdt-button:hover { background-color: var(--wdtSecondaryColor, var(--wdt-elementor-color-primary)); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    @media only screen and (min-width:768px) and (max-width:1024px) {
	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.error404 .container { width: 100%; padding: 0 10%; }
	}

    @media only screen and (max-width: 479px) {
		.error404 .container { width: 100%; padding: 0 10%; }
		.error404 .type1 h4 { width: 100%; }
		.error404 h1, .error404 h2, .error404 h3, .error404 h4, .error404 h5, .error404 h6 { line-height: normal; }
	}

	@media only screen and (min-width: 320px) and (max-width: 479px) {

	}

	@media only screen and (max-width: 319px) {

	}