/*! tailwindcss v4.0.15 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{inset:calc(var(--spacing)*0)!important}.top-0{top:calc(var(--spacing)*0)!important}.left-0{left:calc(var(--spacing)*0)!important}.col-span-4{grid-column:span 4/span 4!important}.container{width:100%!important}@media (width>=40rem){.container{max-width:40rem!important}}@media (width>=48rem){.container{max-width:48rem!important}}@media (width>=64rem){.container{max-width:64rem!important}}@media (width>=80rem){.container{max-width:80rem!important}}@media (width>=96rem){.container{max-width:96rem!important}}.m-auto{margin:auto!important}.mx-5{margin-inline:calc(var(--spacing)*5)!important}.mx-auto{margin-inline:auto!important}.mt-1{margin-top:calc(var(--spacing)*1)!important}.mt-2{margin-top:calc(var(--spacing)*2)!important}.mt-4{margin-top:calc(var(--spacing)*4)!important}.mt-6{margin-top:calc(var(--spacing)*6)!important}.mt-\[4\%\]{margin-top:4%!important}.mb-4{margin-bottom:calc(var(--spacing)*4)!important}.mb-5{margin-bottom:calc(var(--spacing)*5)!important}.mb-6{margin-bottom:calc(var(--spacing)*6)!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.aspect-square{aspect-ratio:1!important}.h-\[1\.5rem\]{height:1.5rem!important}.h-\[40px\]{height:40px!important}.h-\[300px\]{height:300px!important}.h-\[400px\]{height:400px!important}.h-full{height:100%!important}.min-h-screen{min-height:100vh!important}.w-1\/3{width:33.3333%!important}.w-\[1\.5rem\]{width:1.5rem!important}.w-\[40px\]{width:40px!important}.w-\[80\%\]{width:80%!important}.w-\[90\%\]{width:90%!important}.w-\[1000px\]{width:1000px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-md{max-width:var(--container-md)!important}.flex-grow{flex-grow:1!important}.rotate-180{rotate:180deg!important}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.list-disc{list-style-type:disc!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-items-center{justify-items:center!important}.gap-2{gap:calc(var(--spacing)*2)!important}.gap-4{gap:calc(var(--spacing)*4)!important}.gap-5{gap:calc(var(--spacing)*5)!important}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))!important}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))!important}.gap-x-5{column-gap:calc(var(--spacing)*5)!important}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))!important}.gap-y-10{row-gap:calc(var(--spacing)*10)!important}.overflow-hidden{overflow:hidden!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:3.40282e+38px!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-gray-200{border-color:var(--color-gray-200)!important}.border-gray-300{border-color:var(--color-gray-300)!important}.border-orange-400{border-color:var(--color-orange-400)!important}.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)!important}.bg-blue-500{background-color:var(--color-blue-500)!important}.bg-blue-600{background-color:var(--color-blue-600)!important}.bg-gray-50{background-color:var(--color-gray-50)!important}.bg-gray-100{background-color:var(--color-gray-100)!important}.bg-gray-300{background-color:var(--color-gray-300)!important}.bg-indigo-600{background-color:var(--color-indigo-600)!important}.bg-orange-500{background-color:var(--color-orange-500)!important}.bg-transparent{background-color:#0000!important}.bg-white{background-color:var(--color-white)!important}.object-cover{object-fit:cover!important}.p-2{padding:calc(var(--spacing)*2)!important}.p-4{padding:calc(var(--spacing)*4)!important}.p-6{padding:calc(var(--spacing)*6)!important}.px-3{padding-inline:calc(var(--spacing)*3)!important}.px-4{padding-inline:calc(var(--spacing)*4)!important}.px-5{padding-inline:calc(var(--spacing)*5)!important}.px-6{padding-inline:calc(var(--spacing)*6)!important}.py-3{padding-block:calc(var(--spacing)*3)!important}.py-10{padding-block:calc(var(--spacing)*10)!important}.pr-4{padding-right:calc(var(--spacing)*4)!important}.pb-7{padding-bottom:calc(var(--spacing)*7)!important}.pl-5{padding-left:calc(var(--spacing)*5)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.leading-relaxed{--tw-leading:var(--leading-relaxed)!important;line-height:var(--leading-relaxed)!important}.font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.text-\[\#ff7eb3\]{color:#ff7eb3!important}.text-black{color:var(--color-black)!important}.text-gray-600{color:var(--color-gray-600)!important}.text-gray-700{color:var(--color-gray-700)!important}.text-white{color:var(--color-white)!important}.uppercase{text-transform:uppercase!important}.shadow-\[0_0_15px_rgba\(255\,165\,0\,0\.7\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ffa500b3)!important}.shadow-\[0_0_15px_rgba\(255\,165\,0\,0\.7\)\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)!important}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)!important}.hover\:bg-indigo-700:hover{background-color:var(--color-indigo-700)!important}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)!important}.hover\:text-\[\#ff7eb3\]:hover{color:#ff7eb3!important}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)!important}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.focus\:ring-indigo-500:focus{--tw-ring-color:var(--color-indigo-500)!important}.focus\:outline-none:focus{--tw-outline-style:none!important;outline-style:none!important}@media (width>=40rem){.sm\:mt-\[10\%\]{margin-top:10%!important}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sm\:flex-row{flex-direction:row!important}.sm\:gap-3{gap:calc(var(--spacing)*3)!important}.sm\:text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}}@media (width>=48rem){.md\:mt-\[4\%\]{margin-top:4%!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.md\:flex-row{flex-direction:row!important}.md\:gap-4{gap:calc(var(--spacing)*4)!important}.md\:text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.md\:text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}}@media (width>=64rem){.lg\:mt-\[4\%\]{margin-top:4%!important}.lg\:h-\[350\]{height:350px!important}.lg\:w-\[750\]{width:750px!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:flex-col{flex-direction:column!important}.lg\:flex-row{flex-direction:row!important}.lg\:gap-5{gap:calc(var(--spacing)*5)!important}.lg\:px-6{padding-inline:calc(var(--spacing)*6)!important}.lg\:px-8{padding-inline:calc(var(--spacing)*8)!important}.lg\:text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading,var(--text-3xl--line-height))!important}.lg\:text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.lg\:text-5xl{font-size:var(--text-5xl)!important;line-height:var(--tw-leading,var(--text-5xl--line-height))!important}.lg\:text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}}}:root{--color-blue:#3498db;--color-white:#fff;--color-black:#000;--color-button:#ff5c8d;--gradient:linear-gradient(45deg,#f36,#ff6b6b,#4834d4,#686de0);--glass-bg:#ffffff0d;--border:1px solid #ffffff1a;--shadow:0 8px 32px 0 #1f26875e}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}header{background-color:#0a0a0a}main{margin:0;padding:0;box-sizing:border-box;background:linear-gradient(120deg,#f0f4f8,#d9e8fc);min-height:100vh}.container{margin-top:calc(1.2rem + 60px)!important;max-width:1260px!important;margin:auto}.text-overlay{font-size:clamp(5rem,3.8857rem + 2.8571vw,6rem);color:hsl(0deg 0% 85%/30%);font-weight:800;line-height:1;text-align:center;position:relative;z-index:1;margin:0}.title-overlay{position:absolute;top:67%;left:50%;transform:translate(-50%,-120%);z-index:2;font-size:1.7rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:none}input[type=file]::file-selector-button{margin-right:20px;border:none;background:linear-gradient(120deg,#ff7eb3,#ff758c);padding:5px;border-radius:5px;color:#fff;cursor:pointer}@media (max-width:768px){
  /* ! main css */.nav-links a:first-child{transition-delay:.1s}.nav-links a:nth-child(2){transition-delay:.2s}.nav-links a:nth-child(3){transition-delay:.3s}.nav-links a:nth-child(4){transition-delay:.4s}.nav-links a:nth-child(5){transition-delay:.5s}.mobile-nav-toggle{display:block!important}.mobile-nav-toggle.active .bar:first-child{transform:translate(-50%,5px) rotate(45deg);width:24px}.mobile-nav-toggle.active .bar:nth-child(2){opacity:0}.mobile-nav-toggle.active .bar:nth-child(3){transform:translate(-50%,-5px) rotate(-45deg);width:24px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .4s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.active{opacity:1;visibility:visible}

  /* ! Banner */.box-img{width:80%!important;height:90%!important;margin:0 auto!important;border-radius:8px!important}.banner{display:flex;flex-direction:column;height:80vh!important}.banner .slider{width:95%!important;margin:0!important}

  /* ! Home */.home__title{font-size:18px!important}.title-product{font-size:14px!important}.title-project span{font-size:12px}.all-porfolio-list{grid-template-columns:repeat(1,1fr)!important}.porfolio-list{padding-left:0!important;border:none!important}

  /* ! Products */.products-content{padding:20px!important}.inside{flex-direction:column!important;gap:15px!important;margin:0!important}.products-sidebar{display:none!important}.category{display:block!important}.products-list,.products-main{width:100%!important}.products-list{gap:10px!important}.product-item{padding:10px!important}.product-title{font-size:.9rem!important}.product-img img{height:auto}.filter-select{width:100%!important}.text-no-product{font-size:1.2rem!important;text-align:center}.product-button{padding:5px!important;font-size:12px!important}

  /* ! Projects */.text-overlay{font-size:clamp(4rem,3.8857rem + 2.8571vw,5rem)!important}.projects-list{grid-template-columns:repeat(1,1fr)!important}.project-item a{flex-direction:column;justify-content:space-between}.noidung-duan{width:100%!important}.ten-duan{font-size:12px!important;padding-top:0!important;padding-bottom:16px}.mota-duan{display:none}.imgs-duan{width:100%!important}.imgs-duan img{height:auto!important}

  /* ! Services */.services-item h2{font-size:1.5rem!important}.services-button{width:100%}

  /* ! Contact */.contact__content{max-width:100%!important;padding:20px!important}.contact__info{order:2}.contact__content h2{font-size:1.5rem!important}.contact-form h3{font-size:1.25rem!important}.contact-form button,.contact-form input,.contact-form textarea{font-size:.9rem!important}.contact-form button{padding:12px 25px!important;width:100%}

  /* ! Footer */.box{width:100%!important;padding:30px 0}

  /* ! Float Button */.contact-button a,.contact-button img,.scroll-to-top{width:40px!important;height:40px!important}

  /* ! Product */.product__content{flex-direction:column}.product__content-left,.product__content-right{width:100%!important;padding:0!important}.product__content-right{padding-top:20px!important}.buy{font-size:12px!important;margin:20px auto 0!important}.product__img img{max-height:300px!important;width:100%!important;min-height:200px!important}

  /* ! Project */.project__title{text-align:center;font-size:24px!important}.project__subtitle{font-size:14px!important}.project__img-list{grid-template-columns:repeat(1,1fr)!important;justify-items:center}
  /* ! Recruitment */.job-descriptions{padding:40px 0!important}.related-product{flex-grow:0!important;flex-shrink:0!important;flex-basis:calc(50% - 20px)!important;max-width:calc(50% - 20px)!important}}@media (max-width:640px){.related-product{flex-grow:0!important;flex-shrink:0!important;flex-basis:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}}@media (width >= 48rem){.box{width:100%!important}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;width:100%}body{margin:0;font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh;background:#f0f4f8}html{background-color:#fff;color:#333}article,aside,footer,header,main,nav,section{display:block}img,video{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;padding:0;margin:0;cursor:pointer}:focus,button:focus,input:focus,select:focus,textarea:focus{outline:none}h1,h2,h3,h4,h5,h6,p{text-decoration:none;font-weight:400}html{scroll-behavior:smooth}@keyframes animation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.2rem 5%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0a0a0a;border-bottom:1px solid #333;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.navbar.scrolled{padding:.8rem 5%}.navbar .navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.navbar .logo{font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#ff7eb3,#ff6a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:gradient 8s linear infinite;background-size:300%;letter-spacing:-.5px}.navbar .nav-links{display:flex;gap:2.5rem;list-style:none}.navbar .nav-links a{color:#fff;text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:all .3s ease;font-size:1rem;letter-spacing:.3px}.navbar .nav-links a:after,.navbar .nav-links a:before{content:"";position:absolute;width:0;height:2px;background:linear-gradient(90deg,#ff7eb3,#ff6a00);background-size:300%;transition:width .3s ease}.navbar .nav-links a:before{top:-4px;left:0}.navbar .nav-links a:after{bottom:-4px;right:0}.navbar .nav-links a:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.3)}.navbar .nav-links a:hover:after,.navbar .nav-links a:hover:before{width:100%;animation:gradient 8s linear infinite}@media(max-width:767px){.navbar .nav-links{position:fixed;top:0;right:-100%;height:100vh;width:80%;max-width:400px;background:linear-gradient(135deg,rgba(10,10,10,.99),rgba(20,20,20,.99));flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px rgba(0,0,0,.5);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar .nav-links:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03));pointer-events:none}.navbar .nav-links a{font-size:1.2rem;opacity:0;transform:translateX(20px);transition:all .4s ease}.navbar .active{right:0}.navbar .active a{opacity:1;transform:translateX(0)}}.navbar .mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;z-index:1001;border-radius:50%;transition:background-color .3s ease}.navbar .mobile-nav-toggle:hover{background-color:hsla(0,0%,100%,.1)}.navbar .mobile-nav-toggle .bar{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#fff;transition:all .4s ease}.navbar .mobile-nav-toggle .bar:first-child{top:14px}.navbar .mobile-nav-toggle .bar:nth-child(2){top:19px}.navbar .mobile-nav-toggle .bar:nth-child(3){top:24px}footer{width:100%;height:100%;background-color:#0a0a0a;justify-content:space-around;padding-top:1rem}footer .box{display:flex;flex-direction:column;color:#fff;width:25%;height:100%;align-items:center;justify-content:center;padding-top:10px}footer .box h3{text-align:center;font-weight:700;text-transform:capitalize;margin-bottom:.5rem;position:relative}footer .box h3:before{content:"";position:absolute;top:0;left:0;height:2px;width:100%}footer .box p{padding:10px}footer .box .contact-info{margin-bottom:0;display:flex}footer .box .contact-info a{color:#fff;padding-left:10px;cursor:pointer;position:relative;width:100%;text-transform:none}footer .box .contact-info a:after,footer .box .contact-info a:before{content:"";position:absolute;height:2px;background:linear-gradient(90deg,#ff7eb3,#ff6a00);background-size:300%;transition:width .3s ease}footer .box .contact-info a:before{top:-4px;left:0;width:0}footer .box .contact-info a:after{bottom:-4px;right:0;width:0}footer .box .contact-info a:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.3)}footer .box .contact-info a:hover:after,footer .box .contact-info a:hover:before{width:100%;animation:gradient 8s linear infinite}footer .box .icon{padding:10px;margin:5px;border:1px solid #fff;border-radius:50%}.contact-button{position:fixed;bottom:20px;left:20px;border:none;z-index:1000;height:100%}.contact-button a,.contact-button button{position:absolute;bottom:0;left:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;color:#fff;transition:all .3s ease;background-color:rgba(0,0,0,0);border:none}.contact-button a:before,.contact-button button:before{box-shadow:0 4px 6px rgba(0,0,0,.2);content:"";position:absolute;top:0;left:0;background:linear-gradient(45deg,#ff3366,#ff6b6b,#4834d4,#686de0);border-radius:50%;height:100%;width:100%;background-size:300%;animation:gradient 8s linear infinite;z-index:-1}.contact-button a:last-child:before{background:none}.contact-button a:hover{transform:scale(1.1)}.contact-button a:active{transform:scale(1)}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;color:#fff;border:none;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.2);z-index:1000}.scroll-to-top:before{content:"";position:absolute;top:0;left:0;background:linear-gradient(45deg,#ff3366,#ff6b6b,#4834d4,#686de0);border-radius:50%;height:100%;width:100%;background-size:300%;animation:gradient 8s linear infinite;z-index:-1}.scroll-to-top:hover{background-color:#f36;transform:scale(1.1)}.scroll-to-top:active{transform:scale(1)}@keyframes gradient{0%{background-position:0}50%{background-position:50%}to{background-position:100%}}.pagination{display:flex;justify-content:center;padding-left:0;list-style:none;margin-top:20px}.pagination li{margin:0 5px}.pagination li button{display:flex;height:100%;flex-direction:column;justify-content:center;padding:10px 15px;background-color:#fff;color:#ff5c8d;border:1px solid #ddd;border-radius:5px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.pagination li button:hover,.pagination li.active button{background-color:#ff5c8d;color:#fff}.pagination li.active button{border-color:#ff5c8d}.pagination .page-item{margin:0 5px}.pagination .active .page-link{font-weight:700}.pagination .next-page,.pagination .previous-page{cursor:pointer}.banner{width:100%;background-size:cover;background-repeat:no-repeat;display:flex;position:relative;height:100vh}.banner .overlay-video{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.banner .slider{display:flex;flex-direction:column;justify-content:start;width:60%}.banner .box-img{position:relative;overflow:hidden;height:100%}.banner .box-left h2{color:#fff;margin-bottom:20px;font-weight:700;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:10px;transition:all .5s ease-in-out;cursor:pointer;position:relative;z-index:1;overflow:hidden}.banner .box-left h2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:all .5s ease-in-out;background-color:#fff;z-index:-1}.banner .box-left h2.active:before{color:red;left:0;background-color:#fff}.banner .box-left h2.active{color:red;z-index:11}.home__container{height:100%;margin-top:20px}.home__porfolio{background-color:#fff;border-radius:8px;box-shadow:1px 0 6px 9px rgba(0,0,0,.1);padding:20px 0;width:100%}.all-porfolio-list{display:grid;gap:10px;padding:10px}.all-porfolio-list .porfolio-list{border:dashed #e0e5f9;border-width:0 2px 0 0}.all-porfolio-list .porfolio-list:last-child{border:none}.all-porfolio-list .porfolio-list img{object-fit:contain}.home__content{display:flex;max-width:90%;margin:auto;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.home__content .solution{width:100%;height:100%}.home__content .solution .solution-content{background:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.1098039216);border-radius:4px;margin-top:40px;padding:15px 50px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center}.home__content .solution .solution-content .solution-text h2{font-size:30px;line-height:42px;font-weight:600;color:#00a8ff;text-transform:uppercase;margin-bottom:10px}.home__content .solution .solution-content .solution-text ul li{margin-bottom:10px}.home__content .solution .solution-content .solution-text ul li:before{margin-right:5px;font-weight:900;content:"";color:#00a8ff;font-family:Font Awesome\ 7 Free}.home__content .solution .solution-content .solution-text .btn{font-size:14px;color:#fff;background:#00a8ff;margin-bottom:0;display:inline-flex;align-items:center;justify-content:center;margin-top:30px;z-index:1;font-weight:500;line-height:14px;transition:all .3s,background-color .1s;position:relative;flex-direction:row-reverse;box-shadow:0 4px 0 rgba(39,166,59,.2);border-radius:30px;text-transform:uppercase;padding:5px}.home__content .solution .solution-content .solution-text .btn span{padding:0 25px 0 15px}.home__content .solution .solution-content .solution-text .btn:before{position:absolute;left:0;top:0;height:100%;width:0;content:"";background-color:#fff;transition:.5s;opacity:0;border-radius:30px;z-index:-1}.home__content .solution .solution-content .solution-text .btn:after{content:"";font-family:Font Awesome\ 7 Free;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#fff;color:#00a8ff;border-radius:100%;font-weight:900}.home__content .solution .solution-content .solution-text .btn:hover:before{width:100%;opacity:1}.home__content .solution .solution-content .solution-text .btn:hover{color:#00a8ff}.home__content .partner-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.home__content .partner-logos img{max-height:80px;max-width:150px;object-fit:contain;transition:transform .3s ease;background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.home__products-list{display:grid;gap:20px}.home__products-item{cursor:pointer;background-color:#fff;padding:10px;border-radius:8px}.img-product{overflow:hidden;position:relative;border-radius:4px;transition:all .3s linear}.img-product:before{position:absolute;content:"";border:1px solid #fff;top:5px;left:5px;right:5px;bottom:5px;z-index:1;border-radius:inherit}.img-product img{width:100%;height:auto;aspect-ratio:12/7;object-position:center;object-fit:cover;transition:all .3s linear;border-radius:inherit}.img-product:hover img{transform:scale(1.1)}.title-product{font-size:19px;padding-top:10px;position:relative;width:100%}.title-product .name-product{color:#000;font-weight:300;margin-bottom:10px;white-space:normal;overflow:hidden;text-overflow:ellipsis;height:60px;line-height:1.6}.xemthem{font-size:16px;color:#ff7eb3;background-color:#fff;border:1px solid #ff7eb3;padding:5px 48px;width:fit-content;text-transform:capitalize;margin:25px auto auto;transition:all .3s;border-radius:4px;position:relative;animation:animation 3s linear infinite}.xemthem:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#ff7eb3,#ff6a00);background-size:300%;transition:width .3s ease;z-index:-1}.xemthem:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.3);z-index:1}.xemthem:hover:before{width:100%;animation:gradient 8s linear infinite}.home__projects-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:15px}.home__project-item{background-color:#fff;padding:10px;border-radius:4px;border:1px solid #e0e5f9;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;text-align:center;justify-content:space-between}.title-project{padding:0 0 1rem;margin-bottom:20px;position:relative;display:flex;flex-direction:column}.title-project:after{position:absolute;content:"";bottom:0;left:0;right:0;width:100%;background:linear-gradient(90deg,#ff7eb3,#ff6a00);height:4px}.name-project{color:#000;font-weight:600;margin-bottom:10px;white-space:normal;text-overflow:ellipsis;line-height:1.6;text-align:left}.img-project{border-radius:4px;position:relative;overflow:hidden}.img-project:before{position:absolute;content:"";border:1px solid #fff;top:5px;left:5px;right:5px;bottom:5px;border-radius:inherit;z-index:1}.img-project img{transition:all .3s linear;border-radius:inherit}.img-project:hover img{transform:scale(1.1)}.products{height:100%;margin-top:calc(1.2rem + 60px)}.products .products-content{align-items:center;padding:40px;position:relative;opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}.products .products-content h1,.products .products-content p{text-align:center}.products .inside{display:flex;gap:20px;align-items:start}.products .inside .products-sidebar{height:100%;background:linear-gradient(145deg,#ffffff,#f0f0f0);padding:20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.products .inside .products-sidebar .sidebar-title{font-size:1.5rem;font-weight:600;color:#333;text-align:center;margin-bottom:20px;border-bottom:1px solid #333}.products .inside .products-sidebar .categories-list{list-style:none;padding:0;margin:0}.products .inside .products-sidebar .categories-list li{margin-bottom:15px}.products .inside .products-sidebar .categories-list li button{display:block;text-decoration:none;color:#555;font-size:1rem;padding:10px 15px;border-radius:8px;transition:all .3s ease;position:relative;cursor:pointer;border:none;background-color:rgba(0,0,0,0);width:100%;text-align:left}.products .inside .products-sidebar .categories-list li button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--gradient);background-size:300%;transition:width .3s ease;z-index:-1;animation:gradient 8s linear infinite}.products .inside .products-sidebar .categories-list li button:hover:before{width:100%;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.products .inside .products-sidebar .categories-list li button:hover{color:#fff;z-index:1}.products .inside .products-sidebar .categories-list li button.active{background:var(--gradient);color:#fff}.products .inside .products-main{flex:1;display:flex;flex-direction:column;gap:20px;height:100%;width:100%;position:relative}.products .inside .products-main .products-filter{background:linear-gradient(145deg,#ffffff,#f0f0f0);padding:15px 20px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;z-index:10}.products .inside .products-main .products-filter .filter-group{display:flex;gap:10px;width:100%}.products .inside .products-main .products-filter .filter-group .filter-select{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:all .3s ease}.products .inside .products-main .products-filter .filter-group .filter-select:focus{border-color:#4caf50;outline:none}.products .inside .products-main .products-filter .filter-group .filter-button{color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.products .inside .products-main .products-filter .filter-group .filter-button:before{content:"";position:absolute;border-radius:8px;bottom:0;right:0;width:100%;height:100%;background:var(--gradient);background-size:300%;transition:width .3s ease;z-index:-1;animation:gradient 8s linear infinite}.products .inside .products-main .products-filter .filter-group .filter-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.products .inside .products-main .category{display:none}.products .inside .products-main .products-list{opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}.products .inside .products-main .products-list .product-item{background:linear-gradient(145deg,#ffffff,#f0f0f0);padding:15px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-around}.products .inside .products-main .products-list .product-item .product-img{width:100%;position:relative;transition:all .3s linear;overflow:hidden;border-radius:4px}.products .inside .products-main .products-list .product-item .product-img:before{position:absolute;content:"";border:1px solid var(--color-white);top:5px;left:5px;right:5px;bottom:5px;border-radius:inherit;z-index:1}.products .inside .products-main .products-list .product-item .product-img img{width:100%;aspect-ratio:12/7;object-position:center;object-fit:cover;transition:filter .6s ease,opacity .6s ease,transform .6s ease,box-shadow .3s ease;border-radius:inherit}.products .inside .products-main .products-list .product-item:hover .product-img img{transform:scale(1.1)}.products .inside .products-main .products-list .product-item .product-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:10px}.products .inside .products-main .products-list .product-item .product-description{font-size:.9rem;color:#666;margin-bottom:15px}.products .inside .products-main .products-list .product-item .product-button{color:#fff;padding:10px 15px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;text-align:center;background-color:#ff7eb3}.products .inside .products-main .products-list .product-item .product-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#ff5c8d;transform:translateY(-5px);color:#fff}.product{margin-top:calc(1.2rem + 60px)!important;max-width:90%;margin:auto;min-height:100vh}.product .product__content{padding:40px;display:flex}.product .product__content .product__content-left{position:relative;float:left;width:50%;text-align:center;background:#fff}.product .product__content .product__content-left .product__img img{border-radius:8px;min-height:500px;position:relative;top:0;left:0;max-height:540px}.product .product__content .product__content-right{width:50%;float:right;border-radius:8px;padding:10px 10px 10px 50px}.product .product__content .product__content-right .product__content-category{font-size:20px;color:#000;text-transform:uppercase;font-weight:700;margin-bottom:12px}.product .product__content .product__content-right .product__content-name{text-transform:uppercase;font-size:26px;display:block;font-weight:700;color:rgb(0,168.0025,255)!important;margin-bottom:12px}.product .product__content .product__content-right .product__details{line-height:1.6;font-size:15px;font-weight:300;white-space:pre-wrap}.product .product__content .product__content-right .product__prices{font-size:18px;font-weight:400;color:#333;margin-top:15px;margin-bottom:20px}.product .product__content .product__content-right .product__prices .label{font-size:20px;font-weight:700;color:#a60101;margin-right:10px}.product .product__content .product__content-right .product__prices .value{font-size:22px;font-weight:700;color:#f50000}.product .product__content .product__content-right .product__button{overflow:hidden;padding:10px;border-radius:8px;font-size:18px;line-height:normal;text-transform:uppercase;color:#fff;text-align:center;background:-webkit-gradient(linear,0 0,0 100%,from(#a60101),to(#f50000));text-decoration:none;border-bottom:0!important;max-width:fit-content;width:100%;display:flex;flex-direction:column;margin-top:20px;gap:5px;transition:background-color .3s ease,transform .2s ease}.product .product__content .product__content-right .product__button:hover{color:#fff;background-color:#f50000;transform:translateY(-3px)}.product .product__content .product__content-right .product__button span{display:block;font-size:14px;color:#fff;text-transform:none;margin:2px 0 0}.product .product__content .related-products .related-products__container .related-products__list{width:100%;overflow:hidden}.product .product__content .related-products .related-products__container .related-products__list .related-products__inner{display:flex;gap:20px;transition:transform .5s ease-in-out}.product .product__content .related-products .related-products__container .related-products__list .related-products__inner .related-product{background-color:#fff;text-align:center;padding:10px;border:1px solid #ddd;border-radius:5px;transition:transform .3s,box-shadow .3s}.product .product__content .related-products .related-products__container .related-products__list .related-products__inner .related-product:hover{transform:translateY(-5px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.product .product__content .related-products .related-products__container .related-products__list .related-products__inner .related-product .related-product__link{display:flex;flex-direction:column;justify-content:center;align-items:center}.product .product__content .related-products .related-products__container .related-products__list .related-products__inner .related-product .related-product__link .related-product__img img{width:150px;height:150px}.product .product__content .related-products .related-products__container .related-products__button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:50%;width:40px;height:40px;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s,transform .3s}.product .product__content .related-products .related-products__container .related-products__button:disabled{background-color:#eee;color:#aaa;cursor:not-allowed}.product .product__content .related-products .related-products__container .related-products__button--prev{position:absolute;left:-50px}.product .product__content .related-products .related-products__container .related-products__button--next{position:absolute;right:-50px}.projects{height:100%}.projects .projects-content{padding:40px 0;position:relative;max-width:90%;margin:auto;opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}.projects .projects-content h1{text-align:center}.projects .projects-content .projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.projects .projects-content .projects-list .project-item{box-sizing:border-box;position:relative;border-radius:10px;padding:15px;background-color:#fff}.projects .projects-content .projects-list .project-item a{display:flex;height:100%}.projects .projects-content .projects-list .project-item .project-imgs{width:33%;border-radius:10px;text-align:center;height:100%;filter:drop-shadow(10px 5px 10px rgba(0,0,0,.4))}.projects .projects-content .projects-list .project-item .project-imgs:before{position:absolute;content:"";border:1px solid #fff;top:5px;left:5px;right:5px;bottom:5px;border-radius:10px;z-index:1}.projects .projects-content .projects-list .project-item .project-imgs img{width:100%;border-radius:10px}.projects .projects-content .projects-list .project-item .project-img{height:100%}.projects .projects-content .projects-list .project-item .project-content{width:calc(67% - 10px);text-align:left}.projects .projects-content .projects-list .project-item .project-name{text-transform:capitalize;color:var(--color-black);padding-top:16px;padding-right:16px;font-weight:600;font-size:16px}.projects .projects-content .projects-list .project-item .project-des{font-size:14px;color:#4c4e66}.projects .projects-content .projects-list .project-item .icon-duan{min-width:40px;position:absolute;right:10px;bottom:10px;max-width:50px}.project{margin-top:calc(1.2rem + 60px)!important;max-width:90%;margin:auto;min-height:100vh}.project .project__content{margin-bottom:50px;padding-top:40px}.project .project__content .project__title{font-size:36px;font-weight:700;color:#2c3e50;margin-bottom:10px;text-transform:capitalize}.project .project__content .project__subtitle{font-size:18px;color:#7f8c8d;margin-bottom:30px}.project .project__content .project__img-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.project .project__content .project__img-list .project__img-item{width:100%;max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;background-color:#fff}.project .project__content .project__img-list .project__img-item img{width:100%;height:100%;display:block;border-radius:8px}.services{height:100%}.services .services-content{padding:40px 0;position:relative;max-width:90%;margin:auto;opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}.services .services-content h1{text-align:center}.services .services-content .services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.services .services-content .services-list .service-item{box-sizing:border-box;position:relative;border-radius:10px;padding:15px;background-color:#fff}.services .services-content .services-list .service-item a{display:flex;flex-direction:column;height:100%}.services .services-content .services-list .service-item .service-imgs{border-radius:10px;text-align:center;height:250px;filter:drop-shadow(10px 5px 10px rgba(0,0,0,.4))}.services .services-content .services-list .service-item .service-imgs:before{position:absolute;content:"";border:1px solid #333;top:5px;left:5px;right:5px;bottom:5px;border-radius:10px;z-index:1}.services .services-content .services-list .service-item .service-imgs img{width:100%;border-radius:10px}.services .services-content .services-list .service-item .service-img{height:100%}.services .services-content .services-list .service-item .service-name{text-align:center;text-transform:capitalize;color:var(--color-black);padding:16px;font-weight:600;font-size:18px}.services .services-content .services-list .service-item .service-des{font-size:16px;color:#4c4e66;text-align:left}.services .services-content .services-list .service-item .icon-duan{min-width:40px;position:absolute;left:10px;top:10px;max-width:50px}.body{background:linear-gradient(135deg,#f3f4f6,#d1d5db)}.contact{color:#333;display:flex;justify-content:center;align-items:center;overflow:hidden;height:100%;padding:60px 20px;animation:fadeIn 1s ease-in-out}.contact__content{max-width:90%;margin:20px auto;background:#fff;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1),0 10px 20px rgba(0,0,0,.05);padding:40px;display:flex;flex-direction:column;gap:30px}.contact__content h2{font-size:2rem;color:#6b7280;text-align:center}.contact__info{gap:20px}.contact-item{width:100%;text-align:center;padding:15px;background:#f9fafb;border-radius:10px;box-shadow:0 8px 16px rgba(0,0,0,.05);transition:transform .3s ease}.contact-item:hover{transform:translateY(-5px)}.contact-item h3{font-size:1.25rem;color:#ff7eb3;margin-bottom:8px}.contact-item p{font-size:1rem;color:#4b5563}.contact-form{background:#f1f5f9;padding:30px;border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.05)}.contact-form h3{font-size:1.5rem;text-align:center;margin-bottom:20px;color:#4b5563}.contact-form label{font-size:1rem;display:block;margin-bottom:8px;color:#6b7280}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background-color:#fff;font-size:1rem;color:#333;transition:border .3s ease;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff7eb3;outline:none}.contact-form button{background-color:#ff7eb3;color:#fff;border:none;padding:15px 30px;font-size:1rem;border-radius:50px;cursor:pointer;transition:background-color .3s ease;width:100%}.contact-form button:hover{background-color:#ff5c8d}.body{background:linear-gradient(120deg,#f0f4f8,#d9e8fc);color:#333;margin:0;padding:0}.recruitment{height:100%;max-width:1200px;padding:0 20px}.recruitment__content{padding:60px 20px;opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}.recruitment .header{text-align:center;padding:60px 20px;background:linear-gradient(120deg,#007bff,#00c6ff);color:#fff;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.recruitment .header h1,.recruitment .header p{text-shadow:0 2px 4px rgba(0,0,0,.3)}.recruitment .header p{font-size:1.2rem;color:#fff;line-height:1.6;max-width:600px;margin:20px auto}.recruitment .cta-button{background:linear-gradient(120deg,#ff7eb3,#ff758c);color:#fff;padding:15px 30px;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px rgba(255,117,140,.3)}.recruitment .cta-button:hover{transform:scale(1.1);box-shadow:0 6px 15px rgba(255,117,140,.5)}.recruitment .cta-button .icon{margin-right:10px}.recruitment .job-descriptions{padding:40px 20px}.recruitment .job-descriptions h2{font-size:2rem;text-align:center;margin-bottom:40px}.recruitment .job-descriptions .job-card{background:hsla(0,0%,100%,.9);border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.recruitment .job-descriptions .job-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.recruitment .job-descriptions .job-card h3{font-size:1.5rem;color:#007bff;margin-bottom:10px}.recruitment .job-descriptions .job-card p{font-size:1rem;line-height:1.6;color:#555}.recruitment .job-descriptions .job-card span{display:block;margin-top:10px;font-size:.9rem;color:#888}.recruitment .benefits{padding:40px 20px;background:linear-gradient(120deg,#fff1e6,#ffe5d9);border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:40px}.recruitment .benefits h2{font-size:2rem;text-align:center;margin-bottom:20px}.recruitment .benefits ul{list-style-type:none;padding:0}.recruitment .benefits ul li{font-size:1rem;margin:10px 0;display:flex;align-items:center}.recruitment .benefits ul li:before{content:"✔️";margin-right:10px;color:#28a745}.recruitment .application-form{padding:40px 20px;background:hsla(0,0%,100%,.9);border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.recruitment .application-form h2{font-size:2rem;text-align:center;margin-bottom:20px}.recruitment .application-form .form-group{margin-bottom:20px}.recruitment .application-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.recruitment .application-form .form-group input,.recruitment .application-form .form-group select{width:100%;padding:10px;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.recruitment .application-form .form-group input:focus,.recruitment .application-form .form-group select:focus{border-color:#ff7eb3;outline:none}.recruitment .application-form .submit-button{background:linear-gradient(120deg,#ff7eb3,#ff758c);color:#fff;padding:15px 30px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%}.recruitment .application-form .submit-button:hover{transform:scale(1.01);box-shadow:0 5px 15px rgba(0,0,0,.2)}.solution{height:100%}.solution__content{padding:60px 20px;opacity:0;animation:fadeInUp 1s ease-in-out forwards;animation-delay:.5s}