html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}

@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-regular.eot');
    src: url('../fonts/montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-regular.woff2') format('woff2'),url('../fonts/montserrat/montserrat-regular.woff') format('woff'),url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-regular.eot');
    src: url('../fonts/montserrat/montserrat-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-regular.woff2') format('woff2'),url('../fonts/montserrat/montserrat-regular.woff') format('woff'),url('../fonts/montserrat/montserrat-regular.ttf') format('truetype');
    font-weight: 300;
    font-display: swap
}
@font-face {
    font-family:'Montserrat';
    src: url('../fonts/montserrat/montserrat-bold.eot');
    src: url('../fonts/montserrat/montserrat-bold.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-bold.woff2') format('woff2'),url('../fonts/montserrat/montserrat-bold.woff') format('woff'),url('../fonts/montserrat/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap
}

:root {
    --primary: oklch(0.686 0.133 234.99);
    --primary-foreground: oklch(8% .02 240);
    --sidebar-primary: oklch(0.686 0.133 234.99);
    --sidebar-primary-foreground: oklch(8% .02 240);
    --chart-1: oklch(0.686 0.133 234.99);
    --chart-2: oklch(65% .2 180);
    --chart-3: oklch(60% .15 260);
    --chart-4: oklch(75% .12 140);
    --chart-5: oklch(70% .2 30);
    --radius: .5rem;
    --background: oklch(10% .02 240);
    --foreground: oklch(95% .01 220);
    --card: oklch(13% .025 240);
    --card-foreground: oklch(95% .01 220);
    --popover: oklch(13% .025 240);
    --popover-foreground: oklch(95% .01 220);
    --secondary: oklch(18% .03 240);
    --secondary-foreground: oklch(85% .05 220);
    --muted: oklch(18% .03 240);
    --muted-foreground: oklch(60% .04 220);
    --accent: oklch(0.686 0.133 234.99);
    --accent-foreground: oklch(8% .02 240);
    --destructive: oklch(60% .22 25);
    --destructive-foreground: oklch(98% .01 0);
    --border: oklch(22% .03 240);
    --input: oklch(18% .03 240);
    --ring: oklch(0.686 0.133 234.99);
    --sidebar: oklch(12% .025 240);
    --sidebar-foreground: oklch(95% .01 220);
    --sidebar-accent: oklch(18% .03 240);
    --sidebar-accent-foreground: oklch(95% .01 220);
    --sidebar-border: oklch(22% .03 240);
    --sidebar-ring: oklch(0.686 0.133 234.99);

    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

html,body{
    background-color: var(--background);
    color: var(--foreground);
    background-image: radial-gradient(at 20%, #000a1a66, #0000 50%), radial-gradient(at 80% 20%, #0008094d, #0000 40%);
    background-image: radial-gradient(at 20%, #000a1a66, #0000 50%), radial-gradient(at 80% 20%, color(xyz 0.001 0.002 0.004 / 0.302), #0000 40%);
    background-attachment: fixed;
    font-family: 'Space Grotesk', 'Inter', 'ui-sans-serif', 'system-ui', 'sans-serif';
    scroll-behavior: smooth; font-size: 15px; width: 100%; line-height: 168%; font-weight: 400; letter-spacing: 0; --color: #2ca6e0;}
/*
*{ moz-user-select: -moz-none;  -moz-user-select: none;  -o-user-select:none;  -khtml-user-select:none;  -webkit-user-select:none;  -ms-user-select:none;  user-select:none; }
*/

/* Links Start */
a{color:#313131; text-decoration:none; outline:none !important;}
a:hover{color:var(--foreground); text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color: oklch(0.686 0.133 234.99); text-decoration: none; }
/* Links End */

::placeholder { color: oklch(0.5 0.03 220); opacity: 1;}
::-webkit-input-placeholder { color: oklch(0.5 0.03 220);}
::-moz-placeholder { color: oklch(0.5 0.03 220);opacity: 1;}
:-ms-input-placeholder { color: oklch(0.5 0.03 220);}

/* Flex Start */
.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.flex-ac { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.flex-jc { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center;justify-content: center;}
.flex-w { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.flex-1>* { width: 100%;}
.flex-2>* { width: 50%;}
.flex-3>* { width: 33.33333333%;}
.flex-4>* { width: 25%;}
.flex-5>* { width: 20%;}
.flex-6>* { width: 16.66666667%;}
.flex-7>* { width: 14.28571429%;}
.flex-8>* { width: 12.5%;}
.flex-9>* { width: 11.11111111%;}
.flex-10>* { width: 10%;}
/* Flex End */

/* Container Start */
.container { max-width: 1680px; margin: 0 auto; width: 100%; padding: 0 60px;}
/* Container End */

/* Hidden Start */
.hidden-lg { display: none;}
.hidden-xs { display: inline-block;}
/* Hidden End */

.animate-pulse {
    animation: var(--animate-pulse)
}

/* Header One Start */
.header-one { line-height: 1.6; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: fit-content; color: oklch(0.686 0.133 234.99); text-transform: uppercase; margin: 0 auto; padding: 6px 16px; border-radius: 32px; background: oklch(0.72 0.133 234.99 / 0.1); border: 1px solid oklch(0.72 0.133 234.99 / 0.3);}
    .header-one .dots { width: 6px; height: 6px; border-radius: 50%; background: oklch(0.686 0.133 234.99);}
    .header-one .titles { font-size: 12px; font-weight: 700;}
/* Header One End */

/* Header Two Start */
.header-two { color: oklch(0.95 0.01 220); font-size: 58px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: capitalize;}
    .header-two.mt { margin-top: 60px;}
    .header-two span { font-size: 42px; display: block; -webkit-text-fill-color: transparent; background:linear-gradient(135deg,#2297cf,#2ca6e0 50%,#36b4ee,#3fc1f8);-webkit-background-clip: text;background-clip: text;}
/* Header Two End */

/* Header Three Start */
.header-three { color: oklch(0.95 0.01 220); font-size: 58px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: capitalize;}
    .header-three.mt { margin-top: 60px;}
    .header-three span { display: block; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;background:linear-gradient(135deg,#2297cf,#2ca6e0 50%,#36b4ee,#3fc1f8);-webkit-background-clip: text;background-clip: text;}
/* Header Three End */

/* Header Four Start */
.header-four { line-height: 1.6; display: flex; align-items: center; justify-content: flex-start; gap: 5px; width: fit-content; color: oklch(0.75 0.18 145); background: oklch(0.75 0.18 145 / 0.1); text-transform: capitalize; margin: 0 auto; padding: 2px 8px; border-radius: 32px;}
    .header-four .dots { width: 4px; height: 4px; border-radius: 50%; background: oklch(0.75 0.18 145);}
    .header-four .titles { font-size: 12px; font-weight: 700; flex-wrap: nowrap; white-space: nowrap;}
/* Header Four End */

/* Header Five Start */
.header-five { margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: fit-content; font-size: 12px; color: oklch(0.686 0.133 234.99);}
    .header-five.mt { margin-top: 80px;}
    .header-five .titles { font-weight: 700; text-transform: uppercase;}
    .header-five .lines { width: 32px; height: 1px; background: oklch(0.686 0.133 234.99 / 0.5);}
/* Header Five End */

/* Header Six Start */
.header-six { color: oklch(0.95 0.01 220); font-size: 58px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: capitalize;}
    .header-six.mt { margin-top: 60px;}
    .header-six span { background:linear-gradient(135deg,#2297cf,#2ca6e0 50%,#36b4ee,#3fc1f8); -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}
/* Header Six End */

/* Header Seven Start */
.header-seven { color: oklch(0.95 0.01 220); font-size: 48px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: capitalize;}
    .header-seven.mt { margin-top: 60px;}
    .header-seven span { background:linear-gradient(135deg,#2297cf,#2ca6e0 50%,#36b4ee,#3fc1f8); -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}
/* Header Seven End */

/* Header Eight Start */
.header-eight { color: oklch(0.686 0.133 234.99); text-transform: uppercase; font-weight: 600;}
/* Header Eight End */

/* Header Nine Start */
.header-nine { font-weight: 700;}
    .header-nine p { font-size: 12px; margin-bottom: 5px; color: var(--primary); text-transform: uppercase;}
    .header-nine h1 { font-size: 48px; line-height: 1;}
    .header-nine.mt { margin-top: 45px;}
/* Header Nine End */

/* Header Ten Start */
.header-ten { font-size: 24px; color: oklch(0.9 0.02 220); text-transform: capitalize; font-weight: 600;}
    .header-ten.mt { margin-top: 45px;}
/* Header Ten End */

/* Header Eleven Start */
.header-eleven { margin: 0 auto; text-align: center; display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: fit-content; font-size: 38px; color: oklch(0.686 0.133 234.99);}
    .header-eleven.mt { margin-top: 80px;}
    .header-eleven .titles { font-weight: 700; text-transform: uppercase;}
    .header-eleven .lines { width: 32px; height: 1px; background: oklch(0.686 0.133 234.99 / 0.5);}
/* Header Eleven End */

/* Header Twelve Start */
.header-twelve { color: oklch(0.95 0.01 220); font-size: 30px; font-weight: 700; line-height: 1.2; text-align: center; text-transform: capitalize;}
    .header-twelve.mt { margin-top: 15px;}
    .header-twelve span { display: block; /*-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; background:linear-gradient(135deg,#2297cf,#2ca6e0 50%,#36b4ee,#3fc1f8);*/-webkit-background-clip: text;background-clip: text;}
/* Header Twelve End */

/* Header Start */
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999999; padding: 12px 0; border-bottom: 1px solid transparent; transition: all .3s;}
    #header.active { background: oklch(0.1 0.02 240 / 0.7); backdrop-filter: blur(12px); border-bottom: 1px solid oklch(0.22 0.03 240);}
    #header.insides { background: oklch(0.1 0.02 240 / 0.7); backdrop-filter: blur(12px);}
    .header { display: flex; align-items: center; justify-content: space-between; color: oklch(0.7 0.04 220); line-height: 1;}
    .header .logos img { max-height: 48px; filter: brightness(0) invert(1); }

    .header ul.menus { display: flex; line-height: 1; align-items: center; gap: 45px;}
    .header ul.menus>li { position: relative; flex-shrink: 0; white-space: nowrap; font-size: 16px; text-transform: capitalize; padding: 14px 0;}
    .header ul.menus>li>a { color: oklch(0.7 0.04 220); position: relative; transition: all .3s;}
    .header ul.menus>li>a:hover { color: #FFF;}
    .header ul.menus>li.drops>a::after { content: ""; width: 0; height: 0; position: absolute; right: -15px; top: 38%; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid oklch(0.7 0.04 220); transition: all .3s; }
    .header ul.menus>li:hover.drops>a::after { transform: rotate(-180deg); }

    .header ul.menus li.drops ul.drop-menus { border: solid 1px var(--border); background: var(--popover); overflow: hidden; border-radius:3px; -webkit-perspective: 500px;-moz-perspective: 500px;perspective: 500px;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;text-align: left;position: absolute;z-index: 1;font-size: 15px;font-weight: 400;top: 100%;left: 0; min-width: 225px;-webkit-transform: rotate3d(1,0,0,-90deg);-moz-transform: rotate3d(1,0,0,-90deg);transform: rotate3d(1,0,0,-90deg);-webkit-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;transform-origin: 0 0 0;opacity: 0;-webkit-transition: opacity .3s,-webkit-transform .5s;transition: opacity .3s,-webkit-transform .5s;-moz-transition: transform .5s,opacity .3s,-moz-transform .5s;transition: transform .5s,opacity .3s;transition: transform .5s,opacity .3s,-webkit-transform .5s,-moz-transform .5s;-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,.2);box-shadow: 0px 8px 10px rgba(0,0,0,.2);display: none \9;}
    .header ul.menus li.drops:hover ul.drop-menus {opacity: 1;-webkit-transform: rotate3d(0,0,0,0);-moz-transform: rotate3d(0,0,0,0);transform: rotate3d(0,0,0,0);display: block \9;}
    .header ul.menus li.drops ul.drop-menus li {display: block;float: none;padding: 0 15px;line-height: 40px; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;text-transform: capitalize;position: relative;}
    .header ul.menus li.drops ul.drop-menus li a { display: block; color: var(--popover-foreground);}
    .header ul.menus li.drops ul.drop-menus li:hover { background:#2ca6e0; }
    .header ul.menus li.drops ul.drop-menus li:hover a { color: #000205;}

    .header .sides { display: flex; align-items: center; justify-content: space-between; gap: 35px;}
    .header .sides a { color: oklch(0.7 0.04 220); transition: all .3s;}
    .header .sides .searchs { font-size: 18px;  cursor: pointer;}
    .header .sides .searchs a:hover { color: #FFF;}

    .header .sides .contacts a { color: oklch(0.08 0.02 240); text-transform: capitalize; font-weight: 700; border-radius: 6px; overflow: hidden; padding: 8px 16px; background: oklch(0.686 0.133 234.99); box-shadow: none;  }
    .header .sides .contacts a:hover { background: oklch(0.686 0.133 234.99); box‑shadow: 0 oklch(0.686 0.133 234.99 / 0.4) 0px 0px 20px;}
    .header .navigations { display: none;}
/* Header End */

/* Empty Module Start */
.empty-module { display: none;}
/* Empty Module End */

/* Floating Menu Start */
.floating-menus { display: none;}
/* Floating Menu End */

/* Home Technology Start */
#home-technology { min-height: 100vh; overflow: hidden; position: relative;}
    #home-technology .backdrop { object-fit: cover; z-index:1;}
    #home-technology .backdrop.videos { display: block;}
    #home-technology .backdrop.images { display: none;}
    #home-technology .grid-layer { z-index: 2; opacity: .1; pointer-events: none; position: absolute; inset: 0; background: radial-gradient(80% 60% at 50% 45%, transparent 0%, oklch(0.1 0.02 240 / 0.45) 100%); /*background-image: linear-gradient(oklch(0.22 0.03 240 / 0.4) 1px, transparent 1px), linear-gradient(90deg, oklch(0.22 0.03 240 / 0.4) 1px, transparent 1px); background-size: 60px 60px;*/}
    #home-technology .color-layer { z-index: 3; pointer-events: none; position: absolute; inset: 0; background: linear-gradient(oklch(0.1 0.02 240 / 0.88) 0%, oklch(0.1 0.02 240 / 0.52) 30%, oklch(0.1 0.02 240 / 0.62) 72%, oklch(0.1 0.02 240) 100%);}

    #home-technology .floating-layers { z-index:4; position: absolute; inset: 0; display: flex; justify-content: center; flex-direction: column;}

    #home-technology .covers { align-items: center; bottom: 20px; cursor: pointer; display: flex; justify-content: center; left: 50%; position: absolute; transform: translate(-50%);z-index: 9;}
    #home-technology .covers .arrows { animation: arrow-bounce 1.8s infinite; color: oklch(0.4 0.04 220); font-size: 26px;}

    .home-technology { margin-top: 35px; text-align: center;}
    .home-technology .intros { padding-left: 20%; padding-right: 20%; color: oklch(0.72 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 24px; font-weight: normal; line-height: 1.4; margin-top: 15px;}
/* Home Technology End */

/* Home Together Start */
#home-together { min-height: 100vh; border-top: 1px solid oklch(0.22 0.03 240 / 0.5); border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .home-together { text-align: center;}
    .home-together .intros { padding-left: 20%; padding-right: 20%; color: oklch(0.6 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 24px; font-weight: normal; line-height: 1.4; margin-top: 15px;}

    .home-together ul.lists { margin-top: 45px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: left;}
    .home-together ul.lists li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    .home-together ul.lists li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* Home Together End */

/* Link Button Start */
.link-button { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 20px;}
    .link-button.mt { margin-top: 40px;}
    .link-button a { --tw-duration: .2s; transition-duration: .2s; padding: 12px 32px; font-size: 16px; font-weight: 700; border-radius: 8px; }
    .link-button a.colors { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.3) 0px 0px 30px; transform: translateY(0px);}
    .link-button a.colors:hover { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.5) 0px 0px 40px; transform: translateY(-1px);}

    .link-button a.defaults { background: transparent; color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.4);}
    .link-button a.defaults:hover { background: oklch(0.72 0.133 234.99 / 0.08); color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.7); }
/* Link Button End */

/* Submit Button Start */
.submit-button { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;}
    .submit-button.mt { margin-top: 40px;}
    .submit-button .items { text-align: center; outline: 0; border: 0; --tw-duration: .2s; transition-duration: .2s; padding: 12px 32px; font-size: 16px; font-weight: 700; border-radius: 8px; }
    .submit-button .items.colors { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.3) 0px 0px 30px; transform: translateY(0px);}
    .submit-button .items.colors:hover { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.5) 0px 0px 40px; transform: translateY(-1px);}

    .submit-button .items.defaults { background: transparent; color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.4);}
    .submit-button .items.defaults:hover { background: oklch(0.72 0.133 234.99 / 0.08); color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.7); }
/* Submit Button End */

/* Single Technology Start */
.single-technology { display: flex;  justify-content: center; flex-direction: column; gap: 12px;}
    .single-technology .heads { display: flex; align-items: center; justify-content: space-between; }
    .single-technology .heads .icons { color: oklch(0.72 0.133 234.99); display: flex; align-items: center; justify-content: flex-start;  gap: 8px;}
    .single-technology .heads .icons label { font-size: 17px; font-weight: 700;}
    .single-technology .heads .tags { display: none; align-items: center; justify-content: flex-start; gap: 5px;}
    .single-technology .names { font-size: 17px; font-weight: 700; color: oklch(0.95 0.01 220);}
    .single-technology .descs { font-weight: 500; color: oklch(0.6 0.04 220); font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
/* Single Technology End */

/* Home Industries Start */
#home-industries { min-height: 100vh; border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .home-industries { margin-top: 45px;}
    .home-industries ul.lists { margin-top: 45px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: left;}
    .home-industries ul.lists li { padding: 24px; border-radius: 12px; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); box-shadow: none; transition: all .3s; }
    .home-industries ul.lists li:hover { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); box-shadow: 0 0 20px oklch(72% .18 200 / .1), 0 4px 24px #0006; transform: translateY(-2px);}
/* Home Industries End */

/* Single Industries Start */
.single-industries { display: flex;  justify-content: center; flex-direction: column; gap: 15px;}
    .single-industries .heads { display: flex; align-items: center; justify-content: space-between; }
    .single-industries .heads .icons { color: oklch(0.72 0.133 234.99); display: flex; align-items: center; justify-content: flex-start;  gap: 8px;}
    .single-industries .heads .icons label { font-weight: 700;}
    .single-industries .heads .tags { display: none; align-items: center; justify-content: flex-start; gap: 5px;}
    .single-industries .images { border-radius: 6px; overflow: hidden;}
    .single-industries .images img { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
    .single-industries:hover .images img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
    .single-industries .descs { font-weight: 500; color: oklch(0.6 0.04 220); font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
/* Single Industries End */

/* Home About Start */
#home-about { min-height: 100vh; border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .home-about { margin-top: 45px; text-align: center;}
    .home-about .intros { padding-left: 20%; padding-right: 20%; color: oklch(0.6 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 24px; font-weight: normal; line-height: 1.4; margin-top: 15px;}
/* Home About End */

/* Home Contact Start */
#home-contact { min-height: 100vh; border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .home-contact { text-align: center; max-width: 672px; margin: 15px auto 0 auto;}
    .home-contact .intros { color: oklch(0.6 0.04 220); text-shadow: oklch(0.1 0.02 240 / 0.9) 0px 1px 16px; font-size: 16px; font-weight: normal; line-height: 1.4; margin-top: 15px;}

    .home-contact .forms { color: oklch(0.75 0.04 220); margin-top: 45px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; text-align: left; background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); padding: 32px; border-radius: 16px;}
    .home-contact .forms .doubles { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;}
    .home-contact .forms .doubles .items { width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 5px;}
    .home-contact .forms .fulls { width: 100%; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 5px;}
    .home-contact .forms .inputs { width: 100%;}
    .home-contact .forms .tips { color: oklch(0.45 0.03 220); font-size: 12px; line-height: 1.4; text-align: center;}
/* Home Contact End */

/* Form Input Start */
.form-input { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); color: oklch(0.85 0.04 220); border-radius: 4px; padding: 10px 14px;width: 100%; font-size: 14px; outline: none;}
/* Form Input End */

/* Home Faq Start */
#home-faq { padding: 100px 0; border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column;}
    .home-faq { text-align: center; margin: 15px auto 0 auto;}
    .home-faq ul.list-faq { max-width: 768px; margin: 45px auto 0 auto;}
/* Home Faq End */

/* List Faq Start */
ul.list-faq { display: flex; gap: 15px; flex-direction: column;}
    ul.list-faq li { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.22 0.03 240); border-radius: 12px; --tw-duration: .2s; transition-duration: .2s;}
    ul.list-faq li .heads { cursor: pointer; display: flex; justify-content: space-between; padding: 16px 24px; gap: 30px;}
    ul.list-faq li .heads .names { color: oklch(0.9 0.04 220); font-weight: 500;}
    ul.list-faq li .heads .arrows { flex-shrink: 0; transition: transform 0.24s ease;}
    ul.list-faq li .heads .arrows i { transition: transform 0.24s ease; color: #d9d9d9;}

    ul.list-faq li .details { /*transition: max-height 0.3s ease, padding 0.3s ease;*/ height: 0; overflow: hidden}
    ul.list-faq li.active { background: oklch(0.13 0.025 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.4);}
    ul.list-faq li.active .details { text-align: left; border-top: 1px solid oklch(0.22 0.03 240); padding: 16px 24px 20px 24px; color: oklch(0.65 0.04 220); height: auto;}

    ul.list-faq li.active .heads .arrows i { transform: rotate(180deg);}
/* List Faq End */

/* List Link Start */
ul.list-link { display: flex; justify-content: center; flex-direction: column; gap: 5px;}
    ul.list-link.mt { margin-top: 16px;}
    ul.list-link.mb { margin-bottom: 16px;}
/* List Link End */

/* List Share Start */
ul.list-share { display: flex; align-items: center; justify-content: flex-start; gap: 10px;}
    ul.list-share.mt { margin-top: 16px;}
    ul.list-share li { }
    ul.list-share li a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: oklch(0.18 0.03 240); border: 1px solid oklch(0.22 0.03 240); color: oklch(0.6 0.04 220); border-radius:8px; --tw-duration: .2s; transition-duration: .2s;}
    ul.list-share li a:hover { background: oklch(0.18 0.03 240); border: 1px solid oklch(0.72 0.133 234.99 / 0.5); color: oklch(0.72 0.133 234.99); }
/* List Share End */

/* Footer Start */
#footer { border-top: 1px solid oklch(0.22 0.03 240); padding-block: 64px;}
    .footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:40px; margin-bottom: 40px; color: oklch(0.55 0.04 220);}
    .footer a { color: oklch(0.55 0.04 220); -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
    .footer a:hover { color: oklch(0.72 0.133 234.99);}
    .footer .companys { grid-column: span 2 / span 2;  }
    .footer .companys .logos { margin-bottom: 15px;}
    .footer .companys .logos img { max-height: 48px; filter: brightness(0) invert(1); }
    .footer .companys .intros { margin-bottom: 15px;}

    .footer .links { }
    .footer .shares { }
    .copyrighter { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid oklch(0.22 0.03 240); color: oklch(0.45 0.03 220); padding-top: 25px;}
/* Footer End */

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

@keyframes arrow-bounce {
    0%,to {
        transform: translateY(-5px)
    }
    50% {
        transform: translateY(5px)
    }
}

/* <1920的设备 */
@media screen and (max-width: 1920px){

}

/* <1680的设备 */
@media screen and (max-width: 1680px){

}

/* <1500的设备 */
@media screen and (max-width: 1500px){


}

/* <1440的设备 */
@media screen and (max-width: 1440px){

}

/* <1366的设备 */
@media screen and (max-width: 1366px){


}

/* <1200的设备 */
@media screen and (max-width: 1200px){

    /* Header Start */
    .header ul.menus { gap: 30px;}
    .header .sides { gap: 25px;}
    /* Header End */
}

/* <991的设备 */
@media screen and (max-width: 991px) {

    /* Header Two Start */
    .header-two { font-size: 34px;}
    .header-two.mt { margin-top: 30px;}
    .header-two span { font-size: 28px; margin-top: 10px;}
    /* Header Two End */

    /* Header Three Start */
    .header-three { font-size: 32px; }
    .header-three.mt { margin-top: 30px;}
    /* Header Three End */

    /* Header Five Start */
    .header-five.mt { margin-top: 30px;}
    /* Header Five End */

    /* Header Six Start */
    .header-six { font-size: 34px;}
    .header-six.mt { margin-top: 30px;}
    /* Header Six End */

    /* Header Seven Start */
    .header-seven { font-size: 34px;}
    .header-seven.mt { margin-top: 30px;}
    /* Header Seven End */

    /* Header Nine Start */
    .header-nine h1 { font-size: 34px; }
    .header-nine.mt { margin-top: 30px;}
    /* Header Nine End */

    /* Header Ten Start */
    .header-ten { font-size: 20px;}
    .header-ten.mt { margin-top: 20px;}
    /* Header Ten End */

    /* Header Eleven Start */
    .header-eleven { font-size: 24px;}
    .header-eleven.mt { margin-top: 50px;}
    /* Header Eleven End */

    /* Header Twelve Start */
    .header-twelve { font-size: 18px;}
    .header-twelve.mt { margin-top: 5px;}
    /* Header Twelve End */

    /* Container Start */
    .container { padding-left: 10px; padding-right: 10px;}
    /* Container End */

    /* Header Start */
    #header { padding: 6px 0; background: oklch(0.1 0.02 240 / 1); backdrop-filter:none; border-bottom: 1px solid oklch(0.22 0.03 240);}
    #header.active { background: oklch(0.1 0.02 240 / 1); backdrop-filter: none;}
    .header .logos img { max-height: 32px; }
    .header ul.menus { display: none;}
    .header .sides { display: none;}

    .header .navigations { display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 22px;}
    .header .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: oklch(0.7 0.04 220);-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
    .header .navigations span:last-child {margin-bottom: 0;}
    .header .navigations span:nth-child(2) {/*width: 75%;*/}
    .header .navigations.active { margin-top: 0;}
    .header .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
    .header .navigations.active span:nth-child(2) {display: none;}
    .header .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
    /* Header End */

    /* Empty Module Start */
    .empty-module { display: block; width: 100%; height: 44px;}
    /* Empty Module End */

    /* Floating Menus Star */
    .floating-menus { position: fixed; left: 0; top: 44px; z-index: 9999999; width: 100%; padding: 20px 3%; opacity: 0; visibility: hidden; overflow-y: scroll; background: oklch(0.1 0.02 240 / 0.98); border-top: solid 1px oklch(0.22 0.03 240); border-bottom: solid 1px oklch(0.22 0.03 240);}
    .floating-menus.active { left: 0;opacity: 1;visibility: visible;}

    .floating-menus ul.menus { }
    .floating-menus ul.menus>li { border-bottom: 1px solid oklch(0.22 0.03 240 / 0.5); }
    .floating-menus ul.menus>li:last-child { border-bottom: none;}
    .floating-menus ul.menus li { line-height: 42px; font-size: 16px; font-weight: 500; -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}
    .floating-menus ul.menus li>a { color: oklch(0.7 0.04 220); -o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;}

    .floating-menus ul.menus li.active,.floating-menus ul.menus li:hover { color: oklch(0.7 0.04 220);}
    .floating-menus ul.menus li.active>a,.floating-menus ul.menus li:hover>a { color: oklch(0.7 0.04 220);}

    .floating-menus ul.menus>li i { color: oklch(0.5 0.04 220); float: right; margin-top: 12px; cursor: pointer;}
    .floating-menus ul.menus>li ul { border-top: 1px solid oklch(0.22 0.03 240 / 0.5); display: none; }
    .floating-menus ul.menus>li ul li a { font-size: 14px;}
    .floating-menus ul.menus li:last-child { }
    .floating-menus .searchs { margin-top: 15px;}
    .floating-menus .searchs .frames { padding: 5px 12px; color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.4); border-radius: 8px; display: flex; align-items: center; justify-content: space-between;}
    .floating-menus .searchs .frames input { background: transparent; border: 0; outline: 0; color: oklch(0.72 0.133 234.99);}

    .floating-menus .buttons { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; margin-top: 15px;}
    .floating-menus .buttons .items { text-transform: capitalize; width: 100%; text-align: center; outline: 0; border: 0; --tw-duration: .2s; transition-duration: .2s; padding: 12px 32px; font-size: 16px; font-weight: 700; border-radius: 8px; }
    .floating-menus .buttons .items.colors { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.3) 0px 0px 30px; transform: translateY(0px);}
    .floating-menus .buttons .items.colors:hover { background: oklch(0.72 0.133 234.99); color: oklch(0.08 0.02 240); box-shadow: oklch(0.72 0.133 234.99 / 0.5) 0px 0px 40px; transform: translateY(-1px);}

    .floating-menus .buttons .items.defaults { background: transparent; color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.4);}
    .floating-menus .buttons .items.defaults:hover { background: oklch(0.72 0.133 234.99 / 0.08); color: oklch(0.72 0.133 234.99); border: 1px solid oklch(0.72 0.133 234.99 / 0.7); }
    /* Floating Menus End */

    /* Home Technology Start */
    #home-technology { min-height: calc(100vh - 44px);}
    #home-technology .backdrop { position: absolute; inset: 0; width: 100%; height: 100%;}
    #home-technology .backdrop.videos { display: none;}
    #home-technology .backdrop.images { display: block;}
    .home-technology .intros { padding-left: 0; padding-right: 0; font-size: 20px;}
    /* Home Technology End */

    /* Link Button Start */
    .link-button { gap: 15px; flex-direction: column;}
    .link-button.mt { margin-top: 20px;}
    /* Link Button End */

    /* Submit Button Start */
    .submit-button { grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .submit-button.mt { margin-top: 20px;}
    /* Submit Button End */

    /* Home Together Start */
    #home-together { min-height: auto; padding: 60px 0;}
    .home-together .intros { padding-left: 0; padding-right: 0; font-size: 20px;}

    .home-together ul.lists { margin-top: 25px; grid-template-columns: repeat(1, 1fr); gap: 15px;}
    .home-together ul.lists li { padding: 18px; border-radius: 10px; }
    /* Home Together End */

    /* Single Technology Start */
    .single-technology { gap: 10px;}
    .single-technology .heads .icons { gap: 6px;}
    /* Single Technology End */

    /* Home Industries Start */
    #home-industries { min-height: auto; padding: 60px 0;}
    .home-industries { margin-top: 25px;}
    .home-industries ul.lists { margin-top: 25px; grid-template-columns: repeat(1, 1fr); gap: 10px;}
    .home-industries ul.lists li { padding: 18px; border-radius: 10px; }
    /* Home Industries End */

    /* Home About Start */
    #home-about { min-height: auto; padding: 60px 0;}
    .home-about { margin-top: 25px; text-align: center;}
    .home-about .intros { padding-left: 0; padding-right: 0; font-size: 18px;}
    /* Home About End */

    /* Home Contact Start */
    #home-contact { min-height: auto; padding: 60px 0;}
    .home-contact { max-width: 100%; margin: 15px auto 0 auto;}

    .home-contact .forms { margin-top: 25px; padding: 25px; border-radius: 16px; gap: 15px;}
    .home-contact .forms .doubles { gap: 15px;}
    /* Home Contact End */

    /* Home Faq Start */
    #home-faq { padding: 60px 0;}
    .home-faq ul.list-faq { max-width: 100%; margin: 25px auto 0 auto;}
    /* Home Faq End */

    /* List Faq Start */
    ul.list-faq li .heads { padding: 10px 15px; gap: 15px; text-align: left;}
    /* List Faq End */

    /* Footer Start */
    #footer { padding-block: 30px;}
    .footer { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .copyrighter { flex-direction: column; padding-top: 25px;}
    /* Footer End */
}

/* <767的设备 */
@media screen and (max-width: 767px){


}

/* <450的设备 */
@media screen and (max-width: 450px){


}