@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);
@import url(/css/variables.css);
/* Modernized hero and banner styles */
.innerbanner-bar {
  position: relative;
  background: var(--brand-gradient);
  padding: clamp(var(--space-12), 8vw, var(--space-20)) 0;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

.innerbanner-bar::before {
  background-image: url(/images/inner-header-banner.png);
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: 80% bottom;
}

.font-stn { font-style: normal; }

.threecontact .contactimgbox {
  border-radius: var(--radius-lg);
  margin: 0 var(--space-3);
  padding: var(--space-4);
  box-shadow: var(--shadow-md);
}

.text-dark { color: #3d3d3d; }
.blue { background-color: var(--brand-secondary); }
.blue-lite { background-color: #cceffd; }
.red-lite { background-color: #ffe1c1; }
.pink-lite { background-color: #fff3e6; }
.sky-lite { background-color: #e6fefd; }
.blue-lite-2 { background-color: #d2effd; }
.borderbx { border: 1px solid #dbe0ea; }
.text-lite { color: #a8d8ff; }
.text-underline { text-decoration: underline !important; }
.max-1000 { max-width: 1000px; }
.countrybox { border: 1px solid #dbe0ea; }
.text-grey { color: #606469 !important; }
a.text-grey:hover { color: var(--brand-accent) !important; }
.unstyled { padding: 0; margin: 0; list-style-type: none; }
.w24 { width: 24px; }

.offsetbox {
  position: relative;
}

.offsetbox::before {
  content: '';
  background: #fff3e6;
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 90%;
  z-index: -1;
}

.leftbox { background: linear-gradient(90deg, #e6fefd 50%, #fff 50%); }
.rightbox { background: linear-gradient(90deg, #fff 50%, #cceffd 50%); }
.redleftbox { background: linear-gradient(90deg, #fff3e6 45%, #fff 45%); }

.innerbanner-bar ul li {
  margin: 0 var(--space-2);
}

.innerbanner-bar ul li a.active {
  color: #fff;
  text-decoration: underline !important;
}

.innerbanner-bar ul li a {
  color: #bfd4f0;
  transition: color var(--transition-fast);
}

.innerbanner-bar ul li a:hover {
  text-decoration: underline !important;
  color: #fff;
}

.customerbg::before {
  background: linear-gradient(90deg, #fff3e6 50%, transparent 50%);
  content: '';
  position: absolute;
  width: 100%;
  height: 80%;
}

.customerbg {
  background: url(/images/customer-header.jpg) no-repeat top right;
  background-size: 70%;
  width: 100%;
  height: 100%;
  position: relative;
}
.innerbanner-bar ul li:first-child a{text-decoration: underline;color:var(--white)}
.countriesbg::before{background:linear-gradient(90deg,#fff3e6 50%,transparent 50%);content:'';position:absolute;width:100%;height:80%}.countriesbg{background:url(/images/countries-header.jpg) no-repeat center right;background-size:70%;width:100%;height:100%;position:relative}
.customerlist p{width: 100%; margin-bottom: 10px;}
.customerlist li a{font-size:12px}.customerlist li{color:#606469}.fullcustomer li{width:33%;color:#606469;display:inline-block;align-items:flex-start;vertical-align:top}.sidebox{border-radius:8px;background:#fff;border:1px solid #bfd4f0;box-shadow:5px 10px 10px -5px #e3e9f3}.stickybox{position:relative;top:00px;z-index:99}.sidebox a{font-size:16px;text-align:left;color:#606469;margin-bottom:5px;display:inline-block}.sidebox a:hover{color:var(--red);}.sidebox ul{margin:0;padding:0 15px}.sidebox .active a{color:#0055B3}.websitecontent p{margin-left:40px}.btn-outbox{position:absolute;bottom:-20px}.flybox{position:absolute;right:0;top:-25px}.content-section .row{position:relative}.flybox li a{display:inline-block;margin-bottom:5px}.headingsep{position:relative}.headingsep::after{position:absolute;content:'';width:50px;height:4px;background:#4535da;display:block;margin:10px auto;left:0;right:0}.videobox{position:relative}.videobox object{margin:30px 50px;position:absolute;top:0;left:0;z-index:2;width:100%;box-shadow:-5px 10px 10px -5px #e3e9f3}.successlink a{margin-bottom:5px;display:inline-block}.support-learning-resources .col-md-3{border-left:1px solid #8bb9f9}.support-learning-resources .col-md-3:first-child{border:0!important}.support-learning-resources a:hover{color:#e3e9f3!important}.prfamilyimgbox h4{color:#4e5159!important}.prfamilyimgbox{background:#f3f5ff;border-radius:15px;position:relative;padding:2rem 2.5rem 4rem;box-shadow:0 0 0 6px rgba(255,255,255,.2);max-width:330px}.platformbox{position:absolute;right:-30px;bottom:25px;background:#d9e2ff;border:5px solid #fff;border-radius:100px;padding:10px 10px;box-shadow:0 0 10px -6px #222}.platformbox a{margin:0 2px}.platformbox a img{transition:.4s all ease-in-out}.platformbox a:hover img{transform:scale(1.1)}.bottom-btn-bar a,.box-shadow,.btn-shadow{box-shadow:0 2px 24px -20px #222}.sidebarproducts li{width:49%;display:inline-block}.sidebarproducts li:nth-child(even){padding-left:5%}.productboxlinks a{font-size:14px;color:#3d3d3d;border-radius:8px;padding:15px}.productboxlinks a b{font-size:16px;color:#3d3d3d;font-weight:700;display:block}.productboxlinks a:hover{background-color:#c3f5f0;box-shadow:0 3px 2px -1px #c9dbdb}.text-gradient{background:-webkit-linear-gradient(0deg,#7c6ef8,#8b459e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slick-dots{display:table;margin:30px auto 10px;padding:0}.slick-dots li{display:inline-block}.slick-dots button{font-size:0;width:10px;height:10px;background:#ddd;border:0;border-radius:100%;margin:5px;padding:0;outline:0!important}.slick-active button{background:#4535da}.slick-slide{cursor:grab}.slick-slide:focus{outline:0!important;box-shadow:none}.codeblock pre{background:#3f3f3f!important;padding:15px!important;color:#fff;border-radius:0 0 10px 10px}.codeblock h3{background:silver;font-size:13px;padding:10px;border-radius:10px 10px 0 0;margin:0}.codeblock pre code{background:0 0;border-radius:0 0 10px 10px;padding:15px 35px;color:#fff;font-size:12px}.hljs{display:block;overflow-x:auto;padding:.5em;background:#333;color:#fff}.hljs-name,.hljs-strong{font-weight:700}.hljs-code,.hljs-emphasis{font-style:italic}.hljs-tag{color:#62c8f3}.hljs-selector-class,.hljs-selector-id,.hljs-template-variable,.hljs-variable{color:#ade5fc}.hljs-bullet,.hljs-string{color:#a2fca2!important}.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-quote,.hljs-section,.hljs-title,.hljs-type{color:#ffa}.hljs-bullet,.hljs-number,.hljs-symbol{color:#d36363}.hljs-keyword,.hljs-literal,.hljs-selector-tag{color:#fcc28c}.hljs-code,.hljs-comment,.hljs-deletion{color:#888}.hljs-link,.hljs-regexp{color:c6b4f0}.hljs-meta{color:#fc9b9b}.hljs-deletion{background-color:#fc9b9b;color:#333}.hljs-addition{background-color:#a2fca2;color:#333}.hljs a{color:inherit}.hljs a:focus,.hljs a:hover{color:inherit;text-decoration:underline}.tabbuttons ul{list-style-type:none!important;padding:0;margin:0}.tabbuttons .nav{border:0!important}.content-section .tabbuttons ul li:before{display:none!important}.tabbuttons ul li:nth-child(2){background:#382e84}.tabbuttons ul li a{background:#382e84;padding:10px 15px;min-width:220px!important;color:#fff;font-size:14px;border:0!important;padding:15px}.tabbuttons ul li a.nav-link.active{background:#6ea7f7;color:#fff}.tabbuttons ul li:nth-child(1) a{border-radius:100px}.tabbuttons ul li:nth-child(2) a{border-radius:0}.tabbuttons ul li:nth-child(3) a{border-radius:100px}.tabbuttons ul li:nth-child(2) a.active{border-radius:100px}.m-top-offset{margin-top:-25px}.tabcontentbox b{font-weight:600}.tabcontentbox li{margin-bottom:0}.diagram-box{background-image:url(/images/dotted-radial.png);background-position:bottom center;background-size:contain}.d-show{display:table}.mb-show{display:none}.m-show{display:none}.moreimgbox{background:url(/images/morebg.png) center center no-repeat;background-size:contain}.mp-box{background:#fff;box-shadow:0 0 10px #ccc;border-radius:50px 0 50px 0;position:relative}.mp-box::before{position:absolute;top:-3%;left:1.5%;width:97%;height:106%;background:#5dd4ff;z-index:-1;right:0;bottom:0;content:'';border-radius:50px 0 50px 0;box-shadow:0 0 10px #ccc}.mp-box::after{position:absolute;top:-5%;left:2.5%;width:95%;height:110%;background:#6ea7f7;z-index:-2;right:0;bottom:0;content:'';border-radius:50px 0 50px 0;box-shadow:0 0 10px #ccc}.btntopsub{display:none}.tabbuttons.is_stuck{z-index:9999;top:130px!important}.hero.innerproduct{background:linear-gradient(90deg,#6c3577 0,#3123ac 100%)!important;position:relative;padding-top:115px}.hero.innerproduct::before{content:'';position:absolute;top:0;right:0;left:0;width:100%;height:100%;background:url(/images/waves-lines.png) no-repeat 900px top;background-size:80%}.topsubar{background:#e0f4fb;position:fixed;top:60px;z-index:99;width:100%}.topsubar li{display:inline-block;min-width:85px;margin:0 5px;max-width:14%;text-align:center}.topsubar li a{font-size:14px;color:#333;min-height:60px;line-height:60px;display:block;border-bottom:3px solid rgba(255,255,255,0)}.topsubar li a.active{border-bottom:3px solid #4535da}.topsubar li a:hover,.topsubar li.active a{border-bottom:3px solid #4535da}.topsubar .btn-capsule a{width:50%}.topsubar.is_stuck{top:0!important;z-index:999}.sidebar-breadcrumb{position:fixed;top:35%;left:10px;background:#fff;padding:15px;z-index:999;border-radius:100px;box-shadow:0 2px 24px -20px #222;border:1px solid #efefef}.sidebar-breadcrumb ul{padding:0;margin:0;list-style-type:none}.sidebar-breadcrumb ul li{text-align:center}.sidebar-breadcrumb::before{content:'';position:absolute;top:50px;z-index:-1;background:#ddd;height:170px;width:1px;left:33px}.asposelogobar{padding-bottom:30px}.onscroll a span{display:none}.breadcrumbtext a{font-size:0;background-color:#eee;width:25px;height:3px;display:block;margin:10px auto;transition:.4s all ease-in-out}.breadcrumbtext+.breadcrumbtext a{width:35px}.breadcrumbtext+.breadcrumbtext+.breadcrumbtext a{width:25px}.breadcrumbtext em{display:none;font-style:normal}.productbar{padding:20px 0;position:relative}.productbar img{transition:.4s all ease-in-out}.productbar:hover img{transform:scale(1.2)}.onscroll{display:grid}.onscroll a{width:11px;height:11px;background-color:#ddd;border-radius:100%;padding:0;margin:10px auto;transition:.4s all ease-in-out}.onscroll a:hover,.onscroll.active a{background:#3224ad!important;transform:scale(1.0)}.breadcrumbtext a.active{background:#4535da}.offsetTop{margin-top:-100px}.offsetTop .bg-white{border-radius:10px}.pr-highlite{background-color:#fff3e6;border-radius:0 0 100px 0}.pr-highligtetext{background-color:#d2effd;border-radius:0 0 0 100px;min-height:246px;position:relative}.pr-highlite-link{background:#09b7c9;box-shadow:0 0 10px -4px #09808d;position:absolute;top:30%;left:-25px;padding:15px;border-radius:100%;width:50px;height:50px;text-align:center;color:#fff;transition:all .4s ease-in-out}.pr-highlite-link i{color:#fff}.pr-highlite-link:hover{transform:scale(1.1)}.sidebar-breadcrumb .onscroll a{position:relative}.sidebar-breadcrumb .onscroll a:after{content:'';position:absolute;top:11px;z-index:-1;background:#ddd;height:25px;width:1px;left:5px}.sidebar-breadcrumb .onscroll:last-child a:after{display:none!important}@media (max-width:1024px){.prfamilyimgbox{display:table;margin:2rem auto 2rem}}@media (max-width:991px){.threecontact .col-md-4 .row{flex-flow:column!important}.ctbox{margin:15px 0 40px;text-align:center}.offsetbox::before{width:100%!important}.contactbox{text-align:center!important}.subscibe-rhs .form-control{margin:3px 0!important}.max-1000 .row{padding-bottom:0!important}.leftmobilebox{background-color:#e6fefd}.rightmobilebox{background-color:#d2effd}.leftbox,.redleftbox,.redleftmobilebox,.rightbox{background:0 0!important}.customerbg::before{background:linear-gradient(90deg,#fff3e6 100%,transparent 50%);height:100%}.innerbanner-bar::before{background-size:contain!important}.customerbg{background:0 0;padding:0!important}.successlink .col-md-4,.successlink .col-md-6{max-width:100%;flex:none}.successlink .col-md-4{padding-left:30px!important;margin-top:20px}.videobox object{position:static!important;margin:0 auto 25px;width:80%}.w70{width:100%!important}.mobile-img-big{width:128px;margin:0 auto 25px auto}.mobile-img-small{width:80%;margin:0 auto 25px auto}.content-section .row{margin-left:0;margin-right:0}.tabcontentbox .row .col-md-12{margin-bottom:15px!important}.tabbuttons ul li a{min-width:100px!important;font-size:0;line-height: 3; padding:5px 0;}.d-show{display:none}.mb-show{display:table;margin:3rem 0 0!important}.m-show{display:block;font-size:14px!important}.features-content img{width:100%;height:auto}.hero.innerproduct{padding-top:80px!important}.mp-box .row .col-md-4{max-width:50%;flex:none}.container,.container-sm{max-width:100%}.tabbuttons.is_stuck{z-index:99;top:155px!important}.text-left{text-align:left!important}}@media (max-width:767px){.slick-track{padding:0 15px;}.f40 {font-size: 32px!important;}.sidebox hr{display:none!important}.sidebox h4{cursor:pointer;margin-bottom:0;position:relative}.sidebox.show-list hr,.sidebox.show-list ul{display:block!important}.sidebox h4{text-align:left!important}.sidebox.show-list h4{margin-bottom:10px}.stickybox{top:-85px;position:absolute;width:100%;margin:0 auto}.content-section .row{position:relative}.is_stuck{left:0;border-radius:0;border:0;top:60px!important;min-width:100%}.ctlinks{display:block!important;float:none!important;margin:0;text-align:center!important}.imgbox img{width:84px;margin-bottom:20px}.prbox{text-align:center}.support-learning-resources{text-align:center!important}.support-learning-resources .col-md-3{padding:0 15px!important;margin-bottom:25px}.bottom-btn-bar .col-md-6+.col-md-6{margin-top:20px!important}.features-slider .featurebox{text-align:center!important}.features-slider .featurebox span{margin-top:15px!important}.mp-box .row .col-md-4{max-width:100%;flex:none;text-align:center}.mp-box::before{top:-1%;height:102%}.mp-box::after{top:-2.5%;height:105%}.mp-box h4{text-align:center;margin-top:15px;padding:20px}.sidebar-breadcrumb{display:none!important}}@media (max-width:1199px){.topsubar .row{display:block!important}.topsubar .row .col-md-2,.topsubar .row .col-md-7{min-width:100%;max-width:100%;flex:none;display:none}.topsubar .row .col-md-2 .btn-capsule{display:table;width:100%;margin:10px 25px}.topsubar li{min-width:100%;max-width:100%;text-align:left;padding:0 25px;margin:0!important}.btn-capsule{margin:0 25px}.topsubar li:hover{background:#4535da!important}.topsubar li a{border-bottom:0!important;transition:0s all ease-in-out}.topsubar li:hover a{color:#fff!important;border:0!important;transition:0s all ease-in-out}.topsubar li a{line-height:inherit;min-height:inherit;margin:10px 0}.btntopsub{display: block;margin: 0 5px 0 0;}.topsubar .row .col-md-3{display:flex;align-items:center;justify-content:space-between;padding:10px!important;min-width:100%;max-width:100%;flex:none;box-shadow:0 10px 30px -30px #382e84}.topsubar .col-md-3 .row img,.topsubar .col-md-3 .row span{float:left}.topsubar{min-height:70px}.show-topsubmenu{display:block!important}}.productsection{/*width:375px*/}.productheaderbox{position:relative;left:37%;top:-15px}.productheaderbox:before{content:'';width:267px;height:267px;border-width:7px;border-style:solid;border-color:#eee;border-radius:100%;position:absolute;top:56px;left:24px;z-index:1}.productheaderbox:after{content:'';width:298px;height:298px;border:16px solid #ffffff55;border-radius:100%;position:absolute;top:40px;left:8px;z-index:0}.productbg{position:absolute;width:350px;top:0;left:0;z-index:2}.productlogo{position:absolute;width:128px;top:130px;left:95px;z-index:3}.productheaderbox.netbox:before{border-color:#632698}.productheaderbox.javabox:before{border-color:#e11b18}.productheaderbox.cppbox:before{border-color:#094581}.productheaderbox.androidbox:before{border-color:#35ae65}.productheaderbox.sharepointbox:before{border-color:#00878d}.productheaderbox.reportingservicebox:before{border-color:#f9af16}.productheaderbox.jasperbox:before{border-color:#0082bf}@media(max-width:968px){.productheaderbox{position:relative;left:0;top:-15px;height:400px;margin:0 auto;width:375px}.show-topsubmenu .btn-capsule a{max-width: 30%;}}.sidebar-breadcrumb .breadcrumbtext{position:relative}.sidebar-breadcrumb .breadcrumbtext+.breadcrumbtext+.breadcrumbtext a:after{display:none}.sidebar-breadcrumb .breadcrumbtext a:after{content:'';position:absolute;left:0;top:3px;height:10px;background:#fff;width:100%}.sidebar-breadcrumb .productbar img{background:#fff}.btn-breadcrumb{background:#3224ad;padding:10px 25px}.breadcrumbtext:hover a{background:#3224ad!important;transform:scale(1.0)}.breadcrumbtext:hover em{font-size:14px;box-shadow:0 10px 20px -10px #333;display:inline-block;position:absolute;white-space:nowrap;padding:4px 15px!important;border-radius:100px;color:#fff;height:26px;line-height:18px;top:-10px;left:50px}.breadcrumbtext+.breadcrumbtext:hover em{left:55px!important}.breadcrumbtext+.breadcrumbtext+.breadcrumbtext:hover em{left:50px!important}.onscroll a:hover span,.onscroll.active a span{font-size:14px;box-shadow:0 10px 20px -10px #333;display:inline-block;position:absolute;white-space:nowrap;padding:4px 15px!important;border-radius:100px;color:#fff;height:26px;line-height:18px;top:-6px;left:43px}.breadcrumbtext:hover em:before,.onscroll a:hover span:before,.onscroll.active a span:before{content:'';position:absolute;top:11px;width:40px!important;left:-35px;background:#3224ad;height:1px}.breadcrumbtext a,.breadcrumbtext:hover em:before,.onscroll a span:before,.sidebar-breadcrumb .breadcrumbtext,.sidebar-breadcrumb .onscroll a{transition:0s all ease-in-out!important}.tabbuttons ul{background:#382e84;border-radius:100px}.nav-tabs .nav-item{margin-bottom:0!important}
@media(max-width:1400px) and (min-width:969px){.productheaderbox{left:20%;}}

/* Modernized typography and layout */
.innerbanner-bar .center-spacer {
  text-align: center !important;
  padding-bottom: var(--space-12) !important;
  padding-top: var(--space-12) !important;
}

.industries-pg .left-spacer.row {
  text-align: left !important;
  padding-bottom: 0 !important;
  padding-top: var(--space-12) !important;
  align-items: flex-start !important;
  justify-content: start !important;
}

.d-start {
  align-items: flex-start !important;
  justify-content: start !important;
}

.innerbanner-bar h1 {
  line-height: 1.2;
  font-weight: var(--font-bold);
  font-size: clamp(var(--text-3xl), 5vw, var(--text-5xl));
  color: #fff !important;
  margin: 0 !important;
  font-family: var(--font-primary);
}

.innerbanner-bar ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-top: var(--space-3) !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  color: #ddd !important;
  font-size: var(--text-lg);
}

.redleftbox.customerbg,
.redleftbox.countriesbg,
.redleftbox.developersbg,
.redleftbox.industriesbg {
  padding-bottom: var(--space-12) !important;
  padding-top: var(--space-10) !important;
}

.redleftbox .row {
  position: relative;
  text-align: left !important;
}

.redleftmobilebox {
  padding-bottom: var(--space-12) !important;
  padding-top: var(--space-12) !important;
  padding-right: var(--space-4);
  padding-left: var(--space-4);
}

.redleftmobilebox p {
  line-height: 1.6;
  font-size: var(--text-base);
}

.redleftmobilebox h2 {
  line-height: 1.2;
  font-weight: var(--font-semibold);
  font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
  padding-right: var(--space-12) !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.content-section h3 {
  line-height: 1.2;
  font-weight: var(--font-semibold);
  font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
  padding: 0 !important;
  margin-bottom: var(--space-6) !important;
  font-family: var(--font-primary);
}

.customerlist ul h4 {
  color: #343a40 !important;
  font-weight: var(--font-semibold);
  font-size: var(--text-lg);
}

.customerlist li {
  margin-bottom: var(--space-3);
  line-height: 1.4;
  color: #606469;
  font-size: var(--text-sm);
}

.customerlist ul {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
@media (max-width:991px){
    .redleftmobilebox,.redleftbox .row,  .industries-pg .col-md-3, .industries-pg .col-md-9 {
        width: 100%!important;
        max-width: 100%!important;
        min-width: 100%!important;
        flex-flow: wrap;
     }
    .customerbg::before {
        background: #fff3e6;
        height: 100%;
        left: 0;
        top: 0;
    }
    .redleftmobilebox h2{
        margin-top: 0!important;
    }
}
    @media (max-width:668px){
    .customerlist ul{
        width: 100%!important;
        max-width: 100%!important;
        min-width: 100%!important;
        padding: 0 30px!important;
        display: block!important;
    }
    .customerlist ul li{
        margin-bottom: 1rem;
    }
    .col-md-3{max-width: 100%!important;flex:none!important}
}

/* Modern grid system with CSS variables */
.col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; }
.col-md-3 { flex: 0 0 25%; max-width: 25%; }
.col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-md-6 { flex: 0 0 50%; max-width: 50%; }
.col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-md-12 { flex: 0 0 100%; max-width: 100%; }
.order-md-2 { order: 2; }

.innerbanner-bar { padding-top: var(--space-12); }

/* Modern button styles with improved accessibility */
.btn {
  transition: all var(--transition-fast);
  border-radius: var(--radius-md);
  font-weight: var(--font-medium);
  position: relative;
  overflow: hidden;
}

.btn:focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 2px;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.btn:active {
  transform: translateY(0);
}

/* Enhanced animations and interactions */
.product-card,
.sidebox,
.threecontact .contactimgbox {
  transition: all var(--transition-normal);
}

.product-card:hover,
.sidebox:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

/* Improved focus states for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 2px;
}

/* Modern scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb {
  background: var(--brand-secondary);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--brand-primary);
}

/* Modern semantic component styles */
.hero-section {
  background: var(--brand-gradient);
  padding: clamp(var(--space-12), 8vw, var(--space-20)) 0;
  min-height: 60vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.hero-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--space-4);
  text-align: center;
}

.hero-title {
  font-family: var(--font-primary);
  font-size: clamp(var(--text-3xl), 5vw, var(--text-5xl));
  font-weight: var(--font-bold);
  color: white;
  margin-bottom: var(--space-4);
  line-height: 1.1;
}

.hero-description {
  font-size: clamp(var(--text-base), 2vw, var(--text-lg));
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: var(--space-6);
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hero-cta {
  background: #fff;
  color: var(--brand-primary);
  padding: var(--space-3) var(--space-6);
  border-radius: var(--radius-lg);
  font-weight: var(--font-semibold);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-fast);
}

.hero-cta:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.products-section {
  padding: var(--space-16) 0;
  background: #f8fafc;
}

.section-header {
  text-align: center;
  margin-bottom: var(--space-12);
}

.section-title {
  font-family: var(--font-primary);
  font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl));
  font-weight: var(--font-bold);
  color: #1e293b;
  margin-bottom: var(--space-4);
}

.section-description {
  font-size: var(--text-lg);
  color: #64748b;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: var(--space-8);
  margin-bottom: var(--space-12);
}

.product-card {
  background: white;
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-normal);
  border: 1px solid #e2e8f0;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand-secondary);
}

.product-title {
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  margin-bottom: var(--space-3);
}

.product-link {
  color: var(--brand-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.product-link:hover {
  color: var(--brand-accent);
}

.product-summary {
  font-size: var(--text-sm);
  color: #64748b;
  margin-bottom: var(--space-3);
  font-weight: var(--font-medium);
}

.product-details {
  color: #475569;
  line-height: 1.6;
  margin-bottom: var(--space-4);
}

.product-link-arrow {
  color: var(--brand-primary);
  font-size: var(--text-lg);
  transition: all var(--transition-fast);
}

.product-link-arrow:hover {
  color: var(--brand-accent);
  transform: translateX(4px);
}

.section-cta {
  text-align: center;
}

.btn-primary {
  background: var(--brand-primary);
  color: white;
}

.btn-secondary {
  background: var(--brand-secondary);
  color: white;
}

/* Fluid typography improvements */
@media (max-width: 768px) {
  .innerbanner-bar h1 {
    font-size: var(--text-3xl);
    line-height: 1.1;
  }

  .innerbanner-bar ul {
    font-size: var(--text-base);
  }

  .products-grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .hero-section {
    padding: var(--space-12) 0;
  }
}