body{opacity:0;display: none;}
body.loader{animation: fadeIn .3s .5s both;display: block;}

.cmc-container{min-height:300px;padding: 0;}
p.menu1{display:none;}

header .menu-pages .row > div{cursor:pointer;}
header .menu-pages .row > div:hover a{color:#2d61f5;}


header .row > *{padding: 0;}
.container-fluid{padding: 0 ;}

li{margin-bottom:5px;}

.menu-area{width: 1824px;margin: 0 auto;max-width: 100%;}

.page-content .row{margin: 0;}

.headerContent{display:flex;justify-content:space-between;align-items:center;}

footer{width:100%;}

.sticky-wrapper{background: rgba(255,255,255,.9);transition: .5s;}
.sticky-wrapper.header-sticky{box-shadow: 0 8px 20px rgba(0, 0, 0, .3);}

.btn-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 30px; }

#point{height:90px;}

@media(max-width:600px){
    #point{height:30px;}
}

.main-menu .parent.active > a span,
.main-menu .parent:has( .active) > a span,
.main-menu .sub.active > a {color: #0047ba;font-weight: bold;}

.invstor .main-menu .parent.active > a span,
.sustain .main-menu .parent.active > a span{color:#ffb600}

.mobile-menu .parent:has(.active) > a,
.mobile-menu .active > a {font-weight: bold;color: #0d6efd;}


@media(max-width:1880px){
    .headerContent{margin: 0 20px;}
}

@media(max-width:600px){
    .btn-wrap {justify-content:right;}
    .headerContent{margin: 0 10px;}
    .breadcumb-content h1{font-size: 34px;}
}


#search{margin:50px 0 0;text-align: right;}
#searchInput{background:#fff;border:1px solid #ccc;width:250px;color:#666;padding:0 40px;font-weight:400;}
#searchInput::placeholder{color:#999;}
.search-container{display:inline-block;position:relative;}
.search-input { height: 50px; border-radius: 30px; padding-left: 35px; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.search-icon { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #888; }

@media(max-width:600px){
    #search{margin:30px 0 0;}

    #search .search-container,
    #searchInput{width:100%;}
}

.noData{font-size:20px;color:#666;text-align:center;width:100%;line-height:200px;}

#carousel button{border-radius:50%;}


.slogan{font-size:100px;}

@media(max-width:1399px){
    .slogan{font-size:60px;text-align: center;}
}

@media(max-width:991px){
    .slogan{font-size:40px;}
}

@media(max-width:600px){
    .slogan{font-size: 27px;}
}

.plan-card { padding: 32px; display: flex; flex-direction: column; position: relative; transition: transform 0.2s, box-shadow 0.2s; border-radius: 16px; background: #fff; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgb(209 190 251); box-shadow: 0 0 5px rgb(227 214 255); }
.plan-card:hover { box-shadow: rgba(0, 0, 0, 0.1);  transform: translateY(-4px); }
.plan-card img{margin:0 auto;}
.plan-card h5{font-size: 15px;font-weight:inherit;color:#666;line-height: 30px;}

@media(max-width:600px){
    .plan .col-md-6{padding:0}
}


.testimonial .testtiContent {width: 80vw !important;margin: 0 auto;float: inherit;}
.testimonial .gradient-text { background-image: linear-gradient(90deg, #bdf3f9, #9cafe7, #e9b0e3, #b173f9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }


.testimonial h5{font-size: 18px;line-height: 30px;margin-top: 30px;font-weight: 400;}

@media(max-width:600px){
    .testimonial .gradient-text{font-size: 24px;}
    .testimonial h5{font-size:14px;}
}





.index #carousel button{box-shadow:0 0 10px rgba(0,0,0,.5);padding: 5px!important;background:rgba(255,255,255,.9);top: calc(50% - 10px);}
.index #carousel button:hover{background:#fff;}
.index #prevSlide{left:5px}
.index #nextSlide{right:5px}
.index #carousel .bg-white{padding:10px;}

.index #carousel a > div{padding:0 20px;}

.index #search{display:none;}

.index .hero-style17 .hero-title{white-space:pre-wrap;}

.index .feature-card.style5 .marquee-wrap {background: none;padding: 0;}

.index .client-list-wrap img{height:100%;}

@media (max-width: 575px) {
    
    .index .about-wrap17 .btn{width:100%;}
    .index .hero-wrapper .row > *{margin:0;}
    .index #carousel a > div{padding:0;}

}

@media(max-width:767px){
    h1:not([class]){font-size:40px!important;}

    .index .service-card-wrap .text-end,
    .index .service-card-wrap .box-icon img{margin:0 auto;}

    .index .counter-area-1 .text-end{text-align:center!important;}

    .index .about-area-14 .sec-text,
    .index .about-area-17 .sec-text,
    .index .about-area-17 .sec-title,
    .index .counter-area-1 .hero-text,
    .index .counter-area-1 .counter-card_text{text-align:left!important;}
}

@media(max-width:1199px){
    .index .container3 .mb-70{margin:0;}
    .index .hero-17 .hero-inner{padding:0;}
}

@media(max-width:1399px){
    
    .index .container.container3 {max-width:100%;}
}

.blog-area{padding: 50px 0;margin-top: 30px;}

.img-caption {margin-top: 12px;color: #777;font-size: 16px;line-height: 24px;}

.related {padding: 50px 0;background: #eee;margin-top: 50px;}
.related h3{margin-bottom:30px;}

/*itemList*/
.itemList{display: flex;flex-wrap: wrap;gap: 30px;}
.itemList > a{width: calc(100% / 3 - 20px);padding: 0;box-shadow: 5px 5px 10px rgba(0,0,0,.05),1px 1px 10px rgba(0,0,0,.05);background: #fff;}
.itemList > a:hover{transform:translateY(-10px)}
.itemList > a img{width:100%;height: 220px;object-fit: cover;object-position:left;}
.itemList > a img + div{padding: 20px 30px;}
.itemList h2 {font-size: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height: 24px;height: 48px;margin: 0;}
.itemList .type{margin-bottom:10px;display: flex;justify-content: space-between;}
.itemList .type *{display:inline-block;vertical-align:text-bottom}
.itemList small{font-size: 13px;line-height:30px;/* padding:0 20px; */font-weight:500;letter-spacing: 1px;color: #999;}
.itemList small.open{background:#ffeeee;}
.itemList small.soon{background:#e3eefc;color: #4c87d1;}
.itemList small.end{background:#efefef;color: #888;}
.itemList small.pause{background:#dcf4f2;color: #29ada2;}
.itemList small.done{background:#fff7d9;color: #9b832a;}
.itemList .type small.theme{font-size:14px;}
.itemList .type span{/* float:right; *//* font-size:12px; *//* padding:0 10px; *//* border-radius:3px; */line-height: 30px;}
.itemList .type span.online{background:#ffe9de;color:#ff5100;}      
.itemList .type span.offline{background:#def3ff;color:#0095ff;} 
.itemList .type span.end{background:#dddddd;color:#666;} 
.itemList .detail{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:14px;color: #666;line-height: 22px;font-size: 14px;margin-top: 10px;}
.itemList .detail + div{font-size:12px;line-height:20px;margin-top: 10px;}

.itemDetail .date{color:#0047ba;}
.itemDetail .date:has(+.author){margin-bottom:15px;}
.itemDetail .date + h3{margin-bottom:30px;}
.itemDetail a{text-decoration:underline;color:#0d6efd;word-break: break-all;}

.itemDetail .author{color:#666;float: right;}

.itemDetail img{max-width:100%;height: auto!important;}

.itemList{background: #efefef;}

@media (max-width: 1399px) {
    .container, 
    .container-md, 
    .container-sm {max-width: calc(100% - 30px);}
}

@media (max-width: 1199px) {
    .itemList > a img {height:190px;}
    .itemList{gap:20px;}
}

@media (max-width: 991px) {
    .itemList{gap: 25px;}
    .itemList > a {width: calc(100% / 2 - 13px);}
}

@media (max-width: 576px) {
    .container, .container-sm {max-width: 100%;padding: 0 20px;}
    div.itemList{padding-top:30px;}
    .itemList > a {width: 100%;}
    .itemList h2{height:auto;}
    .itemDetail a{word-break:break-all;}
}

/*index*/
.index .blog-card .blog-title + span{display:inline-block;position: relative;padding:5px 0}

.index .link-btn .blog-title + span:before,
.index .link-btn .blog-title + span:after{content: "";position: absolute;bottom: 0;height: 2px;background-color: var(--title-color);}

.index .link-btn .blog-title + span:before{width:100%;right: 0;transition: all ease 0.4s;}
.index .link-btn .blog-title + span:after{width:0;left:0;transition: all ease 0.8s;}
.index .link-btn:hover .blog-title + span:before {width: 0;}
.index .link-btn:hover .blog-title + span:after {width: 100%;}

.index .blog-card .blog-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.index .client-list-wrap li{ display: flex; justify-content: center; align-items: center; height: 70px; border: 1px solid #ccc; }
.index  .link-effect + img{margin-left:5px;width: 15px;}

.index .itemList{background: none;padding-top: 0;}

.index .gradient-text {background-image: linear-gradient(90deg, #016bfe, #ffd42e, #fe6f28);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

.index .container.container3{padding:0 20px;}

.index .accordion-body img{height: inherit;margin-top: 20px;}

@media(max-width:1299px){
    .index .hero-video-card{justify-content:center;}
    .index .box-content a{justify-content: end;}
}

@media (max-width: 991px) {
    .index .hero-style17 {padding: 50px 0}
}

@media (max-width: 767px) {
    .hero-style3 {padding: 0 0 70px;}
    .sec-title.style2 {font-size: 22px;}
}

@media (max-width: 575px) {
    .hero-style3 .hero-title {font-size: 30px;}

    .index .accordion-card.blog-card-accordion .btn-wrap{justify-content:right;}
    .index .img-custom-anim-right{text-align:center!important;}
}

/*contact*/
.contact #contactForm{padding: 0 0 100px;}
.contact .contact-area-2 .row > *{margin-top:0;}

@media(max-width:600px){
    .contact .space{padding:0;}
    .contact .contact-area-2 .counter-card_text{margin-bottom:30px;}
    .contact .contact-area-2 .row.form1 .title + div span,
    .contact .contact-area-2 .row.form2 .form-control,
    .contact .contact-area-2 .row.form2 + div{font-size:14px;}
}

/*icoursearticle*/
.icoursearticle .itemList .type small{padding:0 15px}

.icoursearticle .pop{margin: 20px 0;}
.icoursearticle .pop .p-4{padding: 0!important;}

.icoursearticle #prevSlide{left: 35px;top: 45%;}
.icoursearticle #nextSlide{right: 35px;top: 45%;}

@media(max-width:600px){
    .icoursearticle .pop .p-6{padding: 15px!important;}
}

/*sustain & products white header*/
.invstor .header-logo a,
.sustain:not(:has(.itemDetail)) .header-logo a,
.products .header-logo a{filter: grayscale(100%) brightness(0) invert(1);}

.invstor .main-menu > ul > li > a,
.sustain:not(:has(.itemDetail)) .main-menu > ul > li > a,
.products .main-menu > ul > li > a{color:#fff;}

.invstor .sidebar-btn,
.sustain:not(:has(.itemDetail)) .sidebar-btn,
.products .sidebar-btn{border-color:#fff;}

.invstor .sidebar-btn .line,
.sustain:not(:has(.itemDetail)) .sidebar-btn .line,
.products .sidebar-btn .line{background:#fff;}

.invstor .sticky-wrapper,
.sustain:not(:has(.itemDetail)) .sticky-wrapper,
.products .sticky-wrapper{background: rgba(0,0,0,.5);}

.invstor .sticky-wrapper,
.sustain:not(:has(.itemDetail)) .sticky-wrapper,
.products .sticky-wrapper{background: rgba(0,0,0,1);}

.invstor .sticky-wrapper.header-sticky,
.sustain:not(:has(.itemDetail)) .sticky-wrapper.header-sticky,
.products .sticky-wrapper.header-sticky{background: rgba(0,0,0,.8);}

.invstor .hero-14{padding-top: 40px;}

/*sustain*/
.sustain .hero-slider{background-size:100% auto;}
.sustain .esgBlog{gap:20px;flex-wrap:nowrap;}
.sustain .esgBlog a{width:50%;background:#f6f5f3;padding:0;}
.sustain .esgBlog a:hover{color:inherit;}
.sustain .esgBlog .blog-img{width:300px;height:300px;}
.sustain .esgBlog .blog-content{padding:40px;width:calc(100% - 300px);}

@media (orientation: portrait) {
    .sustain .hero-slider{background-size:auto 100%;background-position:center}
}


@media(max-width:1299px){
    .sustain .esgBlog a{width:100%;}
    .sustain .esgBlog{flex-wrap:wrap;}
}

@media(max-width:767px){
    .sustain .blog-grid{flex-wrap:wrap;justify-content: center;}
    .sustain .esgBlog .blog-img{padding-top:40px;}
    .sustain .esgBlog .blog-content{width:100%;}
    .sustain .blog-grid .link-btn{float:right;}
}

.sustain .testi-slider2 .slick-slide { opacity: 0.1; transition: 0.4s; }
.sustain .testi-slider2 .slick-slide.slick-current { opacity: 1; }
.sustain .testi-box.style2 { text-align: center; padding: 0 55px; }
.sustain .testi-box.style2 .quote-icon { filter: brightness(99); }
.sustain .testi-box.style2 .testi-box_text { font-size: 40px; line-height: 54px; letter-spacing: -0.8px; color: var(--smoke-color); }
.sustain .testi-box.style2 .testi-box_profile { margin-top: 52px; }
.sustain .testi-box.style2 .testi-box_profile .testi-box_name { letter-spacing: -0.48px; font-size: 24px; color: var(--smoke-color); }
.sustain .testi-box.style2 .testi-box_profile .testi-box_desig { font-size: 18px; font-weight: 400; color: var(--smoke-color); margin-bottom: -0.1em; }

.sustain .blog-area{margin: 0;background:#efefef;}
.sustain .blog-area .itemList{background:none;}
.sustain .video-area-1 .col-lg-12{padding:0;}

@media (max-width: 1700px) {
.sustain .testi-box.style2 { padding: 0 25px; }
.sustain .testi-box.style2 .testi-box_text { font-size: 30px; }
}

@media (max-width: 1299px) {
    .sustain .testi-box.style2 { padding: 0 15px; } 
    .sustain .testi-box.style2 .testi-box_text { line-height: normal; } 
    .sustain .testi-box.style2 .testi-box_text { font-size: 27px; }
}

@media (max-width: 1199px) {
    .sustain .testi-box.style2 .testi-box_text { font-size: 30px; }
}

@media (max-width: 767px) {
    .sustain .testi-box.style2 .testi-box_text { font-size: 27px; }
}

@media (max-width: 575px) {
    .sustain .testi-box.style2 .testi-box_text { font-size: 24px; }
}

@media (max-width: 375px) {
    .sustain .testi-box.style2 .testi-box_text { font-size: 20px; } 
    .sustain .testi-box.style2 .testi-box_profile { margin-top: 42px; }
}

.sustain .testi-box.style3 { background: var(--gray-color); padding: 40px; }
.sustain .testi-box.style3 .quote-icon { filter: brightness(99); }
.sustain .testi-box.style3 .testi-box_text { font-size: 24px; font-weight: 400; line-height: 38px; color: var(--smoke-color); letter-spacing: -0.48px; margin-bottom: 80px; }
.sustain .testi-box.style3 .testi-box_profile .testi-box_name { color: var(--smoke-color); }
.sustain .testi-box.style3 .testi-box_profile .testi-box_desig { color: var(--smoke-color); }


@media (max-width: 1199px) {
    .sustain .testi-box.style3 .testi-box_text { font-size: 20px; line-height: initial; }
}

@media (max-width: 991px) {
    .sustain .testi-box.style3 .testi-box_text { font-size: 24px; line-height: initial; }
}

@media (max-width: 767px) {
    .sustain .testi-box.style3 .testi-box_text { font-size: 20px; line-height: initial; margin-bottom: 50px; }
}

@media (max-width: 575px) {
    .sustain .testi-box.style3 { padding: 30px; } 
    .sustain .testi-box.style3 .testi-box_text { font-size: 18px; }
}

.sustain .testi-slider4 .slick-slide { opacity: 0.1; transition: 0.4s; } 
.sustain .testi-slider4 .slick-slide.slick-current { opacity: 1; } 
.sustain .testi-box.style4 { text-align: center; padding: 0 55px; }
.sustain .testi-box.style4 .testi-box_text { font-size: 40px; line-height: 54px; letter-spacing: -0.8px; color: var(--title-color); } 
.sustain .testi-box.style4 .testi-box_profile { margin-top: 52px; } 
.sustain .testi-box.style4 .testi-box_profile .testi-box_name { letter-spacing: -0.48px; font-size: 24px; color: var(--title-color); }
.sustain .testi-box.style4 .testi-box_profile .testi-box_desig { font-size: 18px; font-weight: 400; color: var(--title-color); margin-bottom: -0.1em; }

@media (max-width: 1700px) {
    .sustain .testi-box.style4 { padding: 0 25px; } 
    .sustain .testi-box.style4 .testi-box_text { font-size: 30px; }
}

@media (max-width: 1299px) {
    .sustain .testi-box.style4 { padding: 0 15px; } 
    .sustain .testi-box.style4 .testi-box_text { line-height: normal; } 
    .sustain .testi-box.style4 .testi-box_text { font-size: 27px; }
}

@media (max-width: 1199px) {
    .sustain .testi-box.style4 .testi-box_text { font-size: 30px; }
}

@media (max-width: 767px) {
    .sustain .testi-box.style4 .testi-box_text { font-size: 27px; }
}

@media (max-width: 575px) {
    .sustain .testi-box.style4 .testi-box_text { font-size: 24px; }
}

@media (max-width: 375px) {
    .sustain .testi-box.style4 .testi-box_text { font-size: 20px; } 
    .sustain .testi-box.style4 .testi-box_profile { margin-top: 42px; }
}

.sustain .testi-slider5 { margin-right: -340px; } 
.sustain .testi-slider5 .slick-dots { padding-right: 340px; } 

@media (max-width: 991px) { 
    .sustain .testi-slider5 { margin-right: 0; } 
}

.sustain .testi-box.style5 { background: var(--smoke-color); padding: 48px; }

@media (max-width: 575px) {
    .sustain .testi-box.style5 { padding: 40px; }
}

@media (max-width: 375px) {
    .sustain .testi-box.style5 { padding: 30px; }
}

.sustain .testi-box.style5 .testi-box_img { display: inline-block; } 
.sustain .testi-box.style5 .testi-box_img img { width: 90px; height: 90px; object-fit: cover; } 
.sustain .testi-box.style5 .testi-box_text { font-size: 24px; letter-spacing: -0.02em; margin-top: 24px; margin-bottom: 160px; line-height: 1.5833; }

@media (max-width: 1199px) {
    .sustain .testi-box.style5 .testi-box_text { font-size: 20px; margin-bottom: 100px; }
}

@media (max-width: 575px) {
    .sustain .testi-box.style5 .testi-box_text { margin-bottom: 60px; }
}

@media (max-width: 375px) {
    .sustain .testi-box.style5 .testi-box_text { font-size: 16px; }
}

.sustain .testi-box.style5 .testi-box_name { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }

@media (max-width: 375px) {
    .sustain .testi-box.style5 .testi-box_desig { font-size: 16px; }
}

/*history*/
.history .timeline-container { width: 100%; margin: 0 auto; padding: 0 20px 120px; position: relative; }
.history .timeline-container::before {content: '';position: absolute;width: 1px;background-color: #eee;top: 0;bottom: 0;left: 50%;margin-left: -0.5px;z-index: 0;}
.history .timeline-item {padding: 10px 50px;position: relative;background-color: inherit;width: 50%;opacity: 0;z-index: 1;animation: fadeInUp .8s ease forwards;}
.history .timeline-item .content{padding: 28px 32px;background-color: var(--card-bg);position: relative;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);border: 1px solid rgba(0, 0, 0, 0.08);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.history .timeline-item.left { left: 0; text-align: right; }
.history .timeline-item.right { left: 50%; text-align: left; }
.history .timeline-item::after {content: '';position: absolute;width: 14px;height: 14px;background: #c0a16b;top: 28px;border-radius: 50%;z-index: 2;transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);border: 3px solid #fff;box-shadow: 0 2px 6px rgba(192, 161, 107, 0.4);right: -7px;}
.history .timeline-item.right::after { left: -7px; right: auto; }
.history .timeline-item:hover::after { transform: scale(1.3); background-color: #000; box-shadow: 0 0 0 4px rgba(44, 62, 80, 0.1); }
.history .timeline-item:hover .content { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); border-color: rgba(192, 161, 107, 0.3); }
.history .timeline-item li{list-style: none;}
.history .timeline-item.left .content ul li {padding-left: 0;padding-right: 18px;}
.history .timeline-item.left .content ul li::before { left: auto; right: 0; }
.history .year-badge {font-size: 2.4rem;font-weight: 400;color: #c0a16b;margin-bottom: 12px;display: block;letter-spacing: -1px;line-height: 1;background: none;padding: 0;}
.history .year-badge::after { display: none; }
.history .content .page-content p {margin-bottom: 0;font-size: 1.05rem;color: #555;font-weight: 400;margin-top: 0;}
.history .content .page-content ul { list-style: none; padding: 0; margin-top: 0; display: block; text-align: inherit; }
.history .content .page-content ul li {position: relative;margin-bottom: 15px;padding-left: 18px;color: #555;font-size: 1rem;}
.history .content .page-content ul li::before {content: '';width: 6px;height: 6px;background-color: #c0a16b;position: absolute;left: 0;top: 10px;border-radius: 50%;opacity: 0.6;font-weight: normal;}
.history .content::before { display: none; }


@media screen and (max-width: 768px) {
    .history h1 { font-size: 2.2rem; }
    .history .timeline-container::before {display: none;}
    .history .timeline-item.left, .history .timeline-item.right {width: 100%;padding-left: 0;padding-right: 0;padding-bottom: 0;margin-bottom: 30px;text-align: left;left: 0;}
    
    
    .history .timeline-item::after {display: none;}
    .history .timeline-item.right::after { left: auto; right: 13px; }

    .history .timeline-item.left .content ul li,
    .history .timeline-item.right .content ul li {font-size: 14px;padding: 0;}

    .history .timeline-item.left .content ul li::before,
    .history .timeline-item.right .content ul li::before { right: 0; left: auto; }

    .history .year-badge {font-size: 20px;}
    .history .content { padding: 20px 24px; }
}

/*products*/
.products .portfolio-meta,
.products .portfolio-title{color:#fff;}

.products footer{display:none;}

/*product*/
.product #price{padding:30px 0;}

@media (max-width: 991px) {
    .product .btn {display:block;}
}


/*product_hr*/
.product_hr .gradient-text { background-image: linear-gradient(90deg, #c794dd, #efb4b7, #ffc9d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_hr .marquee-wrap{background: linear-gradient(90deg, #c794dd, #efb4b7, #ffc9d9); }
.product_hr .marquee-wrap .marquee__group .m-item a i{color:#fff;}
.product_hr .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cbd5e1; transition: .4s; border-radius: 24px; }
.product_hr .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.product_hr .plan-card.popular { border: 2px solid rgba(139, 92, 246, 0.5); background: rgba(255, 255, 255, 0.55); box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15); }

@media(max-width:910px){
    .product_hr .text-end{font-size: 50px;}
}

@media(max-width:767px){
    .product_hr .text-end{font-size: 38px;}
}


@media(max-width:600px){
    
    .product_hr .plan-card h3,
    .product_hr .plan-card h5{text-align:center;}
    .product_hr .plan-card p{margin:0;}

    .product_hr .text-end{font-size: 24px;}
}

/*product_hrcloud*/
.product_hrcloud .gradient-text { background-image: linear-gradient(90deg, #ffc7cb, #4a9add, #c69cf7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_hrcloud .marquee-wrap.hrcloud { background-image: linear-gradient(90deg, #ffc7cb, #4a9add, #c69cf7)!important; }
.product_hrcloud .pricing-page-container {max-width: 1280px;margin: 0 auto;padding: 50px 24px;} 
.product_hrcloud .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cbd5e1; transition: .4s; border-radius: 24px; } 
.product_hrcloud .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.product_hrcloud .discount-badge { font-size: 12px; font-weight: 600; color: #8b5cf6; background-color: rgba(237, 233, 254, 0.8); padding: 2px 8px; border-radius: 6px; } 
.product_hrcloud .pricing-grid { display: grid; grid-template-columns: 1fr; gap: 32px; } 
.product_hrcloud .plan-card.popular {border: 2px solid rgb(255 143 220 / 50%);background: rgba(255, 255, 255, 0.55);box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15);} 
.product_hrcloud .popular-tag {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background-color: #ff8fdc;color: white;font-size: 12px;font-weight: 600;padding: 4px 12px;border-radius: 20px;z-index: 10;}
.product_hrcloud .card-header-area { margin-bottom: 24px; }
.product_hrcloud .plan-icon { margin-bottom: 16px; }
.product_hrcloud .plan-name { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #1f2937; } 
.product_hrcloud .price-area { display: flex; align-items: baseline; gap: 8px; margin-bottom: 32px; } 
.product_hrcloud .price-amount { font-size: 48px; font-weight: 600; color: #1f2937; text-shadow: 0 0 1px rgba(255,255,255,0.5); } 
.product_hrcloud .price-period { color:#6b7280; font-size: 16px; } 
.product_hrcloud .custom-price-text { font-size: 40px; white-space: nowrap; font-weight: 800; color: #1f2937; }
.product_hrcloud .feature-list { list-style: none; padding: 0; margin: 0 0 32px; flex-grow: 1; } 
.product_hrcloud .feature-item { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; font-size: 16px; color: #282828; }
.product_hrcloud .feature-icon { color: #10b981; flex-shrink: 0; }
.product_hrcloud .custom-btn { display: inline-block; width: 100%; padding: 12px 24px; text-align: center; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.2s; border: none; box-sizing: border-box; border-radius: 8px; } 
.product_hrcloud .btn-primary-plan { background-image: linear-gradient(90deg, #ffc7cb, #4a9add, #c69cf7); color: white; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4); } 
.product_hrcloud .btn-primary-plan:hover { background-color: #7c3aed; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5); }
.product_hrcloud .btn-outline-plan { background-color: rgba(243, 244, 246, 0.6); color: #1f2937; border: 1px solid rgba(0,0,0,0.05); } 
.product_hrcloud .btn-outline-plan:hover { background-color: rgba(229, 231, 235, 0.8); }
.product_hrcloud .service-card { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05); } 
.product_hrcloud .custom-table { width: 100%; border-collapse: collapse; border:none;} 
.product_hrcloud .custom-table th { background: #f5f5f5; text-align: left; padding: 16px 24px; font-size: 16px; font-weight: 600; color: #1f2937;} 
.product_hrcloud .custom-table td { padding: 16px 24px; font-size: 16px; color: #374151; }
.product_hrcloud .table-price { font-weight: 500; }
.product_hrcloud .text-gray-note { color:#6b7280; font-size: 14px; }


@media (min-width: 1024px) { 
    .product_hrcloud .pricing-grid { grid-template-columns: repeat(3, 1fr); } 
}

@media (max-width: 600px) { 
    .product_hrcloud .feature-area-1 .row > *{padding:0;}
}

/*product_gogoform*/
.product_gogoform .gradient-text { background-image: linear-gradient(90deg, #63d3cd, #f99067, #f7cf6d); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_gogoform .marquee-wrap{background: linear-gradient(90deg, #63d3cd, #f99067, #f7cf6d);}
.product_gogoform .pricing-page-container {max-width: 1280px;margin: 0 auto;padding: 50px 24px;}
.product_gogoform .pricing-header-actions {display: flex;flex-direction: column;align-items: center;margin: 0 0 20px;}
.product_gogoform .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cbd5e1; transition: .4s; border-radius: 24px; }
.product_gogoform .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.product_gogoform .pricing-grid {display: grid; grid-template-columns: 1fr; gap: 32px; }
.product_gogoform .plan-card.popular {border: 2px solid rgb(35 219 209 / 50%);background: rgba(255, 255, 255, 0.55);box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15);}
.product_gogoform .popular-tag {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background-color: #23dbd1;color: white;font-size: 12px;font-weight: 600;padding: 4px 12px;border-radius: 20px;z-index: 10;}
.product_gogoform .card-header-area {margin-bottom: 24px;}
.product_gogoform .plan-icon {margin-bottom: 16px;}
.product_gogoform .text-blue-500 {color: #8b5cf6;}
.product_gogoform .text-purple-500 {color: #a855f7;}
.product_gogoform .text-orange-500 {color: #f97316;}
.product_gogoform .plan-name { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #1f2937; }
.product_gogoform .price-area { display: flex; align-items: baseline; gap: 8px; margin-bottom: 32px; }
.product_gogoform .price-amount { font-size: 48px; font-weight: 600; color: #1f2937; text-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
.product_gogoform .price-period { color: #6b7280; font-size: 16px; }
.product_gogoform .feature-list { list-style: none; padding: 0; margin: 0 0 32px; flex-grow: 1; }
.product_gogoform .feature-item { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; font-size: 16px; color: #282828; }
.product_gogoform .feature-icon { color: #10b981; flex-shrink: 0; width:20px;height:20px;}
.product_gogoform .custom-btn { display: inline-block; width: 100%; padding: 12px 24px; text-align: center; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.2s; border: none; box-sizing: border-box; border-radius: 8px; }
.product_gogoform .btn-outline-plan {background-color: rgba(243, 244, 246, 0.6);color: #1f2937;border: 1px solid rgba(0, 0, 0, 0.05);}
.product_gogoform .btn-outline-plan:hover {background-color: rgba(229, 231, 235, 0.8);}
.product_gogoform .service-card { background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.6); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.05); }
.product_gogoform .custom-table {width: 100%;border-collapse: collapse;}
.product_gogoform .custom-table th { background: #f5f5f5; text-align: left; padding: 16px 24px; font-size: 16px; font-weight: 600; color: #1f2937; }
.product_gogoform .custom-table td { padding: 16px 24px; font-size: 16px; color: #374151; }

@media (min-width: 1024px) {
    .product_gogoform .pricing-grid { grid-template-columns: repeat(3, 1fr); }
}

@media(max-width:600px){
    .product_gogoform  .feature-area-1 img{margin:0 auto;}
    
    .product_gogoform  .feature-area-1 h3,
    .product_gogoform  .feature-area-1 h5{text-align:center;}
}


/*product_esg*/
.product_esg .gradient-text { background-image: linear-gradient(90deg, #08fe05, #fcd94b, #30cfe5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_esg .gradient-1 { background: linear-gradient(135deg, #8ef8b1 0%, #f4e262 100%); }
.product_esg .gradient-2 { background: linear-gradient(135deg, #f4e262 0%, #369bff 100%); }
.product_esg .gradient-3 { background: linear-gradient(135deg, #369bff 0%, #95c9f4 100%); }
.product_esg .pricing-card { position: relative; border-radius: 0px; overflow: hidden; height:100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; }
.product_esg .pricing-card::before { content: ""; position: absolute; inset: 0; padding: 2px; /* 邊框粗細 */ border-radius: 0px; background: linear-gradient(130deg, #a78bfa, #6366f1, #3b82f6); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.35s ease; }
.product_esg .pricing-card:hover::before { opacity: 1; }
.product_esg .feature-card-icon{margin-bottom:30px;}

@media(max-width:767px){
    .product_esg .feature-area-1 .col-md-6{padding:0;}
}


/*product_dm*/
.product_dm .gradient-text { background-image: linear-gradient(90deg, #27e8ca, #763af8, #eb6e4a, #f6d15e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_dm .testti{width:100%;margin:0;}
.product_dm .testtiContent{width:80vw!important;margin:0 auto;float:inherit;}

@media(max-width:767px){
    .product_dm h1{font-size:30px;}
    .product_dm h2{font-size:24px}
    .product_dm h4{font-size:16px;}

    .product_dm .testimonial-area-2{padding:40px}
    .product_dm .space{padding:50px 0;}
}

/*product_supervisormaster*/
.product_supervisormaster .gradient-text {background-image: linear-gradient(90deg, #e08513, #fcd94b, #29af70); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }
.product_supervisormaster .pricing-page-container {max-width: 1280px;margin: 0 auto;padding: 50px 24px;}
.product_supervisormaster .pricing-grid { display: grid; grid-template-columns: 1fr; gap: 32px;}
.product_supervisormaster .plan-card.popular { border: 2px solid rgba(223, 134, 17, 0.5); background: rgba(255, 255, 255, 0.55); box-shadow: 0 12px 40px rgba(139, 92, 246, 0.15); }
.product_supervisormaster .popular-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background-color: #df8611; color: white; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 20px; z-index: 10; }    
.product_supervisormaster .card-header-area {margin-bottom: 10px;}
.product_supervisormaster .plan-icon { margin-bottom: 16px; }
.product_supervisormaster .plan-name { font-size: 20px; font-weight: 700; margin: 0 0 8px; color: #1f2937; }
.product_supervisormaster .price-area {display: flex;align-items: baseline;gap: 8px;margin-bottom: 15px;}
.product_supervisormaster .price-amount { font-size: 48px; font-weight: 600; color: #1f2937; text-shadow: 0 0 1px rgba(255,255,255,0.5); }
.product_supervisormaster .price-period { color: #6b7280; font-size: 16px; }
.product_supervisormaster .custom-price-text { font-size: 40px; white-space: nowrap; font-weight: 800; color: #1f2937;display:block;line-height:inherit; }
.product_supervisormaster .feature-list {list-style: none;padding: 0;margin: 0 0 15px;flex-grow: 1;}
.product_supervisormaster .feature-item { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; font-size: 16px; color: #282828; }
.product_supervisormaster .feature-icon { color: #10b981; flex-shrink: 0;width:20px;height:20px; }
.product_supervisormaster .custom-btn { display: inline-block; width: 100%; padding: 12px 24px; text-align: center; font-weight: 600; text-decoration: none; cursor: pointer; transition: all 0.2s; border: none; box-sizing: border-box; border-radius: 8px; }
.product_supervisormaster .btn-primary-plan { background-image: linear-gradient(90deg, #e08513, #fcd94b, #29af70); color: #333; box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4); }
.product_supervisormaster .btn-primary-plan:hover { background-color: #7c3aed; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.5); }
.product_supervisormaster .btn-outline-plan { background-color: rgba(243, 244, 246, 0.6); color: #1f2937; border: 1px solid rgba(0,0,0,0.05); }
.product_supervisormaster .btn-outline-plan:hover { background-color: rgba(229, 231, 235, 0.8); }
.product_supervisormaster .custom-table { width: 100%; border-collapse: collapse;}
.product_supervisormaster .custom-table th { background: #f5f5f5; text-align: left; padding: 16px 24px; font-size: 16px; font-weight: 600; color: #1f2937; }
.product_supervisormaster .custom-table td { padding: 16px 24px;  font-size: 16px; color: #374151; }
.product_supervisormaster .table-price { font-weight: 500; }
.product_supervisormaster .text-gray-note { color: #6b7280; font-size: 14px; }
.product_supervisormaster .note { font-size: 16px; color: var(--gray); background: #fff7ee; padding: 12px; border-radius: 10px; margin-bottom: 24px; }

@media (min-width: 1024px) { 
    .product_supervisormaster .pricing-grid { grid-template-columns: repeat(3, 1fr); } 
}

@media (max-width: 767px) { 
    .product_supervisormaster .plan-card{order:1;}
    .product_supervisormaster .plan-card.popular { order:0; } 
}

@media(max-width:600px){
    .product_supervisormaster .space{padding:0;}
    .product_supervisormaster .title-area.mb-45{margin-top:50px;}
    .product_supervisormaster .pricing-page-container{padding-top:0}
}

/*product_goask*/
.product_goask .team-details-about-info h5{font-size: 15px;font-weight:inherit;color:#666;line-height: 30px;}
.product_goask .gradient-text {background-image: linear-gradient(90deg, #bdf3f9, #9cafe7, #e9b0e3, #b173f9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}


/*sustain*/
.sustain .circle-btn .link-effect{color:#fff;font-weight: lighter;letter-spacing: 1px;font-size: 12px;}

/*success*/
.success .master{background:#f5f5f5;}

.success .client-list-wrap1 {margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: 60px;gap: 12px;}
.success .client-list-wrap1 li a {height: 70px;line-height: 0px;width: 160px;text-align: center;display: flex;align-items: center;justify-content: center;}
.success .client-list-wrap1 li a .link-effect {height: 35px;}

.successRelated .lists{display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;}
.successRelated .lists > a{max-width: calc(100% / 3 - 23px);}
.successRelated .lists > a img{margin-bottom:10px;width:100%;height: 220px;object-fit: cover;object-position:left;}
.successRelated .lists h2 {font-size: 18px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;line-height: 24px;white-space: nowrap;margin-bottom: 5px;}

.successRelated small{color:#666;}
.successRelated .detail{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size:14px;color: #666;}

@media(max-width:1199px){
    .success .breadcumb-content h6{width:50%}
}

.success .testi-slider2 .slick-slide { opacity: 0.1; transition: 0.4s; } 
.success .testi-slider2 .slick-slide.slick-current { opacity: 1; } 
.success .testi-box.style2 { text-align: center; padding: 0 55px; } 
.success .testi-box.style2 .quote-icon { filter: brightness(99); } 
.success .testi-box.style2 .testi-box_text { font-size: 40px; line-height: 54px; letter-spacing: -0.8px; color: var(--smoke-color); } 
.success .testi-box.style2 .testi-box_profile { margin-top: 52px; } 
.success .testi-box.style2 .testi-box_profile .testi-box_name { letter-spacing: -0.48px; font-size: 24px; color: var(--smoke-color); } 
.success .testi-box.style2 .testi-box_profile .testi-box_desig { font-size: 18px; font-weight: 400; color: var(--smoke-color); margin-bottom: -0.1em; }

@media (max-width: 1700px) {
    .success .testi-box.style2 { padding: 0 25px; } 
    .success .testi-box.style2 .testi-box_text { font-size: 30px; }
}

@media (max-width: 1299px) {
    .success .testi-box.style2 { padding: 0 15px; } 
    .success .testi-box.style2 .testi-box_text { line-height: normal; } 
    .success .testi-box.style2 .testi-box_text { font-size: 27px; }
}

@media (max-width: 1199px) {
    .success .testi-box.style2 .testi-box_text { font-size: 30px; }
}

@media (max-width: 767px) {
    .success .testi-box.style2 .testi-box_text { font-size: 27px; }
}

@media (max-width: 575px) {
    .success .testi-box.style2 .testi-box_text { font-size: 24px; }
}

@media (max-width: 375px) {
    .success .testi-box.style2 .testi-box_text { font-size: 20px; } 
    .success .testi-box.style2 .testi-box_profile { margin-top: 42px; }
}


/*security*/
.security .page-content main { counter-reset: h5counter h6counter; }
.security .page-content h4 { counter-increment: h5counter; position: relative; padding-left: 30px; } 
.security .page-content h4::before { content: counter(h5counter, upper-roman) ". "; position: absolute; left: 0; top: 0; }
.security .page-content h6 { counter-increment: h6counter; position: relative; padding-left: 30px; } 
.security .page-content h6::before { content: counter(h6counter, decimal) ". "; position: absolute; left: 0; top: 0; }
.security .page-content .policy ul { list-style-type: decimal; padding-left: 30px; }
.security .page-content li { margin-bottom: 6px; text-indent: 0; }
.security .page-content a { color: #0066cc; text-decoration: none; } 
.security .page-content a:hover { text-decoration: underline; }

/*privacy*/
.privacy .page-content main { counter-reset: h5counter h6counter; }
.privacy .page-content h4 { counter-increment: h5counter; position: relative; padding-left: 30px; } 
.privacy .page-content h4::before { content: counter(h5counter, upper-roman) ". "; position: absolute; left: 0; top: 0; }
.privacy .page-content h6 { counter-increment: h6counter; position: relative; padding-left: 30px; } 
.privacy .page-content h6::before { content: counter(h6counter, decimal) ". "; position: absolute; left: 0; top: 0; }
.privacy .page-content .policy ul { list-style-type: decimal;padding-left: 30px; }
.privacy .page-content li { margin-bottom: 6px; text-indent: 0; }
.privacy .page-content a { color: #0066cc; text-decoration: none; } 
.privacy .page-content a:hover { text-decoration: underline; }

/* contact */
.contact #contactForm .title{font-size:22px;font-weight: bold;}
.contact #contactForm .title + div{margin-bottom:20px;}

.contact #contactForm input[type="checkbox"]{display: inline-block;visibility: inherit;opacity: inherit;border: inherit;width: 20px;height: 20px;margin-right: 8px;}

.contact #contactForm input[type="button"],
.contact #contactForm input[type="submit"]{font-size: 18px;background: #2962f6;color: #fff;width: 100px;border: none;border-radius: 5px;height: 40px;padding: 0;transition: none;}


.contact .form1 [type="checkbox"] + span{font-size:18px;vertical-align: middle;}
.contact .form1 .title{margin-bottom:20px;}
.contact .form1 > div{display:flex;flex-wrap:wrap;gap:10px;}
.contact .form1 > div > span{width:calc(100% / 4 - 10px)}

.contact .form2{margin-top: 20px;}
.contact .form2 > div{display:flex;flex-wrap:wrap;gap: 15px 30px;}
.contact .form2 > div > span{width:calc(50% - 15px)}

.contact input[type="checkbox"] + label{display:inline-block;padding: 0;margin: 0 5px 0 0;vertical-align: top;}
.contact input[type="checkbox"] + label:before{border: 1px solid #aaa;width:20px;height:20px;border-radius:3px;position:relative;display: block;}
.contact input[type="checkbox"]:checked  + label:before{border-color:#fff;}
.contact label + span{display:inline-block;}

.contact .modal-header .close{border:none;background:none;font-size: calc(2rem + 0.3vw);}

.contact .text-sd-blue{color:#2563eb;}

.contact .custom-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; animation: fadeIn .5s both; }
.contact .custom-modal-content { background: white; padding: 20px; border-radius: 8px; width: 90%; max-width: 400px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.contact .modal-header {align-items: center;padding: 0;margin-bottom: 15px;}
.contact .modal-body {padding: 10px;}
.contact .modal-footer { border-top: 1px solid #dee2e6; padding-top: 15px; margin-top: 15px; }
.contact .modal-footer button{padding:10px 30px;}

.contact .modal-content{padding:20px;}


.contact .modal-body {font-size: 14px;}
.contact .modal-body ol{padding-left: 26px;}
.contact .modal-body li::marker{font-weight:bold;}

.contact .custom-modal-overlay h5{padding-bottom:20px;}
.contact .custom-modal-overlay .modal-footer{padding-bottom:0;}

@media(max-width:1400px){
    .contact .form1 > div > span{width: calc(100% / 3 - 7px);}
}

@media(max-width:600px){
    .contact .modal-body {font-size: 12px;}
    .contact .modal-body ol{padding-left: 16px;}
    
}

/*invstor*/
.invstor .architecture-container {position: relative; padding: 40px 0; margin-bottom: 100px;}
.invstor .arch-grid {display: grid; grid-template-columns: 1fr 360px 1fr; align-items: center; gap: 40px;}

@media (max-width: 992px) {
    .invstor .arch-grid { grid-template-columns: 1fr; text-align: center; }
    .invstor .arch-center { order: -1; }
}

@media(max-width:767px){
    .contact .form1 > div > span{width:calc(100% / 2 - 10px);}
}

.invstor .arch-center { text-align: center; position: relative; }
.invstor .core-circle {width: 300px; height: 300px; border-radius: 80%; border: 3px solid #33d4ff; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; background: rgba(51, 212, 255, 0.08); backdrop-filter: blur(15px); box-shadow: 0 0 40px rgba(51, 212, 255, 0.2); animation: pulse 4s infinite ease-in-out;}
.invstor .core-circle span {font-size: 16px; letter-spacing: 2px; color: #33d4ff;}
.invstor .arch-node {background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02) ); backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.2); padding: 30px; position: relative; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06); transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.45s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.45s ease;}
.invstor .arch-node:hover {border-color: #33d4ff; background: rgba(254, 111, 39, 0.05); transform: translateY(-5px);}
.invstor .arch-col.left {display: grid; gap: 10px;}

@media (min-width: 993px) {
    .invstor .arch-node::after { content: ''; position: absolute; top: 50%; width: 40px; height: 1px; background: linear-gradient(to right, transparent, #33d4ff, transparent); opacity: 0.5; }
    .invstor .left-side .arch-node::after { right: -40px; }
    .invstor .right-side .arch-node::after { left: -40px; }
}

.invstor .operational-layout {display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; margin-bottom: 100px;}

@media (max-width: 992px) { 
    .invstor .operational-layout { grid-template-columns: 1fr; } 
}

.invstor .momentum-box,
.invstor .industry-box {padding: 40px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02) ); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); -webkit-backdrop-filter: var(--glass-blur); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);}

.invstor .momentum-item { display: flex; align-items: flex-start; margin-bottom: 25px; }
.invstor .momentum-item span {font-family: 'Oswald', sans-serif; color: #33d4ff; font-size: 18px; margin-right: 20px;}
.invstor .momentum-item p { font-size: 17px; margin: 0; }

.invstor .chart-item { margin-bottom: 30px; }
.invstor .chart-item p{text-align:left;}
.invstor .chart-info { display: flex; justify-content: space-between; margin-bottom: 12px; }
.invstor .chart-label { font-weight: 600; font-size: 16px; }
.invstor .chart-detail { color: var(--text-gray); font-size: 13px; }

.invstor .progress-bg {height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden;}
.invstor .progress-fill {height: 100%; background: linear-gradient(90deg, #33d4ff, #ff9d6c); width: 0; transition: width 1.5s cubic-bezier(0.1, 0.5, 0.5, 1); border-radius:2px;}
.invstor .competency-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;}
.invstor .comp-item {padding: 40px; background:linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)); -webkit-backdrop-filter: var(--glass-blur); border: 1px solid rgba(255, 255, 255, 0.2); text-align: center; transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.invstor .comp-item:hover {border-color: #33d4ff; transform: translateY(-10px) scale(1.02); background: rgba(254, 111, 39, 0.08);}
.invstor .comp-icon {font-size: 36px; color: #33d4ff; margin-bottom: 25px; display: block; text-shadow: 0 0 20px rgba(254, 111, 39, 0.3);}

.invstor .operational-layout {display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; margin-bottom: 100px;}

@media (max-width: 992px) { 
    .invstor .operational-layout { grid-template-columns: 1fr; } 
}

.invstor .box-container {padding: 48px; background: var(--glass-bg); backdrop-filter: var(--glass-blur); border: 1px solid rgba(255, 255, 255, 0.2);}
.invstor .box-title {font-size: 48px; font-weight: 700; margin-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; color: var(--color-white);}
.invstor .momentum-item { display: flex; align-items: flex-start; margin-bottom: 25px; }
.invstor .momentum-item span {font-family: 'Oswald', sans-serif; color: #33d4ff; font-size: 18px; margin-right: 20px; font-weight: 700;}
.invstor .momentum-item p {font-size: 18px; margin: 0; font-weight: 500; color: var(--color-desc);}
.invstor .chart-item { margin-bottom: 30px; }
.invstor .chart-info { display: flex; justify-content: space-between; margin-bottom: 12px; }
.invstor .chart-label { font-weight: 700; font-size: 16px; color: var(--color-white); }
.invstor .chart-detail { color: var(--color-desc); font-size: 14px; }
.invstor .progress-bg { height: 4px; background: rgba(255,255,255,0.08); border-radius: 2px; overflow: hidden; }
.invstor .progress-fill { height: 100%; background: linear-gradient(90deg, #33d4ff, #ff9d6c); width: 0; transition: width 1.5s ease; }
.invstor .gradient-text {background: linear-gradient(135deg, #2563eb, #7c3aed, #10b981); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block;}
.invstor .ambient-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 0;background: radial-gradient(circle at 15% 15%, rgba(241, 245, 249, 0.8) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(236, 254, 255, 0.8) 0%, transparent 40%);overflow: hidden;}
.invstor .navbar {position: relative; z-index: 20; display: flex; justify-content: space-between; align-items: center; padding: 2rem 3rem; max-width: 1600px; margin: 0 auto;}
.invstor .brand { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; color: var(--text-primary); }
.invstor .contact-btn {padding: 0.8rem 2rem; border-radius: 2rem; background: #0f172a; color: white; font-size: 0.9rem; font-weight: 600; border: none; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.invstor .contact-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

.invstor .hero {position: relative; z-index: 10; text-align: center; padding: 6rem 1.5rem 2rem; max-width: 1200px; margin: 0 auto;}
.invstor .hero h1 {font-size: clamp(3rem, 6vw, 5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.04em; margin-bottom: 2rem; background: linear-gradient(180deg, #0f172a 0%, #334155 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.invstor .hero p {font-size: 1.25rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto; line-height: 1.6;}
.invstor .timeline-wrapper {position: relative; z-index: 10; padding: 0 3rem 8rem; max-width: 1600px; margin: 0 auto; margin-top: 4rem;}
.invstor .timeline-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative;}
.invstor .growth-line-svg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; overflow: visible; display: none;}

@media (min-width: 1024px) { 
    .invstor .growth-line-svg { display: block; } 
}

.invstor .card-wrapper { position: relative; transition: margin-top 0.3s ease; }
.invstor .investor-card{border:1px solid #eee;}
.invstor .card-wrapper:nth-of-type(1) { margin-top: 120px; }
.invstor .card-wrapper:nth-of-type(2) { margin-top: 80px; }
.invstor .card-wrapper:nth-of-type(3) { margin-top: 40px; }
.invstor .card-wrapper:nth-of-type(4) { margin-top: 0px; }

.invstor .investor-card {border:1px solid #ddd;background: rgba(255,255,255,.9);backdrop-filter: blur(20px);border-radius: 1.5rem;padding: 2.5rem 2rem;height: 100%;min-height: 420px;display: flex;flex-direction: column;transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);cursor: pointer;overflow: hidden;position: relative;}
.invstor .investor-card:hover { transform: translateY(-12px); box-shadow: 0 30px 60px -10px rgba(0,0,0,0.12); background: rgba(255,255,255,0.95); z-index: 10; }
.invstor .watermark-number { position: absolute; top: -1rem; right: 1rem; font-size: 8rem; font-weight: 900; color: rgba(0,0,0,0.03); line-height: 1; z-index: 0; font-family: 'Impact', sans-serif; pointer-events: none; transition: color 0.3s; }
.invstor .card-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; }
.invstor .stage-badge { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-secondary); margin-bottom: 1rem; } 
.invstor .card-title { font-size: 1.75rem; font-weight: 700; margin-bottom: 0.5rem; color: #333; letter-spacing: -0.02em; } 
.invstor .card-subtitle { font-size: 1rem; color: var(--text-secondary); margin-bottom: 3rem; font-weight: 500; }
.invstor .divider { height: 1px; width: 40px; background: #cbd5e1; margin-bottom: 2rem; transition: width 0.4s ease; }
.invstor .investor-card:hover .divider { width: 100%; background: #333; }
.invstor .investor-card .lucide-arrow-right{transition:.3s;}
.invstor .investor-card:hover .lucide-arrow-right{color:#000!important;transform:translateX(5px);}
.invstor .info-area { flex: 1; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; align-items: end; }
.invstor .info-layer { grid-area: 1 / 1; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateY(10px); pointer-events: none; }
.invstor .info-layer.active { opacity: 1; transform: translateY(0); pointer-events: auto; }
.invstor .info-label { font-size: 0.8rem; color: #94a3b8; margin-bottom: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; }
.invstor .investor-card:hover .info-area > .info-layer:first-child{ grid-area: 1 / 1; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateY(10px); pointer-events: none; }
.invstor .investor-card:hover .info-area .info-layer + .info-layer{ opacity: 1; transform: translateY(0); pointer-events: auto; };
.invstor .value-prop { font-size: 1.1rem; line-height: 1.6; color: #333; font-weight: 500; }
.invstor .product-list { margin-top: 1rem; display: flex; flex-direction: column; gap: 1rem; }
.invstor .product-row { display: flex; align-items: top; gap: 1rem; }
.invstor .product-icon-wrap { width: 36px; height: 36px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; color: var(--text-secondary); }
.invstor .product-icon-wrap svg{width: 24px;height: 24px;color: #666;}
.invstor .product-text h4 { font-size: 0.95rem; font-weight: 600; color: #333;margin:0; }
.invstor .product-text p { font-size: 0.8rem; color: var(--text-secondary);margin:0; }


@media (max-width: 1024px) {
    .invstor .timeline-track {grid-template-columns: 1fr;gap: 20px;}
    .invstor .hero h1 { font-size: 2.5rem; }
    .invstor .investor-card { min-height: auto; }
    .invstor .watermark-number { font-size: 6rem; top: 0; right: 1rem; }
    .invstor .timeline-wrapper {margin-top: 0;padding: 20px;}
}

@media(max-width:600px){
    .invstor .card-wrapper{margin-top: 0!important;}
    .invstor .investor-card { transform: translateY(-12px); box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.95); z-index: 10; }
    .invstor .investor-card .info-area > .info-layer:first-child{ grid-area: 1 / 1; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; transform: translateY(10px); pointer-events: none; }
    .invstor .investor-card .info-area .info-layer + .info-layer{ opacity: 1; transform: translateY(0); pointer-events: auto; }

    .invstor .investor-card .divider,
    .invstor .investor-card .info-area + div,
    .invstor .investor-card .lucide-arrow-right{display: none!important;}

    .invstor .card-subtitle{margin-bottom: 10px;}
}

@media(max-width:600px){
    .digitial .breadcumb-wrapper{background-position: 44% 0;}
    .bctivity .breadcumb-wrapper{background-position: 41% 0;}
}

@keyframes fadeIn  {
    from {opacity: 0;}
    100% {opacity: 1;}
}


@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 20px rgba(254, 111, 39, 0.2); }
    50% { transform: scale(1.05); box-shadow: 0 0 50px rgba(254, 111, 39, 0.4); }
    100% { transform: scale(1); box-shadow: 0 0 20px rgba(254, 111, 39, 0.2); }
}

@keyframes scale_up_down {
    0% {transform: scale(0.9);}
    100% {transform: scale(1);}
}

@keyframes tptranslateY2 {
    0% {transform: translateY(-30px);}
    100% {transform: translateY(20px);}
}

@keyframes tptranslateX2 {
    0% {transform: translateX(-30px);}
    100% {transform: translateX(20px);}
}