@charset "UTF-8";
@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-BlackItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Bold.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Black.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-BoldItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-BoldItalic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Heavy.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Heavy.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-HeavyItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-HeavyItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Light.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-LightItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Medium.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-MediumItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Regular.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-RegularItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-RegularItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-SemiboldItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-SemiboldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Semibold.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Semibold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Thin.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-ThinItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-Ultralight.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-Ultralight.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SFProDisplay;
    src: url("../assets/font/SF Pro Display/SFProDisplay-UltralightItalic.woff2") format("woff2"), url("../assets/font/SF Pro Display/SFProDisplay-UltralightItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-Black.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-ExtraBold.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-ExtraBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-ExtraBoldItalic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-ExtraBoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-Italic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-BoldItalic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-Bold.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-BlackItalic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-BlackItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-SemiBoldItalic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-SemiBoldItalic.woff) format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-MediumItalic.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-SemiBold.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-Regular.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url(../assets/font/Playfair_Display/PlayfairDisplay-Medium.woff2) format("woff2"), url(../assets/font/Playfair_Display/PlayfairDisplay-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Black.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-ExtraBold.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-ExtraBold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Bold.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-ExtraLight.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-ExtraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Light.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-SemiBold.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Medium.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Regular.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Deca";
    src: url(../assets/font/Lexend_Deca/LexendDeca-Thin.woff2) format("woff2"), url(../assets/font/Lexend_Deca/LexendDeca-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SVN-Rosellinda Alyamore";
    src: url(../assets/font/SVN-Rosellinda-Alyamore/SVN-RosellindaAlyamore.woff2) format("woff2"), url(../assets/font/SVN-Rosellinda-Alyamore/SVN-RosellindaAlyamore.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --color-pri-in: #0f385a;
    --color-pri: #0f385a;
    --color-second: #f58466;
    --color-thr: #00656e;
    --color-text: #222;
    --color-text-1: #453f3f;
    --color-text-2: #515151;
    --color-text-3: #999;
    --color-text-4: #4d4d4d;
    --color-text-5: #303030;
    --color-text-6: #2a2b2e;
    --color-text-7: #00656e;
    --color-text-8: #3d3a35;
    --color-input: #232338;
    --color-icon: #0f385a;
    --color-tt: #fdba4d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #8894aa;
    --color-border-1: #8294aa;
    --color-border-2: #d1d1d1;
    --color-border-3: #cecece;
    --color-border-4: #bfbfbf;
    --color-border-5: #d0d0d0;
    --color-border-6: #028938;
    --color-bg: #f3f8f8;
    --color-bg-1: rgba(0, 101, 110, 0.1);
    --color-bg-2: #002c46;
    --color-bg-3: #f9f9f9;
    --lpage-bg: #0d3658;
    --blur: blur(0.4rem);
    --filter: brightness(0) saturate(100%) invert(59%) sepia(42%) saturate(627%) hue-rotate(324deg) brightness(97%) contrast(99%);
    --filter-1: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);
    --filter-2: brightness(0) saturate(100%) invert(17%) sepia(35%) saturate(1702%) hue-rotate(173deg) brightness(94%) contrast(95%);
    --linear-tt: linear-gradient( 90deg, rgba(15, 56, 90, 1) 0%, rgba(0, 101, 110, 1) 40%, rgba(245, 132, 102, 1) 76%, rgba(253, 186, 77, 1) 100%);
    --linear-tt-1: linear-gradient( 270deg, rgba(245, 132, 102, 1) 0%, rgba(0, 101, 110, 1) 43%, rgba(15, 56, 90, 1) 100%);
    --color-linear: linear-gradient( 68deg, rgba(0, 44, 70, 0.7) 25.04%, rgba(0, 44, 70, 0) 71%);
    --color-linear-1: linear-gradient( 180deg, #072c48 0%, rgba(2, 115, 143, 0) 87.92%);
    --color-linear-2: linear-gradient( 0deg, #002c46 2.55%, rgba(0, 44, 70, 0) 42.64%);
    --color-linear-3: linear-gradient( 0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    --color-linear-4: linear-gradient( 270deg, rgba(255, 255, 255, 0) -24.42%, #0f385a 72.85%);
    --color-linear-5: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    --color-linear-6: linear-gradient( 270deg, #f58466 -8.74%, #00656e 26.05%, #0f385a 99.97%);
    --color-linear-7: linear-gradient( 180deg, #fff 0%, rgba(255, 255, 255, 0) 24.69%), linear-gradient(271deg, rgba(0, 0, 0, 0) 32.14%, #00656e 94.57%);
    --color-linear-8: linear-gradient( 276deg, rgba(0, 0, 0, 0) 20.23%, #0f385a 86.17%);
    --color-linear-9: linear-gradient( 276deg, rgba(0, 0, 0, 0) 34.62%, #00656e 89.04%);
    --color-linear-10: linear-gradient( 90deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --tt-linear: linear-gradient(90deg, #f58466 1.64%, #fdba4d 100%);
    --txt-linear: linear-gradient( 45deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --btn-linear: linear-gradient(90deg, #f58466 2%, #fdba4d 100%);
    --btn-linear-1: radial-gradient( 194.06% 91.07% at 50% 52.17%, #0f385a 0%, #00656e 40%, #f58466 76.58%, #fdba4d 100%);
    --btn-linear-2: linear-gradient( 270deg, rgba(0, 42, 66, 0) 24.61%, #002a42 100%);
    --bg-linear: linear-gradient(180deg, #fff 26.71%, #fde8df 101.83%);
    --bg-linear-1: linear-gradient( 0deg, rgba(15, 56, 90, 0.2) 0%, rgba(0, 101, 110, 0.2) 47.89%, rgba(245, 132, 102, 0.2) 91.6%, rgba(253, 186, 77, 0.2) 119.74%);
    --bg-linear-2: linear-gradient( 0deg, rgba(253, 186, 77, 0.06) 0%, rgba(245, 132, 102, 0.2) 44.18%, rgba(255, 255, 255, 0.2) 100%);
    --bg-linear-3: linear-gradient( 0deg, rgba(253, 186, 77, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    --bg-linear-4: linear-gradient(0deg, #002c46 0%, rgba(0, 44, 70, 0) 45.16%);
    --bg-linear-5: linear-gradient( 180deg, rgba(0, 34, 62, 0) 49.75%, #00223e 99.6%);
    --bg-linear-6: linear-gradient( 0deg, rgba(0, 101, 110, 0.8) 0%, rgba(0, 101, 110, 0.5) 100%);
    --color-border-01: rgba(0, 0, 0, 0.1);
    --color-border-02: rgba(0, 0, 0, 0.2);
    --color-border-03: rgba(0, 0, 0, 0.3);
    --color-border-04: rgba(0, 0, 0, 0.4);
    --color-border-05: rgba(0, 0, 0, 0.5);
    --color-border-06: rgba(0, 0, 0, 0.6);
    --color-border-07: rgba(0, 0, 0, 0.7);
    --color-border-08: rgba(0, 0, 0, 0.8);
    --color-border-09: rgba(0, 0, 0, 0.9);
    --color-border-10: rgba(255, 144, 10, 0.1);
    --color-opa-white-01: rgba(255, 255, 255, 0.1);
    --color-opa-white-02: rgba(255, 255, 255, 0.2);
    --color-opa-white-03: rgba(255, 255, 255, 0.3);
    --color-opa-white-04: rgba(255, 255, 255, 0.4);
    --color-opa-white-05: rgba(255, 255, 255, 0.5);
    --color-opa-white-06: rgba(255, 255, 255, 0.6);
    --color-opa-white-07: rgba(255, 255, 255, 0.7);
    --color-opa-white-08: rgba(255, 255, 255, 0.8);
    --color-opa-white-09: rgba(255, 255, 255, 0.9);
    --shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

:root {
    --color-pri-in: #0f385a;
    --color-pri: #0f385a;
    --color-second: #f58466;
    --color-thr: #00656e;
    --color-text: #222;
    --color-text-1: #453f3f;
    --color-text-2: #515151;
    --color-text-3: #999;
    --color-text-4: #4d4d4d;
    --color-text-5: #303030;
    --color-text-6: #2a2b2e;
    --color-text-7: #00656e;
    --color-text-8: #3d3a35;
    --color-input: #232338;
    --color-icon: #0f385a;
    --color-tt: #fdba4d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #8894aa;
    --color-border-1: #8294aa;
    --color-border-2: #d1d1d1;
    --color-border-3: #cecece;
    --color-border-4: #bfbfbf;
    --color-border-5: #d0d0d0;
    --color-border-6: #028938;
    --color-bg: #f3f8f8;
    --color-bg-1: rgba(0, 101, 110, 0.1);
    --color-bg-2: #002c46;
    --color-bg-3: #f9f9f9;
    --lpage-bg: #0d3658;
    --blur: blur(0.4rem);
    --filter: brightness(0) saturate(100%) invert(59%) sepia(42%) saturate(627%) hue-rotate(324deg) brightness(97%) contrast(99%);
    --filter-1: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);
    --filter-2: brightness(0) saturate(100%) invert(17%) sepia(35%) saturate(1702%) hue-rotate(173deg) brightness(94%) contrast(95%);
    --linear-tt: linear-gradient( 90deg, rgba(15, 56, 90, 1) 0%, rgba(0, 101, 110, 1) 40%, rgba(245, 132, 102, 1) 76%, rgba(253, 186, 77, 1) 100%);
    --linear-tt-1: linear-gradient( 270deg, rgba(245, 132, 102, 1) 0%, rgba(0, 101, 110, 1) 43%, rgba(15, 56, 90, 1) 100%);
    --color-linear: linear-gradient( 68deg, rgba(0, 44, 70, 0.7) 25.04%, rgba(0, 44, 70, 0) 71%);
    --color-linear-1: linear-gradient( 180deg, #072c48 0%, rgba(2, 115, 143, 0) 87.92%);
    --color-linear-2: linear-gradient( 0deg, #002c46 2.55%, rgba(0, 44, 70, 0) 42.64%);
    --color-linear-3: linear-gradient( 0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    --color-linear-4: linear-gradient( 270deg, rgba(255, 255, 255, 0) -24.42%, #0f385a 72.85%);
    --color-linear-5: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    --color-linear-6: linear-gradient( 270deg, #f58466 -8.74%, #00656e 26.05%, #0f385a 99.97%);
    --color-linear-7: linear-gradient( 180deg, #fff 0%, rgba(255, 255, 255, 0) 24.69%), linear-gradient(271deg, rgba(0, 0, 0, 0) 32.14%, #00656e 94.57%);
    --color-linear-8: linear-gradient( 276deg, rgba(0, 0, 0, 0) 20.23%, #0f385a 86.17%);
    --color-linear-9: linear-gradient( 276deg, rgba(0, 0, 0, 0) 34.62%, #00656e 89.04%);
    --color-linear-10: linear-gradient( 90deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --tt-linear: linear-gradient(90deg, #f58466 1.64%, #fdba4d 100%);
    --txt-linear: linear-gradient( 45deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --btn-linear: linear-gradient(90deg, #f58466 2%, #fdba4d 100%);
    --btn-linear-1: radial-gradient( 194.06% 91.07% at 50% 52.17%, #0f385a 0%, #00656e 40%, #f58466 76.58%, #fdba4d 100%);
    --btn-linear-2: linear-gradient( 270deg, rgba(0, 42, 66, 0) 24.61%, #002a42 100%);
    --bg-linear: linear-gradient(180deg, #fff 26.71%, #fde8df 101.83%);
    --bg-linear-1: linear-gradient( 0deg, rgba(15, 56, 90, 0.2) 0%, rgba(0, 101, 110, 0.2) 47.89%, rgba(245, 132, 102, 0.2) 91.6%, rgba(253, 186, 77, 0.2) 119.74%);
    --bg-linear-2: linear-gradient( 0deg, rgba(253, 186, 77, 0.06) 0%, rgba(245, 132, 102, 0.2) 44.18%, rgba(255, 255, 255, 0.2) 100%);
    --bg-linear-3: linear-gradient( 0deg, rgba(253, 186, 77, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    --bg-linear-4: linear-gradient(0deg, #002c46 0%, rgba(0, 44, 70, 0) 45.16%);
    --bg-linear-5: linear-gradient( 180deg, rgba(0, 34, 62, 0) 49.75%, #00223e 99.6%);
    --bg-linear-6: linear-gradient( 0deg, rgba(0, 101, 110, 0.8) 0%, rgba(0, 101, 110, 0.5) 100%);
    --color-border-01: rgba(0, 0, 0, 0.1);
    --color-border-02: rgba(0, 0, 0, 0.2);
    --color-border-03: rgba(0, 0, 0, 0.3);
    --color-border-04: rgba(0, 0, 0, 0.4);
    --color-border-05: rgba(0, 0, 0, 0.5);
    --color-border-06: rgba(0, 0, 0, 0.6);
    --color-border-07: rgba(0, 0, 0, 0.7);
    --color-border-08: rgba(0, 0, 0, 0.8);
    --color-border-09: rgba(0, 0, 0, 0.9);
    --color-border-10: rgba(255, 144, 10, 0.1);
    --color-opa-white-01: rgba(255, 255, 255, 0.1);
    --color-opa-white-02: rgba(255, 255, 255, 0.2);
    --color-opa-white-03: rgba(255, 255, 255, 0.3);
    --color-opa-white-04: rgba(255, 255, 255, 0.4);
    --color-opa-white-05: rgba(255, 255, 255, 0.5);
    --color-opa-white-06: rgba(255, 255, 255, 0.6);
    --color-opa-white-07: rgba(255, 255, 255, 0.7);
    --color-opa-white-08: rgba(255, 255, 255, 0.8);
    --color-opa-white-09: rgba(255, 255, 255, 0.9);
    --shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    margin-top: 2rem;
}

.social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.social-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-item .txt {
    display: none;
}

@media screen and (min-width: 1200px) {
    .social-item:hover .social-link {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.social-item i {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
}

@media screen and (max-width: 800px) {
    .social-item i {
        --f-sz: 1.4rem;
    }
}

.social-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.social .txt {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 500;
    font-family: var(--font-pri);
    color: var(--color-text);
}

.social-link {
    --wicon: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: var(--wicon);
    height: var(--wicon);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 100%;
    overflow: hidden;
}

.social-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

:root {
    --color-pri-in: #0f385a;
    --color-pri: #0f385a;
    --color-second: #f58466;
    --color-thr: #00656e;
    --color-text: #222;
    --color-text-1: #453f3f;
    --color-text-2: #515151;
    --color-text-3: #999;
    --color-text-4: #4d4d4d;
    --color-text-5: #303030;
    --color-text-6: #2a2b2e;
    --color-text-7: #00656e;
    --color-text-8: #3d3a35;
    --color-input: #232338;
    --color-icon: #0f385a;
    --color-tt: #fdba4d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #8894aa;
    --color-border-1: #8294aa;
    --color-border-2: #d1d1d1;
    --color-border-3: #cecece;
    --color-border-4: #bfbfbf;
    --color-border-5: #d0d0d0;
    --color-border-6: #028938;
    --color-bg: #f3f8f8;
    --color-bg-1: rgba(0, 101, 110, 0.1);
    --color-bg-2: #002c46;
    --color-bg-3: #f9f9f9;
    --lpage-bg: #0d3658;
    --blur: blur(0.4rem);
    --filter: brightness(0) saturate(100%) invert(59%) sepia(42%) saturate(627%) hue-rotate(324deg) brightness(97%) contrast(99%);
    --filter-1: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);
    --filter-2: brightness(0) saturate(100%) invert(17%) sepia(35%) saturate(1702%) hue-rotate(173deg) brightness(94%) contrast(95%);
    --linear-tt: linear-gradient( 90deg, rgba(15, 56, 90, 1) 0%, rgba(0, 101, 110, 1) 40%, rgba(245, 132, 102, 1) 76%, rgba(253, 186, 77, 1) 100%);
    --linear-tt-1: linear-gradient( 270deg, rgba(245, 132, 102, 1) 0%, rgba(0, 101, 110, 1) 43%, rgba(15, 56, 90, 1) 100%);
    --color-linear: linear-gradient( 68deg, rgba(0, 44, 70, 0.7) 25.04%, rgba(0, 44, 70, 0) 71%);
    --color-linear-1: linear-gradient( 180deg, #072c48 0%, rgba(2, 115, 143, 0) 87.92%);
    --color-linear-2: linear-gradient( 0deg, #002c46 2.55%, rgba(0, 44, 70, 0) 42.64%);
    --color-linear-3: linear-gradient( 0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    --color-linear-4: linear-gradient( 270deg, rgba(255, 255, 255, 0) -24.42%, #0f385a 72.85%);
    --color-linear-5: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    --color-linear-6: linear-gradient( 270deg, #f58466 -8.74%, #00656e 26.05%, #0f385a 99.97%);
    --color-linear-7: linear-gradient( 180deg, #fff 0%, rgba(255, 255, 255, 0) 24.69%), linear-gradient(271deg, rgba(0, 0, 0, 0) 32.14%, #00656e 94.57%);
    --color-linear-8: linear-gradient( 276deg, rgba(0, 0, 0, 0) 20.23%, #0f385a 86.17%);
    --color-linear-9: linear-gradient( 276deg, rgba(0, 0, 0, 0) 34.62%, #00656e 89.04%);
    --color-linear-10: linear-gradient( 90deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --tt-linear: linear-gradient(90deg, #f58466 1.64%, #fdba4d 100%);
    --txt-linear: linear-gradient( 45deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --btn-linear: linear-gradient(90deg, #f58466 2%, #fdba4d 100%);
    --btn-linear-1: radial-gradient( 194.06% 91.07% at 50% 52.17%, #0f385a 0%, #00656e 40%, #f58466 76.58%, #fdba4d 100%);
    --btn-linear-2: linear-gradient( 270deg, rgba(0, 42, 66, 0) 24.61%, #002a42 100%);
    --bg-linear: linear-gradient(180deg, #fff 26.71%, #fde8df 101.83%);
    --bg-linear-1: linear-gradient( 0deg, rgba(15, 56, 90, 0.2) 0%, rgba(0, 101, 110, 0.2) 47.89%, rgba(245, 132, 102, 0.2) 91.6%, rgba(253, 186, 77, 0.2) 119.74%);
    --bg-linear-2: linear-gradient( 0deg, rgba(253, 186, 77, 0.06) 0%, rgba(245, 132, 102, 0.2) 44.18%, rgba(255, 255, 255, 0.2) 100%);
    --bg-linear-3: linear-gradient( 0deg, rgba(253, 186, 77, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    --bg-linear-4: linear-gradient(0deg, #002c46 0%, rgba(0, 44, 70, 0) 45.16%);
    --bg-linear-5: linear-gradient( 180deg, rgba(0, 34, 62, 0) 49.75%, #00223e 99.6%);
    --bg-linear-6: linear-gradient( 0deg, rgba(0, 101, 110, 0.8) 0%, rgba(0, 101, 110, 0.5) 100%);
    --color-border-01: rgba(0, 0, 0, 0.1);
    --color-border-02: rgba(0, 0, 0, 0.2);
    --color-border-03: rgba(0, 0, 0, 0.3);
    --color-border-04: rgba(0, 0, 0, 0.4);
    --color-border-05: rgba(0, 0, 0, 0.5);
    --color-border-06: rgba(0, 0, 0, 0.6);
    --color-border-07: rgba(0, 0, 0, 0.7);
    --color-border-08: rgba(0, 0, 0, 0.8);
    --color-border-09: rgba(0, 0, 0, 0.9);
    --color-border-10: rgba(255, 144, 10, 0.1);
    --color-opa-white-01: rgba(255, 255, 255, 0.1);
    --color-opa-white-02: rgba(255, 255, 255, 0.2);
    --color-opa-white-03: rgba(255, 255, 255, 0.3);
    --color-opa-white-04: rgba(255, 255, 255, 0.4);
    --color-opa-white-05: rgba(255, 255, 255, 0.5);
    --color-opa-white-06: rgba(255, 255, 255, 0.6);
    --color-opa-white-07: rgba(255, 255, 255, 0.7);
    --color-opa-white-08: rgba(255, 255, 255, 0.8);
    --color-opa-white-09: rgba(255, 255, 255, 0.9);
    --shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

.row {
    --col-gap: 2.4rem;
    --row-gap: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 calc(var(--col-gap) / 2 * -1) calc(var(--row-gap) * -1);
}

.row.grid {
    display: -ms-grid;
    display: grid;
    --col-gap: 2.4rem;
    --row-gap: 2.4rem;
}

@media screen and (max-width: 800px) {
    .row.grid {
        --col-gap: 1.6rem;
        --row-gap: 1.6rem;
    }
}

.row.rowsec {
    --col-gap: 2.4rem;
    --row-gap: 2.4rem;
}

@media screen and (max-width: 800px) {
    .row.rowsec {
        --col-gap: 1.6rem;
        --row-gap: 1.6rem;
    }
}

@media screen and (max-width: 800px) {
    .row {
        --col-gap: 1.6rem;
        --row-gap: 1.6rem;
    }
}

.row.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.col {
    width: 100%;
    padding: 0 calc(var(--col-gap) / 2);
    margin-bottom: var(--row-gap);
}

.col .pagination-mona {
    margin-top: 0;
}

.col-11 {
    width: calc(11 / 12 * 100%);
}

.col-10 {
    width: calc(10 / 12 * 100%);
}

.col-9 {
    width: calc(9 / 12 * 100%);
}

.col-8 {
    width: calc(8 / 12 * 100%);
}

.col-7 {
    width: calc(7 / 12 * 100%);
}

.col-6 {
    width: 50%;
}

.col-5 {
    width: calc(5 / 12 * 100%);
}

.col-4 {
    width: calc(4 / 12 * 100%);
}

.col-3 {
    width: calc(3 / 12 * 100%);
}

.col-20 {
    width: 20%;
}

.col-2 {
    width: calc(2 / 12 * 100%);
}

.col-1 {
    width: calc(1 / 12 * 100%);
}

@-webkit-keyframes titledecor {
    0% {
        -webkit-transform: scale(0.2) translate(100%);
        transform: scale(0.2) translate(100%);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.5) translate(0, 0);
        transform: scale(0.5) translate(0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}

@keyframes titledecor {
    0% {
        -webkit-transform: scale(0.2) translate(100%);
        transform: scale(0.2) translate(100%);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.5) translate(0, 0);
        transform: scale(0.5) translate(0, 0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes marqueeTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@keyframes marqueeTop {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@-webkit-keyframes marqueeBottom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes marqueeBottom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes playbtn {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes playbtn {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(0.8);
        transform: translate(-50%, -50%) scale(0.8);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 10000px 0;
    }
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 10000px 0;
    }
}

@-webkit-keyframes shake3D {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0);
        transform: translate3d(0, 0, 0) rotateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0);
    }
}

@keyframes shake3D {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0) rotateX(0);
        transform: translate3d(0, 0, 0) rotateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, -10px, 0);
        transform: translate3d(-10px, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 10px, 0);
        transform: translate3d(10px, 10px, 0);
    }
}

@-webkit-keyframes shake3DCus {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(10px, -10px, 0);
        transform: translate3d(10px, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(-10px, 10px, 0);
        transform: translate3d(-10px, 10px, 0);
    }
}

@keyframes shake3DCus {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(10px, -10px, 0);
        transform: translate3d(10px, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(-10px, 10px, 0);
        transform: translate3d(-10px, 10px, 0);
    }
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

@-webkit-keyframes dance-2 {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }
    20% {
        -webkit-transform: translate(0, 0) rotate(5deg);
        transform: translate(0, 0) rotate(5deg);
    }
    40% {
        -webkit-transform: translate(0, 0) rotate(-5deg);
        transform: translate(0, 0) rotate(-5deg);
    }
    60% {
        -webkit-transform: translate(0, 0) rotate(5deg);
        transform: translate(0, 0) rotate(5deg);
    }
    80% {
        -webkit-transform: translate(0, 3rem) rotate(-5deg);
        transform: translate(0, 3rem) rotate(-5deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }
}

@keyframes dance-2 {
    0% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }
    20% {
        -webkit-transform: translate(0, 0) rotate(5deg);
        transform: translate(0, 0) rotate(5deg);
    }
    40% {
        -webkit-transform: translate(0, 0) rotate(-5deg);
        transform: translate(0, 0) rotate(-5deg);
    }
    60% {
        -webkit-transform: translate(0, 0) rotate(5deg);
        transform: translate(0, 0) rotate(5deg);
    }
    80% {
        -webkit-transform: translate(0, 3rem) rotate(-5deg);
        transform: translate(0, 3rem) rotate(-5deg);
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0);
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes phone-fn {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(5);
        transform: translate3d(0, -3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(5);
        transform: translate3d(0, -3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@-webkit-keyframes OutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@keyframes OutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2);
    }
}

@-webkit-keyframes OutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

@keyframes OutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2);
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@-webkit-keyframes lefttoright {
    0% {
        -webkit-transform: translate(-100%, 0) scale(0.7);
        transform: translate(-100%, 0) scale(0.7);
        opacity: 0;
    }
    80% {
        -webkit-transform: translate(0, 0) scale(0.7);
        transform: translate(0, 0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes righttoleft {
    0% {
        -webkit-transform: translate(100%, 0) scale(0.7);
        transform: translate(100%, 0) scale(0.7);
        opacity: 0;
    }
    80% {
        -webkit-transform: translate(0, 0) scale(0.7);
        transform: translate(0, 0) scale(0.7);
        opacity: 0.7;
    }
    100% {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes cloud {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}

@keyframes cloud {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
}

@-webkit-keyframes cloud2 {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes cloud2 {
    0% {
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes flash {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes flash {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes star {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0.3;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@keyframes star {
    0% {
        opacity: 0.3;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0.3;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}

@-webkit-keyframes animate-svg {
    0% {
        stroke-dashoffset: 100%;
        stroke-dasharray: 100%;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 100%;
    }
}

@keyframes animate-svg {
    0% {
        stroke-dashoffset: 100%;
        stroke-dasharray: 100%;
    }
    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 100%;
    }
}

@-webkit-keyframes rotatecus {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

@keyframes rotatecus {
    0% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadel {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadel {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes fader {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fader {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes shakeY-cus {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
    }
}

@keyframes shakeY-cus {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0);
    }
}

@-webkit-keyframes scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes cluippathcenter {
    0% {
        -webkit-clip-path: inset(0 50% 0 50%);
        clip-path: inset(0 50% 0 50%);
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@keyframes cluippathcenter {
    0% {
        -webkit-clip-path: inset(0 50% 0 50%);
        clip-path: inset(0 50% 0 50%);
    }
    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

@-webkit-keyframes reveal {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    50% {
        -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 0, 100% 100%, 100% 100%);
    }
    100% {
        -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
}

@keyframes reveal {
    0% {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    }
    50% {
        -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 0, 100% 100%, 100% 100%);
    }
    100% {
        -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
        clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    }
}

@-webkit-keyframes frame {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes frame {
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes zoomin2 {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes zoomin2 {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes zoomout {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ani {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@keyframes ani {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@-webkit-keyframes ani2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}

@keyframes ani2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}

@-webkit-keyframes cloudMove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@keyframes cloudMove {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}

@-webkit-keyframes cloudFade {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes cloudFade {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes flip {
    30% {
        -webkit-transform: rotateY(45deg);
        transform: rotateY(45deg);
    }
    50% {
        -webkit-transform: rotateY(-45deg);
        transform: rotateY(-45deg);
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
}

@keyframes flip {
    30% {
        -webkit-transform: rotateY(45deg);
        transform: rotateY(45deg);
    }
    50% {
        -webkit-transform: rotateY(-45deg);
        transform: rotateY(-45deg);
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }
}

@-webkit-keyframes pin {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}

@-webkit-keyframes hvtran {
    0% {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvtran {
    0% {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes phone-fn {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes phone-fn {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes moveRight {
    100% {
        background-position: 100% 0;
    }
}

@-webkit-keyframes moveRight {
    100% {
        background-position: 100% 0;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes shinẻv {
    100% {
        right: 125%;
    }
}

@keyframes shinẻv {
    100% {
        right: 125%;
    }
}

@-webkit-keyframes spring {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes spring {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    70% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    95% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    95% {
        width: 500%;
        height: 500%;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes phoneRing {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@keyframes phoneRing {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-35deg) scale(1) skew(1deg);
        transform: rotate(-35deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(35deg) scale(1) skew(1deg);
        transform: rotate(35deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-35deg) scale(1) skew(1deg);
        transform: rotate(-35deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(35deg) scale(1) skew(1deg);
        transform: rotate(35deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(-35%) scale(1) skew(1deg);
        transform: rotate(-35%) scale(1) skew(1deg);
    }
    60% {
        -webkit-transform: rotate(35%) scale(1) skew(1deg);
        transform: rotate(35%) scale(1) skew(1deg);
    }
    70% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes ZoomIn {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ZoomIn {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes Spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes Spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes BTT {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes BTT {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes halo {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes halo {
    from {
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-5px);
        transform: translatey(-5px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-5px);
        transform: translatey(-5px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@-webkit-keyframes mirror {
    100% {
        -webkit-transform: translate3d(2000%, 0, 0) rotate(35deg);
        transform: translate3d(2000%, 0, 0) rotate(35deg);
    }
}

@keyframes mirror {
    100% {
        -webkit-transform: translate3d(2000%, 0, 0) rotate(35deg);
        transform: translate3d(2000%, 0, 0) rotate(35deg);
    }
}

@-webkit-keyframes DownUp {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@keyframes DownUp {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}

@-webkit-keyframes jelly {
    25% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    50% {
        -webkit-transform: scale(1.05, 0.95);
        transform: scale(1.05, 0.95);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@keyframes jelly {
    25% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    50% {
        -webkit-transform: scale(1.05, 0.95);
        transform: scale(1.05, 0.95);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

@-webkit-keyframes jelly2 {
    25% {
        -webkit-transform: scale(0.98, 1.02);
        transform: scale(0.98, 1.02);
    }
    50% {
        -webkit-transform: scale(1.02, 0.98);
        transform: scale(1.02, 0.98);
    }
    75% {
        -webkit-transform: scale(0.98, 1.02);
        transform: scale(0.98, 1.02);
    }
}

@keyframes jelly2 {
    25% {
        -webkit-transform: scale(0.98, 1.02);
        transform: scale(0.98, 1.02);
    }
    50% {
        -webkit-transform: scale(1.02, 0.98);
        transform: scale(1.02, 0.98);
    }
    75% {
        -webkit-transform: scale(0.98, 1.02);
        transform: scale(0.98, 1.02);
    }
}

@-webkit-keyframes jellyTranForm {
    25% {
        -webkit-transform: translate(-50%, -50%) scale(0.9, 1.1);
        transform: translate(-50%, -50%) scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.1, 0.9);
        transform: translate(-50%, -50%) scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: translate(-50%, -50%) scale(0.95, 1.05);
        transform: translate(-50%, -50%) scale(0.95, 1.05);
    }
}

@keyframes jellyTranForm {
    25% {
        -webkit-transform: translate(-50%, -50%) scale(0.9, 1.1);
        transform: translate(-50%, -50%) scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.1, 0.9);
        transform: translate(-50%, -50%) scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: translate(-50%, -50%) scale(0.95, 1.05);
        transform: translate(-50%, -50%) scale(0.95, 1.05);
    }
}

@-webkit-keyframes jittery {
    5%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    15% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    20% {
        -webkit-transform: scale(1.05) rotate(-5deg);
        transform: scale(1.05) rotate(-5deg);
    }
    25% {
        -webkit-transform: scale(1.05) rotate(5deg);
        transform: scale(1.05) rotate(5deg);
    }
    30% {
        -webkit-transform: scale(1.05) rotate(-3deg);
        transform: scale(1.05) rotate(-3deg);
    }
    35% {
        -webkit-transform: scale(1.05) rotate(2deg);
        transform: scale(1.05) rotate(2deg);
    }
    40% {
        -webkit-transform: scale(1.05) rotate(0);
        transform: scale(1.05) rotate(0);
    }
}

@keyframes jittery {
    5%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    15% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    20% {
        -webkit-transform: scale(1.05) rotate(-5deg);
        transform: scale(1.05) rotate(-5deg);
    }
    25% {
        -webkit-transform: scale(1.05) rotate(5deg);
        transform: scale(1.05) rotate(5deg);
    }
    30% {
        -webkit-transform: scale(1.05) rotate(-3deg);
        transform: scale(1.05) rotate(-3deg);
    }
    35% {
        -webkit-transform: scale(1.05) rotate(2deg);
        transform: scale(1.05) rotate(2deg);
    }
    40% {
        -webkit-transform: scale(1.05) rotate(0);
        transform: scale(1.05) rotate(0);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@keyframes grow {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@-webkit-keyframes mouse {
    from {
        opacity: 1;
        top: 30%;
    }
    to {
        opacity: 0;
        top: 70%;
    }
}

@keyframes mouse {
    from {
        opacity: 1;
        top: 30%;
    }
    to {
        opacity: 0;
        top: 70%;
    }
}

@-webkit-keyframes grows {
    from {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@keyframes grows {
    from {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
}

@-webkit-keyframes shakeX {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@-webkit-keyframes shakeY {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@-webkit-keyframes zoomInSlow {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes zoomInSlow {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
}

@-webkit-keyframes zoomOutSlow {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@keyframes zoomOutSlow {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@-webkit-keyframes zoomIns {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomIns {
    from {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes fadeUp {
    from {
        -webkit-transform: translateY(10rem);
        transform: translateY(10rem);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.4;
    }
}

@keyframes fadeUp {
    from {
        -webkit-transform: translateY(10rem);
        transform: translateY(10rem);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.4;
    }
}

@keyframes zoomOutSlow {
    from {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }
    to {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
    }
}

@-webkit-keyframes DownUp2 {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    50% {
        -webkit-transform: translate(-50%, -10px);
        transform: translate(-50%, -10px);
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes DownUp2 {
    0% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    50% {
        -webkit-transform: translate(-50%, -10px);
        transform: translate(-50%, -10px);
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@-webkit-keyframes fadeLeftLong {
    from {
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeLeftLong {
    from {
        -webkit-transform: translateX(10rem);
        transform: translateX(10rem);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes imgLoad {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes imgLoad {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translate3D(-100%, 0, 0);
        transform: translate3D(-100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translate3D(-100%, 0, 0);
        transform: translate3D(-100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(100%, 0, 0);
        transform: translate3D(100%, 0, 0);
    }
}

@keyframes slide-out-right {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(100%, 0, 0);
        transform: translate3D(100%, 0, 0);
    }
}

@-webkit-keyframes slide-in-right-50 {
    0% {
        -webkit-transform: translate3D(-50%, 0, 0);
        transform: translate3D(-50%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@keyframes slide-in-right-50 {
    0% {
        -webkit-transform: translate3D(-50%, 0, 0);
        transform: translate3D(-50%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translate3D(100%, 0, 0);
        transform: translate3D(100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translate3D(100%, 0, 0);
        transform: translate3D(100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@-webkit-keyframes slide-out-left {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(-100%, 0, 0);
        transform: translate3D(-100%, 0, 0);
    }
}

@keyframes slide-out-left {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(-100%, 0, 0);
        transform: translate3D(-100%, 0, 0);
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translate3D(0, -100%, 0);
        transform: translate3D(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translate3D(0, -100%, 0);
        transform: translate3D(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@-webkit-keyframes slide-out-left-50 {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(-50%, 0, 0);
        transform: translate3D(-50%, 0, 0);
    }
}

@keyframes slide-out-left-50 {
    0% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(-50%, 0, 0);
        transform: translate3D(-50%, 0, 0);
    }
}

@-webkit-keyframes slide-in-left-50 {
    0% {
        -webkit-transform: translate3D(50%, 0, 0);
        transform: translate3D(50%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@keyframes slide-in-left-50 {
    0% {
        -webkit-transform: translate3D(50%, 0, 0);
        transform: translate3D(50%, 0, 0);
    }
    100% {
        -webkit-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
    }
}

@-webkit-keyframes revealRTL {
    0% {
        width: 0;
        right: 0;
    }
    65% {
        width: 100%;
        right: 0;
    }
    100% {
        width: 0;
        right: 100%;
    }
}

@keyframes revealRTL {
    0% {
        width: 0;
        right: 0;
    }
    65% {
        width: 100%;
        right: 0;
    }
    100% {
        width: 0;
        right: 100%;
    }
}

@-webkit-keyframes shine2 {
    0% {
        left: -50%;
        opacity: 0.5;
    }
    50% {
        left: 25%;
        opacity: 0.25;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@keyframes shine2 {
    0% {
        left: -50%;
        opacity: 0.5;
    }
    50% {
        left: 25%;
        opacity: 0.25;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-top {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes tracking-in-expand {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes tracking-in-expand {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@-webkit-keyframes toTop {
    0% {
        bottom: 0;
        opacity: 0;
    }
    20% {
        bottom: 0;
        opacity: 1;
    }
    100% {
        bottom: 100%;
        opacity: 0;
    }
}

@keyframes toTop {
    0% {
        bottom: 0;
        opacity: 0;
    }
    20% {
        bottom: 0;
        opacity: 1;
    }
    100% {
        bottom: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

@keyframes tilt-in-fwd-bl {
    0% {
        -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
        transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

@-webkit-keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
        transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

@keyframes tilt-in-fwd-br {
    0% {
        -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
        transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        transform: rotateY(0) rotateX(0) translate(0, 0) skew(0deg, 0deg);
        opacity: 1;
    }
}

@-webkit-keyframes tabUp {
    from {
        -webkit-transform: translateY(100%) scale(0.9);
        transform: translateY(100%) scale(0.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes tabUp {
    from {
        -webkit-transform: translateY(100%) scale(0.9);
        transform: translateY(100%) scale(0.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes tabDown {
    from {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(-100%) scale(0.9);
        transform: translateY(-100%) scale(0.9);
        opacity: 0;
    }
}

@keyframes tabDown {
    from {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translateY(-100%) scale(0.9);
        transform: translateY(-100%) scale(0.9);
        opacity: 0;
    }
}

@-webkit-keyframes tabRight {
    from {
        -webkit-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}

@keyframes tabRight {
    from {
        -webkit-transform: translateX(100%) scale(0.9);
        transform: translateX(100%) scale(0.9);
        opacity: 0;
    }
    to {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes tabLeft {
    from {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0;
    }
}

@keyframes tabLeft {
    from {
        -webkit-transform: translateX(0) scale(1);
        transform: translateX(0) scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: translateX(-100%) scale(0.9);
        transform: translateX(-100%) scale(0.9);
        opacity: 0;
    }
}

@-webkit-keyframes beat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    96% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes beat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    96% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.archireenco-wecan-group b,
.archireenco-wecan-group strong {
    font-weight: 700;
}

.archireenco-wecan-group em,
.archireenco-wecan-group i {
    font-style: italic;
}

.archireenco-wecan-group h4 {
    font-size: 1.125em;
}

.archireenco-wecan-group h5 {
    font-size: 1em;
}

.archireenco-wecan-group h6 {
    font-size: 0.85em;
}

.archireenco-wecan-group li,
.archireenco-wecan-group p {
    margin-bottom: 1em;
}

.archireenco-wecan-group ol,
.archireenco-wecan-group ul {
    margin: 1em 0;
    margin-bottom: 1em;
    list-style-position: inside;
}

.archireenco-wecan-group ol ol,
.archireenco-wecan-group ol ul,
.archireenco-wecan-group ul ol,
.archireenco-wecan-group ul ul {
    margin-left: 1em;
}

.archireenco-wecan-group ul {
    list-style-type: disc;
}

.archireenco-wecan-group ol {
    list-style-type: decimal;
}

.archireenco-wecan-group ol ul,
.archireenco-wecan-group ul ul {
    list-style-type: circle;
}

.archireenco-wecan-group ol ol,
.archireenco-wecan-group ul ol {
    list-style-type: lower-latin;
}

.archireenco-wecan-group iframe,
.archireenco-wecan-group img {
    max-width: 100% !important;
}

.archireenco-wecan-group blockquote {
    border-left: 2px solid var(--color-pri) !important;
    padding-left: 2rem !important;
    margin-bottom: 1em;
    quotes: "\201C""\201D""\2018""\2019";
}

.archireenco-wecan-group blockquote p {
    display: inline;
}

.archireenco-wecan-group table {
    border-collapse: collapse;
    max-width: 100%;
    margin: 1em 0;
    border: 1px solid #e1e1e1;
}

.archireenco-wecan-group table td,
.archireenco-wecan-group table th {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 5px 10px;
    vertical-align: middle;
}

.archireenco-wecan-group .mona-youtube-wrap {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

.archireenco-wecan-group .mona-youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.archireenco-wecan-group .mona-table-wrap {
    overflow: auto;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    --size-hd: 10rem;
    --size-sc: 8rem;
    --hd-top: 6.4rem;
    --hd-bot: 4rem;
    --dist8: 0.8rem;
    --dist12: 1.2rem;
    --dist16: 1.6rem;
    --dist20: 2rem;
    --dist24: 2.4rem;
    --dist28: 2.8rem;
    --dist30: 3rem;
    --dist32: 3.2rem;
    --dist36: 3.6rem;
    --dist40: 4rem;
    --dist44: 4.4rem;
    --dist48: 4.8rem;
    --dist50: 5rem;
    --dist52: 5.2rem;
    --dist56: 5.6rem;
    --dist60: 6rem;
    --dist62: 6.2rem;
    --dist64: 6.4rem;
    --dist80: 8rem;
    --dist100: 10rem;
    --dist120: 12rem;
    --dist160: 16rem;
    --container: 163rem;
    --containersec: 136rem;
    --remainder: calc(100vw - var(--container));
    --halfremainder: calc(var(--remainder) / 2);
    --seremainder: calc(var(--halfremainder) / 3);
    --halfseremainder: calc(var(--halfremainder) / 2);
    --font-pri: "SFProDisplay", Sans-serif;
    --font-sec: "Playfair", serif;
    --font-thr: "Lexend Deca", Sans-serif;
    --font-tt: "SVN-Rosellinda Alyamore", Sans-serif;
}

@media (max-width: 1200px) {
     :root {
        --size-hd: 8rem;
        --size-sc: 6rem;
        --dist8: 0.4rem;
        --dist12: 0.6rem;
        --dist16: 0.8rem;
        --dist20: 1rem;
        --dist24: 1.2rem;
        --dist28: 1.4rem;
        --dist30: 1.5rem;
        --dist32: 1.6rem;
        --dist36: 1.8rem;
        --dist40: 2rem;
        --dist44: 2.2rem;
        --dist48: 2.4rem;
        --dist50: 2.6rem;
        --dist52: 2.6rem;
        --dist56: 2.8rem;
        --dist60: 3rem;
        --dist62: 3.2rem;
        --dist64: 3.2rem;
        --dist80: 4rem;
        --dist100: 5rem;
        --dist120: 6rem;
        --dist160: 8rem;
    }
}

@media (max-width: 800px) {
     :root {
        --size-hd: 6rem;
        --size-sc: 6rem;
    }
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
    margin-top: 0 !important;
}

@media screen and (min-width: 783ppx) {
    .admin-bar .stickyJs.fixed .stickyHeadJs {
        top: calc(var(--size-sc) + 3.2rem);
    }
    .admin-bar .careerdt-inner,
    .admin-bar .newsdt-right-inner {
        top: calc(var(--size-hd) + 3.2rem);
    }
    .admin-bar header {
        top: 3.2rem;
    }
    .admin-bar .header .mobile,
    .admin-bar .header .mobile-overlay {
        top: calc(var(--size-hd) + 3.2rem);
        height: calc(100% - var(--size-hd) - 3.2rem);
    }
    .admin-bar .header.sticky .mobile,
    .admin-bar .header.sticky .mobile-overlay {
        top: calc(var(--size-sc) + 3.2rem);
        height: calc(100% - var(--size-sc) - 3.2rem);
    }
    .admin-bar .stickyJs.fixed .stickyHeadJs {
        top: calc(var(--size-sc) + 3.2rem);
    }
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

body {
    font-size: 16px;
    line-height: 1.55;
    font-weight: 400;
    font-family: var(--font-pri);
    color: var(--color-text);
    background-color: var(--color-white);
    overflow: hidden auto;
    position: relative;
}

@media screen and (max-width: 800px) {
    body {
        font-size: 14px;
    }
}

body::-webkit-scrollbar {
    width: 0.5rem;
}

body::-webkit-scrollbar-thumb {
    background-image: -webkit-gradient( linear, left top, left bottom, from(var(--color-pri)), to(var(--color-pri)));
    background-image: linear-gradient(var(--color-pri), var(--color-pri));
    border-radius: 50px;
}

a {
    text-decoration: none;
    text-underline-position: under;
    color: inherit;
}

*,
:focus {
    outline: 0;
}

section {
    position: relative;
}

button,
select {
    border: none;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    cursor: pointer;
}

.collapse-body {
    display: none;
}

button {
    padding: 0;
    background-color: transparent;
    cursor: pointer;
}

::-moz-selection {
    background-color: var(--color-pri);
    color: var(--color-white);
}

::selection {
    background-color: var(--color-pri);
    color: var(--color-white);
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.main {
    position: relative;
    padding-top: 0;
}

@media screen and (max-width: 1200px) {
    .main {
        padding-top: var(--size-hd);
    }
}

.container {
    width: 100%;
    max-width: var(--container);
    height: 100%;
    margin: 0 auto;
    padding: 0 2rem;
}

.container.sec {
    max-width: var(--containersec);
}

.bg-pri {
    background-color: var(--color-pri);
}

.bg-sec {
    background-color: var(--color-second);
}

.bg-white {
    background-color: var(--color-white);
}

.bg-main {
    background-color: var(--color-black);
}

.dflex-wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
}

.dflex-jus {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dflex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dflex-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dist40);
}

.bold {
    font-weight: 700;
}

.bdr8 {
    border-radius: 0.8rem;
    overflow: hidden;
}

.bdr12 {
    border-radius: 1.2rem;
    overflow: hidden;
}

.pd-sec {
    padding: 2rem 1.6rem;
}

.headwr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bdswiper {
    border-top: 0.1rem solid var(--color-border);
}

.bdswiper .swiper-slide:not(:last-child) {
    border-right: 0.1rem solid var(--color-border);
}

.clint {
    max-width: 100%;
    overflow: auto hidden;
}

.clint-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.clint-item {
    --wh: 4.8rem;
    width: var(--wh);
    height: var(--wh);
    padding: 0.4rem;
    border-radius: 100%;
    z-index: 1;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .clint-item {
        --wh: 4rem;
    }
}

.clint-item:not(:first-child) {
    margin-left: calc(-1 * var(--wh) / 2);
}

.clint-item.spec {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.4rem 1rem;
    border-radius: 50%;
}

.clint-item .txt {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-pri);
}

.clint-item img {
    border-radius: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.fil {
    border: 0.1rem solid var(--color-border-6);
    border-radius: 0.6rem;
    padding: 1.2rem;
    background-color: var(--color-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.fil .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--dist12);
}

.fil .inner img {
    width: 4rem;
    height: 4rem;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.fil .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fil .des p {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 700;
    color: var(--color-text-10);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    word-break: break-all;
}

.fil .des span {
    font-size: 1.4rem;
    font-weight: 400;
}

.fil .btn-main {
    text-transform: lowercase;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.fil .btn-main .txt {
    text-transform: lowercase;
}

.filter-slider {
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.filter-slider.center {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.filter-slider.f-sec .swiper-slide {
    margin-right: var(--dist64);
}

.filter-slider.f-sec .filter-link {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
}

@media screen and (max-width: 800px) {
    .filter-slider.f-sec .filter-link {
        font-size: 1.6rem;
    }
}

.filter-slider.f-sec .filter-link::after {
    background-color: var(--color-text);
    width: 0.2rem;
    height: 50%;
}

.filter-slider.f-sec .filter-link:not(.active):not(:hover) {
    color: var(--color-text);
}

.filter-slider.sec {
    margin: 0 auto;
}

.filter-slider.sec .filter-link {
    font-family: var(--font-pri);
}

.filter-slider.sec .filter-link::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.1rem;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
    background: var(--color-pri);
}

.filter-slider.sec .filter-link.active::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (min-width: 1200px) {
    .filter-slider.sec .filter-link:hover::before {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.filter-slider .swiper {
    max-width: 100%;
}

.filter-slider .swiper-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

.filter-slider .swiper-slide {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.filter-slider .swiper-slide:not(:last-child) {
    margin-right: var(--dist80);
}

.filter-slider .swiper-slide:last-child {
    margin-right: 0 !important;
}

.filter-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    --f-sz: clamp(2.5rem, calc(0.5rem + 2.5vw), 3.5rem);
    font-size: var(--f-sz);
    font-weight: 700;
    color: var(--color-text-5);
    font-family: var(--font-sec);
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 800px) {
    .filter-link {
        font-size: 1.6rem;
    }
}

.filter-link::after {
    position: absolute;
    content: "";
    height: 60%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: calc(-1 * var(--dist80) / 2);
    background-color: var(--color-text-5);
    width: 0.3rem;
}

@media screen and (min-width: 1200px) {
    .filter-link:hover {
        color: var(--color-second);
    }
}

.filter-link.active {
    color: var(--color-second);
    pointer-events: none;
    cursor: not-allowed;
}

.filter-link.active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
}

.sliderpos {
    position: relative;
}

.stickyJs {
    min-height: var(--height);
}

.stickyJs.fixed .stickyHeadJs {
    position: fixed;
    top: var(--size-sc);
    left: 0;
    right: 0;
}

.stickyJs .stickyHeadJs {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 10;
}

.shadowpri {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}

.no-scroll {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none;
}

iframe {
    vertical-align: middle;
}

.glsearch {
    position: relative;
    --wbtn: 5rem;
    height: var(--wbtn);
    padding-left: 1.6rem;
    border: 0.1rem solid var(--color-border-2);
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 32.6rem;
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .glsearch {
        --wbtn: 4rem;
    }
}

.glsearch-btn {
    width: calc(var(--wbtn) / 2);
    height: calc(var(--wbtn) / 2);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.glsearch-btn img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.glsearch-input {
    border: none;
    outline: 0;
    height: 100%;
    width: 100%;
    padding: 0 1.2rem;
    background-color: transparent;
    color: var(--color-text);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 400;
    font-family: var(--font-pri);
}

@media screen and (max-width: 800px) {
    .glsearch-input {
        --f-sz: 1.4rem;
    }
}

.glsearch-input::-webkit-input-placeholder {
    color: var(--color-text-3);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 600;
    font-family: var(--font-pri);
}

.glsearch-input::-moz-placeholder {
    color: var(--color-text-3);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 600;
    font-family: var(--font-pri);
}

.glsearch-input::-ms-input-placeholder {
    color: var(--color-text-3);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 600;
    font-family: var(--font-pri);
}

.glsearch-input::placeholder {
    color: var(--color-text-3);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 600;
    font-family: var(--font-pri);
}

@media screen and (max-width: 800px) {
    .glsearch-input::-webkit-input-placeholder {
        --f-sz: 1.4rem;
    }
    .glsearch-input::-moz-placeholder {
        --f-sz: 1.4rem;
    }
    .glsearch-input::-ms-input-placeholder {
        --f-sz: 1.4rem;
    }
    .glsearch-input::placeholder {
        --f-sz: 1.4rem;
    }
}

img {
    max-width: 100%;
    height: auto;
}

.global-btn {
    --wbtn: 5.6rem;
    background-color: var(--color-white);
    border-radius: 100%;
    width: var(--wbtn);
    height: var(--wbtn);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: calc(-1 * var(--wbtn) / 2) auto 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: var(--color-text-2);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.global-btn i {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.load-item,
.tabPanel {
    display: none;
}

.tabbtn.active {
    pointer-events: none;
    cursor: not-allowed;
}

.splide__track {
    width: 100%;
}

.archireenco-wecan-group .wp-caption {
    padding: 0.6rem;
}

.archireenco-wecan-group .wp-block-heading {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-pri);
    color: var(--color-text);
}

.archireenco-wecan-group img {
    border-radius: var(--dist16);
}

.archireenco-wecan-group h3 {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-pri);
    color: var(--color-text);
}

.archireenco-wecan-group ol,
.archireenco-wecan-group ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

.archireenco-wecan-group li,
.archireenco-wecan-group p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--color-text);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 400;
    font-family: var(--font-pri);
}

.archireenco-wecan-group span {
    font-weight: 600;
    font-family: var(--font-pri);
    color: var(--color-text);
}

.archireenco-wecan-group li {
    margin-bottom: 0.8rem;
}

.archireenco-wecan-group .scroll-table {
    width: 100%;
    overflow: auto hidden;
}

.archireenco-wecan-group blockquote {
    padding: 0 0 0 1.6rem;
    border-left-color: var(--color-pri) !important;
}

.archireenco-wecan-group blockquote p {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 500;
    color: var(--color-pri);
}

@media screen and (max-width: 800px) {
    .archireenco-wecan-group blockquote p {
        --f-sz: 1.4rem;
    }
}

.archireenco-wecan-group table {
    border: none;
}

.archireenco-wecan-group table thead {
    border-radius: 0.8rem;
    background-color: var(--color-border);
}

.archireenco-wecan-group table thead tr {
    border: none;
}

.archireenco-wecan-group table thead td {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 0 0.8rem;
    color: var(--color-text);
    font-weight: 600;
}

.archireenco-wecan-group table tr {
    padding: 0.8rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.archireenco-wecan-group table tbody tr {
    border-bottom: 0.1rem solid var(--color-border);
}

.archireenco-wecan-group table tbody th {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 1.2rem 0.8rem;
    text-align: left;
}

.mobile {
    position: fixed;
    z-index: 140;
    top: var(--size-hd);
    left: 0;
    bottom: 0;
    height: calc(100vh - var(--size-hd));
    min-width: 23rem;
    width: 42rem;
    background-color: var(--color-white);
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0.1rem solid var(--color-border);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

@media screen and (max-width: 500px) {
    .mobile {
        width: 95%;
        min-width: initial;
    }
}

.mobile.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mobile-head {
    padding: 0.8rem 2.4rem;
}

.mobile-top {
    position: relative;
    z-index: 1;
    background-color: var(--color-bg);
}

.mobile-nav {
    padding: 1.2rem;
    border-bottom: 0.1rem solid var(--color-border);
}

.mobile-logo {
    width: 18.8rem;
    margin: 0 auto 2rem;
}

.mobile-con {
    width: 100%;
    overflow: hidden auto;
    max-height: 100%;
    position: relative;
}

.mobile-heading {
    font-size: 1.8rem;
    line-height: 1.5;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 2rem;
    text-transform: uppercase;
}

.mobile-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: var(--color-border-07);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    top: var(--size-hd);
}

.mobile-overlay.open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mobile-wr {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.mobile-content {
    padding: 1.2rem;
}

.mobile-content .mobile-fl.add .title::after {
    content: "\f3c5";
}

.mobile-content .mobile-fl.ph .title::after {
    content: "\f2a0";
}

.mobile-content .mobile-fl.mail .title::after {
    content: "\f0e0";
}

@media screen and (min-width: 1200px) {
    .mobile-content .footer-item:hover .txt {
        color: var(--color-pri);
    }
}

.mobile-content .footer-item .icon {
    --wicon: 2.4rem;
    display: none;
}

.mobile-content .footer-item .footer-tt {
    color: var(--color-text);
}

.mobile-content .footer-item .link {
    font-weight: 400;
    color: var(--color-text);
}

.mobile-content .footer-item .txt {
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--color-text);
}

.mobile-title {
    --f-sz: clamp(1.8rem, calc(1rem + 1vw), 2.2rem);
    font-size: var(--f-sz);
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 1.2rem;
    position: relative;
    color: var(--color-text);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: var(--font-pri);
}

.mobile-title::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0.2rem;
    background-color: var(--color-pri);
    z-index: 1;
}

.mobile-mxh {
    padding: 1.2rem;
    position: sticky;
    bottom: 0;
}

.mobile-text {
    --f-sz: 1.4rem;
    font-size: var(--f-sz);
    display: block;
    color: var(--color-pri);
    word-break: break-word;
    font-weight: 500;
}

@media screen and (max-width: 800px) {
    .mobile-text {
        --f-sz: 1.2rem;
    }
}

@media screen and (min-width: 1200px) {
    .mobile-text:hover {
        text-decoration: underline;
    }
}

.mobile-text:not(:last-child) {
    margin-bottom: 0.8rem;
}

.mobile-account {
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.mobile-re {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-re-link {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    color: var(--color-white);
    text-decoration: underline;
}

@media screen and (max-width: 800px) {
    .mobile-re-link {
        --f-sz: 1.4rem;
    }
}

.mobile-re-link:not(:first-child) {
    margin-left: 16px;
}

.mobile-close {
    position: absolute;
    top: 1.8rem;
    right: 1.8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .mobile-close {
        right: 1rem;
        top: 1rem;
    }
}

.mobile-close .icon {
    -webkit-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
}

@media screen and (max-width: 800px) {
    .mobile-close .icon {
        width: 1.2rem;
        height: 1.2rem;
    }
}

@media screen and (min-width: 1200px) {
    .mobile-close:hover .icon {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.mobile-fl span {
    font-weight: 700;
}

.mobile-fl .mobile-text {
    font-style: italic;
}

.mobile-fl .fw-6 {
    margin-bottom: 0.8rem;
    margin-bottom: 0.8rem;
    display: inline;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.4rem;
}

.mobile-fl .mobile-text {
    display: inline;
    font-size: 1.4rem;
}

.mobile-fl .dot {
    display: none;
}

.mobile .social {
    margin-top: 0;
    z-index: 1;
}

.mobile .social .txt {
    color: var(--color-pri);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
}

.mobile .social-list {
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.2rem;
}

.mobile .social-link {
    background-color: var(--color-pri);
    width: 3.6rem;
    height: 3.6rem;
}

@media screen and (max-width: 800px) {
    .mobile .social-link {
        width: 3rem;
        height: 3rem;
    }
}

.header-nav .menu-nav>.menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dist32);
    height: 100%;
}

@media screen and (max-width: 1650px) {
    .header-nav .menu-nav>.menu-list {
        gap: var(--dist24);
    }
}

.header-nav .menu-nav>.menu-list>.menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    gap: 0.8rem;
}

.header-nav .menu-nav>.menu-list>.menu-item:has(.current-menu-item)>.menu-link {
    color: var(--color-white);
}

.header-nav .menu-nav>.menu-list>.menu-item.dropdown .menu-item.current-menu-item .menu-link {
    color: var(--color-tt);
}

.header-nav .menu-nav>.menu-list>.menu-item.dropdown .menu-item.current-menu-item i {
    color: var(--color-tt);
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-nav>.menu-list>.menu-item.dropdown:hover::before {
        width: 0;
    }
    .header-nav .menu-nav>.menu-list>.menu-item.dropdown:hover::after {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }
}

.header-nav .menu-nav>.menu-list>.menu-item>.menu-link {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white);
    font-family: var(--font-pri);
    font-weight: 600;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    white-space: nowrap;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 800px) {
    .header-nav .menu-nav>.menu-list>.menu-item>.menu-link {
        --f-sz: 1.4rem;
    }
}

.header-nav .menu-nav>.menu-list>.menu-item>.menu-link i {
    color: var(--color-white);
    font-size: 1.2rem;
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-nav>.menu-list>.menu-item>.menu-link:hover i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        color: var(--color-white);
    }
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-nav>.menu-list>.menu-item:hover>.menu-link {
        color: var(--color-tt);
    }
    .header-nav .menu-nav>.menu-list>.menu-item:hover>.menu-link::before {
        width: 100%;
    }
    .header-nav .menu-nav>.menu-list>.menu-item:hover>.menu-link i {
        color: var(--color-tt);
    }
}

.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link,
.header-nav .menu-nav>.menu-list>.menu-item.current-menu-parent>.menu-link,
.header-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>.menu-link {
    color: var(--color-tt);
}

.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link::before,
.header-nav .menu-nav>.menu-list>.menu-item.current-menu-parent>.menu-link::before,
.header-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>.menu-link::before {
    width: 100%;
}

.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link i,
.header-nav .menu-nav>.menu-list>.menu-item.current-menu-parent>.menu-link i,
.header-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>.menu-link i {
    color: var(--color-tt);
}

.header-nav .menu-nav>.menu-list>.menu-item>.menu-list {
    top: 100%;
}

.header-nav .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-nav .menu-item {
    position: relative;
    transition: 0.2s ease-in-out ease-in-out;
    -webkit-transition: 0.2s ease-in-out ease-in-out;
    -moz-transition: 0.2s ease-in-out ease-in-out;
    -ms-transition: 0.2s ease-in-out ease-in-out;
    -o-transition: 0.2s ease-in-out ease-in-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-item:hover>.menu-list {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        pointer-events: visible;
    }
    .header-nav .menu-item:hover>.menu-list>.menu-item.current-menu-item>a,
    .header-nav .menu-item:hover>.menu-list>.menu-item.current_page_ancestor>a {
        color: var(--color-tt);
    }
    .header-nav .menu-item:hover>.menu-link,
    .header-nav .menu-item:hover>a {
        transition: 0.2s ease-in-out ease-in-out;
        -webkit-transition: 0.2s ease-in-out ease-in-out;
        -moz-transition: 0.2s ease-in-out ease-in-out;
        -ms-transition: 0.2s ease-in-out ease-in-out;
        -o-transition: 0.2s ease-in-out ease-in-out;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
    }
    .header-nav .menu-item:hover>.menu-link>i,
    .header-nav .menu-item:hover>a>i {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

.header-nav .menu-item .menu-link,
.header-nav .menu-item a {
    transition: 0.2s ease-in-out ease-in-out;
    -webkit-transition: 0.2s ease-in-out ease-in-out;
    -moz-transition: 0.2s ease-in-out ease-in-out;
    -ms-transition: 0.2s ease-in-out ease-in-out;
    -o-transition: 0.2s ease-in-out ease-in-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
}

.header-nav .menu-item .menu-link i,
.header-nav .menu-item a i {
    transition: 0.2s ease-in-out ease-in-out;
    -webkit-transition: 0.2s ease-in-out ease-in-out;
    -moz-transition: 0.2s ease-in-out ease-in-out;
    -ms-transition: 0.2s ease-in-out ease-in-out;
    -o-transition: 0.2s ease-in-out ease-in-out;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
}

.header-nav .menu-item>.menu-link,
.header-nav .menu-item>a {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-white);
    font-family: var(--font-pri);
}

.header-nav .menu-item>.menu-link>i,
.header-nav .menu-item>a>i {
    font-weight: 500;
    margin-left: 0.7rem;
    font-size: 1.2rem;
    color: var(--color-white);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
}

.header-nav .menu-item.dropdown>a>i {
    display: inline-block;
}

.header-nav .menu-item.mega {
    position: static;
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-item.mega:hover .menu-mega {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.header-nav .menu-item>.menu-list {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 18rem;
    max-width: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: var(--color-white);
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    pointer-events: none;
}

.header-nav .menu-item>.menu-list>.menu-item {
    margin-left: 0;
    width: 100%;
}

.header-nav .menu-item>.menu-list>.menu-item:not(:last-child) {
    border-bottom: 1px solid var(--color-border);
}

.header-nav .menu-item>.menu-list>.menu-item::before {
    position: absolute;
    content: "";
    height: 0.1rem;
    right: 0;
    bottom: 0;
    width: 0;
    background: var(--color-pri);
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    z-index: -1;
}

@media screen and (min-width: 1200px) {
    .header-nav .menu-item>.menu-list>.menu-item:hover::before {
        width: 100%;
        left: 0;
    }
    .header-nav .menu-item>.menu-list>.menu-item:hover>.menu-link,
    .header-nav .menu-item>.menu-list>.menu-item:hover>a {
        color: var(--color-pri);
    }
    .header-nav .menu-item>.menu-list>.menu-item:hover>.menu-link>i,
    .header-nav .menu-item>.menu-list>.menu-item:hover>a>i {
        color: var(--color-pri);
    }
}

.header-nav .menu-item>.menu-list>.menu-item.current-menu-item::before {
    width: 100%;
    left: 0;
}

.header-nav .menu-item>.menu-list>.menu-item.current-menu-item>.menu-link,
.header-nav .menu-item>.menu-list>.menu-item.current-menu-item>a {
    color: var(--color-pri);
}

.header-nav .menu-item>.menu-list>.menu-item.current-menu-item>.menu-link>i,
.header-nav .menu-item>.menu-list>.menu-item.current-menu-item>a>i {
    color: var(--color-pri);
}

.header-nav .menu-item>.menu-list>.menu-item.current-menu-item::after,
.header-nav .menu-item>.menu-list>.menu-item.current_page_ancestor::after {
    width: 100%;
    height: 100%;
}

.header-nav .menu-item>.menu-list>.menu-item>.menu-link,
.header-nav .menu-item>.menu-list>.menu-item>a {
    color: var(--color-text);
    padding: 0.8rem 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    text-transform: capitalize;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 800px) {
    .header-nav .menu-item>.menu-list>.menu-item>.menu-link,
    .header-nav .menu-item>.menu-list>.menu-item>a {
        --f-sz: 1.4rem;
    }
}

.header-nav .menu-item>.menu-list>.menu-item>.menu-link>i,
.header-nav .menu-item>.menu-list>.menu-item>a>i {
    -webkit-transform: rotate(-90deg) translate(5px, 0);
    transform: rotate(-90deg) translate(5px, 0);
    margin-top: 0.8rem;
    font-size: 1.2rem;
    color: var(--color-text);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav .menu-item>.menu-list>.menu-item>.menu-list {
    left: 100%;
}

.mobile-nav .menu-nav>.menu-list>.menu-item.current-menu-item>a,
.mobile-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>a {
    color: var(--color-text);
}

.mobile-nav .menu-nav>.menu-list>.menu-item.active>a {
    color: var(--color-tt) !important;
}

.mobile-nav .menu-nav>.menu-list>.menu-item:has(.current-menu-item)>a {
    color: var(--color-text);
}

.mobile-nav .menu-nav>.menu-list>.menu-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-text);
    font-weight: 600;
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
}

.mobile-nav .menu-nav>.menu-list>.menu-item>a::before {
    display: none;
}

.mobile-nav .menu-item.active>.menu-link,
.mobile-nav .menu-item.active>a,
.mobile-nav .menu-item.current-menu-item>.menu-link,
.mobile-nav .menu-item.current-menu-item>a {
    color: var(--color-tt);
}

.mobile-nav .menu-item.active>.menu-link>i,
.mobile-nav .menu-item.active>a>i,
.mobile-nav .menu-item.current-menu-item>.menu-link>i,
.mobile-nav .menu-item.current-menu-item>a>i {
    color: var(--color-tt);
}

.mobile-nav .menu-item.dropdown>a>i,
.mobile-nav .menu-item.mega>a>i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-nav .menu-item.active>a {
    color: var(--color-tt);
}

.mobile-nav .menu-item.active>a>i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--color-tt);
}

.mobile-nav .menu-item a {
    position: relative;
}

.mobile-nav .menu-item a i {
    color: var(--color-text);
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mobile-nav .menu-item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.4rem 0.8rem;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
    color: var(--color-text);
}

.mobile-nav .menu-item>.menu-list {
    display: none;
    margin-left: 1.6rem;
    position: relative;
}

.mobile-nav .menu-item>.menu-list::before {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 0;
    width: 1px;
    background-color: var(--color-pri);
}

.mobile-nav .menu-item>.menu-list>.menu-item.current-menu-item>a,
.mobile-nav .menu-item>.menu-list>.menu-item.current_page_ancestor>a {
    color: var(--color-tt);
}

@media screen and (max-width: 1200px) {
    .mobile-nav .menu-item.mega>.menu-mega {
        display: none;
    }
}

.title.t-cwhite .tag,
.title.t-cwhite .txt {
    color: var(--color-white);
}

.title .txt {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-family: var(--font-pri);
    color: var(--color-text-2);
    font-weight: 500;
}

.title .txt span {
    font-weight: 700;
}

.title-linear {
    --f-sz: clamp(2.8rem, calc(0.4rem + 3vw), 4rem);
    font-size: var(--f-sz);
    font-weight: 900;
    font-family: var(--font-sec);
    background: var(--linear-tt);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
}

.ttcenter {
    width: 80rem;
    max-width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.title-sec {
    --f-sz: clamp(2.2rem, calc(0.2rem + 2.5vw), 3.2rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-sec);
    background: var(--txt-linear);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
}

.title-sec.txt-spl .char {
    line-height: 1.2;
}

.title-pri {
    position: relative;
    --f-sz: clamp(2.8rem, calc(0.4rem + 3vw), 4rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-pri);
    text-wrap: pretty;
    line-height: 100%;
    overflow: hidden;
    z-index: 1;
}

.title-pri.txt-spl .word {
    line-height: 1.2;
}

.title-pri.tshadow::before {
    position: absolute;
    content: attr(data-tt);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: var(--color-white);
    z-index: -1;
    -webkit-text-stroke: 0.4rem var(--color-white);
    text-shadow: var(--shadow-2);
}

.title-pri.f-pri {
    --f-sz: clamp(2.6rem, calc(0.6rem + 2.5vw), 3.6rem);
    font-size: var(--f-sz);
}

.title-pri.f-sec {
    --f-sz: clamp(2.2rem, calc(0.2rem + 2.5vw), 3.2rem);
    font-size: var(--f-sz);
}

.title-pri.f-thr {
    --f-sz: clamp(2.2rem, calc(1rem + 1.5vw), 2.8rem);
    font-size: var(--f-sz);
}

.title-pri.f-four {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
}

.title-pri.f-title {
    --f-sz: clamp(3rem, calc(-0.6rem + 4.5vw), 4.8rem);
    font-size: var(--f-sz);
}

.title-pri.t-sec span {
    color: var(--color-pri);
}

.title-pri .decor {
    position: absolute;
    left: calc(100% + 2rem);
    bottom: 65%;
    --wicon: 3rem;
    width: var(--wicon);
    height: var(--wicon);
    -webkit-animation: tada 2s ease infinite;
    animation: tada 2s ease infinite;
}

@media screen and (max-width: 1200px) {
    .title-pri .decor {
        --wicon: 3rem;
    }
}

.title-pri .decor img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.titlemain {
    position: relative;
}

@media screen and (max-width: 600px) {
    .titlemain.pd-100 {
        padding: 3rem 0;
    }
}

.titlemain.is-inview .titlemain-cloud .cloud img {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-name: cloudMove, cloudFade;
    animation-name: cloudMove, cloudFade;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.titlemain.bgpri {
    background: url(../assets/images/titlemain-bg.png) center/cover no-repeat;
}

.titlemain-head {
    position: relative;
    z-index: 1;
    max-width: var(--container);
}

.titlemain-head.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 84rem;
    margin: 0 auto;
}

.titlemain-mout {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 73.54rem;
    max-width: 100%;
    z-index: -1;
}

.titlemain-mout img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.titlemain-tt span {
    padding: 0 0.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    --f-sz: clamp(3.4rem, calc(-1.8rem + 6.5vw), 6rem);
    font-size: var(--f-sz);
    font-weight: 400;
    font-family: var(--font-tt);
    background: var(--linear-tt-1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

@media screen and (max-width: 800px) {
    .titlemain-tt span {
        padding: 0 0.4rem;
    }
}

.titlemain-tt .bold {
    line-height: 1.2;
    --f-sz: clamp(3.4rem, calc(-1.8rem + 6.5vw), 6rem);
    font-size: var(--f-sz);
    font-weight: 900;
    font-family: var(--font-sec);
    color: transparent;
    background-clip: text;
    background-size: 100%;
    background-position: 0 left;
    background-image: url(../assets/images/title-bg.png);
    z-index: 2;
}

@media screen and (min-width: 1201px) {
    .titlemain-tt.ttlf {
        text-align: left;
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem);
    }
    .titlemain-tt.ttlf span {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .titlemain-tt.ttlf span:first-child {
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem);
    }
    .titlemain-tt.ttlf.center {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.titlemain .txt {
    color: var(--color-text-2);
    font-weight: 500;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
}

.titlemain-cloud {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -0.2rem;
    z-index: 1;
    pointer-events: none;
}

.titlemain-cloud .cloud img {
    position: absolute;
    top: 0;
    width: 10vw;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.titlemain-cloud .inner {
    width: 100%;
}

.titlemain-cloud .inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

@-webkit-keyframes moveLeft {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 100% center;
    }
}

@keyframes moveLeft {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 100% center;
    }
}

.title-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.title-head .des {
    width: 64.8rem;
    max-width: 100%;
}

.title-head .swiper-gr {
    margin-right: 0;
}

@media screen and (max-width: 600px) {
    .title-head .swiper-gr {
        display: none;
    }
}

.title-head .swiper-next,
.title-head .swiper-prev {
    position: relative !important;
    left: auto;
    right: auto;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.font-pri {
    font-family: var(--font-pri);
}

.font-sec {
    font-family: var(--font-sec);
}

.t-ctext {
    color: var(--color-text);
}

.t-ctext1 {
    color: var(--color-text-1);
}

.t-cwhite {
    color: var(--color-white);
}

.t-cpri {
    color: var(--color-pri);
}

.t-csec {
    color: var(--color-second);
}

.t-upper {
    text-transform: uppercase;
}

.t-capi {
    text-transform: capitalize;
}

.t-bold {
    font-weight: 700;
}

.t-center {
    text-align: center;
}

.t-italic {
    font-style: italic;
}

.h1-hidden {
    height: 0;
    width: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    height: var(--size-hd);
}

.header::after {
    position: absolute;
    content: "";
    inset: 0;
    -webkit-backdrop-filter: blur(0.1rem);
    backdrop-filter: blur(0.1rem);
    z-index: -1;
    background: var(--color-linear-1);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media screen and (max-width: 1200px) {
    .header::after {
        height: 100%;
    }
}

.header::before {
    position: absolute;
    content: "";
    inset: 0;
    height: 0;
    z-index: -1;
    background-color: var(--color-pri);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media screen and (max-width: 1200px) {
    .header::before {
        height: 100%;
    }
}

.header .container {
    max-width: 183rem;
}

.header.sticky {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    height: var(--size-sc);
}

.header.sticky::before {
    height: 100%;
}

@media screen and (min-width: 801px) {
    .header.sticky .header-logo .custom-logo-link,
    .header.sticky .header-logo .header-logo-link,
    .header.sticky .header-logo a {
        width: 80%;
    }
}

.header.sticky .mobile,
.header.sticky .mobile-overlay {
    top: var(--size-sc);
    height: calc(100% - var(--size-sc));
}

.header-wrap {
    height: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: 0 0;
}

.header-txt {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-text);
}

@media screen and (max-width: 768px) {
    .header-txt {
        text-align: center;
    }
}

.header-flex {
    height: 100%;
}

.header-flex-in {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: var(--dist24);
    margin: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-nav {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 1200px) {
    .header-nav {
        display: none;
    }
}

.header-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    height: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 100%;
    width: var(--logo);
    --logo: 24.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1400px) {
    .header-logo {
        --logo: 22rem;
    }
}

@media screen and (max-width: 1200px) {
    .header-logo {
        --logo: 18rem;
    }
}

@media screen and (max-width: 800px) {
    .header-logo {
        --logo: 14rem;
    }
}

@media screen and (max-width: 400px) {
    .header-logo {
        --logo: 13rem;
    }
}

.header-logo .custom-logo-link,
.header-logo a,
.header-logo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto;
    width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header-logo .custom-logo-link img,
.header-logo a img,
.header-logo-link img {
    width: 100%;
    max-height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.header-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-left: 3.2rem;
}

@media screen and (max-width: 1650px) {
    .header-action {
        margin-left: 1.2rem;
    }
}

@media screen and (max-width: 1200px) {
    .header-action {
        gap: 1.2rem;
        margin-left: 0;
        gap: 1.6rem;
    }
}

@media screen and (max-width: 800px) {
    .header-action {
        gap: 1rem;
    }
}

.header-lg {
    position: relative;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    width: 7.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 600px) {
    .header-lg {
        width: 6.8rem;
    }
}

.header-lg>.header-lg-it {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.8rem 0;
}

@media screen and (max-width: 1200px) {
    .header-lg>.header-lg-it {
        height: 3.6rem;
        padding: 0.4rem;
        border-radius: 0.8rem;
        border: 0.1rem solid var(--color-white);
    }
}

@media screen and (max-width: 400px) {
    .header-lg>.header-lg-it {
        height: 3.2rem;
    }
}

.header-lg>.header-lg-it .text {
    --f-sz: 1.4rem;
    font-size: var(--f-sz);
    color: var(--color-white);
    font-weight: 600;
    text-transform: capitalize;
}

@media screen and (max-width: 800px) {
    .header-lg>.header-lg-it .text {
        --f-sz: 1.2rem;
    }
}

.header-lg>.header-lg-it i {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    font-size: 1.2rem;
    color: var(--color-white);
    font-weight: 400;
}

.header-lg>.header-lg-it>img {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-lg-it {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    width: 100%;
    height: 100%;
    line-height: normal;
}

.header-lg-it .text {
    color: var(--color-white);
    --f-sz: 1.4rem;
    font-size: var(--f-sz);
    line-height: 120%;
    text-transform: capitalize;
    font-weight: 600;
}

@media screen and (max-width: 800px) {
    .header-lg-it .text {
        --f-sz: 1.2rem;
    }
}

.header-lg-it .ic {
    margin-top: 0.2rem;
    --wh: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    width: var(--wh);
    height: var(--wh);
    border-radius: 100%;
    overflow: hidden;
}

.header-lg-it .ic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.header-lg-drop {
    width: 100%;
    position: absolute;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    border: 0.1rem solid var(--color-border);
    background-color: var(--color-white);
    border-radius: 0.4rem;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: hidden;
}

.header-lg-drop a span.ic {
    margin-right: 0 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-lg-drop a .ic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.header-lg-drop .header-lg-it {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-lg-drop .header-lg-it:not(:last-child) {
    border-bottom: 0.1rem solid var(--color-border);
}

.header-lg-drop .header-lg-it .ic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-lg-drop .header-lg-it .text {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    white-space: nowrap;
    color: var(--color-text);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 500;
}

@media screen and (max-width: 800px) {
    .header-lg-drop .header-lg-it .text {
        --f-sz: 1.4rem;
    }
}

.header-lg-drop .header-lg-it::before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    width: 0;
    height: 0.1rem;
    background-color: var(--color-pri);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

@media screen and (min-width: 1200px) {
    .header-lg-drop .header-lg-it:hover .text {
        color: var(--color-pri);
    }
    .header-lg-drop .header-lg-it:hover::before {
        width: 100%;
        left: 0;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
    }
}

.header-lg:hover i,
.header-lg:hover>.header-lg-it>img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-lg:hover .header-lg-drop {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.header .menu-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 1201px) {
    .header .menu-icon {
        display: none;
    }
}

.header-btn {
    position: relative;
    margin-left: var(--dist40);
}

@media screen and (max-width: 1650px) {
    .header-btn {
        margin-left: 1.2rem;
    }
}

.header-btn .btn-main .txt {
    font-family: var(--font-sec);
}

@media screen and (max-width: 1400px) {
    .header-btn {
        margin-left: 0;
    }
    .header-btn .btn-main {
        padding: 1.2rem 2.4rem;
    }
    .header-btn .btn-main .txt {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 1200px) {
    .header-btn {
        display: none;
    }
}

.header-search {
    position: relative;
    height: 100%;
    --wh: 3.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 400px) {
    .header-search {
        --wh: 3.2rem;
    }
}

@media screen and (min-width: 1401px) {
    .header-search::before {
        position: absolute;
        content: "";
        height: 60%;
        background-color: var(--color-white);
        width: 0.1rem;
        top: 50%;
        left: calc(100% + var(--dist32) / 2);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

.header-search .active .header-search-close {
    opacity: 1;
    visibility: visible;
}

.header-search-icon {
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.4rem;
    color: var(--color-text);
    background: var(--color-opa-white-02);
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1200px) {
    .header-search-icon {
        border: 0.1rem solid var(--color-white);
        padding: 0.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .header-search-icon:hover {
        background: var(--color-pri);
    }
}

.header-search-icon img {
    -webkit-filter: var(--filter-1);
    filter: var(--filter-1);
    width: calc(var(--wh) / 2);
    height: calc(var(--wh) / 2);
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.header-search-overlay {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100vh;
    top: 0;
    width: 0;
    z-index: 999;
    -webkit-backdrop-filter: blur(0.7rem);
    backdrop-filter: blur(0.7rem);
    background-color: var(--color-border-07);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.header-search-overlay.active {
    width: 100%;
    right: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.header-search-bar {
    position: fixed;
    left: 50vw;
    top: 50vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    -webkit-clip-path: inset(0 50% 0 50%);
    clip-path: inset(0 50% 0 50%);
}

.header-search-bar.active {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.header-search-bar-input {
    margin: auto;
    position: relative;
    background-color: var(--color-white);
    overflow: hidden;
    font-weight: 500;
    border-radius: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.1rem solid var(--color-pri);
}

.header-search-bar-input #searchform {
    width: 100%;
}

.header-search-bar-input .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-search-bar-input .input {
    padding: 0.8rem 1.6rem;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    font-family: var(--font-pri);
    font-weight: 400;
    color: var(--color-text);
    background-color: transparent;
    height: 100%;
    width: 100%;
    border: none;
    outline: 0;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
}

.header-search-bar-input .input::-webkit-input-placeholder {
    color: var(--color-text-4);
    font-family: var(--font-pri);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
}

.header-search-bar-input .input::-moz-placeholder {
    color: var(--color-text-4);
    font-family: var(--font-pri);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
}

.header-search-bar-input .input::-ms-input-placeholder {
    color: var(--color-text-4);
    font-family: var(--font-pri);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
}

.header-search-bar-input .input::placeholder {
    color: var(--color-text-4);
    font-family: var(--font-pri);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 600;
}

.header-search-bar-input .link {
    --wh: 4.8rem;
    width: var(--wh);
    height: var(--wh);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-white);
    background-color: transparent;
    border-left: 0.1rem solid var(--color-pri);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1200px) {
    .header-search-bar-input .link {
        --wh: 4rem;
    }
}

.header-search-bar-input .link:hover {
    background-color: var(--color-border);
    opacity: 0.8;
}

.header-search-bar-input .link img {
    -webkit-filter: var(--filter-2) !important;
    filter: var(--filter-2) !important;
    width: calc(var(--wh) / 2);
    height: calc(var(--wh) / 2);
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.header-search-bar-input .link .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-search-bar-input .link::before {
    display: none;
}

.header-search-bar-input .link:hover i {
    color: var(--color-white);
}

.header-search-in {
    background: var(--color-white);
    width: 60vw;
    padding: 4rem;
    border-radius: 0.8rem;
}

@media screen and (max-width: 800px) {
    .header-search-in {
        width: 85vw;
        padding: 3rem 2rem;
    }
}

.header-search-logo {
    width: 20rem;
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .header-search-logo {
        width: 18rem;
    }
}

.header-search-logo img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.header-search-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem;
}

@media screen and (max-width: 1200px) {
    .header-search-top {
        margin-bottom: 1.6rem;
    }
}

.header-search-top .tt {
    --f-sz: clamp(2.6rem, calc(0.6rem + 2.5vw), 3.6rem);
    font-size: var(--f-sz);
    font-weight: 600;
    color: var(--color-text);
    text-transform: capitalize;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .header-search-top .tt {
        font-size: 2rem;
    }
}

.header-search-close {
    --w: 3.2rem;
    width: var(--w) !important;
    height: var(--w);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 999;
    position: absolute !important;
    color: var(--color-pri);
    top: 1rem;
    right: 1rem;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    border-radius: 100rem !important;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    border: 0.1rem solid var(--color-pri);
}

@media screen and (max-width: 800px) {
    .header-search-close {
        --f-sz: 1.4rem;
    }
}

.header-search-close.active {
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media screen and (min-width: 1200px) {
    .header-search-close:hover i {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.header-search-close i {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

:root {
    --color-pri-in: #0f385a;
    --color-pri: #0f385a;
    --color-second: #f58466;
    --color-thr: #00656e;
    --color-text: #222;
    --color-text-1: #453f3f;
    --color-text-2: #515151;
    --color-text-3: #999;
    --color-text-4: #4d4d4d;
    --color-text-5: #303030;
    --color-text-6: #2a2b2e;
    --color-text-7: #00656e;
    --color-text-8: #3d3a35;
    --color-input: #232338;
    --color-icon: #0f385a;
    --color-tt: #fdba4d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-border: #8894aa;
    --color-border-1: #8294aa;
    --color-border-2: #d1d1d1;
    --color-border-3: #cecece;
    --color-border-4: #bfbfbf;
    --color-border-5: #d0d0d0;
    --color-border-6: #028938;
    --color-bg: #f3f8f8;
    --color-bg-1: rgba(0, 101, 110, 0.1);
    --color-bg-2: #002c46;
    --color-bg-3: #f9f9f9;
    --lpage-bg: #0d3658;
    --blur: blur(0.4rem);
    --filter: brightness(0) saturate(100%) invert(59%) sepia(42%) saturate(627%) hue-rotate(324deg) brightness(97%) contrast(99%);
    --filter-1: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(181deg) brightness(103%) contrast(103%);
    --filter-2: brightness(0) saturate(100%) invert(17%) sepia(35%) saturate(1702%) hue-rotate(173deg) brightness(94%) contrast(95%);
    --linear-tt: linear-gradient( 90deg, rgba(15, 56, 90, 1) 0%, rgba(0, 101, 110, 1) 40%, rgba(245, 132, 102, 1) 76%, rgba(253, 186, 77, 1) 100%);
    --linear-tt-1: linear-gradient( 270deg, rgba(245, 132, 102, 1) 0%, rgba(0, 101, 110, 1) 43%, rgba(15, 56, 90, 1) 100%);
    --color-linear: linear-gradient( 68deg, rgba(0, 44, 70, 0.7) 25.04%, rgba(0, 44, 70, 0) 71%);
    --color-linear-1: linear-gradient( 180deg, #072c48 0%, rgba(2, 115, 143, 0) 87.92%);
    --color-linear-2: linear-gradient( 0deg, #002c46 2.55%, rgba(0, 44, 70, 0) 42.64%);
    --color-linear-3: linear-gradient( 0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
    --color-linear-4: linear-gradient( 270deg, rgba(255, 255, 255, 0) -24.42%, #0f385a 72.85%);
    --color-linear-5: linear-gradient( 0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
    --color-linear-6: linear-gradient( 270deg, #f58466 -8.74%, #00656e 26.05%, #0f385a 99.97%);
    --color-linear-7: linear-gradient( 180deg, #fff 0%, rgba(255, 255, 255, 0) 24.69%), linear-gradient(271deg, rgba(0, 0, 0, 0) 32.14%, #00656e 94.57%);
    --color-linear-8: linear-gradient( 276deg, rgba(0, 0, 0, 0) 20.23%, #0f385a 86.17%);
    --color-linear-9: linear-gradient( 276deg, rgba(0, 0, 0, 0) 34.62%, #00656e 89.04%);
    --color-linear-10: linear-gradient( 90deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --tt-linear: linear-gradient(90deg, #f58466 1.64%, #fdba4d 100%);
    --txt-linear: linear-gradient( 45deg, #0f385a 1.64%, #00656e 40.99%, #f58466 76.89%, #fdba4d 100%);
    --btn-linear: linear-gradient(90deg, #f58466 2%, #fdba4d 100%);
    --btn-linear-1: radial-gradient( 194.06% 91.07% at 50% 52.17%, #0f385a 0%, #00656e 40%, #f58466 76.58%, #fdba4d 100%);
    --btn-linear-2: linear-gradient( 270deg, rgba(0, 42, 66, 0) 24.61%, #002a42 100%);
    --bg-linear: linear-gradient(180deg, #fff 26.71%, #fde8df 101.83%);
    --bg-linear-1: linear-gradient( 0deg, rgba(15, 56, 90, 0.2) 0%, rgba(0, 101, 110, 0.2) 47.89%, rgba(245, 132, 102, 0.2) 91.6%, rgba(253, 186, 77, 0.2) 119.74%);
    --bg-linear-2: linear-gradient( 0deg, rgba(253, 186, 77, 0.06) 0%, rgba(245, 132, 102, 0.2) 44.18%, rgba(255, 255, 255, 0.2) 100%);
    --bg-linear-3: linear-gradient( 0deg, rgba(253, 186, 77, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    --bg-linear-4: linear-gradient(0deg, #002c46 0%, rgba(0, 44, 70, 0) 45.16%);
    --bg-linear-5: linear-gradient( 180deg, rgba(0, 34, 62, 0) 49.75%, #00223e 99.6%);
    --bg-linear-6: linear-gradient( 0deg, rgba(0, 101, 110, 0.8) 0%, rgba(0, 101, 110, 0.5) 100%);
    --color-border-01: rgba(0, 0, 0, 0.1);
    --color-border-02: rgba(0, 0, 0, 0.2);
    --color-border-03: rgba(0, 0, 0, 0.3);
    --color-border-04: rgba(0, 0, 0, 0.4);
    --color-border-05: rgba(0, 0, 0, 0.5);
    --color-border-06: rgba(0, 0, 0, 0.6);
    --color-border-07: rgba(0, 0, 0, 0.7);
    --color-border-08: rgba(0, 0, 0, 0.8);
    --color-border-09: rgba(0, 0, 0, 0.9);
    --color-border-10: rgba(255, 144, 10, 0.1);
    --color-opa-white-01: rgba(255, 255, 255, 0.1);
    --color-opa-white-02: rgba(255, 255, 255, 0.2);
    --color-opa-white-03: rgba(255, 255, 255, 0.3);
    --color-opa-white-04: rgba(255, 255, 255, 0.4);
    --color-opa-white-05: rgba(255, 255, 255, 0.5);
    --color-opa-white-06: rgba(255, 255, 255, 0.6);
    --color-opa-white-07: rgba(255, 255, 255, 0.7);
    --color-opa-white-08: rgba(255, 255, 255, 0.8);
    --color-opa-white-09: rgba(255, 255, 255, 0.9);
    --shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}

.footer {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.footer .container {
    max-width: 163rem;
}

.footer-bg {
    position: absolute;
    inset: 0;
    z-index: -1;
}

.footer-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.footer-bdy {
    padding: var(--dist100) 0 var(--dist64);
}

.footer-frm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.8rem;
    background-color: var(--color-white);
    border-radius: 0.4rem;
    width: 100%;
    position: relative;
}

.footer-frm .footer-input,
.footer-frm input {
    border: none;
    outline: 0;
    font-size: 1.4rem;
    width: 100%;
    font-weight: 700;
    font-family: var(--font-pri);
    color: var(--color-text);
    padding: 0 1.6rem;
}

@media screen and (max-width: 1200px) {
    .footer-frm .footer-input,
    .footer-frm input {
        padding: 0 0.8rem;
    }
}

.footer-frm .footer-input::-webkit-input-placeholder,
.footer-frm input::-webkit-input-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-text-2);
}

.footer-frm .footer-input::-moz-placeholder,
.footer-frm input::-moz-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-text-2);
}

.footer-frm .footer-input::-ms-input-placeholder,
.footer-frm input::-ms-input-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-text-2);
}

.footer-frm .footer-input::placeholder,
.footer-frm input::placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-text-2);
}

.footer-frm .btn-main {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0.8rem 2.4rem;
}

.footer-frm .btn-main .txt {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
}

@media screen and (max-width: 800px) {
    .footer-frm .btn-main .txt {
        --f-sz: 1.4rem;
    }
}

.footer-frm .wpcf7-form-control-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-frm .wpcf7-response-output {
    display: none;
}

.footer-frm .wpcf7-not-valid-tip {
    position: absolute !important;
    z-index: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: red;
    color: #fff;
    padding: 0.5rem;
    right: 0;
    font-size: 1rem !important;
    font-weight: 500;
    line-height: 120%;
    bottom: auto;
    top: 95%;
    border-radius: 0.4rem;
    display: none;
}

.footer-frm .wpcf7-not-valid-tip::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-bottom: 0.5rem solid red;
    bottom: 100%;
    right: 1.6rem;
}

.footer-form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.footer-form-btn .btn-main {
    background: var(--btn-linear) !important;
    border-radius: 0.6rem !important;
    border: none !important;
    color: var(--color-white);
    font-family: var(--font-sec);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 700;
    height: 4rem;
    padding: 0.8rem 2.4rem;
}

@media screen and (max-width: 800px) {
    .footer-form-btn .btn-main {
        --f-sz: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .footer-form-btn .btn-main:hover {
        opacity: 0.8;
    }
}

.footer-form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-form-fields .wpcf7-form-control-wrap {
    height: 100%;
}

.footer-form-fields .wpcf7-form-control-wrap input {
    height: 100%;
}

.footer-logo {
    width: 28rem;
    max-width: 100%;
}

@media screen and (max-width: 1200px) {
    .footer-logo {
        width: 22rem;
        margin: 0 auto 2.4rem;
    }
}

.footer-logo a,
.footer-logo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.footer-logo a img,
.footer-logo-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.footer-tt {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-pri);
    color: var(--color-white);
    margin-bottom: var(--dist24);
}

.footer-tt.font-sec {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
}

.footer-tt span {
    color: var(--color-pri);
}

.footer-author {
    padding: 2.2rem 0;
    border-top: 0.1rem solid var(--color-opa-white-02);
}

@media screen and (max-width: 800px) {
    .footer-author {
        padding: 1.6rem 0;
    }
}

.footer-author-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.6rem;
}

.footer-author-in .des {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
}

.footer-author-in .des .txt {
    color: var(--color-white);
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    font-weight: 600;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .footer-author-in .des .txt {
        --f-sz: 1.4rem;
    }
}

.footer-author-in .des img {
    width: 18rem;
    max-width: 100%;
    height: 1.8rem;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer-item:not(:last-child) {
    margin-bottom: 1.2rem;
}

.footer-item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dist12);
}

.footer-item .icon {
    --wicon: 2.4rem;
    width: var(--wicon);
    height: var(--wicon);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

@media screen and (max-width: 500px) {
    .footer-item .icon {
        margin-top: 0.2rem;
    }
}

.footer-item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.footer-item .txt {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    color: var(--color-white);
    font-weight: 600;
}

@media screen and (max-width: 800px) {
    .footer-item .txt {
        --f-sz: 1.4rem;
    }
}

.footer-item .link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.8rem;
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    color: var(--color-white);
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    .footer-item .link {
        --f-sz: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .footer-item .link:hover {
        text-decoration: underline;
    }
}

.footer-row {
    --col-gap: var(--dist32);
    --row-gap: var(--dist32);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer .menu-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
}

.footer .menu-link {
    font-weight: 400;
    font-size: 1.6rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: var(--color-white);
    font-family: var(--font-pri);
}

.footer .menu-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-column: span 1;
}

.footer .menu-item.current-menu-item .menu-link,
.footer .menu-item.current_page_parent .menu-link {
    color: var(--color-white);
    font-weight: 700;
    text-decoration: underline;
}

@media screen and (min-width: 1200px) {
    .footer .menu-item:hover .menu-link {
        cursor: pointer;
        text-decoration: underline;
        color: var(--color-white);
    }
}

@media screen and (max-width: 475px) {
    .footer-col {
        width: 100% !important;
    }
}

.footer-col:nth-child(1) {
    width: calc(2.5 / 12 * 100%);
}

@media screen and (max-width: 1200px) {
    .footer-col:nth-child(1) {
        width: calc(4 / 12 * 100%);
    }
}

@media screen and (max-width: 800px) {
    .footer-col:nth-child(1) {
        width: 50%;
    }
}

.footer-col:nth-child(2) {
    width: calc(3 / 12 * 100%);
}

@media screen and (max-width: 1200px) {
    .footer-col:nth-child(2) {
        width: calc(4 / 12 * 100%);
    }
}

@media screen and (max-width: 800px) {
    .footer-col:nth-child(2) {
        width: 50%;
    }
}

.footer-col:nth-child(3) {
    width: calc(2.5 / 12 * 100%);
}

@media screen and (max-width: 1200px) {
    .footer-col:nth-child(3) {
        width: calc(4 / 12 * 100%);
    }
}

@media screen and (max-width: 800px) {
    .footer-col:nth-child(3) {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .footer-col:nth-child(4) {
        width: 50%;
    }
}

.footer-inner:not(:last-child) {
    margin-bottom: var(--dist32);
}

.footer-inner .content {
    --f-sz: 1.6rem;
    font-size: var(--f-sz);
    color: var(--color-white);
    font-weight: 400;
}

@media screen and (max-width: 800px) {
    .footer-inner .content {
        --f-sz: 1.4rem;
    }
}

.footer .social {
    margin-top: 1.6rem;
}

.footer .social-list {
    gap: 0.4rem;
}

.footer .social-link {
    background-color: transparent;
}

.hd-burger {
    padding: 1rem 0;
    cursor: pointer;
}

.hd-burger.active .line-top {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.hd-burger.active .line-mid {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
}

.hd-burger.active .line-bot {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
}

.burger {
    position: relative;
}

.hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 100%;
    border: 0.1rem solid var(--color-white);
}

@media screen and (max-width: 400px) {
    .hamburger {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.hamburgerSvg {
    height: 2.4rem;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 600px) {
    .hamburgerSvg {
        height: 2.4rem;
    }
}

.line {
    fill: none;
    stroke: var(--color-white);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 6;
    -webkit-transition: stroke-dasharray 0.6s cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: stroke-dasharray 0.6s cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.line-top {
    stroke-dasharray: 60 207;
}

.line-mid {
    stroke-dasharray: 60 60;
}

.line-bot {
    stroke-dasharray: 60 207;
}

.hd-burger.active .hamburgerSvg .line-top-bottom {
    stroke-dasharray: 20 300;
    stroke-dashoffset: -32.42;
}

.back-to-top {
    --wh: 4.8rem;
    width: var(--wh);
    height: var(--wh);
    border-radius: 100%;
    background-color: var(--color-white);
    border: 0.1rem solid var(--color-pri);
    position: fixed;
    bottom: 4rem;
    right: 3.2rem;
    z-index: 51;
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem);
    opacity: 0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    cursor: pointer;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}

@media screen and (max-width: 1200px) {
    .back-to-top {
        --wh: 4.2rem;
        right: 2rem;
        bottom: 5.4rem;
    }
}

@media screen and (max-width: 800px) {
    .back-to-top {
        right: 1.2rem;
    }
}

.back-to-top::before {
    position: absolute;
    content: "";
    inset: 0;
    background-color: var(--color-pri);
    z-index: -1;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.back-to-top img {
    width: calc(var(--wh) / 3);
}

@media screen and (min-width: 1200px) {
    .back-to-top:hover::before {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    .back-to-top:hover i {
        color: var(--color-white);
    }
}

.back-to-top i {
    color: var(--color-pri);
}

.back-to-top.active {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.back-to-top svg {
    width: 2.4rem;
    z-index: 1;
    -webkit-animation: animate-svg 2s ease infinite;
    animation: animate-svg 2s ease infinite;
}

@media screen and (max-width: 1200px) {
    .back-to-top svg {
        width: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .back-to-top svg {
        width: 1.6rem;
    }
}

.back-to-top svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (min-width: 1200px) {
    .back-to-top:hover svg path {
        stroke: var(--color-pri);
    }
}

.fbtn {
    position: fixed;
    right: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    bottom: calc(5.6rem + var(--wh));
    --wh: 4.8rem;
    z-index: 10;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

@media screen and (min-width: 1201px) {
    .fbtn {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: hidden;
        opacity: 0;
    }
}

.fbtn.hidden .fbtn-icon {
    opacity: 0;
    -webkit-transform: translate(calc(var(--wh) / 3), 0);
    transform: translate(calc(var(--wh) / 3), 0);
}

.fbtn.hidden .fbtn-icon:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.fbtn.hidden .fbtn-icon:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.fbtn.hidden .fbtn-icon:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fbtn.hidden .fbtn-icon:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fbtn.hidden .fbtn-icon:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fbtn.hidden .fbtn-icon:nth-child(6) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media screen and (max-width: 1200px) {
    .fbtn {
        --wh: 4.2rem;
        right: 2rem;
        gap: 1rem;
        bottom: calc(6.4rem + var(--wh));
    }
}

@media screen and (max-width: 800px) {
    .fbtn {
        right: 1.2rem;
    }
}

.fbtn-icon {
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    cursor: pointer;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .fbtn-icon:hover .des {
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        -webkit-transform: translate(1rem, -50%);
        transform: translate(1rem, -50%);
    }
    .fbtn-icon:hover .icon {
        border-color: var(--color-tt);
    }
    .fbtn-icon:hover .icon::after {
        -webkit-transform: translate(-50, -50%) scale(1);
        transform: translate(-50, -50%) scale(1);
    }
    .fbtn-icon:hover .icon::after {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.fbtn-icon .icon {
    width: var(--wh);
    height: var(--wh);
    border-radius: 100%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    border: 0.1rem solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-text);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    border-radius: 100%;
    -webkit-animation: phoneRing 2s infinite;
    animation: phoneRing 2s infinite;
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.fbtn-icon .icon::after {
    position: absolute;
    content: "";
    background-color: var(--color-pri);
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
    .fbtn-icon .icon {
        border-color: var(--color-tt);
    }
    .fbtn-icon .icon::after {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.fbtn-icon .icon img {
    width: 60%;
    height: 60%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 1;
    border-radius: 100%;
}

.fbtn-icon .des {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: -2;
    font-size: 1.4rem;
    font-family: var(--font-pri);
    color: var(--color-white);
    font-weight: 700;
    padding: 0.8rem 1.6rem;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    opacity: 0;
    line-height: 1;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-transform: translate(2rem, -50%);
    transform: translate(2rem, -50%);
    text-wrap: nowrap;
}

.fbtn-icon .des::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% + var(--wh) / 3);
    height: 100%;
    border-radius: 5rem;
    background: var(--color-tt);
    border: 0.1rem solid var(--color-pri);
    z-index: -1;
}

.fbtn.is-inview {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.pabs {
    position: fixed;
    left: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    bottom: 4rem;
    --wh: 4.8rem;
    z-index: 10;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

@media screen and (max-width: 1200px) {
    .pabs {
        --wh: 4.2rem;
        right: 2rem;
        bottom: 5.4rem;
    }
}

.pabs.open .pabs-bdy {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}

.pabs-bdy {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    padding: 1.6rem;
    width: 36rem;
    max-width: calc(100vw - 3rem);
    background-color: var(--color-white);
    border-radius: 0.6rem;
    overflow: hidden;
    -webkit-box-shadow: var(--shadow-2);
    box-shadow: var(--shadow-2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: translate(calc(var(--wh) / 2), calc(-1 * var(--wh) / 2)) scale(0);
    transform: translate(calc(var(--wh) / 2), calc(-1 * var(--wh) / 2)) scale(0);
}

@media screen and (max-width: 1200px) {
    .pabs-bdy {
        width: 40rem;
    }
}

@media screen and (max-width: 800px) {
    .pabs-bdy {
        padding: 1.2rem;
    }
}

.pabs-bdy .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    .pabs-bdy .head {
        margin-right: 1.6rem;
    }
}

.pabs-bdy .tt {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    color: var(--color-pri);
    font-weight: 700;
    line-height: 100%;
}

.pabs-close {
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 100%;
    border: 0.1rem solid transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .pabs-close {
        position: absolute;
        right: 0.8rem;
        top: 0.8rem;
        border-color: var(--color-pri);
    }
    .pabs-close i {
        color: var(--color-pri);
    }
}

@media screen and (min-width: 1200px) {
    .pabs-close:hover {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border-color: var(--color-pri);
    }
    .pabs-close:hover i {
        color: var(--color-pri);
    }
}

.pabs-close i {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    color: var(--color-text-4);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 1200px) {
    .pabs-close i {
        font-size: 1.2rem;
        color: var(--color-pri);
    }
}

.pabs-inner .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
}

.pabs-inner .inner .txt {
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 700;
    color: var(--color-text-5);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 120%;
}

@media screen and (min-width: 1200px) {
    .pabs-inner .inner .txt:hover {
        color: var(--color-pri);
    }
}

.pabs-img {
    width: 100%;
    border-radius: 0.6rem;
    display: block;
    padding-top: calc((272 / 464) * 100%);
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pabs-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: -85%;
    z-index: 2;
    pointer-events: none;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient( linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient( to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}

@media screen and (min-width: 1200px) {
    .pabs-img:hover::before {
        -webkit-animation: shine 0.75s;
        animation: shine 0.75s;
    }
    .pabs-img:hover img {
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -moz-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        -o-transform: translate(-50%, -50%) scale(1.05);
    }
}

.pabs-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pabs-open {
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    cursor: pointer;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .pabs-open:hover .des {
        opacity: 1;
        visibility: visible;
        pointer-events: visible;
        -webkit-transform: translate(1rem, -50%);
        transform: translate(1rem, -50%);
    }
}

.pabs-open .icon {
    width: var(--wh);
    height: var(--wh);
    border-radius: 100%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    border: 0.1rem solid var(--color-pri);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-text);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-animation: phoneRing 2s infinite;
    animation: phoneRing 2s infinite;
    position: relative;
    z-index: 2;
}

.pabs-open .icon img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 1;
    border-radius: 100%;
}

.pabs-open .des {
    position: absolute;
    right: 100%;
    top: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: -2;
    font-size: 1.4rem;
    font-family: var(--font-pri);
    color: var(--color-text);
    font-weight: 700;
    padding: 0.8rem 1.6rem;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-transform: translate(2rem, -50%);
    transform: translate(2rem, -50%);
    text-wrap: nowrap;
}

.pabs-open .des::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: calc(100% + var(--wh) / 3);
    height: 100%;
    border-radius: 5rem;
    background: var(--color-white);
    border: 0.1rem solid var(--color-pri);
    z-index: -1;
}

.pabs-slider .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    gap: 0.8rem;
}

.pabs-slider .swiper-pagination-bullet {
    background: var(--color-border-4);
    --wbul: 0.8rem;
    opacity: 1 !important;
}

.pabs-slider .swiper-pagination-bullet-active {
    background: var(--color-pri);
}

.btn-comt {
    position: fixed;
    right: 0;
    bottom: 33%;
    z-index: 8;
    background-color: var(--color-pri);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 0.8rem;
    cursor: pointer;
    border-radius: 0.6rem 0 0 0.6rem;
    -webkit-box-shadow: var(--shadow-2);
    box-shadow: var(--shadow-2);
}

@media screen and (max-width: 800px) {
    .btn-comt {
        padding: 0.8rem 0.4rem;
    }
}

.btn-comt .txt {
    color: var(--color-white);
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 700;
    font-family: var(--font-pri);
    -webkit-writing-mode: sideways-lr;
    -ms-writing-mode: sideways-lr;
    writing-mode: sideways-lr;
    line-height: 120%;
}

@media screen and (max-width: 800px) {
    .btn-comt .txt {
        font-size: 1.4rem;
    }
}

.btn-comt .icon {
    width: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media screen and (max-width: 800px) {
    .btn-comt .icon {
        width: 1.4rem;
        height: 1.4rem;
    }
}

.btn-comt .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.cmt-popup .popup-over {
    max-height: 95vh;
}

.cmt-popup .popup-main {
    width: 64rem;
}

.cmt-popup .popup-wrapper {
    background-color: var(--color-white);
    padding: 2.4rem;
    border-radius: 0.6rem;
}

@media screen and (max-width: 800px) {
    .cmt-popup .popup-wrapper {
        padding: 1.6rem;
    }
}

.cmt-tt {
    --f-sz: clamp(1.9rem, calc(0.9rem + 1.25vw), 2.4rem);
    font-size: var(--f-sz);
    font-weight: 700;
    color: var(--color-pri);
}

.cmt-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2rem;
    margin-bottom: 1.2rem;
}

.cmt-head .txt {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 500;
    color: var(--color-text);
}

.cmt-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--dist24);
}

@media screen and (max-width: 350px) {
    .cmt-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cmt-item {
    width: 50%;
}

@media screen and (max-width: 350px) {
    .cmt-item {
        width: 100%;
    }
}

.cmt-item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: var(--dist16);
    border: 0.1rem solid var(--color-border);
    border-radius: 0.6rem;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--dist12);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cmt-item .inner.open {
    border-color: var(--color-pri);
}

.cmt-item .inner.open .tt {
    color: var(--color-pri);
}

@media screen and (min-width: 1200px) {
    .cmt-item .inner:hover {
        border-color: var(--color-pri);
    }
    .cmt-item .inner:hover .tt {
        color: var(--color-pri);
    }
}

.cmt-item .icon {
    --wh: 6rem;
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 800px) {
    .cmt-item .icon {
        --wh: 4rem;
    }
}

.cmt-item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.cmt-item .tt {
    --f-sz: clamp(2.2rem, calc(1rem + 1.5vw), 2.8rem);
    font-size: var(--f-sz);
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.cmt-item .txt {
    color: var(--color-text);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 500;
    text-align: center;
}

.cmt-bdy .txt {
    color: var(--color-text);
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 500;
}

.cmt-gr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
}

.cmt-gr .btn-text {
    min-width: 16rem;
}

@media screen and (max-width: 800px) {
    .cmt-gr .btn-text {
        min-width: 10rem;
    }
}

.cmt-gr .btn-sec {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cmt-gr .btn-sec:not(:hover) .txt {
    color: var(--color-white);
}

.cmt-gr .btn-main input {
    display: none;
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: 0 0;
}

::-webkit-scrollbar-thumb {
    background: var(--color-pri);
    border-radius: 100rem;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-pri);
}

[data-aos="fade-up-cus"] {
    -webkit-transform: translate(0, 4rem);
    transform: translate(0, 4rem);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

[data-aos="fade-up-cus"].aos-animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-aos="fade-down-cus"] {
    -webkit-transform: translate(0, -4rem);
    transform: translate(0, -4rem);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

[data-aos="fade-down-cus"].aos-animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-aos="fade-left-cus"] {
    -webkit-transform: translate(4rem, 0);
    transform: translate(4rem, 0);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

[data-aos="fade-left-cus"].aos-animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-aos="fade-right-cus"] {
    -webkit-transform: translate(-4rem, 0);
    transform: translate(-4rem, 0);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

[data-aos="fade-right-cus"].aos-animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.btn-pri {
    position: relative;
    background: var(--color-pri);
    border: 0.1rem solid var(--color-pri);
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 0.4rem;
    padding: 1rem 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .btn-pri {
        padding: 0.8rem 1.6rem;
    }
}

.btn-pri::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
    background: var(--color-border-1);
}

.btn-pri .icon {
    --wh: 2.4rem;
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.btn-pri img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.btn-pri i {
    color: var(--color-white);
    font-size: 1.4rem;
}

.btn-pri .txt {
    font-family: var(--font-pri);
    font-weight: 700;
    color: var(--color-border-1);
    line-height: 140%;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 600px) {
    .btn-pri .txt {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .btn-pri:hover .txt {
        color: var(--color-pri);
    }
    .btn-pri:hover i {
        color: var(--color-pri);
    }
    .btn-pri:hover img {
        -webkit-filter: var(--filter);
        filter: var(--filter);
    }
    .btn-pri:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
        transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    }
}

.btn-sec {
    position: relative;
    background: var(--color-icon);
    border: 0.1rem solid var(--color-icon);
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 0.4rem;
    padding: 1rem 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .btn-sec {
        padding: 0.8rem 1.6rem;
    }
}

.btn-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
    background: var(--color-white);
}

.btn-sec .icon {
    --wh: 2.4rem;
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.btn-sec img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.btn-sec i {
    color: var(--color-white);
    font-size: 1.4rem;
}

.btn-sec .txt {
    font-family: var(--font-pri);
    font-weight: 700;
    color: var(--color-white);
    line-height: 140%;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 600px) {
    .btn-sec .txt {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .btn-sec:hover .txt {
        color: var(--color-icon);
    }
    .btn-sec:hover i {
        color: var(--color-icon);
    }
    .btn-sec:hover .icon {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .btn-sec:hover img {
        -webkit-filter: var(--filter);
        filter: var(--filter);
    }
    .btn-sec:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
        transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    }
}

.btn-white {
    position: relative;
    background: var(--color-border-1);
    border: 0.1rem solid var(--color-pri);
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 0.4rem;
    padding: 1rem 2rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .btn-white {
        padding: 0.8rem 1.6rem;
    }
}

.btn-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
    background: var(--color-pri);
}

.btn-white .icon {
    --wh: 2.4rem;
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.btn-white img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.btn-white i {
    color: var(--color-white);
    font-size: 1.4rem;
}

.btn-white .txt,
.btn-white span {
    font-family: var(--font-pri);
    font-weight: 700;
    color: var(--color-pri);
    line-height: 140%;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 600px) {
    .btn-white .txt,
    .btn-white span {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .btn-white:hover .txt,
    .btn-white:hover span {
        color: var(--color-border-1);
    }
    .btn-white:hover i {
        color: var(--color-border-1);
    }
    .btn-white:hover img {
        -webkit-filter: var(--filter-1);
        filter: var(--filter-1);
    }
    .btn-white:hover::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
        transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    }
}

.btn-linear {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.4rem;
    border-radius: 1rem;
    padding: 1.65rem 4rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer;
    font-family: var(--font-sec);
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    font-weight: 700;
}

@media screen and (min-width: 1201px) {
    .btn-linear {
        height: 5.7rem;
    }
}

@media screen and (max-width: 600px) {
    .btn-linear {
        padding: 0.8rem 1.8rem;
        border-radius: 0.4rem;
    }
}

.btn-linear::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../assets/images/tab-bg.jpg) center/cover no-repeat;
    z-index: -1;
    width: calc(100% - 0.4rem);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0.2rem;
    border-radius: 1rem;
}

.btn-linear::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--btn-linear);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: -2;
}

.btn-linear .icon {
    --wh: 2.4rem;
    width: var(--wh);
    height: var(--wh);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.btn-linear img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.btn-linear i {
    color: var(--color-white);
    font-size: 1.4rem;
}

.btn-linear .txt {
    font-family: var(--font-pri);
    font-weight: 700;
    color: var(--color-white);
    line-height: 140%;
    font-family: var(--font-sec);
    --f-sz: clamp(1.7rem, calc(1.1rem + 0.75vw), 2rem);
    font-size: var(--f-sz);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 0.1rem;
}

@media screen and (max-width: 600px) {
    .btn-linear .txt {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 1200px) {
    .btn-linear:hover .txt {
        color: var(--color-white);
    }
    .btn-linear:hover i {
        color: var(--color-white);
    }
    .btn-linear:hover img {
        -webkit-filter: var(--filter-1);
        filter: var(--filter-1);
    }
    .btn-linear:hover::before {
        opacity: 1;
    }
}

.btn-pad-pri {
    padding: 1.2rem 2.4rem;
}

@media screen and (max-width: 600px) {
    .btn-pad-pri {
        padding: 0.9rem 1.8rem;
    }
}

.btn-main input {
    display: none;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2 {
    margin-bottom: 0.2rem;
}

.mb-4 {
    margin-bottom: 0.4rem;
}

.mb-6 {
    margin-bottom: 0.6rem;
}

.mb-8 {
    margin-bottom: 0.8rem;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-12 {
    margin-bottom: 1.2rem;
}

.mb-14 {
    margin-bottom: 1.4rem;
}

.mb-15 {
    margin-bottom: 1.5rem;
}

.mb-16 {
    margin-bottom: 1.6rem;
}

.mb-18 {
    margin-bottom: 1.8rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-24 {
    margin-bottom: 2.4rem;
}

@media screen and (max-width: 1200px) {
    .mb-24 {
        margin-bottom: 1.2rem;
    }
}

.mb-30 {
    margin-bottom: 3rem;
}

@media screen and (max-width: 1200px) {
    .mb-30 {
        margin-bottom: 1.5rem;
    }
}

.mb-32 {
    margin-bottom: 3.2rem;
}

@media screen and (max-width: 1200px) {
    .mb-32 {
        margin-bottom: 1.6rem;
    }
}

.mb-36 {
    margin-bottom: 3.6rem;
}

@media screen and (max-width: 1200px) {
    .mb-36 {
        margin-bottom: 1.8rem;
    }
}

.mb-40 {
    margin-bottom: 4rem;
}

@media screen and (max-width: 1200px) {
    .mb-40 {
        margin-bottom: 2rem;
    }
}

.mt-40 {
    margin-top: 4rem;
}

@media screen and (max-width: 1200px) {
    .mt-40 {
        margin-top: 2rem;
    }
}

.mb-48 {
    margin-bottom: 4.8rem;
}

@media screen and (max-width: 1200px) {
    .mb-48 {
        margin-bottom: 2.4rem;
    }
}

.mb-50 {
    margin-bottom: 5rem;
}

@media screen and (max-width: 1200px) {
    .mb-50 {
        margin-bottom: 2.5rem;
    }
}

.mb-52 {
    margin-bottom: 5.2rem;
}

@media screen and (max-width: 1200px) {
    .mb-52 {
        margin-bottom: 2.4rem;
    }
}

.mb-56 {
    margin-bottom: 5.6rem;
}

@media screen and (max-width: 1200px) {
    .mb-56 {
        margin-bottom: 2.8rem;
    }
}

.mb-60 {
    margin-bottom: 6rem;
}

@media screen and (max-width: 1200px) {
    .mb-60 {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 800px) {
    .mb-60 {
        margin-bottom: 2rem;
    }
}

.mb-64 {
    margin-bottom: 6.4rem;
}

@media screen and (max-width: 1200px) {
    .mb-64 {
        margin-bottom: 3.2rem;
    }
}

.mb-70 {
    margin-bottom: 7rem;
}

@media screen and (max-width: 1200px) {
    .mb-70 {
        margin-bottom: 3.5rem;
    }
}

.mb-72 {
    margin-bottom: 7.2rem;
}

@media screen and (max-width: 1200px) {
    .mb-72 {
        margin-bottom: 3.6rem;
    }
}

.mb-80 {
    margin-bottom: 8rem;
}

@media screen and (max-width: 1200px) {
    .mb-80 {
        margin-bottom: 4rem;
    }
}

.mb-100 {
    margin-bottom: 10rem;
}

@media screen and (max-width: 1200px) {
    .mb-100 {
        margin-bottom: 5rem;
    }
}

.mb-120 {
    margin-bottom: 12rem;
}

@media screen and (max-width: 1200px) {
    .mb-120 {
        margin-bottom: 6rem;
    }
}

.ss-mg-40 {
    margin: 4rem 0;
}

@media screen and (max-width: 1200px) {
    .ss-mg-40 {
        margin: 2rem 0;
    }
}

.mg-80 {
    margin: 8rem 0;
}

@media screen and (max-width: 1200px) {
    .mg-80 {
        margin: 4rem 0;
    }
}

.mg-60 {
    margin: 6rem 0;
}

@media screen and (max-width: 1200px) {
    .mg-60 {
        margin: 4rem 0;
    }
}

.pdf-16 {
    padding: 1.6rem;
}

.pdlr-16 {
    padding: 0 1.6rem;
}

.pd-16 {
    padding: 1.6rem 0;
}

.pd-32 {
    padding: 3.2rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-32 {
        padding: 1.6rem 0;
    }
}

.pd-40 {
    padding: 4rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-40 {
        padding: 2rem 0;
    }
}

.pd-50 {
    padding: 5rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-50 {
        padding: 3rem 0;
    }
}

.pd-60 {
    padding: 6rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-60 {
        padding: 4rem 0;
    }
}

.pd-80 {
    padding: 8rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-80 {
        padding: 4rem 0;
    }
}

.pd-100 {
    padding: 10rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-100 {
        padding: 5rem 0;
    }
}

@media screen and (max-width: 600px) {
    .pd-100 {
        padding: 3rem 0 5rem;
    }
}

.pd-120 {
    padding: 12rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-120 {
        padding: 6rem 0;
    }
}

@media screen and (max-width: 600px) {
    .pd-120 {
        padding: 3rem 0 5rem;
    }
}

.pd-pri {
    padding: 8rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-pri {
        padding: 4rem 0;
    }
}

.pd-sec {
    padding: 0 0 8rem;
}

@media screen and (max-width: 1200px) {
    .pd-sec {
        padding: 2rem 0 4rem;
    }
}

.pd-150 {
    padding: 15rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-150 {
        padding: 7.5rem 0;
    }
}

@media screen and (max-width: 600px) {
    .pd-150 {
        padding: 3rem 0 5rem;
    }
}

.pd-160 {
    padding: 16rem 0;
}

@media screen and (max-width: 1200px) {
    .pd-160 {
        padding: 8rem 0;
    }
}

@media screen and (max-width: 600px) {
    .pd-160 {
        padding: 4rem 0 5rem;
    }
}

.pd-240 {
    padding: 24rem 0;
}

@media screen and (max-width: 1400px) {
    .pd-240 {
        padding: 12rem 0;
    }
}

@media screen and (max-width: 1200px) {
    .pd-240 {
        padding: 8rem 0;
    }
}

@media screen and (max-width: 800px) {
    .pd-240 {
        padding: 4em 0 5rem;
    }
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dist24) 0;
    margin-bottom: var(--dist32);
}

.breadcrumb span,
.breadcrumb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    gap: 1.2rem;
}

.breadcrumb-item {
    color: var(--color-text-2);
    font-style: normal;
    line-height: 150%;
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.breadcrumb-item .icon {
    --wh: 2.4rem;
    width: var(--wh);
    height: var(--wh);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-item .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.breadcrumb-item:not(:last-child)::after {
    display: inline-block;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    font-weight: 400;
    background-image: url(../assets/images/arr-sec.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.breadcrumb-item:not(:last-child) {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

@media screen and (min-width: 1200px) {
    .breadcrumb-item:not(:last-child):hover {
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        color: var(--color-pri);
    }
}

.breadcrumb-item:last-child {
    color: var(--color-text-3);
    font-weight: 400;
    pointer-events: none !important;
}

.breadcrumb-link {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 1.8rem);
    font-size: var(--f-sz);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pjinfo-content {
    font-family: var(--font-sec);
}

@media screen and (max-width: 1500px) {
    /* .event-slider {
        max-width: calc(100% - 11.6rem);
        margin: auto;
    }
    .event-slider .swiper-prev {
        transform: translateX(calc(-100% - 1.6rem));
    }
    .event-slider .swiper-next {
        transform: translateX(calc(100% + 1.6rem));
    } */
}

@media screen and (max-width: 782px) {
    html {
        margin-top: 0 !important;
    }
}

.hlder-right .dateTimeItem,
.hlder-right .dateTimeItem2 {
    min-width: 13rem;
    justify-content: end;
}
.crinfo-row{
   -webkit-align-items: center;
    align-items: center;
}