html {
	scroll-behavior: smooth;
}

@font-face {
	font-family: "bodoni";
	src: url("../fonts/bodoni.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat-Regular";
	src: url("../fonts/Montserrat-Regular.eot");
	src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/Montserrat-Regular.woff2") format("woff2"),
		url("../fonts/Montserrat-Regular.woff") format("woff"),
		url("../fonts/Montserrat-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "UVF MussicaSwash";
	src: url("../fonts/UVFMussicaSwash.eot");
	src: url("../fonts/UVFMussicaSwash.eot?#iefix") format("embedded-opentype"),
		url("../fonts/UVFMussicaSwash.woff2") format("woff2"),
		url("../fonts/UVFMussicaSwash.woff") format("woff"),
		url("../fonts/UVFMussicaSwash.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "UTM Essendine Caps";
	src: url("../fonts/UTMEssendineCaps.eot");
	src: url("../fonts/UTMEssendineCaps.eot?#iefix") format("embedded-opentype"),
		url("../fonts/UTMEssendineCaps.woff2") format("woff2"),
		url("../fonts/UTMEssendineCaps.woff") format("woff"),
		url("../fonts/UTMEssendineCaps.ttf") format("truetype"),
		url("../fonts/UTMEssendineCaps.svg#UTMEssendineCaps") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "UTM Essendine Caps";
	src: url("../fonts/UTMEssendineCapsBold.eot");
	src: url("../fonts/UTMEssendineCapsBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/UTMEssendineCapsBold.woff2") format("woff2"),
		url("../fonts/UTMEssendineCapsBold.woff") format("woff"),
		url("../fonts/UTMEssendineCapsBold.ttf") format("truetype"),
		url("../fonts/UTMEssendineCapsBold.svg#UTMEssendineCapsBold") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Shelia VNF";
	src: url("../fonts/SheliaVNF.eot");
	src: url("../fonts/SheliaVNF.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SheliaVNF.woff2") format("woff2"),
		url("../fonts/SheliaVNF.woff") format("woff"),
		url("../fonts/SheliaVNF.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Black.eot");
	src: url("../fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-Black.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-Black.woff") format("woff"),
		url("../fonts/PlayfairDisplay-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-BlackItalic.eot");
	src: url("../fonts/PlayfairDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-BlackItalic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-BlackItalic.ttf") format("truetype");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-BoldItalic.eot");
	src: url("../fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-BoldItalic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Bold.eot");
	src: url("../fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-Bold.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-Bold.woff") format("woff"),
		url("../fonts/PlayfairDisplay-Bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-ExtraBold.eot");
	src: url("../fonts/PlayfairDisplay-ExtraBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-ExtraBold.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-ExtraBold.woff") format("woff"),
		url("../fonts/PlayfairDisplay-ExtraBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-ExtraBoldItalic.eot");
	src: url("../fonts/PlayfairDisplay-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-ExtraBoldItalic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-ExtraBoldItalic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-SemiBold.eot");
	src: url("../fonts/PlayfairDisplay-SemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-SemiBold.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-SemiBold.woff") format("woff"),
		url("../fonts/PlayfairDisplay-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Italic.eot");
	src: url("../fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-Italic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-Italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-MediumItalic.eot");
	src: url("../fonts/PlayfairDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-MediumItalic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-MediumItalic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-SemiBoldItalic.eot");
	src: url("../fonts/PlayfairDisplay-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-SemiBoldItalic.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-SemiBoldItalic.woff") format("woff"),
		url("../fonts/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Regular.eot");
	src: url("../fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-Regular.woff") format("woff"),
		url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-Medium.eot");
	src: url("../fonts/PlayfairDisplay-Medium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/PlayfairDisplay-Medium.woff2") format("woff2"),
		url("../fonts/PlayfairDisplay-Medium.woff") format("woff"),
		url("../fonts/PlayfairDisplay-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XLight";
	src: url("../fonts/SVN-GilroyXLight.eot");
	src: url("../fonts/SVN-GilroyXLight.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyXLight.woff2") format("woff2"),
		url("../fonts/SVN-GilroyXLight.woff") format("woff"),
		url("../fonts/SVN-GilroyXLight.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XLight";
	src: url("../fonts/SVN-GilroyXLightItalic.eot");
	src: url("../fonts/SVN-GilroyXLightItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyXLightItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyXLightItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyXLightItalic.ttf") format("truetype");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyBlack.eot");
	src: url("../fonts/SVN-GilroyBlack.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyBlack.woff2") format("woff2"),
		url("../fonts/SVN-GilroyBlack.woff") format("woff"),
		url("../fonts/SVN-GilroyBlack.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyBoldItalic.eot");
	src: url("../fonts/SVN-GilroyBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyBoldItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyBoldItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyBoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyBlackItalic.eot");
	src: url("../fonts/SVN-GilroyBlackItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyBlackItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyBlackItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyBlackItalic.ttf") format("truetype");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyBold.eot");
	src: url("../fonts/SVN-GilroyBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyBold.woff2") format("woff2"),
		url("../fonts/SVN-GilroyBold.woff") format("woff"),
		url("../fonts/SVN-GilroyBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyMediumItalic.eot");
	src: url("../fonts/SVN-GilroyMediumItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyMediumItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyMediumItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyMediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-Gilroy.eot");
	src: url("../fonts/SVN-Gilroy.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-Gilroy.woff2") format("woff2"),
		url("../fonts/SVN-Gilroy.woff") format("woff"),
		url("../fonts/SVN-Gilroy.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyHeavy.eot");
	src: url("../fonts/SVN-GilroyHeavy.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyHeavy.woff2") format("woff2"),
		url("../fonts/SVN-GilroyHeavy.woff") format("woff"),
		url("../fonts/SVN-GilroyHeavy.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyHeavyItalic.eot");
	src: url("../fonts/SVN-GilroyHeavyItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyHeavyItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyHeavyItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyHeavyItalic.ttf") format("truetype");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyMedium.eot");
	src: url("../fonts/SVN-GilroyMedium.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyMedium.woff2") format("woff2"),
		url("../fonts/SVN-GilroyMedium.woff") format("woff"),
		url("../fonts/SVN-GilroyMedium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyLight.eot");
	src: url("../fonts/SVN-GilroyLight.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyLight.woff2") format("woff2"),
		url("../fonts/SVN-GilroyLight.woff") format("woff"),
		url("../fonts/SVN-GilroyLight.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyItalic.eot");
	src: url("../fonts/SVN-GilroyItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyItalic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyThinItalic.eot");
	src: url("../fonts/SVN-GilroyThinItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyThinItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyThinItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyThinItalic.ttf") format("truetype");
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyThin.eot");
	src: url("../fonts/SVN-GilroyThin.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyThin.woff2") format("woff2"),
		url("../fonts/SVN-GilroyThin.woff") format("woff"),
		url("../fonts/SVN-GilroyThin.ttf") format("truetype");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroySemiBold.eot");
	src: url("../fonts/SVN-GilroySemiBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroySemiBold.woff2") format("woff2"),
		url("../fonts/SVN-GilroySemiBold.woff") format("woff"),
		url("../fonts/SVN-GilroySemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroySemiBoldItalic.eot");
	src: url("../fonts/SVN-GilroySemiBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroySemiBoldItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroySemiBoldItalic.woff") format("woff"),
		url("../fonts/SVN-GilroySemiBoldItalic.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy";
	src: url("../fonts/SVN-GilroyLightItalic.eot");
	src: url("../fonts/SVN-GilroyLightItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyLightItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyLightItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyLightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XBold";
	src: url("../fonts/SVN-GilroyXBold.eot");
	src: url("../fonts/SVN-GilroyXBold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyXBold.woff2") format("woff2"),
		url("../fonts/SVN-GilroyXBold.woff") format("woff"),
		url("../fonts/SVN-GilroyXBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gilroy XBold";
	src: url("../fonts/SVN-GilroyXBoldItalic.eot");
	src: url("../fonts/SVN-GilroyXBoldItalic.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-GilroyXBoldItalic.woff2") format("woff2"),
		url("../fonts/SVN-GilroyXBoldItalic.woff") format("woff"),
		url("../fonts/SVN-GilroyXBoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "SVN-Gotham";
	src: url("../fonts/SVN-Gotham.eot");
	src: url("../fonts/SVN-Gotham.eot?#iefix") format("embedded-opentype"),
		url("../fonts/SVN-Gotham.woff2") format("woff2"),
		url("../fonts/SVN-Gotham.woff") format("woff"),
		url("../fonts/SVN-Gotham.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* 
::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background: #ff7900;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px #ff7900;
	border-radius: 10px;
} */

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "SVN-Gilroy";
	font-weight: normal;
	font-size: 18px;
}

@media (max-width: 1680px) {
	body {
		font-size: 16px;
	}
}

::-webkit-input-placeholder {
	/* Edge */
	color: #959595;
	font-family: SVN-Gilroy;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #959595;
	font-family: SVN-Gilroy;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

::placeholder {
	color: #959595;
	font-family: SVN-Gilroy;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

@-webkit-keyframes parallax {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(20px);
	}
}

@keyframes parallax {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(20px);
	}
}

.section-scroll {
	animation: parallax 1s ease-in-out infinite alternate;
	-webkit-animation: parallax 1s ease-in-out infinite alternate;
}

.text-shadow {
	text-shadow: 3px 1px #03441a;
}

.custom-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-template-areas:
		"item1 item3 item4"
		"item2 item3 item5";
	grid-gap: 30px;
}

.custom-grid .post-item:nth-of-type(1) {
	grid-area: item1;
}

.custom-grid .post-item:nth-of-type(2) {
	grid-area: item2;
}

.custom-grid .post-item:nth-of-type(3) {
	grid-area: item3;
}

.custom-grid .post-item:nth-of-type(4) {
	grid-area: item4;
}

.custom-grid .post-item:nth-of-type(5) {
	grid-area: item5;
}

@media (max-width: 768px) {
	.custom-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
		grid-template-areas:
			"item1"
			"item2"
			"item3"
			"item4"
			"item5";
	}
}

.font-monter {
	font-family: "Montserrat-Regular";
}

.font-bodoni {
	font-family: "bodoni";
}

.font-sheila {
	font-family: "Shelia VNF";
}

.font-title {
	font-family: "Playfair Display";
}

.font-uvf {
	font-family: "UVF MussicaSwash";
}

.font-utm {
	font-family: "UTM Essendine Caps";
}

.font-gilroy {
	font-family: "SVN-Gilroy";
}

.title-red {
	background: #810609;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.title-grad {
	background: linear-gradient(261deg,
			#ffdb6b -147.48%,
			#c49b27 -82.46%,
			#c7950e -28.91%,
			#fef097 37.39%,
			#a17700 97.32%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg-grad {
	background: linear-gradient(261deg,
			#ffdb6b -147.48%,
			#c49b27 -82.46%,
			#c7950e -28.91%,
			#fef097 37.39%,
			#a17700 97.32%) !important;
}

.title-blue {
	background: linear-gradient(180deg, #003482 0%, #0095dd 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.title-blue-grad {
	background: linear-gradient(180deg, #003482 0%, #0095dd 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.loading {
	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 999;

	background: rgba(0, 0, 0, 0.6);

	display: flex;

	align-items: center;

	justify-content: center;

	top: 0;

	left: 0;
}

.loading .loader {
	border: 16px solid #f3f3f3;

	border-top: 16px solid #ff4912;

	border-radius: 50%;

	width: 120px;

	height: 120px;

	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#btn-ung-tuyen {
	cursor: pointer;
}

/*button ripped*/

.c-ripple {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;
}

.c-ripple__circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.25);
}

.c-ripple.is-active .c-ripple__circle {
	-webkit-animation: a-ripple 0.4s ease-in;
	animation: a-ripple 0.4s ease-in;
}

#custom-upload-button {
	font-size: 0px;
	width: 45px;
	height: 45px;
	background: url(../../frontend/img/upload-btn.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	right: 45px;
	border: none;
	outline: none;
	border-radius: 50%;
	overflow: hidden;
}

@media (max-width: 991px) {
	#custom-upload-button {
		right: 70px;
	}
}

.list-job .post-item .thumb:before {
	background: linear-gradient(to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 1;
}

.list-job .post-item .thumb img {
	transition: 1.2s all ease-in-out;
}

.list-job .post-item:hover .thumb img {
	transform: scale(1.2);
}

#capcha-show-2,
#capcha-show {
	min-width: 120px;
	padding: 5px 10px;
	background: url(../../frontend/img/terrazzo-blue.svg);
	background-size: cover;
	background-repeat: no-repeat;
	letter-spacing: 5px;
	text-align: center;
	font-weight: bold;
}

.aspect-video {
	aspect-ratio: 16 / 9;
}

.grid {
	display: grid;
}

.gap-8 {
	gap: 2rem;
}

/* SEARCH
-----------------------------*/

@-webkit-keyframes fixedAnim {
	0% {
		right: 125%;
	}

	125% {
		right: 0;
	}
}

@-moz-keyframes fixedAnim {
	0% {
		right: 125%;
	}

	125% {
		right: 0;
	}
}

@keyframes fixedAnim {
	0% {
		right: 125%;
	}

	125% {
		right: 0;
	}
}

@-webkit-keyframes custom-slick-dots {
	0% {
		width: 0;
	}

	100% {
		width: 20px;
	}
}

@-moz-keyframes custom-slick-dots {
	0% {
		width: 0;
	}

	100% {
		width: 20px;
	}
}

@keyframes custom-slick-dots {
	0% {
		width: 0;
	}

	100% {
		width: 20px;
	}
}

@keyframes a-ripple {
	0% {
		opacity: 0;
	}

	25% {
		opacity: 1;
	}

	100% {
		width: 200%;
		padding-bottom: 200%;
		opacity: 0;
	}
}

.sunshinesearchform .form-input {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	border-radius: 34px;
	border: 1px solid #ffdb6b;
}

.sunshinesearchform .form-input .input_text {
	border-radius: 34px;
	color: #000;
	height: 30px;
	background: transparent;
	outline: none;
	padding: 0 15px;
	transition: 0.3s;
	display: block;
}

.sunshinesearchform .form-input i {
	color: #ffdb6b;
	font-size: 15px;
}

.sunshinesearchform .form-input .input_text::-webkit-input-placeholder {
	color: #fff;
}

.sunshinesearchform .form-input .input_text:focus::-webkit-input-placeholder {
	color: transparent;
}

.sunshinesearchform .form-input .input_text:-moz-placeholder {
	color: #fff;
}

.sunshinesearchform .form-input .input_text:focus:-moz-placeholder {
	color: transparent;
}

.sunshinesearchform .form-input .input_text::-moz-placeholder {
	color: #fff;
}

.sunshinesearchform .form-input .input_text:focus::-moz-placeholder {
	color: transparent;
}

.sunshinesearchform .form-input .input_text:-ms-input-placeholder {
	color: #fff;
}

.sunshinesearchform .form-input .input_text:focus:-ms-input-placeholder {
	color: transparent;
}

.sunshinesearchform .form-input .button-search {
	border: none;
	outline: none;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.user-menu .custom_avatar {
	display: block;
}

/*css chung*/

.pagination {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 30px;
}

.pagination .page-numbers {
	margin: 10px;
	padding: 2px 10px;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	border-radius: 3px;
	background: linear-gradient(180deg, #ff4912 0%, #ff7900 100%);

	color: #fff;
}

.btn-xem-them {
	border-radius: 50px;
	background: linear-gradient(261deg,
			#c7950e -2.82%,
			#e7c55f 53.27%,
			#a17700 97.34%);
}

.f-150 {
	font-size: 150px;
}

.f-140 {
	font-size: 140px;
}

.f-130 {
	font-size: 130px;
}

.f-120 {
	font-size: 120px;
}

.f-110 {
	font-size: 110px;
}

.f-70 {
	font-size: 70px;
}

.f-60 {
	font-size: 60px;
}

.f-50 {
	font-size: 50px;
}

.f-45 {
	font-size: 45px;
}

.f-40 {
	font-size: 40px;
}

.f-30 {
	font-size: 30px;
}

.f-18 {
	font-size: 18px;
}

@media (max-width: 1680px) {
	.f-150 {
		font-size: 120px;
	}

	.f-140 {
		font-size: 110px;
	}

	.f-130 {
		font-size: 105px;
	}

	.f-120 {
		font-size: 100px;
	}

	.f-110 {
		font-size: 90px;
	}

	.f-70 {
		font-size: 60px;
	}

	.f-60 {
		font-size: 50px;
	}

	.f-50 {
		font-size: 40px;
	}

	.f-45 {
		font-size: 40px;
	}

	.f-40 {
		font-size: 35px;
	}

	.f-30 {
		font-size: 28px;
	}

	.f-18 {
		font-size: 16px;
	}
}

@media (max-width: 1440px) {
	.f-150 {
		font-size: 100px;
	}

	.f-120 {
		font-size: 80px;
	}

	.f-110 {
		font-size: 70px;
	}

	.f-70 {
		font-size: 55px;
	}

	.f-60 {
		font-size: 45px;
	}

	.f-50 {
		font-size: 35px;
	}

	.f-45 {
		font-size: 35px;
	}

	.f-40 {
		font-size: 30px;
	}

	.f-30 {
		font-size: 25px;
	}

	.f-18 {
		font-size: 15px;
	}
}

@media (max-width: 1366px) {
	.f-150 {
		font-size: 80px;
	}

	.f-120 {
		font-size: 70px;
	}

	.f-110 {
		font-size: 60px;
	}

	body {
		font-size: 14px;
	}

	.f-70 {
		font-size: 50px;
	}

	.f-50 {
		font-size: 35px;
	}

	.f-45 {
		font-size: 30px;
	}

	.f-40 {
		font-size: 25px;
	}

	.f-30 {
		font-size: 20px;
	}
}

@media (max-width: 1280px) {
	.f-120 {
		font-size: 60px;
	}

	.f-110 {
		font-size: 50px;
	}

	.f-70 {
		font-size: 45px;
	}

	.f-50 {
		font-size: 30px;
	}

	.f-45 {
		font-size: 25px;
	}

	.f-40 {
		font-size: 20px;
	}

	.f-30 {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.f-120 {
		font-size: 50px;
	}

	/* .f-110 {
		font-size: 40px;
	} */
	.f-70 {
		font-size: 40px;
	}

	body {
		font-size: 15px;
	}

	.f-50 {
		font-size: 30px;
	}

	.f-45 {
		font-size: 25px;
	}
}

@media(max-width:390px) {
	.f-110 {
		font-size: 45px;
	}

	.f-70 {
		font-size: 35px;
	}

	.f-45 {
		font-size: 20px;
	}
}

/*popup css*/
.popubody {
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: 80%;
	max-height: 500px;
	transform: translate(-50%, -50%);
	background: transparent;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	z-index: 9001;
	text-align: left;
	display: none;
}

.popupmain {
	position: relative;
}

.popupmain p {
	margin: 0 0 7px 0;
}

.dullbg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9000;
	display: none;
}

/*Close Button */
.close {
	position: absolute;
	right: 15px;
	top: 11px;
	width: 26px;
	height: 26px;
	opacity: 0.5;
}

.popupbtn {
	height: 40px;
	border: 0;
	display: block;
	width: 220px;
	margin: 100px auto 100px;
	cursor: pointer;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.popupbtn:focus {
	outline: none;
}