body {

	font-family: "Reckless", sans-serif;

}



.ggskin {

	font-family: "Reckless" !important;

	font-size: 16px !important;

}



p[style*="font-weight: 400"],

div[style*="font-weight: 400"],

p[style*="font-weight: 500"],

div[style*="font-weight: 500"],

.ggskin[style*="font-weight: 500"],

.ggskin[style*="font-weight: 400"],

.ggskin[style*="font-weight: normal"],

.ggskin div[style*="font-weight: normal"],

strong,

.categoryCloner .nodeCloner .nodeContainer .nodeTitle,

b,

.customFont {

	font-family: "Inter-V" !important;

}



.Reckless {

	font-family: "Reckless" !important;

}



.interV {

	font-family: "Inter-V" !important;

}



/* bottom bar */

.iBar {

	position: relative;

	display: inline-block;

	width: max-content !important;

	padding: 0 0 16px 0;

	z-index: 1;

}



.customBar {

	padding: 0 0 4px 0;

}



.iBar::after {

	content: "";

	width: calc(100% + 5px);

	height: 6px;

	position: absolute;

	bottom: 17px;

	left: 0;

	right: 0;

	background-color: #80edd9;

	transition: height 0.3s ease-in-out;

	z-index: -1;

}



.iBar.customBar::after {

	bottom: 5px;

}



.iBar2::after {

	bottom: 14px;

}



.iBar:hover::after,

.iBar.customBar:hover + .iBar::after,

.iBar:has(+ .iBar:hover)::after {

	height: 12px;

}



.categoryCloner .nodeCloner .nodeContainer .nodeTitle {

	font-weight: 500;

}



.customPos {

	top: calc(50% - 128.5px) !important;

}



.arrow.left span,

.arrow.left span {

	--arrow-size: 37px !important;

	--arrow-width: 7px !important;

}



.arrow.right span,

.arrow.right span {

	--arrow-size: 37px !important;

	--arrow-width: 7px !important;

}



.arrow span,

.arrow.stright span {

	--arrow-size: 54px !important;

	--arrow-width: 12px !important;

}



/* sub_popup */

.sub_popup > div {

	opacity: 0 !important;

	/* background: #00000099 !important; */

	backdrop-filter: var(--backdrop-filter-blur);

	transition: opacity 1s linear;

}



.sub_popup[style*="visibility: inherit"] > div,

.Pop_up_info {

	opacity: 1 !important;

}



#viewer video.ggmedia {

	box-shadow: rgb(49 30 30) 0px 0px 13px;

}



@media (max-width: 400px) {

	.txt_description {

		font-size: 12px;

	}



	.txt_title {

		font-size: 16px !important;

	}

}



@media (max-width: 300px) {

	.txt_description {

		font-size: 10px;

	}



	.txt_title {

		font-size: 14px !important;

	}

}



.arrow-left > div {

	width: 0px !important;

	height: 0px !important;

	border-top: 7px solid transparent !important;

	border-bottom: 7px solid transparent !important;

	border-right: 15px solid #192890 !important;

}



.popup_image {

	pointer-events: none !important;

	overflow: visible !important;

}



.popup_image img {

	pointer-events: all !important;

	width: auto !important;

	height: auto !important;

	max-width: 90vw !important;

	max-height: 85vh !important;

	left: 50% !important;

	top: 50% !important;

	transform: translate(-50%, -50%) !important;

	margin: 0px !important;

}



/* Contact title @500 width */

@media (max-width: 500px) {

	.contact_title > div {

		font-size: 1.4em !important;

	}

}



/* @media (max-width: 400px) {



    .contact_title>div {

        font-size: 1.4em !important;

    }

} */



/* sub_popup Transition*/

.sub_popup {

	transform: translateY(calc(-50% + 60px)) !important;

	transition:

		opacity 400ms,

		transform 1s ease-out !important;

	visibility: visible !important;

}



.sub_popup.inactive {

	transform: translate(440px, calc(-50% + 60px)) !important;

}



/* flag border color */

.ht_flag .cntFlagInfo .flagContent > div,

.ht_flag .icon img {

	border-color: #192890;

}



.exploreBtn {

	float: right;

	padding: 6px 10px;

	border: 2px solid #245bff;

	color: #ffffff;

	border-radius: 4px;

	transition:

		background-color 0.3s linear,

		color 0.3s linear;

	background-color: #245bff;

	cursor: pointer;

}



.info_button {

	width: 80px;

	height: 30px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 6px;

	cursor: pointer;

}



.sub_popup > div {

	max-height: 400px;

}



.d-none {

	display: none;

}



.menu_background::before {

	background: rgb(0 0 0 / 0%) !important;

}



.bg551 {

	visibility: visible !important;

	opacity: 1 !important;

}



.menu_background .logoContainer{

    display: flex;

    align-items: center;

    justify-content: center;

}



.menu_background .logoContainer svg{

    width: 100px;

}



.menu_background .logoContainer svg path{

    fill: #FFF;

}



.ggskin_svg > img[src="images/turiya.svg"] {

    display: none;

}



/* ---------Font Face---------- */

/* Inter-V Regular */

@font-face {

	font-family: "Inter-V";

	src: url("Fonts/Inter-V.ttf") format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: "Inter-V";

	src: url("Fonts/Inter-V.ttf") format("truetype");

	font-weight: 500;

	font-style: normal;

}



/* Reckless */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-Light.woff2") format("woff2"),

		url("Fonts/Reckless-Light.woff") format("woff");

	font-weight: 300;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-LightItalic.woff2") format("woff2"),

		url("Fonts/Reckless-LightItalic.woff") format("woff");

	font-weight: 300;

	font-style: italic;

	font-display: swap;

}



/* Reckless Regular */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-Regular.woff2") format("woff2"),

		url("Fonts/Reckless-Regular.woff") format("woff");

	font-weight: 400;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-RegularItalic.woff2") format("woff2"),

		url("Fonts/Reckless-RegularItalic.woff") format("woff");

	font-weight: 400;

	font-style: italic;

	font-display: swap;

}



/* Reckless Medium */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-Medium.woff2") format("woff2"),

		url("Fonts/Reckless-Medium.woff") format("woff");

	font-weight: 500;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-MediumItalic.woff2") format("woff2"),

		url("Fonts/Reckless-MediumItalic.woff") format("woff");

	font-weight: 500;

	font-style: italic;

	font-display: swap;

}



/* Reckless SemiBold */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-SemiBold.woff2") format("woff2"),

		url("Fonts/Reckless-SemiBold.woff") format("woff");

	font-weight: 600;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-SemiBoldItalic.woff2") format("woff2"),

		url("Fonts/Reckless-SemiBoldItalic.woff") format("woff");

	font-weight: 600;

	font-style: italic;

	font-display: swap;

}



/* Reckless Bold */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-Bold.woff2") format("woff2"),

		url("Fonts/Reckless-Bold.woff") format("woff");

	font-weight: 700;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-BoldItalic.woff2") format("woff2"),

		url("Fonts/Reckless-BoldItalic.woff") format("woff");

	font-weight: 700;

	font-style: italic;

	font-display: swap;

}



/* Reckless Heavy */

@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-Heavy.woff2") format("woff2"),

		url("Fonts/Reckless-Heavy.woff") format("woff");

	font-weight: 800;

	font-style: normal;

	font-display: swap;

}



@font-face {

	font-family: "Reckless";

	src:

		url("Fonts/Reckless-HeavyItalic.woff2") format("woff2"),

		url("Fonts/Reckless-HeavyItalic.woff") format("woff");

	font-weight: 800;

	font-style: italic;

	font-display: swap;

}