/*__________________________________███████╗ ██████╗ ███╗   ██╗████████╗.....................................*/
/*__________________________________██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝.....................................*/
/*__________________________________█████╗  ██║   ██║██╔██╗ ██║   ██║   .....................................*/
/*__________________________________██╔══╝  ██║   ██║██║╚██╗██║   ██║   .....................................*/
/*__________________________________██║     ╚██████╔╝██║ ╚████║   ██║   .....................................*/
/*__________________________________╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   .....................................*/



/* ----------------- vietnamese google font ----------------------------------------------- */

@font-face{ /*400*/
    font-family: 'Nunito'; /* Dùng cho : body, */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:  url('../font/Nunito-Regular.ttf');
}

@font-face{ /*600*/
    font-family: 'Nunito-600'; /* Dùng cho : body, */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:  url('../font/Nunito-Bold.ttf');
}

@font-face { /*400*/
    font-family: 'Baloo2'; /* Dùng cho : */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../font/Baloo2-Regular.ttf');
}

@font-face {/*600*/
    font-family: 'Baloo2-600'; /* Dùng cho : .in-form h3 | .nav-link p */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../font/Baloo2-Bold.ttf');
}


@font-face {
    font-family: 'Exo-300'; /* Dùng cho menu */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../font/Exo-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Exo-600'; /* Dùng cho : menu  | botnav */
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('../font/Exo-SemiBold.ttf');
}

@font-face{ /*300*/
    font-family: 'MavenPro';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src:  url('../font/MavenPro-VariableFont_wght.ttf');
}



@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/Quicksand-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Gluten';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/Gluten-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/Dosis-VariableFont_wght.ttf');
}

@font-face{
    font-family: 'GreyQo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:  url('../font/GreyQo-Regular.ttf');
}



@font-face{
    font-family: 'OpenSansCondensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:  url('../font/OpenSansCondensed-Light.ttf');
}

@font-face{
    font-family: 'SourceSansPro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:  url('../font/SourceSansPro-Regular.ttf');
}


/* ------------------ latin google font ----------------------------------------------------- */
@font-face {
  font-family: 'Sofia';
  font-style: normal;
  font-weight: 400;
  src: url('../font/Sofia-Regular.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Segoe';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/Segoe-ui-historic.ttf');
}

/* ___________________________________ font game  ______________________  */

@font-face {
    font-family: 'dlxfont';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/dlxfont.ttf');
}

@font-face {
    font-family: 'dpquake';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/dpquake_.ttf');
}

@font-face {
    font-family: 'Halo';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/Halo.ttf');
}

@font-face {
    font-family: 'Neverwinter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/Neverwinter.otf');
}

@font-face {
    font-family: 'Starcraft';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/Starcraft.ttf');
}

@font-face {
    font-family: 'SuperMario256'; /* sử dụng trong game 2048 */
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/SuperMario256.ttf');
}

@font-face {
    font-family: 'Turok';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../font/font-game/Turok.otf');
}


/*__________________________________███████╗███████╗███████╗███████╗ ██████╗████████╗........................*/
/*__________________________________██╔════╝██╔════╝██╔════╝██╔════╝██╔════╝╚══██╔══╝........................*/
/*__________________________________█████╗  █████╗  █████╗  █████╗  ██║        ██║   ........................*/
/*__________________________________██╔══╝  ██╔══╝  ██╔══╝  ██╔══╝  ██║        ██║   ........................*/
/*__________________________________███████╗██║     ██║     ███████╗╚██████╗   ██║   ........................*/
/*__________________________________╚══════╝╚═╝     ╚═╝     ╚══════╝ ╚═════╝   ╚═╝   ........................*/



/* --------------------- font effect ----------------------------------------------- */
.font-effect-neon {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.4em #f7f,0 0 0.6em #f0f, 0 0 0.8em #f0f, 0 0 1.0em #f0f, 0 0 1.2em #f0f;
  color: #fff;
}
.font-effect-outline {
  text-shadow:0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;
  color: #fff;
}

.font-effect-outline2 {
  text-shadow:0 1px 1px #fff, 0 -1px 1px #fff, 1px 0 1px #fff, -1px 0 1px #fff;
  color: #000;
}

.font-effect-emboss {
  text-shadow: 0px 1px 1px #fff, 0 -1px 1px #000;
  color: #ddd;
}
.font-effect-shadow-multiple {
  text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa;
  -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa;
}

.font-effect-fire {
  text-shadow: 0 -0.05em 0.2em #FFF, 0.01em -0.02em 0.15em #FE0, 0.01em -0.05em 0.15em #FC0, 0.02em -0.15em 0.2em #F90, 0.04em -0.20em 0.3em #F70, 0.05em -0.25em 0.4em #F70, 0.06em -0.2em 0.9em #F50, 0.1em -0.1em 1.0em #F40;
  color: #ffe;
}

/*_________________________________ ██████╗ ██████╗ ██╗      ██████╗ ██████╗ ...............................*/
/*_________________________________██╔════╝██╔═══██╗██║     ██╔═══██╗██╔══██╗...............................*/
/*_________________________________██║     ██║   ██║██║     ██║   ██║██████╔╝...............................*/
/*_________________________________██║     ██║   ██║██║     ██║   ██║██╔══██╗...............................*/
/*_________________________________╚██████╗╚██████╔╝███████╗╚██████╔╝██║  ██║...............................*/
/*_________________________________ ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝  ╚═╝...............................*/

.color-pollock-l_gr {
background-image: linear-gradient(315deg, #6b0f1a 0%, #b91372 74%);
-webkit-background-clip: text;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}