/*----------------------------------------*/
/*  01. TYPOGRAPHY CSS START
/*----------------------------------------*/
@font-face {
font-family: 'Hellix';

src: url("../fonts/hellix/Hellix-Regular.ttf");


}

@font-face {
font-family: 'Hellix-medium';

src: url("../fonts/hellix/Hellix-Medium.ttf") format("truetype"),
url("../fonts/hellix/Hellix-Medium.woff") format("woff"),
url("../fonts/hellix/Hellix-Medium.woff2") format("woff2");

}


@font-face {
font-family: 'Hellix-light';
src: url("../fonts/hellix/Hellix-Light.ttf") format("truetype"),
url("../fonts/hellix/Hellix-Light.woff") format("woff"),
url("../fonts/hellix/Hellix-Light.woff2") format("woff2");

}


@font-face {
font-family: euclid_Circular_B;
src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Light.ttf");
font-weight: 300;
}
@font-face {
font-family: euclid_Circular_B;
src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: euclid_Circular_B;
src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Medium.ttf");
font-weight: 500;
}
@font-face {
font-family: euclid_Circular_B;
src: url("../fonts/euclid-circular-b/Euclid-Circular-B-SemiBold.ttf");
font-weight: 600;
}
@font-face {
font-family: euclid_Circular_B;
src: url("../fonts/euclid-circular-b/Euclid-Circular-B-Bold.ttf");
font-weight: 700;
}
@font-face {
font-family: Estedad;
src: url("../fonts/estedad/Estedad-SemiBold.ttf");
font-weight: 600;
}
@font-face {
font-family: Estedad;
src: url("../fonts/estedad/Estedad-Medium.ttf");
font-weight: 500;
}
@font-face {
font-family: Estedad;
src: url("../fonts/estedad/Estedad-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: newYork;
src: url("../fonts/newyork/FontsFree-Net-NewYork.ttf");
font-weight: 400;
}
@font-face {
font-family: gallient;
src: url("../fonts/gallient/GallientRegular-eZoMp.ttf");
font-weight: 400;
}
@font-face {
font-family: RomanStory;
src: url("../fonts/roman/Romans-Story.ttf");
font-weight: 400;
}
@font-face {
font-family: ClashDisplay;
src: url("../fonts/ClashDisplay/ClashDisplay-Light.ttf");
font-weight: 300;
}
@font-face {
font-family: ClashDisplay;
src: url("../fonts/ClashDisplay/ClashDisplay-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: ClashDisplay;
src: url("../fonts/ClashDisplay/ClashDisplay-Medium.ttf");
font-weight: 500;
}
@font-face {
font-family: ClashDisplay;
src: url("../fonts/ClashDisplay/ClashDisplay-Semibold.ttf");
font-weight: 600;
}
@font-face {
font-family: ClashDisplay;
src: url("../fonts/ClashDisplay/ClashDisplay-Bold.ttf");
font-weight: 700;
}
@font-face {
font-family: Glorify DEMO;
src: url("../fonts/glorify/Glorifydemo-BW3J3.otf");
font-weight: 400;
}
@font-face {
font-family: Canela;
src: url("../fonts/canela/Canela-Regular-Trial.otf");
font-weight: 400;
}
@font-face {
font-family: Canela;
src: url("../fonts/canela/Canela-Medium-Trial.otf");
font-weight: 500;
}
@font-face {
font-family: Graphik;
src: url("../fonts/graphik/GraphikBold.otf");
font-weight: 700;
}
@font-face {
font-family: Graphik;
src: url("../fonts/graphik/GraphikMedium.otf");
font-weight: 500;
}
@font-face {
font-family: Graphik;
src: url("../fonts/graphik/GraphikRegular.otf");
font-weight: 400;
}
@font-face {
font-family: Graphik;
src: url("../fonts/graphik/GraphikSemibold.otf");
font-weight: 600;
}
@font-face {
font-family: tropline;
src: url("../fonts/tropline/Tropiline-Regular.ttf");
font-weight: 400;
}
@font-face {
font-family: tropline;
src: url("../fonts/tropline/Tropiline-SemiBold.ttf");
font-weight: 600;
}
@font-face {
font-family: tropline;
src: url("../fonts/tropline/Tropiline-Bold.ttf");
font-weight: 700;
}
@font-face {
font-family: larken;
src: url("../fonts/larken/LarkenDEMO-Regular.otf");
font-weight: 400;
}
@font-face {
font-family: moret;
src: url("../fonts/moret/Moret-Book.otf");
font-weight: 350;
}
@font-face {
font-family: moret;
src: url("../fonts/moret/Moret-Regular.otf");
font-weight: 400;
}
@font-face {
font-family: moret;
src: url("../fonts/moret/Moret-Semibold.otf");
font-weight: 600;
}
@font-face {
font-family: moret;
src: url("../fonts/moret/Moret-Bold.otf");
font-weight: 700;
}
@font-face {
font-family: moret;
src: url("../fonts/moret/Moret-Extrabold.otf");
font-weight: 800;
}
@font-face {
font-family: Monument;
src: url("../fonts/Monument/MonumentExtended-Regular.otf");
font-weight: 400;
}
@font-face {
font-family: Monument;
src: url("../fonts/Monument/MonumentExtended-Ultrabold.otf");
font-weight: 800;
}
@font-face {
font-family: SangBleu;
src: url("../fonts/sangBleu/SangBleu-Sunrise.ttf");
font-weight: 400;
}
:root {
--font_primary: "euclid_Circular_B";
--font_estedad: "Estedad";
--font_newyork: "newYork";
--font_gallient: "gallient";
--font_lora: "Lora", serif;
--font_prata: "Prata", serif;
--font_bentham: "Bentham", serif;
--font_romanstory: "RomanStory", serif;
--font_clashDisplay: "ClashDisplay";
--font_glorifydemo: "Glorify DEMO";
--font_canela: "Canela";
--font_graphik: "Graphik";
--font_tropline: "tropline";
--font_larken: "larken";
--font_moret: "moret";
--font_monument: "monument";
--font_SangBleu: "SangBleu";
--font_kanit: "Kanit", sans-serif;
--font_macondo: "Macondo", cursive;
--font_teko: "Teko", sans-serif;
--font_jakarta: "Plus Jakarta Sans", sans-serif;
--font_kumbh: "Kumbh Sans", sans-serif;
--font_overlock: "Overlock", cursive;
--font_manrope: "Manrope", sans-serif;
--font_awesome: "Font Awesome 6 Free";
}

.font-body-euclid {
font-family: "euclid_Circular_B";
}
.font-body-estedad {
font-family: "Estedad";
}
.font-body-newyork {
font-family: "newYork";
}
.font-body-gallient {
font-family: "gallient";
}
.font-body-lora {
font-family: "Lora", serif;
}
.font-body-prata {
font-family: "Prata", serif;
}
.font-body-bentham {
font-family: "Bentham", serif;
}
.font-body-romanstory {
font-family: "RomanStory", serif;
}
.font-body-clashDisplay {
font-family: "ClashDisplay";
}
.font-body-glorifydemo {
font-family: "Glorify DEMO";
}
.font-body-canela {
font-family: "Canela";
}
.font-body-graphik {
font-family: "Graphik";
}
.font-body-kanit {
font-family: "Kanit", sans-serif;
}
.font-body-macondo {
font-family: "Macondo", cursive;
}
.font-body-teko {
font-family: "Teko", sans-serif;
}
.font-body-jakarta {
font-family: "Plus Jakarta Sans", sans-serif;
}
.font-body-kumbh {
font-family: "Kumbh Sans", sans-serif;
}
.font-body-overlock {
font-family: "Overlock", cursive;
}
.font-body-manrope {
font-family: "Manrope", sans-serif;
}
.font-body-tropline {
font-family: "tropline";
}
.font-body-Monument {
font-family: "monument";
}
.font-body-SangBleu {
font-family: "SangBleu";
}
.font-body-moret {
font-family: "moret";
}
.font-heading-euclid h1,
.font-heading-euclid h2,
.font-heading-euclid h3,
.font-heading-euclid h4,
.font-heading-euclid h5,
.font-heading-euclid h6 {
font-family: "euclid_Circular_B";
}
.font-heading-estedad h1,
.font-heading-estedad h2,
.font-heading-estedad h3,
.font-heading-estedad h4,
.font-heading-estedad h5,
.font-heading-estedad h6 {
font-family: "Estedad";
}
.font-heading-estedad .nav-menu li a {
font-family: "Estedad";
}
.font-heading-newyork h1,
.font-heading-newyork h2,
.font-heading-newyork h3,
.font-heading-newyork h4,
.font-heading-newyork h5,
.font-heading-newyork h6 {
font-family: "newYork";
}
.font-heading-newyork .nav-menu li a {
font-family: "newYork";
}
.font-heading-gallient h1,
.font-heading-gallient h2,
.font-heading-gallient h3,
.font-heading-gallient h4,
.font-heading-gallient h5,
.font-heading-gallient h6 {
font-family: "gallient";
}
.font-heading-lora h1,
.font-heading-lora h2,
.font-heading-lora h3,
.font-heading-lora h4,
.font-heading-lora h5,
.font-heading-lora h6 {
font-family: "Lora", serif;
}
.font-heading-prata h1,
.font-heading-prata h2,
.font-heading-prata h3,
.font-heading-prata h4,
.font-heading-prata h5,
.font-heading-prata h6 {
font-family: "Prata", serif;
}
.font-heading-bentham h1,
.font-heading-bentham h2,
.font-heading-bentham h3,
.font-heading-bentham h4,
.font-heading-bentham h5,
.font-heading-bentham h6 {
font-family: "Bentham", serif;
}
.font-heading-romanstory h1,
.font-heading-romanstory h2,
.font-heading-romanstory h3,
.font-heading-romanstory h4,
.font-heading-romanstory h5,
.font-heading-romanstory h6 {
font-family: "RomanStory", serif;
}
.font-heading-clashDisplay h1,
.font-heading-clashDisplay h2,
.font-heading-clashDisplay h3,
.font-heading-clashDisplay h4,
.font-heading-clashDisplay h5,
.font-heading-clashDisplay h6 {
font-family: "ClashDisplay";
}
.font-heading-glorifydemo h1,
.font-heading-glorifydemo h2,
.font-heading-glorifydemo h3,
.font-heading-glorifydemo h4,
.font-heading-glorifydemo h5,
.font-heading-glorifydemo h6 {
font-family: "Glorify DEMO";
}
.font-heading-canela h1,
.font-heading-canela h2,
.font-heading-canela h3,
.font-heading-canela h4,
.font-heading-canela h5,
.font-heading-canela h6 {
font-family: "Canela";
}
.font-heading-graphik h1,
.font-heading-graphik h2,
.font-heading-graphik h3,
.font-heading-graphik h4,
.font-heading-graphik h5,
.font-heading-graphik h6 {
font-family: "Graphik";
}
.font-heading-kanit h1,
.font-heading-kanit h2,
.font-heading-kanit h3,
.font-heading-kanit h4,
.font-heading-kanit h5,
.font-heading-kanit h6 {
font-family: "Kanit", sans-serif;
}
.font-heading-teko h1,
.font-heading-teko h2,
.font-heading-teko h3,
.font-heading-teko h4,
.font-heading-teko h5,
.font-heading-teko h6 {
font-family: "Teko", sans-serif;
}
.font-heading-jakarta h1,
.font-heading-jakarta h2,
.font-heading-jakarta h3,
.font-heading-jakarta h4,
.font-heading-jakarta h5,
.font-heading-jakarta h6 {
font-family: "Plus Jakarta Sans", sans-serif;
}
.font-heading-kumbh h1,
.font-heading-kumbh h2,
.font-heading-kumbh h3,
.font-heading-kumbh h4,
.font-heading-kumbh h5,
.font-heading-kumbh h6 {
font-family: "Kumbh Sans", sans-serif;
}
.font-heading-overlock h1,
.font-heading-overlock h2,
.font-heading-overlock h3,
.font-heading-overlock h4,
.font-heading-overlock h5,
.font-heading-overlock h6 {
font-family: "Overlock", cursive;
}
.font-heading-manrope h1,
.font-heading-manrope h2,
.font-heading-manrope h3,
.font-heading-manrope h4,
.font-heading-manrope h5,
.font-heading-manrope h6 {
font-family: "Manrope", sans-serif;
}
.font-heading-tropline h1,
.font-heading-tropline h2,
.font-heading-tropline h3,
.font-heading-tropline h4,
.font-heading-tropline h5,
.font-heading-tropline h6 {
font-family: "tropline";
}
.font-heading-moret h1,
.font-heading-moret h2,
.font-heading-moret h3,
.font-heading-moret h4,
.font-heading-moret h5,
.font-heading-moret h6 {
font-family: "moret";
}
.font-heading-SangBleu h1,
.font-heading-SangBleu h2,
.font-heading-SangBleu h3,
.font-heading-SangBleu h4,
.font-heading-SangBleu h5,
.font-heading-SangBleu h6 {
font-family: "SangBleu";
}


/* Mobile top logo for inner pages */
.mobile-header-logo {
  display: none;
}
@media (max-width: 1200px) {
  .header-bgrnd {
    position: relative;
  }
  .mobile-header-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: 40px;
    background: url("../imgs/logo-s2.png") no-repeat center / contain;
    z-index: 6;
    display: block;
  }
}