@charset "utf-8";










/* LARGE DEVICE------------------------------------------------ */
@media only screen and (min-width : 1200px)
{

/* HEADER START */
:root { --ink: currentColor; --ink-2: black; --ink-3: #4FF8FF; }
.fx-loud { font: 800 40px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1.75); color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent); }
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1.75); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1.75); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1.75); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1.75); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1.75); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1.75); }
  	44% { transform: scale(1.75); color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1); color: var(--ink); text-shadow: none; }
	}
/* HEADER END */
	
/* OFFER START */
.offerhead { margin-top: 30px; }
.offerbox{ box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px,
	rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
	padding: 10px;
	margin-bottom: 50px;}
.fx-marble { color: transparent;
    background:  radial-gradient(ellipse 40% 70% at 18% 42%,
    color-mix(in srgb, red 55%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 72% 58%, color-mix(in srgb, tomato 40%, transparent) 0%,
    transparent 50%), linear-gradient(118deg, black 0%, pink 14%,
    pink 22%, black 34%, black 48%, tomato 58%, red 72%, red 86%, black 100%);
    background-size: 160% 160%, 180% 180%, 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
    animation: fx-marble 3.2s ease-in-out infinite alternate;
	}
@keyframes fx-marble { 	
 	0% { background-position: 8% 30%, 90% 70%, 0% 50%;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) saturate(1);}
	100% { background-position: 78% 68%, 12% 22%, 100% 50%;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .34)) saturate(1.15); }
	}
/* OFFER END */
	
/* PORTFOLIO START */
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; }
.fx-foil { color: transparent;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	

	
}





/* MEDIUM DEVICE------------------------------------------------ */
@media only screen and (min-width : 991px) and (max-width : 1199px) 
{
	
/* HEADER START */
:root { --ink: currentColor; --ink-2: black; --ink-3: #4FF8FF; }
.fx-loud { font: 800 40px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1.75);
		color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
	}
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1.75); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1.75); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1.75); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1.75); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1.75); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1.75); }
  	44% { transform: scale(1.75);
    color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1);
	color: var(--ink);
    text-shadow: none;
	}
	}
/* HEADER END */
	
/* OFFER START */
.offerhead { margin-top: 30px; }
.offerbox{ box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px,
	rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
	padding: 10px;
	margin-bottom: 50px;}
.fx-marble { color: transparent;
	font-size: 45px;
    background:  radial-gradient(ellipse 40% 70% at 18% 42%,
    color-mix(in srgb, red 55%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 72% 58%, color-mix(in srgb, tomato 40%, transparent) 0%,
    transparent 50%), linear-gradient(118deg, black 0%, pink 14%,
    pink 22%, black 34%, black 48%, tomato 58%, red 72%, red 86%, black 100%);
    background-size: 160% 160%, 180% 180%, 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
    animation: fx-marble 3.2s ease-in-out infinite alternate;
	}
@keyframes fx-marble { 	
 	0% { background-position: 8% 30%, 90% 70%, 0% 50%;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) saturate(1);}
	100% { background-position: 78% 68%, 12% 22%, 100% 50%;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .34)) saturate(1.15); }
	}
/* OFFER END*/
	
/* PORTFOLIO START */
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; }
.fx-foil { color: transparent;
	font-size: 40px;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* PORTFOLIO END */

/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */


	
}





/* SMALL DEVICE------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 990px) 

{
	
/* HEADER START */
:root { --ink: currentColor; --ink-2: black; --ink-3: #4FF8FF; }
.fx-loud { font: 800 40px/1 "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1.75);
		color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
	}
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1.75); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1.75); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1.75); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1.75); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1.75); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1.75); }
  	44% { transform: scale(1.75);
    color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1);
	color: var(--ink);
    text-shadow: none;
	}
	}
/* HEADER END */
	
/* OFFER START */
.offerbox{ box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px,
	rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
	padding: 10px;
	margin-bottom: 50px;}
.fx-marble { color: transparent;
	font-size: 45px;
    background:  radial-gradient(ellipse 40% 70% at 18% 42%,
    color-mix(in srgb, red 55%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 72% 58%, color-mix(in srgb, tomato 40%, transparent) 0%,
    transparent 50%), linear-gradient(118deg, black 0%, pink 14%,
    pink 22%, black 34%, black 48%, tomato 58%, red 72%, red 86%, black 100%);
    background-size: 160% 160%, 180% 180%, 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
    animation: fx-marble 3.2s ease-in-out infinite alternate;
	}
@keyframes fx-marble { 	
 	0% { background-position: 8% 30%, 90% 70%, 0% 50%;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) saturate(1);}
	100% { background-position: 78% 68%, 12% 22%, 100% 50%;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .34)) saturate(1.15); }
	}
/* OFFER END*/
	
/* PORTFOLIO START */
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; }
.fx-foil { color: transparent;
	font-size: 40px;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	
}





/* EXTRA SMALL DEVICE------------------------------------------------ */
@media only screen and (max-width : 767px) 
{

/* HEADER START */
.headertext { margin-top: -500px; }
:root { --ink: currentColor; --ink-2: black; --ink-3: #4FF8FF; }
.fx-loud { font: 800 35px "JetBrains Mono", monospace;
	letter-spacing: .06em;
  	color: var(--ink);
  	display: inline-block;
  	animation: fx-loud 3s infinite;
	background-color: tomato;
	}
@keyframes fx-loud { 0%, 12% {
	transform: scale(1);
    color: var(--ink);
    text-shadow: none;
    animation-timing-function: cubic-bezier(.2, 1.5, .4, 1);
  	}
	20% { transform: scale(1.75);
		color: var(--ink-2);
    	text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
	}
	23% { transform: translate(-5px, 2px) rotate(-3deg) scale(1.75); }
  	26% { transform: translate(5px, -2px) rotate(3deg) scale(1.75); }
  	29% { transform: translate(-4px, -1px) rotate(-2deg) scale(1.75); }
  	32% { transform: translate(4px, 1px) rotate(2deg) scale(1.75); }
  	35% { transform: translate(-2px, 2px) rotate(-1deg) scale(1.75); }
  	38% { transform: translate(2px, -1px) rotate(1deg) scale(1.75); }
  	44% { transform: scale(1.75);
    color: var(--ink-2);
    text-shadow: 0 0 18px color-mix(in srgb, var(--ink-2) 55%, transparent);
    animation-timing-function: cubic-bezier(.3, 1.6, .5, 1);
	}
	54%, 100% { transform: scale(1);
	color: var(--ink);
    text-shadow: none;
	}
	}
/* HEADER END */
	
/* OFFER START */
.offerbox{ box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px,
	rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px;
	padding: 10px;
	margin-bottom: 50px;}
.fx-marble { color: transparent;
	font-size: 45px;
    background:  radial-gradient(ellipse 40% 70% at 18% 42%,
    color-mix(in srgb, red 55%, transparent) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 72% 58%, color-mix(in srgb, tomato 40%, transparent) 0%,
    transparent 50%), linear-gradient(118deg, black 0%, pink 14%,
    pink 22%, black 34%, black 48%, tomato 58%, red 72%, red 86%, black 100%);
    background-size: 160% 160%, 180% 180%, 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28));
    animation: fx-marble 3.2s ease-in-out infinite alternate;
	}
@keyframes fx-marble { 	
 	0% { background-position: 8% 30%, 90% 70%, 0% 50%;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) saturate(1);}
	100% { background-position: 78% 68%, 12% 22%, 100% 50%;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .34)) saturate(1.15); }
	}
/* OFFER END*/

/* PORTFOLIO START */
.porftoliobox { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; }
.fx-foil { color: transparent;
	font-size: 40px;
    background: linear-gradient(108deg, #7a4a08 0%, #f2c15d 18%, #fff4b8 24%, #b87014 36%, #f6d66d 51%, #8e560b 68%, #fff0a2 76%, #c98218 100% ) 0 0 / 230% 100%;
  	-webkit-background-clip: text;
  	background-clip: text;
  	text-shadow: 0 1px 0 rgba(255, 244, 184, .45), 0 9px 20px rgba(0, 0, 0, .36);
  	animation: fx-foil 5.1s ease-in-out infinite;
	}
@keyframes fx-foil { 0%, 100% { background-position: 115% 0; filter: saturate(1.05); }
  	45%	{ background-position: -35% 0; filter: saturate(1.35) brightness(1.12); }
	}
/* remove hover effect from mobile screen */
[class^="hvr-"], [class*=" hvr-"] {
	/* Reset transitions and transforms */
    transform: none !important;
    transition: none !important;
    animation: none !important;
    /* Reset hardware acceleration hacks used by hover.css */
    backface-visibility: visible !important;
    perspective: none !important;
  }
/* PORTFOLIO END */
	
/* PRICING START */
.fx-neon { color: white;
  	animation: fx-neon 3.2s linear infinite;
	font-size: 40px;
	}
@keyframes fx-neon { 0%, 18%, 21%, 24%, 100% {
    opacity: 5;
    text-shadow: 0 0 4px #FF4FD8, 0 0 11px #FF4FD8, 0 0 24px #FF4FD8, 0 0 48px #FF4FD8; }
  	19%, 22%, 62% { opacity: .5;
    text-shadow: none; }
  	63%, 64.5% { opacity: .60;
    text-shadow: 0 0 4px white; }
	}
/* PRICING END */
	
}