.ug-sec15 .imgs-inner1{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:40px 20px}
.ug-sec15 .img-left-column{flex:1;margin-right:30px}
.ug-sec15 .img-right-column{flex-shrink:0}
.ug-sec15 .img-right-column img{width:100%;height:auto;object-fit:contain}
.ug-sec15 .download-section{width:100%}
.ug-sec15 .top-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}
.ug-sec15 .download-item{background-color:#171717;border:1px solid rgb(108,108,108,0.1);border-radius:12px;padding:20px;transition:all .3s ease}
.ug-sec15 .download-item:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,0.25)}
.ug-sec15 .download-header{display:flex;align-items:center;margin-bottom:12px}
.ug-sec15 .download-icon{width:36px;height:36px;margin-right:10px;object-fit:contain}
.ug-sec15 .download-title{font-size:18px;font-weight:600;color:white;margin:0}
.ug-sec15 .download-text{font-size:16px;color:#b4b4b4;line-height:1.5}
.ug-sec15 .bottom-section{background-color:#171717;border:1px solid rgb(108,108,108,0.1);border-radius:12px;padding:24px}
.ug-sec15 .bottom-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:24px;text-align:left}
.ug-sec15 .icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:3%}
.ug-sec15 .icon-item{text-align:center;display:flex;flex-direction:column;align-items:center}
.ug-sec15 .grid-icon{width:50px;height:50px;margin-bottom:8px;object-fit:contain;transition:transform .3s ease}
.safe-image-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}
.ug-sec15 .icon-item:hover .grid-icon{transform:scale(1.1)}
.ug-sec15 .grid-text{font-size:15px;color:#b4b4b4;margin:0;line-height:1.4}

.marquee-section {
    margin: 40px 0;
    overflow: hidden;
}
.marquee-container {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    height: 80px;
}
.marquee-left {
    animation: marquee-left 30s linear infinite;
}
.marquee-right {    animation: marquee-right 30s linear infinite;}
@keyframes marquee-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes marquee-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.marquee-track {    display: flex;    height: 100%;    align-items: center;}
.marquee-item {
    flex: 0 0 auto;
    margin: 0 15px;
}
.item-content {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    background: var(--bg-primary, #ffffff);
    padding: 10px 20px;
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.item-image {
    width: 40px;
    height: 40px;
    margin-right: 12px;
    object-fit: contain;
}
.item-text {
    font-size: 16px;
    color: #172b4d;
}
@media(max-width:992px){.ug-sec15 .imgs-inner1{flex-direction:column;padding:30px 15px}
.ug-sec15 .img-left-column{margin-right:0}
.ug-sec15 .img-right-column{max-width:100%;text-align:center}
.ug-sec15 .img-right-column img{max-width:300px}
.ug-sec15 .top-grid{gap:16px;margin-bottom:20px}
.ug-sec15 .download-item{padding:16px}
.ug-sec15 .download-title{font-size:16px}
.ug-sec15 .download-text{font-size:24px}
.ug-sec15 .bottom-section{padding:20px}
.ug-sec15 .icon-grid{gap:16px}
.ug-sec15 .grid-icon{width:45px;height:45px}
}
@media(max-width:768px){.ug-sec15 .top-grid{grid-template-columns:1fr;gap:16px}
.ug-sec15 .icon-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.ug-sec15 .download-icon{width:32px;height:32px}
.ug-sec15 .download-title{font-size:27px}
.ug-sec15 .grid-text{font-size:20px}
.item-text {
    font-size: 20px;
    font-weight: 500;
}
.item-image {
    width: 50px;
    height: 50px;
}
}
@media(max-width:480px){.ug-sec15 .imgs-inner1{padding:20px 10px}
.ug-sec15 .download-item{padding:14px}
.ug-sec15 .download-header{margin-bottom:10px}
.ug-sec15 .download-icon{width:28px;height:28px;margin-right:8px}
.ug-sec15 .download-title{font-size:16px}
.ug-sec15 .download-text{font-size:12px}
.ug-sec15 .bottom-section{padding:16px}
.ug-sec15 .bottom-header{margin-bottom:20px}
.ug-sec15 .icon-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.ug-sec15 .grid-icon{width:40px;height:40px;margin-bottom:6px}
.ug-sec15 .grid-text{font-size:12px}
}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}
.feature-item{background-color:#1700;border-radius:12px;padding:25px;transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px);border:1px solid rgb(108 108 108 / 10%)}
.feature-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.2)}
.feature-header{display:flex;align-items:center;margin-bottom:15px}
.feature-icon{width:40px;height:40px;margin-right:12px;flex-shrink:0}
.feature-title{font-size:18px;font-weight:bold;color:#fff;margin:0}
.feature-text{font-size:16px;color:#e0e0e0;line-height:1.6;margin:0}
@media(max-width:992px){.features-grid{gap:15px}
.feature-item{padding:20px}
.feature-icon{width:36px;height:36px}
.feature-title{font-size:24px}
.feature-text{font-size:13px;padding-left:48px}
}
@media(max-width:768px){.features-grid{gap:15px}
.feature-text{padding-left:0;font-size:24px}
}
@media(max-width:480px){.feature-header{flex-direction:row;align-items:center;margin-bottom:12px}
.feature-icon{margin-right:10px;margin-bottom:0}
}
:root{--primary-50:#e6f4ff;--primary-100:#bae0ff;--primary-200:#91caff;--primary-300:#69b1ff;--primary-400:#4096ff;--primary-500:#1677ff;--primary-600:#0958d9;--primary-700:#0040c9;--primary-800:#0030a6;--primary-900:#002780;--secondary-50:#fff2e8;--secondary-100:#ffd8b5;--secondary-200:#ffbb98;--secondary-300:#ff9a6e;--secondary-400:#ff7d4a;--secondary-500:#ff6b3b;--secondary-600:#f7593b;--secondary-700:#e84a38;--secondary-800:#d93b35;--secondary-900:#c22b31;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--info-50:#eef2ff;--info-100:#e0e7ff;--info-200:#c7d2fe;--info-300:#a5b4fc;--info-400:#818cf8;--info-500:#6366f1;--info-600:#4f46e5;--info-700:#4338ca;--info-800:#3730a3;--info-900:#312e81;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--spacing-unit:4px;--space-xxs:calc(var(--spacing-unit) * 1);--space-xs:calc(var(--spacing-unit) * 2);--space-sm:calc(var(--spacing-unit) * 4);--space-md:calc(var(--spacing-unit) * 6);--space-lg:calc(var(--spacing-unit) * 8);--space-xl:calc(var(--spacing-unit) * 12);--space-2xl:calc(var(--spacing-unit) * 16);--space-3xl:calc(var(--spacing-unit) * 24);--space-4xl:calc(var(--spacing-unit) * 32)}
.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
@media(min-width:576px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-xl)}
.pt-3xl{padding-top:var(--space-2xl)}
.pt-4xl{padding-top:var(--space-3xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-2xl)}
.pb-4xl{padding-bottom:var(--space-3xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}
@media only screen and (max-width:768px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-xl)}
.pt-4xl{padding-top:var(--space-2xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-xl)}
.pb-4xl{padding-bottom:var(--space-2xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}
@media(min-width:992px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}
@media(min-width:1200px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}
h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(32px,4vw,40px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(20px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:3.2px}
p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
@media(max-width:768px){h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px;font-size:27px}
h4{font-size:clamp(35px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:3.2px}
p{font-size:24px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
}
@media(min-width:768px) and (max-width:991px){h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:3.2px}
p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
}
@media(min-width:992px) and (max-width:1199.98px){h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(20px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:3.2px}
p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
}
.text-gradient-fast-white-gray-black-silver{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe)}
.text-gradient-fast-white-gray-black-silver{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.text-gradient-fast-blue-purple-light-orange{background-image:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae)}
.text-gradient-fast-blue-purple-light-orange{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.center-text{text-align:center;width:85%;margin-left:auto;margin-right:auto;max-width: 900px;}
@media(max-width:768px){.container-sec.ug-sec8 .center-text{padding-top:5%}
}
.left-text{text-align:left}
.right-text{text-align:right}
.bottom-text{display:flex;align-items:flex-end}
.top-text{display:flex;align-items:flex-start}
.middle-text{display:flex;align-items:center}
.abs-bottom-text{position:absolute;bottom:0;left:0;right:0}
.text-primary{color:var(--primary-500)}
.text-secondary{color:var(--secondary-500)}
.text-black{color:var(--neutral-900)}
.text-white{color:var(--neutral-50)}
.text-success{color:var(--success-500)}
.text-warning{color:var(--warning-500)}
.text-error{color:var(--error-500)}
.text-info{color:var(--info-500)}
.text-neutral{color:var(--neutral-800)}
.text-neutral-light{color:var(--neutral-400)}
.font-light{font-weight:300}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.h-100vh{height:100vh}
.h-50vh{height:50vh}
.h-25vh{height:25vh}
@media(max-width:575.98px){.h-sm-100vh{height:100vh}
.h-sm-50vh{height:50vh}
.h-sm-25vh{height:25vh}
}
@media(min-width:576px) and (max-width:767.98px){.h-md-100vh{height:100vh}
.h-md-50vh{height:50vh}
.h-md-25vh{height:25vh}
}
@media(min-width:768px) and (max-width:991.98px){.h-lg-100vh{height:100vh}
.h-lg-50vh{height:50vh}
.h-lg-25vh{height:25vh}
}
@media(min-width:992px) and (max-width:1199.98px){.h-xl-100vh{height:100vh}
.h-xl-50vh{height:50vh}
.h-xl-25vh{height:25vh}
}
@media(min-width:1200px){.h-xxl-100vh{height:100vh}
.h-xxl-50vh{height:50vh}
.h-xxl-25vh{height:25vh}
}
body{line-height:1.5;font-size:16px;color:var(--neutral-800);margin:0;padding:0;min-height:100vh}
.container-sec{overflow:hidden;font-weight:lighter}
.container-inner{max-width:1200px;position:relative;margin:0 auto;height:100%;margin-bottom:5%;margin-left:auto;margin-right:auto}
.container-inner1{max-width:1200px;position:relative;margin:0 auto;height:100%;margin-left:auto;margin-right:auto}
.ai-container-inner{max-width:1200px;position:relative;margin:0 auto;height:auto;margin-left:auto;margin-right:auto}
@media(max-width:768px){.ai-container-inner{min-height:700px}
}
.ug-sec1{background:url(../images/4800pro-p1.png) no-repeat center center;background-size:cover;background-color:#171922;height:auto;min-height:100vh}
@media(max-width:768px){.ug-sec1{min-height:65vh}
}
.ug-sec2{background-color:#0e0e0e;height:auto;min-height:100vh}
.ug-sec3{background:url(../images/4800pro-p3.png) no-repeat center center;background-size:cover;height:auto;min-height:100vh;background-color:#d2d7e0}
@media(max-width:768px){.ug-sec3{background:url(../images/4800pro-p3.png) no-repeat center bottom;background-size:150%;height:auto;min-height:60vh;background-color:#000}
}
.ug-sec4{background-color:#15161d;height:auto;min-height:60vh}
.ug-sec5{background:url(../images/4800pro-cpu.png) no-repeat center center;background-size:cover;height:auto;min-height:100vh}
@media(max-width:768px){.ug-sec5{background:url(../images/4800pro-cpu.png) no-repeat center center;background-size:250%;height:auto;min-height:80vh;background-color:black}
}
.ug-sec6{height:auto;min-height:40vh;background-color:#000}
.ug-sec7{height:auto;min-height:100vh;background-color:#000}
.ug-sec8{height:auto;min-height:100vh;background-color:#000}
@media(max-width:768px){.ug-sec8{height:auto;min-height:180vh;background-color:#000}
}
.container-sec .ug-sec8 .center-text{padding-top:0}
.pcie-feature-container{display:flex;flex-direction:column;gap:40px;margin-top:40px}
.pcie-col-50 .pcie-card h4{padding-top:5%}
.pcie-col-50 .pcie-card{min-height:350px}
.pcie-col-50 .pcie-card-horizontal{min-height:350px}
.pcie-text-side h4{font-size:20px;font-weight:600;margin-bottom:10px}
.pcie-row{display:flex;flex-wrap:wrap;gap:20px}
.pcie-col-25{width:calc(24.5% - 10px);display:flex;flex-direction:column}
.pcie-col-25 .pcie-card{min-height:423px}
.pcie-col-50{width:calc(49.5% - 10px);display:flex;flex-direction:column}
.pcie-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}
.pcie-card{background-color:rgba(255,255,255,0.05);border-radius:12px;padding:20px;transition:transform .3s ease;min-height:407px}
.pcie-card:hover{transform:translateY(-5px)}
.pcie-card-img{width:100%;height:auto;border-radius:8px;margin-bottom:15px;transition:transform .3s ease}
.pcie-card-img:hover{transform:scale(1.02)}
.pcie-card h4{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:600}
.pcie-card p{margin-bottom:0;font-size:16px;line-height:1.6}
.pcie-card-horizontal{display:flex;align-items:center;gap:20px;background-color:rgba(255,255,255,0.05);border-radius:12px;padding:20px;min-height:407px}
.pcie-text-side{flex:1}
.pcie-img-side{flex:1}
.pcie-img-side img{width:100%;height:auto;border-radius:8px}
.pcie-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.pcie-icon-item{text-align:center}
.pcie-icon-img{height:40px;margin-bottom:10px;transition:transform .3s ease}
.pcie-icon-img:hover{transform:scale(1.1)}
.pcie-icon-item p{font-size:16px;margin:0}
@media(max-width:992px){.pcie-col,.pcie-col-25,.pcie-col-50{width:100%;margin-bottom:20px;width:calc(50% - 10px)}
.pcie-card-horizontal{flex-direction:column}
.pcie-text-side,.pcie-img-side{width:100%}
.ug-sec8{min-height: 102vh;}
.pcie-card,.pcie-col-25 .pcie-card,.pcie-col-50 .pcie-card,.pcie-card-horizontal{min-height:auto}
}
@media(max-width:768px){.pcie-icon-grid{gap:15px}
.pcie-icon-img{height:50px}
.pcie-card{padding:15px}
.pcie-card h4{font-size:28px}
.pcie-card p{font-size:24px}
.pcie-icon-item p{font-size:22px}
.pcie-row{gap:15px;margin-bottom:15px}
.pcie-feature-container{margin-top:30px;margin-bottom:30px}
}
@media(max-width:480px){.pcie-card{padding:12px}
.pcie-card h4{font-size:16px;margin-bottom:8px}
.pcie-card p{font-size:14px;line-height:1.5}
.pcie-card-img{margin-bottom:12px;border-radius:6px}
.pcie-icon-grid{gap:12px}
.pcie-row{gap:12px;margin-bottom:12px}
.pcie-feature-container{margin-top:20px;margin-bottom:20px}
.ug-sec8{min-height:120vh}
.pcie-card-horizontal{padding:12px;gap:15px}
.pcie-text-side h4{font-size:18px}
}
.ug-sec9{height:auto;background-color:#000}
.container-sec.ug-sec9{color:white}
.container-sec.ug-sec9 b{font-weight:600}
.ug-sec10{height:auto;min-height:101vh;background-color:#15161d;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}
@media(max-width:768px){.ug-sec10{min-height:75vh}
}
.ug-sec11{height:auto;min-height:100vh}
.ug-sec12{height:auto;min-height:100vh;background-color:#000;background-image:none}
@media(max-width:768px){.ug-sec12{height:auto;min-height:100vh;background-size:100%;background-color:#000}
.ug-sec11{height:auto;min-height:100vh;background-size:cover}
.ug-sec13 .imgs-inner img[src*="video-icon.png"],.ug-sec13 .imgs-inner img[src*="video-app.png"]{max-width:100%;height:auto;display:block;margin:0 auto}
.video-left-column,.video-right-column{width:100%;display:block;margin-bottom:20px}
.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
.tv-img{display:none}
}
.ug-sec13{min-height:100vh;background:linear-gradient(to bottom,#141414,#000)}
.ug-sec13 .imgs-inner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:40px 20px}
.ug-sec14{height:auto;min-height:80vh;background:#000}
.ug-sec14 img{border-radius:15px}
@media(max-width:768px){.ug-sec14{min-height:60vh}
}
.ug-sec15{height:auto;min-height:100vh;background:linear-gradient(to bottom,#000812,#0b0c0d)}
.imgs-inner2{display:flex;justify-content:space-between;padding:20px;max-width:1360px;padding-bottom:5%;position:relative;margin:0 auto;height:auto}
@media(max-width:768px){.container-sec.ug-sec15 .imgs-inner1 img{max-width:100%;height:auto;display:block}
.container-sec.ug-sec15 .imgs-inner1{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner2{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
}
.ug-sec16{height:auto;min-height:100vh;background-color:#19191b}
.ug-sec17{height:auto;min-height:100vh}
@media(max-width:768px){.ug-sec17{height:auto;min-height:60vh}
}
.ug-sec18{height:auto;min-height: 100vh;background-color:#ebebeb}
.ug-sec19{height:auto;min-height:100vh;background-color:#fff}
.text-bg-box{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe);padding:10px 20px;border-radius:50px;display:inline-block;text-align:center}
.text-bg-box1{background-image:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae);padding:10px 20px;border-radius:50px;display:inline-block;text-align:center}
.text-bg-box2{background-image:linear-gradient(to right top,#c28a3d,#c28a3d,#f8ddae,#f8ddae,#f8ddae);padding:10px 20px;width:30%;border-radius:50px;display:inline-block;text-align:center}
.adv-container{margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;max-width:1300px;margin-left:auto;margin-right:auto;color:#fafafa;padding-bottom:5%}
.adv-row{display:flex;width:100%;margin-bottom:20px}
.adv-height-col1{height:400px}
.adv-height-col2{height:300px}
.adv-col{background-size:cover;background-position:center;padding:20px;color:white;display:flex;flex-direction:column;justify-content:flex-start;margin-right:20px;border-radius:15px;position:relative;background-color:#1a1a1c}
.text-wrapper{position:absolute;top:20px;left:20px}
.adv-col:last-child{margin-right:0}
.adv-col1{width:56.66%}
.adv-col2{width:43.33%}
.adv-col3{width:33.33%}
.adv-col4{width:33.33%}
.adv-col5{width:33.33%}
.adv-col6{width:33.33%}
.adv-col7{width:33.33%}
.adv-col8{width:33.33%}
@media(max-width:768px){.adv-row{flex-direction:column;padding:10px}
.adv-col{width:100%!important;margin-right:0;margin-bottom:20px;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:360px}
.adv-col:last-child{margin-bottom:0}
}
.text-wrapper{gap:15px;flex-direction:column;align-items:flex-start;text-align:left;margin-left:15px;color:white}
@media(max-width:1200px){.advantage{width:90%}
.ad-container{width:100%}
}
@media(max-width:768px){.ad-card{width:100%}
.ad-container{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap}
.row1 .ad-card:nth-of-type(1),.row1 .ad-card:nth-of-type(2){width:100%}
}
.cont-files{display:flex;flex-wrap:nowrap;justify-content:space-around;padding:20px;gap:20px;width:1200px;margin-left:auto;margin-right:auto}
.left-cardfile{width:40%;background-image:url('../images/5-1.png');background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.left-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.left-cardfile h3,.left-cardfile p{position:relative;z-index:1}
.right-cardfiles{width:60%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.right-cardfile{background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;flex:1;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.right-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.right-cardfile h3,.right-cardfile p{position:relative;z-index:1}
.right-cardfile:nth-of-type(1){background-image:url('../images/5-2.png')}
.right-cardfile:nth-of-type(2){background-image:url('../images/5-3.png')}
.image-conner{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;padding-top:10%}
.image-section{position:relative;width:45%;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.image-section img{width:100%;height:auto;display:block}
.image-text{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));color:white;padding:20px;margin:0;font-family:Arial,sans-serif;font-size:16px;text-align:center}
@media(max-width:768px){.image-section{width:100%}
.image-text{font-size:27px}
}
@media(max-width:768px){.left-cardfile,.right-cardfiles{width:100%}
.cont-files{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}
}
.con-tent{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
@media(max-width:768px){con-tent{display:block}
}
.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:80px;font-size:25.6px;font-weight:500}
@media(max-width:768px){.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:32px;font-size:25.6px;font-weight:500}
}
.icon-doc,.icon-movie,.icon-music,.icon-photo{display:flex;flex-direction:column;align-items:center;text-align:center}
.icon-container p{line-height:1.6;margin-top:0;margin-bottom:0;font-weight:500}
.file-icon{height:50px;margin:10px}
.image-container{flex:1 1 400px}
@media(max-width:768px){.image-container{flex:1 1 700px}
}
.image-container img{width:100%;height:auto}
@media(max-width:768px){.con-tent{flex-direction:column}
.icon-container,.image-container{width:100%}
}
.cont-main{font-family:sans-serif;display:flex;justify-content:space-between;gap:15px;width:60vw;height:100%;margin:80px auto}
.cont-silde{height:60vh;position:relative;border-radius:10px;padding:20px;background-size:cover;background-position:50%;flex:.5;cursor:pointer;transition:.5s linear flex;-webkit-transition:.5s linear flex;-moz-transition:.5s linear flex;-ms-transition:.5s linear flex;-o-transition:.5s linear flex}
@keyframes heading{from{bottom:150px;opacity:0}
to{bottom:20px;opacity:1}
}
.cont-silde h2{position:absolute;bottom:20px;left:20px;opacity:0;color:#fff;width:55%;font-size:20px}
@media(max-width:768px){.cont-silde h2{font-size:30px}
}
.cont-silde h2 span{font-weight:400;opacity:.8;margin-top:10px;display:block;width:100%;font-size:18px}
@media(max-width:768px){.cont-silde h2 span{font-size:25px}
}
.cont-silde.active{flex:5}
.cont-silde.active h2{opacity:1;animation-name:heading;animation-timing-function:cubic-bezier(0.68,-0.55,0.265,1.55);animation-duration:1.5s;animation-iteration-count:1}
.story-container{max-width:1400px;margin:0 auto;padding:32px}
.story-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;max-width:1600px;margin:0 auto;flex-direction:column}
.text-block{flex:.8;padding:56px;border-radius:25px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:center center;letter-spacing:.3px;text-align:center}
.image-block{flex:1;display:flex;justify-content:center;align-items:center}
.image-placeholder{width:100%;height:auto;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.2);transition:transform .3s ease}
.image-placeholder:hover{transform:scale(1.02)}
.progress-bar{position:fixed;top:40px;left:50%;transform:translateX(-50%);width:300px;height:4px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0}
.progress-bar-fill{position:absolute;top:50%;left:20px;width:calc(100% - 40px);max-width:calc(100% - 40px);height:4px;background:linear-gradient(90deg,#f39c12,#f1c40f);transform:translateY(-50%);z-index:1;border-radius:10px;transition:width .3s ease}
.progress-bar::before{content:"";position:absolute;top:50%;left:20px;width:calc(100%-40px);height:4px;background:rgba(0,0,0,0.1);transform:translateY(-50%);border-radius:10px;z-index:0}
.progress-step{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#333;position:relative;z-index:2;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:2px solid #fff;margin-top:-18px;cursor:pointer}
.progress-step:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.15)}
.progress-step.active{background:#f39c12;color:#fff;transform:scale(1.1);border-color:#fff}
.next-section-btn{display:inline-block;padding:16px 32px;background:#333;color:white;border:0;border-radius:30px;cursor:pointer;font-size:17.6px;margin-top:32px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.next-section-btn:hover{background:#555;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.light-theme{background-color:#f4f4f9;color:#333}
.dark-theme{background-color:#2c3e50;color:#f4f4f9}
.mid-theme{background-color:#3e4a61;color:#e0e0e0}
.sunset-theme{background-color:#001016;color:#fff}
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-image{max-width:90%;max-height:90vh;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transform:scale(0.8);opacity:0;cursor:pointer}
.modal-close{position:fixed;top:30px;right:30px;width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:28px;color:white;opacity:0;transform:rotate(-180deg);transition:all .3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-close span{display:block;transform:translateY(-2px)}
.modal-close:hover{transform:rotate(0deg) scale(1.1);background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.6);box-shadow:0 0 20px rgba(255,255,255,0.2)}
@media screen and (max-width:1200px){.story-section{padding:32px;gap:48px}
.text-block{padding:32px}
}
@media screen and (max-width:900px){.story-section{flex-direction:column;padding:16px;gap:32px;min-height:auto;margin:64px 0}
.text-block{flex:1;width:100%;max-width:100%;order:2}
.image-block{flex:1;width:100%;order:1}
.image-placeholder{max-width:100%;height:auto}
.progress-bar{width:250px;top:20px}
.progress-step{width:35px;height:35px;font-size:16px}
}
@media screen and (max-width:600px){.story-container{padding:16px}
.text-block{padding:24px}
h2{font-size:28.8px;margin-bottom:24px}
p{font-size:16px;line-height:1.7;margin-bottom:32px}
.next-section-btn{padding:12.8px 25.6px;font-size:16px}
.progress-bar{width:200px}
.progress-step{width:30px;height:30px;font-size:14px;margin-top:-13px}
.modal-close{top:15px;right:15px;width:40px;height:40px;font-size:24px}
}
@media screen and (max-width:400px){.progress-bar{width:180px}
.progress-step{width:25px;height:25px;font-size:12px;margin-top:-10px}
h2{font-size:25.6px}
.text-block{padding:19.2px}
}
.chip-img{display:block;margin:0 auto;max-width:100%;padding-top:3%}
.tv-img{margin:0 auto;max-width:100%;padding-top:5%}
.cpu-features{display:flex;flex-wrap:wrap;justify-content:space-around;color:#fff;padding:10px}
.dh-feature{flex:1 1 260px;margin:10px;background-color:#141414;display:flex;flex-direction:column;padding-top:20px;padding-left:20px;padding-right:20px}
.dh-feature-icon{width:20px;height:20px;margin-right:10px;vertical-align:middle}
@media(max-width:768px){.dh-feature-icon{width:auto;height:30px}
}
.album-content{display:flex;justify-content:space-between;padding-top:5%}
.image img{width:100%}
.album-features{width:45%;display:flex;flex-direction:column}
.album-feature{background-color:#242424;padding:12px}
.feature-group{display:flex;justify-content:space-between}
.feature-group .album-feature{width:30%;margin:0 10px}
@media(min-width:768px) and (max-width:991.98px){.feature-group{display:flex;flex-direction:column;align-content:space-between}
.feature-group .album-feature{width:100%;margin:0 0 10px}
}
.feature-group .album-feature:first-child{margin-left:0}
.feature-group .album-feature:last-child{margin-right:0}
.album-feature{border-radius:10px}
.album-feature-title{margin-top:10px;margin-bottom:10px;font-size:16px}
.album-feature-title span{font-size:14px}
@media(max-width:768px){.album-feature-title{font-size:24px}
.container-sec.ug-sec8 .album-feature span{font-size:24px}
.album-feature .album-feature-title{flex-direction:row;align-items:center;text-align:left}
.album-feature .feature-img{margin-bottom:0;margin-right:15px}
.album-feature .feature-img-icon{margin-bottom:0;margin-right:15px}
}
.feature-img{width:auto;height:50px;margin-right:10px;display:inline-block;max-width:100%;height:90%}
.feature-img-icon{width:30px;height:30px;margin-right:10px;display:inline-block;max-width:100%;height:auto}
@media(max-width:768px){.container{width:90%}
.album-content{flex-direction:column}
.image,.album-features{width:100%;padding:15px}
.feature-group{flex-direction:column}
.feature-group .album-feature{width:100%;margin:0 0 20px 0}
}
div.drop-container{position:absolute;right:0;bottom:0;left:0;margin:auto;height:250px;width:250px;margin-top:20%;z-index:1}
@media(max-width:768px){div.drop-container{position:sticky;margin-top:10%}
}
img.drop{position:absolute;top:-25%;width:100%;height:100%;object-fit:cover;border-radius:100% 5% 100% 100%;transform:rotate(-45deg);margin:0;-webkit-animation:drip 4s forwards;animation:drip 4s forwards}
@-webkit-keyframes appear{0%{opacity:0}
100%{opacity:1}
}
@keyframes appear{0%{opacity:0}
100%{opacity:1}
}
div.drop-container:before,div.drop-container:after{content:'';position:absolute;z-index:-1;top:55%;right:50%;transform:translate(50%) rotateX(75deg);border-radius:100%;opacity:0;width:80%;height:80%;border:5px solid skyblue;-webkit-animation:dripple 2s ease-out 1s infinite;animation:dripple 2s ease-out 1s infinite}
div.drop-container:after{-webkit-animation:dripple 2s ease-out 1.7s infinite;animation:dripple 2s ease-out 1.7s infinite}
@-webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}
@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}
@-webkit-keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}
@keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}
@media(max-width:768px){@ -webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}
@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}
@-webkit-keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}
@keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}
}
.container-sec.ug-sec9 .center-text{order:1}
.container-sec.ug-sec9 .drop-container{order:2}
@media(max-width:768px){.container-sec.ug-sec9 .drop-container{width:50%}
}
.container-sec.ug-sec9 .ai-features-container{order:3}
.ug-sec9 .album-features-container{width:100%;margin-top:40px}
.ug-sec9 .image img{width:90%;margin-left:auto;margin-right:auto}
.ug-sec9 .album-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}
.ug-sec9 .album-feature-item{display:flex;align-items:flex-start;gap:15px;background-color:rgba(255,255,255,0.05);border-radius:12px;padding:20px;transition:all .3s ease}
.ug-sec9 .album-feature-item:hover{transform:translateY(-3px);background-color:rgba(255,255,255,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.15)}
.ug-sec9 .feature-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.1);border-radius:8px;padding:8px}
.ug-sec9 .feature-icon img{width:100%;height:100%;object-fit:contain}
.ug-sec9 .feature-content{flex:1;text-align:left}
.ug-sec9 .feature-title{font-size:16px;font-weight:600;color:white;margin:0 0 8px 0;line-height:1.3}
.ug-sec9 .feature-text{font-size:14px;color:rgba(255,255,255,0.8);margin:0;line-height:1.6}
.container-sec.ug-sec12{position:relative;padding-bottom:5%}
.swiper-container-ug12{width:100%;margin:40px auto 0}
.swiper-ug12{width:100%}
.swiper-ug12 .swiper-slide{width:100%;display:flex;justify-content:center;align-items:center}
.slide-image-ug12{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.swiper-img-ug12{width:100%;height:auto;object-fit:contain;transition:transform .3s ease}
.swiper-ug12 .swiper-slide-active .swiper-img-ug12{transform:scale(1)}
.swiper-pagination-ug12{bottom:-30px!important;text-align:center}
.swiper-pagination-ug12 .swiper-pagination-bullet{width:10px;height:10px;background-color:rgba(255,255,255,0.5);opacity:1;margin:0 8px!important;transition:all .3s ease}
.swiper-pagination-ug12 .swiper-pagination-bullet-active{background-color:#fff;width:10px;height:10px}
@media(max-width:992px){.swiper-container-ug12{max-width:90%;margin-top:30px}
.swiper-img-ug12{max-height:400px}
.swiper-pagination-ug12 .swiper-pagination-bullet{width:9px;height:9px;margin:0 6px!important}
.swiper-pagination-ug12 .swiper-pagination-bullet-active{width:9px;height:9px}
}
@media(max-width:768px){.swiper-container-ug12{max-width:95%;margin-top:20px}
.swiper-img-ug12{max-height:300px}
.slide-image-ug12{border-radius:6px}
.swiper-pagination-ug12 .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px!important}
.swiper-pagination-ug12 .swiper-pagination-bullet-active{width:8px;height:8px}
}
@media(max-width:480px){.swiper-container-ug12{max-width:100%;margin-top:15px}
.swiper-img-ug12{max-height:250px}
.slide-image-ug12{border-radius:4px}
.swiper-pagination-ug12{bottom:-25px!important}
.swiper-pagination-ug12 .swiper-pagination-bullet{width:7px;height:7px;margin:0 3px!important}
.swiper-pagination-ug12 .swiper-pagination-bullet-active{width:7px;height:7px}
}
@media(max-width:768px){.ug-sec9 .album-features-grid{grid-template-columns:repeat(2,1fr);gap:15px}
.ug-sec9 .album-feature-item{padding:16px;gap:12px}
.ug-sec9 .feature-icon{width: 46px;height: 46px;}
.ug-sec9 .feature-title{font-size: 22px;}
.ug-sec9 .feature-text{font-size: 22px;}
}
@media(max-width:480px){.ug-sec9 .album-features-grid{grid-template-columns:1fr}
}
@media(max-width:768px){.container-sec.ug-sec9{height:auto;min-height:auto;padding-bottom:20px}
.container-sec.ug-sec9 .container-inner .ai-container-inner{width:100%;padding:0 20px;box-sizing:border-box;height:50vh}
.container-sec.ug-sec9 .ai-features-container{display:flex;flex-direction:column;align-items:center}
.container-sec.ug-sec9 .ai-feature{width:auto;margin-bottom:20px}
.container-sec.ug-sec9 .drop-container img{max-width:100%;height:auto}
.container-sec.ug-sec9 .album-feature span{font-size:28px}
}
@media(max-width:768px){.drop-container{position:relative;z-index:auto}
}
.album-box-wrapper{color:#000;padding-top:6%;padding:10px}
.album-box-container{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#f6f6f6;color:#292929;border-radius:16px;margin:32px auto}
.album-box-container1{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#ffffff00;color:#292929;border-radius:16px;margin:32px auto}
.album-box-left{flex:1}
.album-box-left1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.services-tag{background-color:#7760ee;color:#fff;padding:4.8px 12.8px;border-radius:16px;font-size:14.4px}
.learn-more-btn{background-color:#7760ee;color:#fff;border:0;padding:12.8px 32px;border-radius:8px;font-size:16px;cursor:pointer}
.album-box-right{flex:1;display:flex;flex-direction:column;gap:16px}
.album-box-right1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.service-img{height:300px;border-radius:15px}
@media(max-width:768px){.service-img{max-width:100%;height:auto;display:block;margin:0 auto}
}
.album-box-item{background-color:#eaeaea;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px}
.album-box-item1{background-color:#151517;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;height:140px}
.album-box-item .album-box-text{display:flex;flex-direction:column}
.album-box-item1 .album-box-text{display:flex;flex-direction:column;color:white}
.service-icon{width:10%;padding:7px}
@media(max-width:768px){.album-box-container,.album-box-container1{flex-direction:column}
.album-box-left,.album-box-right,.album-box-left1,.album-box-right1{width:100%;padding-bottom:5%}
}
.album-box-item .album-box-text h5{margin-top:0}
.album-box-item .album-box-text h6{margin-top:0}
.album-box-item1 .album-box-text h6{margin-top:0}
.album-box-two{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;max-width:1200px;gap:32px}
.box-left-section,.box-right-section{flex:1;padding:32px;background-color:#f6f6f6;border-radius:16px;color:#000}
.album-two-image{width:100%;margin-bottom:16px}
@media(max-width:768px){.album-box-two{flex-direction:column;gap:16px}
.box-left-section,.box-right-section{width:100%}
.album-two-image{max-width:100%}
}
.imgs-inner{display:flex;justify-content:space-between;padding:20px;max-width:1300px;padding-top:5%;position:relative;margin:0 auto}
@media(max-width:768px){.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
}
.video-left-column{width:50%;display:flex;flex-direction:column;max-height:862px}
@media(max-width:768px){.video-left-column{width:100%;display:block;margin-bottom:20px}
}
.imgs-inner img{width:90%}
.video-right-column{width:50%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
@media(max-width:768px){.video-right-column{width:100%;display:block;margin-bottom:20px}
}
.in-dot-text,.in-dot-img{flex:1}
.in-dot-img{display:flex;align-items:flex-end;justify-content:flex-start}
.in-dot-img img{width:100%}
.lit-img{width:100%}
.lit-img img{width:70%;padding-top:30px}
.imgs-inner .feature-header img{height:30px;width:auto}
.imgs-inner1{display:flex;justify-content:space-between;padding:20px;max-width:1360px;padding-bottom:5%;position:relative;margin:0 auto;height:auto;gap:30px}
@media(max-width:768px){.imgs-inner1{display:flex;flex-direction:column;padding:10px}
.in-dot-text{text-align:center}
}
.img-left-column{width:50%;display:flex;flex-direction:column;height:100%;padding:10px}
@media(max-width:768px){.img-left-column{text-align:center;width:100%}
}
.imgs-inner img{width:90%}
.img-right-column{width:50%;display:flex;flex-direction:column;padding:10px}
@media(max-width:768px){.img-right-column{width:100%;text-align:center}
}
.feature-map-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;max-width:1200px;padding:20px;margin-left:auto;margin-right:auto;padding-bottom:6%}
@media(max-width:768px){.feature-map-container{display:flex;flex-wrap:wrap;gap:10px}
}
.feature-map{flex:1 0 calc(25% - 20px);background-color:white;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);padding:20px;display:flex;flex-direction:column;align-items:flex-start}
@media(max-width:768px){.feature-map{flex:0 0 calc(50% - 5px);box-sizing:border-box}
}
.feature-map-icon{display:flex;align-items:center;margin-bottom:10px}
.icon-add{width:24px;height:24px;margin-right:10px}
.feature-map-title{font-size:20px;margin:0}
@media(max-width:768px){.feature-map-title{font-size:26px;margin:0}
.text-bg-box2{margin-left:auto;margin-right:auto}
}
.feature-map-desc{font-size:14px;color:#666}
@media(max-width:768px){.feature-map-desc{font-size:26px;color:#000}
}
.doc-container{display:flex;flex-wrap:nowrap;min-height:900px}
.doc-left-section{flex:1;background-image:url('../images/4800pro-office.png');background-size:cover;background-position:center;flex-basis:50%;display:flex;align-items:center;justify-content:center}
.doc-left-section .ag-main_img{max-width:100%;height:auto;display:block}
.doc-right-section{flex:1;display:flex;flex-direction:column;padding:20px;flex-basis:50%}
.doc-title-container{flex:1;text-align:center}
.doc-title-container h3{font-size:30px}
.doc-title-container h6{font-size:18px}
@media(max-width:768px){.doc-title-container h3{font-size:40px}
.doc-title-container h6{font-size:27px}
}
.doc-carousel-container{flex:2;position:relative;overflow:hidden}
.doc-carousel-images{display:flex;height:95%;transition:transform .5s ease;padding-bottom:50px}
.doc-carousel-image{min-width:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
.doc-carousel-controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.doc-control-bar{width:60px;height:4px;background-color:rgba(0,0,0,0.5);cursor:pointer;position:relative;overflow:hidden}
.doc-control-bar .doc-progress{position:absolute;top:0;left:0;height:100%;background-color:#dd1f1f;width:0}
@media(max-width:768px){.doc-carousel-images{height:100%}
.doc-carousel-image{flex:1 1 100%;background-size:100%;background-position:center;min-height:500px;padding:20px;height:auto}
.doc-container{min-height:100vh;display:flex;flex-direction:column}
}
@keyframes fillBar{0%{width:0}
100%{width:100%}
}
@media(max-width:600px){.doc-left-section,.doc-right-section{flex-basis:100%}
}
:root{--color-text:navy;--color-bg:papayawhip;--color-bg-accent:#ecdcc0;--size:clamp(160px,16px+40vmin,480px);--gap:calc(var(--size) / 14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}
@media(prefers-color-scheme:dark){:root{--color-text:papayawhip;--color-bg:navy;--color-bg-accent:#2626a0}
}
*{box-sizing:border-box}
.image-text-container{background-color:white;display:inline-flex;align-items:center;gap:10px;display:flex;flex-direction:row;align-items:center;padding:10px 40px;box-shadow:0 5px 25px rgba(89,101,124,0.15);border-radius:10px;color:#242424;font-weight:400}
.image-text-container img{width:38%}
.image-text-container,.image-text-container *{overflow:visible!important}
.image-text-container span{font-size:17px}
@media(max-width:768px){.image-text-container span{font-size:23px}
}
@media(max-width:768px){.marquee__group{gap:30px}
}
.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(var(--mask-direction,to right),hsl(0 0 0 / 0),hsl(0 0 0 / 1) 20%,hsl(0 0 0 / 1) 80%,hsl(0 0 0 / 0));mask-image:linear-gradient(var(--mask-direction,to right),hsl(0 0 0 / 0),hsl(0 0 0 / 1) 20%,hsl(0 0 0 / 1) 80%,hsl(0 0 0 / 0))}
.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;-webkit-animation:scroll-x var(--duration) linear infinite;animation:scroll-x var(--duration) linear infinite}
@media(prefers-reduced-motion:reduce){.marquee__group{-webkit-animation-play-state:paused;animation-play-state:paused}
}
.marquee--vertical{--mask-direction:to bottom}
.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}
.marquee--vertical .marquee__group{-webkit-animation-name:scroll-y;animation-name:scroll-y}
.marquee--reverse .marquee__group{animation-direction:reverse;-webkit-animation-delay:-3s;animation-delay:-3s}
@-webkit-keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}
@keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}
@-webkit-keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}
@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}
.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:8px}
.marquee--vertical svg{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}
.app-container{display:flex;flex-direction:column;margin-bottom:10%}
.app-container-inner{width:1200px;position:relative;margin:0 auto;height:100vh}
.icon-wrapper,.marquee,.marquee.marquee--reverse{margin-top:20px}
.icon-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw;align-content:center;overflow:hidden;gap:var(--gap);font-size:16px;line-height:1.5;color:var(--color-text)}
.icon-wrapper--vertical{flex-direction:row;height:100vh}
.toggle{--size:48px;position:relative;position:fixed;top:16px;left:16px;width:var(--size);height:var(--size);font:inherit;text-align:center;cursor:pointer;outline:0;border:0;border-radius:50%;color:inherit;background-color:var(--color-bg-accent);z-index:1}
.toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}
.toggle span{position:absolute;display:inline-block;top:50%;left:calc(100%+0.4em);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;transform:translateY(-50%);-webkit-animation:fade 400ms 4s ease-out forwards;animation:fade 400ms 4s ease-out forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.toggle svg{--size:24px;position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);fill:currentcolor;transform:translate(-50%,-50%);transition:transform 300ms cubic-bezier(0.25,1,0.5,1)}
.toggle--vertical svg{transform:translate(-50%,-50%) rotate(-90deg)}
@-webkit-keyframes fade{to{opacity:0;visibility:hidden}
}
@keyframes fade{to{opacity:0;visibility:hidden}
}
.cpu-image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto}
.cpu-image-item{flex:1 0 calc(25% - 20px);box-sizing:border-box;text-align:center;padding:20px;background-color:rgba(255,255,255,0.05);border-radius:12px;transition:transform .3s ease}
.cpu-image-item:hover{transform:translateY(-5px)}
.cpu-title{font-size:20px;font-weight:bold;color:#f8ddae;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.cpu-description{font-size:16px;color:#e0e0e0;line-height:1.5;margin:0}
@media(max-width:992px){.cpu-image-item{flex:1 0 calc(50% - 15px);margin-bottom:15px}
}
@media(max-width:768px){.cpu-image-item{margin-bottom:15px}
.cpu-title{font-size:28px}
.cpu-description{font-size:24px}
}
.safe-image-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}
.safe-image-item{flex:1 0 calc(25% - 10px);box-sizing:border-box}
.safe-image-item img{width:100%;height:auto;display:block;padding:20px}
@media(max-width:768px){.safe-image-container{max-width:500px}
}
@media(max-width:768px){.safe-image-item{flex:1 0 calc(50% - 10px)}
}
@media(max-width:768px){.container-inner.ai-container-inner{width:auto}
.cont-main{font-family:sans-serif;display:block;justify-content:space-between;gap:15px;width:90%;margin:50px auto}
.cont-silde{margin-bottom:20px}
}
@media(max-width:575.98px){body{font-size:15px}
h1{font-size:clamp(28px,5vw,40px)}
h2{font-size:clamp(24px,4vw,32px)}
}
@media(min-width:576px) and (max-width:767.98px){body{font-size:16px}
.container-inner.ai-container-inner{width:auto}
}
@media(min-width:768px) and (max-width:991.98px){.container-inner.ai-container-inner{width:auto;padding-left:30px;padding-right:30px}
}
@media(min-width:1200px){.container{margin-left:auto;margin-right:auto}
}
@media print{body{color:#000;background-color:#fff;font-size:12pt}
.no-print{display:none}
a{text-decoration:none;color:inherit}
}
.ug-sec8-2{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;background-color:#000}
.swiper-container{width:100%;height:100%}
.swiper{width:100%;height:100%}
.swiper-slide{width:100%;height:100%;position:relative}
.slide-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}
.slide-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}
.slide-image img{width:100%;height:100%;object-fit:cover}
.slide-text{position:absolute;bottom:0;left:0;width:100%;padding:40px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0.6),transparent)}
.slide-title{font-size:25px;font-weight:bold;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.slide-description{font-size:16px;color:#e0e0e0;line-height:1.6;max-width:800px;margin:0 auto;padding-bottom:2%}
.swiper-pagination{bottom:20px!important;z-index:20}
.swiper-pagination-bullet{width:12px;height:12px;background-color:rgba(255,255,255,0.5);opacity:1;transition:all .3s ease;margin:0 8px!important}
.swiper-pagination-bullet-active{background-color:#fff;width:16px;height:16px;transform:translateY(-2px)}
.carousel-card{margin-top:50px}
@media(max-width:1200px){.slide-title{font-size:25px}
.slide-description{font-size:16px}
}
@media(max-width:992px){.ug-sec8-2{height:90vh;min-height:500px}
.slide-text{padding:30px 15px}
.slide-title{font-size:1.8rem;margin-bottom:12px}
.slide-description{font-size:1rem;max-width:90%}
.swiper-pagination-bullet{width:10px;height:10px;margin:0 6px!important}
.swiper-pagination-bullet-active{width:14px;height:14px}
}
@media(max-width:768px){.ug-sec8-2{height:85vh;min-height:450px}
.slide-text{padding:25px 15px;background:linear-gradient(to top,rgba(0,0,0,0.9),rgba(0,0,0,0.7),transparent)}
.slide-title{font-size:28px;margin-bottom:10px}
.slide-description{font-size:24px;line-height:1.5}
.swiper-pagination-bullet{width:8px;height:8px;margin:0 4px!important}
.swiper-pagination-bullet-active{width:12px;height:12px}
.pcie-text-side h4{font-size:27px}
}
@media(max-width:480px){.ug-sec8-2{height:80vh;min-height:400px}
.slide-text{padding:20px 12px;background:linear-gradient(to top,rgba(0,0,0,0.95),rgba(0,0,0,0.8),transparent)}
.slide-title{font-size:1.3rem;margin-bottom:8px}
.slide-description{font-size:.85rem;max-width:95%}
.swiper-pagination{bottom:15px!important}
.swiper-pagination-bullet{width:8px;height:8px;margin:0 3px!important}
.swiper-pagination-bullet-active{width:10px;height:10px}
}