:root {
    --currentItem: 0;
    --currentItemWidth: 100px;
}


body {
    font-family: Cormorantgaramond, Arial, sans-serif;
}

.ggskin {
    font-family: Cormorantgaramond, Arial, sans-serif !important;
    font-size: 16px !important;
}

.ht_flag .cntFlagInfo .flagContent > div {
    font-family: FuturaPTLight, Arial, sans-serif;
    font-weight: 400 !important;
    font-size: 13px;
}

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,
.swiper-pagination-custom,
.masterIconsContainer .next_prev_button.lableVisible,
.info_body {
    font-family: FuturaPTLight !important;
}

.categoryTitle,
.splashScreenTitle > div,
.next_prev_button_title > div,
.pano_title > div {
    font-family: "Cormorantgaramond" !important;
    font-weight: 500 !important;
}

.info_title > div {
    font-family: "Cormorantgaramond" !important;
}

*/ h1,
h2,
h3,
h4,
.italic {
    font-family: "Cormorantgaramond" !important;
    font-style: italic !important;
}

h2.pop {
    font-family: "Cormorantgaramond" !important;
    font-style: italic !important;
    font-size: 24px;
}

div.pop {
    font-family: "FuturaPTLight" !important;
    font-size: 16px;
}

button h3 {
    font-family: "FuturaPTLight" !important;
    cursor: pointer;
}

.pop ul {
    margin: 0px;
}

/* Target the main container */
.Popup_Body {
    /* Firefox scrollbar styling */
    scrollbar-width: thin;
    /* makes scrollbar thinner */
    scrollbar-color: #888 #f1f1f1;
    /* thumb color + track color */
}

/* Apply the same to any inner element */
.Popup_Body * {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* WebKit browsers (Chrome, Edge, Safari) */
.Popup_Body::-webkit-scrollbar,
.Popup_Body *::-webkit-scrollbar,
.info_body > div::-webkit-scrollbar {
    width: 6px;
    /* thin scrollbar width */
    height: 6px;
    /* thin horizontal scrollbar height */
}

.Popup_Body::-webkit-scrollbar-track,
.Popup_Body *::-webkit-scrollbar-track,
.info_body > div::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* track color */
}

.Popup_Body::-webkit-scrollbar-thumb,
.Popup_Body *::-webkit-scrollbar-thumb,
.info_body > div::-webkit-scrollbar-thumb {
    background-color: #888;
    /* thumb color */
    border-radius: 3px;
    /* rounded corners */
}


.clonerContainer {
    width: max-content !important;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: var(--primary-blur);
    left: 50% !important;
    transform: translateX(-50%);
    border-radius: var(--primary-radius);
    z-index: auto;
}

.clonerContainer > .ggskin_cloner {
    width: max-content !important;
    position: relative !important;
    display: flex;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    border-radius: var(--primary-radius);
}

div:has(>.clonerItem) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clonerContainer .clonerItem {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clonerContainer div:has(>.clonerItem):not(:last-child)::after {
    content: "";
    width: 2px;
    height: 90%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0px, -50%);
}

.clonerContainer .clonerItem > div {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: break-spaces !important;
    border-radius: var(--primary-radius);
}

.clonerContainer .activeBackground {
    border-radius: var(--primary-radius);
    transition: left 200ms linear;
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    left: calc((var(--currentItemWidth) * var(--currentItem)) + 4px) !important;
}

.clonerContainer:has(div:has(>.activeTransition):last-child) .activeBackground {
    left: calc((var(--currentItemWidth) * var(--currentItem)) + 5px) !important;
}

.clonerContainer:has(.ggskin_cloner > div:last-child > .clonerItem.activeTransition) .activeBackground {
    left: calc((var(--currentItemWidth) * var(--currentItem)) + 5px) !important;
}

/* Info Popup */
.Popup_Body ul {
    display: grid;
    gap: 5px;
    margin: 0;
}

.Popup_Body strong {
    margin-bottom: 10px;
}

.Popup_Body p {
    margin-bottom: -25px;
}

.td-1000 {
    transition-delay: 1s !important;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba79ac17633c361a4dc2_CormorantGaramond-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba794404f567d869683a_CormorantGaramond-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba79621429f778bd2f40_CormorantGaramond-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba79c26ed3f810319ff4_CormorantGaramond-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba79d1b458025a0ee586_CormorantGaramond-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba790f00d5305dc17bbe_CormorantGaramond-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba7900774f9c31d4a6f0_CormorantGaramond-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba79f8729cb98cf65fc2_CormorantGaramond-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba796523cdf2fa256dc2_CormorantGaramond-SemiBoldItalic.ttf") format("truetype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: Cormorantgaramond;
    src: url("Fonts/6926ba791096acb2f7eeaebf_CormorantGaramond-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FuturaPTBold;
    src: url("Fonts/6926bad15a176d9c9ec76820_FuturaPTBold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FuturaPTMedium;
    src: url("Fonts/6926bad2218a0d431f064e41_FuturaPTMedium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Futuraptdemi;
    src: url("Fonts/6926bad2107edecf845660a2_FuturaPTDemi.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: FuturaPTLight;
    src: url("Fonts/6926bad2e16ad7eb5480759b_FuturaPTLight.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}