:root {
    --primary:#0246E3;
    --primary-dark:#001987;
    --dark:#0f172a;
    --text:#475569;
    --light:#f8fbff;
    --border:#e2e8f0;
    --radius:24px;
    --shadow-sm:0 10px 30px rgba(0,0,0,.05);
    --shadow-md:0 20px 60px rgba(0,0,0,.08);
    --shadow-lg:0 30px 80px rgba(0,0,0,.12);
}

.container-fluid{ overflow:visible;}
.border-radius{ border-radius:30px;}
.banner-heading h1, .page-template-template-request-demo-forms h1, .page-template-certificate-forms h1 { color: #000000;font-size: 40px; line-height: 50px; position: relative; font-weight: 500 !important;
}
.text-blue { color: #001987 !important;}

.banner-heading .gia-docs-template .entry-title > div, .banner-heading .entry-title > div { margin-bottom: 10px; background: url(//www.emagia.com/wp-content/themes/emagianew/images/webp/red-strike.webp) left 23px no-repeat; padding-bottom: 22px; background-size: 21%; font-family: 'Inter', sans-serif;}
.banner-heading .entry-title > div { color: #0031bc; font-size: 22px;font-weight: 400;line-height: 1;}

.ttl { color: #000; font-size: 18px; width: 100%; text-align: left !important; }
.page-template-product-page .gradient-animation-no, .page-template-product-custome-page .gradient-animation-no, .page-template-product-page-new-live .gradient-animation-no { background: #001fb1; background: -moz-linear-gradient(top,#001fb1 0%,#009cff 100%); background: -webkit-linear-gradient(top, #001fb1 0%, #009cff 100%); background: linear-gradient(to bottom, #001fb1 0%, #009cff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001fb1',endColorstr='#009cff',GradientType=0); float: right; width: 760px; height: 400px; border-radius: 0 0 0 2000px; position: absolute; top: 0; left: 245px; z-index: -1; opacity: .3; }
.world-bg-container { position: absolute; top: 0; right: 0; width: 762px; height: 372px; z-index: -2; opacity: 0.5; overflow: hidden; }

.world-bg-container img { display: block; width: 100%; height: 100%; }
.page-btns { margin-top: -28px; margin-bottom: 25px; z-index: 9; position: relative; padding-left: 15px; padding-right: 15px; }
.btn-blink, .event-video-play.video-btn { animation: shadow-pulse 3s infinite; }
.basicbtn, .product-block a.basicbtn { color: #fff !important; background-color: #00258e; cursor: pointer; font-size: 14px; padding: 10px 20px; line-height: normal; text-transform: uppercase; margin-bottom: 20px; font-weight: 500; transition: all .4s linear; position: relative; display: inline-flex; align-items: center; }
.basicbtn, .main-navigation .main-nav ul li#menu-item-10117 a, .pricing-div a.btn-sm, .btn-group-lg > .btn, .btn-lg, #newMsg h3 a.webinarEbook { border-radius: .5rem; }
.page-btns2 { margin-top: -85px; margin-bottom: 50px; }
.page-btns3 { margin-top: -115px; margin-bottom: 52px; }

.home-page-new h2.main-h { font-size: 32px; font-weight: 500 !important; letter-spacing: -.03rem; }
.basic-page .basicPage-inner h2, .basic-page .basicPage-inner h4, .basic-page .basicPage-inner h2 a, .basic-page h3 a { color: #000000 !important; }
.basic-page .basicPage-inner .bg-primary h2, .basic-page .basicPage-inner .bg-dark-blue h2 { color: #fff !important; }
.learnHow > div > div { display: inline-block; line-height: 22px; }
.learnHow .normlbtn { font-weight: 600; color: #2386e2 !important; text-transform: uppercase; }
.solution-new .d-flex div:first-child div { border-bottom: 2px solid #066fff; padding-bottom: 10px; }
.solution-new .d-flex div:first-child img { max-width: 35px; width: 35px; }
.basic-page img { border-radius: 10px; background-color: #fff0; }
.radius-0 { border-radius: 0; }
.cs-st-block p { font-size: 16px; margin-bottom: 1.5em; line-height: 1.77777; color: #000; }
.cs-st-block .d-flex > div:last-child { display: flex; }
.cs-st-block .d-flex > div:last-child > div:first-child { margin: 0 25px 0 0 !important; }
.cs-st-block .d-flex > div > div { width: 156px; }
.cs-st-block h4 { color: #335eea; font-size: 28px !important; font-weight: 500 !important; letter-spacing: -.06rem; line-height: 24px; }
.cs-st-tbn { bottom: 25px; }
.normlbtn .fa-solid, .home-page-new .basicbtn .fa-solid { margin-left: .5rem; transition: transform .3s ease-in-out; }
.cs-st-block .cs-st-tbn .normlbtn .fa-arrow-right { color: #335eea !important; }
.normlbtn:hover .fa-solid, .home-page-new .basicbtn:hover .fa-solid { transform: translateX(.5rem); }
.card-group-control .card { box-shadow: none; background-color: #e9f3ff; border-radius: 15px; margin-bottom: 1rem; border: none; }
.card-group-control .card .card-header { border-radius: 15px !important; }
.card-group-control .card-title { position: relative; margin-bottom: 0; margin: 0; font-size: 18px; font-weight: 500 !important; }
.basic-page .card-group-control .card-title > a { color: #000000 !important; }
.card-group-control .card .collapse.show { border-top: 1px solid #d1e3f9; }
.card-group-control .card-header, .card-group-control .card { background-color: #f3f6ff; }

.basic-page .product-forms > div { background: none; }
.basic-page #requestDemoForm3 { background-image: url(/wp-content/themes/emagianew/images/contact-bg.svg); background-size: cover; background-position: top center; background-color: #006ADB !important; border-radius: 0.938rem !important; }
.product-forms .inside-header.grid-container.py-6{padding-top: 2rem !important; padding-bottom: 2rem !important;}
.product-forms > div form { padding-bottom: 1rem !important; padding-top: 1rem !important; }
.basic-page h2, .basic-page h4 { font-size: 1.8rem; color: #fff; font-weight: 500 !important; -webkit-font-smoothing: initial; }
.product-forms > div #requestDemoForm3 p.fill { color: #fff !important; text-align: center; }
/*form.py-3 .mb-4.col-md-3 { max-width: 15%; flex: 0 0 15%; }*/

.basic-page form input.form-control, .basic-page form select.form-control, .select2-container .select2-selection--single { height: 43px; border-radius: 50px; padding: 0 10px; border: 0; border-radius: 5px; background-color: #fff; color: #a4a4a4; font-size: 1rem !important; }
form.py-3 h4.text-center.gia-doc-title, .page-id-9112 form.py-3 h4.gia-doc-title { display: none; }
.col-md-2.rbtn button.btn.btn-primary.btn-lg.active { position: relative; overflow: hidden; }
form.py-3 .col-md-2.rbtn { max-width: 16%; flex: 0 0 16%; }
.basic-page #requestDemoForm3 p.privacy, .basic-page #requestDemoForm3 p.privacy a, .basic-page #requestDemoForm3 p.privacy a:hover { color: #fff !important; margin-bottom: 0 !important; }
.main-navigation .main-nav ul li#menu-item-10117 a, .basicPage-inner .learnHow .bg-blue a.btn.btn-sm.text-white { position: relative; transition: all .2s linear; z-index: 99; display: block; text-align: center; background: #fff !important; color: #00258e !important; border: solid 2px #fff; padding: 0 15px; margin-left: 65px; }
#faqs .sticky { position: sticky; top: 120px; align-self: flex-start; }

.learnHow { font-size: 18px !important; font-weight: 500; }
.basicPage-inner a.btn-sm { font-size: .938rem; font-weight: 500; color: #0052d9 !important; padding: 0; border: 0; margin-bottom: 0 !important; }
.case-studies .subhead { color: #000 !important; display: inline-block; z-index: 9; top: 10px; background-color: #fff; -webkit-box-shadow: -5px -8px 10px rgb(137 137 137 / 10%); box-shadow: -5px -8px 10px rgb(137 137 137 / 10%); border-radius: 15px 15px 0 0; padding: 10px 20px 0; position: absolute; }
.subhead { color: #fff !important; text-transform: uppercase; text-decoration: none; font-weight: 400; letter-spacing: 2px; font-size: 14px; }
.basic-page .case-studies .card { border: none; background-color: #fff; -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 20%); box-shadow: 0 5px 20px rgb(0 0 0 / 20%); border-radius: 0 15px 15px 15px; margin-top: 48px; }
.case-studies.sugst-resource .card-body { background: #fff0; height: auto; }
.sugst-resource .card-body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: rgb(0 0 0 / .3); border-radius: 10px; }
.card-info { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 15px; border-right: 2px solid rgb(255 255 255 / .5); }
.case-studies .erp_case-logo { background: #fff0; width: 100px; border-radius: 0; padding: 0; margin-bottom: 15px; }
.basic-page .basicPage-inner .case-studies h2.post-title { font-size: 20px; color: #000000 !important; }
.case-studies .card > div:last-child { padding: 15px; text-align: center; border-top: 1px solid #c7d9f7; margin-top: 25px; }
.case-studies .post-link { color: #0052d9 !important; }
.sugst-resource .card-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 0; }

.post-link { font-size: 18px; color: #fff !important; display: inline-flex; align-items: center; transition: color .3s ease-in-out; font-weight: 500; }
.post-link .fa { margin-left: .5rem; transition: transform .3s ease-in-out; }
.post-link:hover .fa { transform: translateX(.5rem); }
.customer-logos ul { margin: 0 !important; list-style: none; }
.customer-logos ul li { display: inline-flex; list-style: none; margin: 0 12px 12px 0 !important; width: 9.74%; height: 65px; box-shadow: rgb(205 205 205 / 45%) 0 25px 20px -20px; border: solid 1px rgb(205 205 205 / 45%); border-radius: 5px; align-items: center; justify-content: center; vertical-align: top; position: static; padding-left: 0; }
.customer-logos ul li img { border-radius: 0; }
.cash-logos-b .sap-logo { height: 25px; }
.cash-logos-b .netsuite-logo { width: 90px; }
.cash-logos-b .jd-edwards-logo { width: 90px; }
.cash-logos-b .peoplesoft-logo { width: 80px; }
.cash-logos-b .ms-dynamics-logo { width: 110px; }
.cash-logos-b .salesforce-logo { width: 60px; }
.cash-logos-b .sage-logo { width: 60px; }
.cash-logos-b .infor-logo { width: 45px; }
.gia-blok { box-sizing: border-box; position: relative; height: 13.5rem; margin-bottom: 1.5rem; padding: 1.5rem 1rem; background-color: #fff; border: .0625rem solid rgb(0 14 230 / .2); border-radius: .5rem; }
.gia-blok > div:first-child { height: 7.5rem; margin-bottom: 0; }
.gia-blok > div:first-child img { width: 125px; height: 120px; }
.gia-blok h3 { position: relative; z-index: 2; font-size: 18px; margin-top: 10px; }
.gia-blok > div:last-child { box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; padding: 5.5rem 1rem 1rem; background-color: #fff; border-radius: .5rem; box-shadow: 0 0 0 .0625rem #000ee6; opacity: 0; pointer-events: none; line-height: 1.5; z-index: 1; font-size: 13px; }
.gia-blok:hover { cursor: pointer; }
.gia-blok:hover > div:first-child { opacity: 0; height: 6.5rem; }
.gia-blok:hover > div:last-child { opacity: 1; pointer-events: auto; }
.gia-blok:hover h3 { transform: translateY(-6.5rem); }

.c-cle1 { background-color: #00258e; }
.c-cle { border-radius: 50%; padding: 20px; margin-bottom: 0; color: #fff; height: 180px; width: 180px; text-align: center; margin: 0 auto; }
.c-cle h3 { font-size: 42px; font-weight: 600 !important; color: #fff; margin-bottom: 10px; }
.c-cle2 { background-color: #1944bf; }
.c-cle3 { background-color: #3866e7; }
.c-cle4 { background-color: #044dd2; }
.sol-lan-page .c-cle h3 span, .products-page-content .c-cle h3 span { font-size: 28px; }
.sol-lan-page .numSize h3, .numSize h3 { font-size: 42px !important; }
.world-bg-container { background-image: url('/wp-content/themes/emagianew/images/webp/world-bg-2.webp'); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 372px; }

.solution-new .row{display:flex;flex-wrap:wrap;}
.solution-new .col-md-4{display:flex;}
.solution-new .col-md-4>*{width:100%;display:flex;}
.solution-new .d-flex,.benefit-card{display:flex!important;width:100%;background:#fff;border:1px solid #d9e2ef;border-radius:32px;padding:42px 36px;transition:.35s;overflow:hidden;backdrop-filter:blur(8px);}
.solution-new .d-flex div:first-child{display:flex;align-items:flex-start;margin-bottom:22px;}
.solution-new .d-flex div:first-child div{border-bottom:3px solid #066fff;padding-bottom:12px;}
.solution-new .d-flex div:first-child img{width:34px;max-width:34px;display:block;}
.solution-new .d-flex h4{font-size:22px;line-height:32px;font-weight:700;margin-bottom:12px;}
.solution-new .d-flex p{margin-bottom:0;color:#000;}
.solution-new .d-flex:hover, .benefit-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-md);  border-color: rgb(191, 219, 254);}
.cs-st-block .bg-light-blue { box-shadow: var(--shadow-sm);  border-radius: 32px; border: 1px solid var(--border); background: rgb(255, 255, 255) !important; padding: 40px !important;}
.cs-st-block .bg-white.border-radius-lg { background-color: rgb(233, 243, 255) !important;border-radius: 15px !important;}

.counts{position:relative;/*padding-top:6rem!important;padding-bottom:6rem!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);*/overflow:visible;}
.counts .row{display:flex;flex-wrap:wrap;align-items: flex-start !important;}
.counts .mobile-remover{position:-webkit-sticky;position:sticky;top:100px;height:fit-content;}
.counts .mobile-collapse-div{position:relative;padding:28px 30px;margin-bottom:20px;background:#fff;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:.35s ease;overflow:hidden;}
.counts .mobile-collapse-div:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),#4da3ff);opacity:0;transition:.35s ease;}
.counts .mobile-collapse-div:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#bfdbfe;}
.counts .mobile-collapse-div:hover:before{opacity:1;}
.counts .mobile-collapse-div h3{position:relative;font-size:1.18rem;line-height:1.4;font-weight:700;color:var(--dark);margin-bottom:12px!important;padding-left:52px;cursor:pointer;}
.counts .mobile-collapse-div h3:before{content:"✓";position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#0057ff);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 25px rgba(2,70,227,.18);}
.counts .mobile-collapse-div p{margin:0;font-size:1rem;line-height:1.9;color:var(--text);padding-left:52px;}
.counts .pl-5{padding-left:3rem!important;}
@media (max-width:768px){
/*.counts{padding-top:4rem!important;padding-bottom:4rem!important;}*/
.counts .section-title{font-size:2.2rem;}
.counts .mobile-remover{position:static;}
.counts .pl-5{padding-left:15px!important;}
.counts .mobile-collapse-div{padding:22px 20px;border-radius:20px;}
.counts .mobile-collapse-div h3{font-size:1.05rem;padding-left:48px;}
.counts .mobile-collapse-div p{padding-left:48px;font-size:.96rem;line-height:1.8;}
}

/*#overview .col-md-6:last-child{position:sticky;top:120px;align-self:flex-start;}*/
#overview .col-md-6:last-child a{display:block;position:relative;}
#overview .col-md-6:last-child img{width:100%;border-radius:32px!important;background:#fff!important;padding:18px;border:1px solid var(--border);box-shadow:0 30px 80px rgba(15,23,42,.12);transition:.45s ease;}
#overview .col-md-6:last-child img:hover{transform:translateY(-8px) scale(1.01);}

/* Button Styles */

.basicbtn,.product-block a.basicbtn{display:inline-flex;align-items:center;box-shadow:rgba(2,70,227,.18) 0 15px 40px;color:#fff!important;background:linear-gradient(135deg,var(--primary),#0057ff);border:none;padding:16px 30px !important;border-radius:15px !important;gap:10px;transition:.35s; white-space: nowrap;}
.bg-blue.btn.btn-primary{display:inline-flex;align-items:center;box-shadow:rgba(2,70,227,.18) 0 15px 40px;color:#fff!important;background:linear-gradient(135deg,var(--primary),#00258e);border:none;padding:16px 30px !important;border-radius:15px!important;gap:10px;transition:.35s !important; white-space: nowrap;}
.btn-lg.btn-outline-primary{display:inline-flex;align-items:center;box-shadow:rgba(2,70,227,.18) 0 15px 40px;color:#fff!important;background-color:#007bff;border:none;padding:16px 30px !important;border-radius:15px!important;gap:10px;transition:.35s !important; white-space: nowrap;}
.basicbtn:hover{transform:translateY(-5px);box-shadow:rgba(2,70,227,.24) 0 25px 60px;text-decoration: none;}

.bg-blue.btn.btn-outline-primary{display:inline-flex;align-items:center;box-shadow:rgba(2,70,227,.18) 0 15px 40px;color:#fff!important;background:linear-gradient(135deg,var(--primary),#00258e);border:2px solid #ffffff;padding:16px 30px !important;border-radius:15px!important;gap:10px;transition:.35s !important;}

/*End  Button Styles */

#edge .learnHow .bg-light-blue{position:relative;box-shadow:rgba(15,23,42,.06) 0 20px 50px;overflow:hidden;border-radius:24px;border:1px solid var(--border);padding:36px 40px!important;background:#fff!important;}
.bg-light-blue.border-radius{position:relative;box-shadow:rgba(15,23,42,.06) 0 20px 60px;overflow:hidden;border-radius:24px;border:1px solid var(--border);padding:36px 48px!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;}

#faqs .bg-light-blue.border-radius{position:relative;overflow:hidden;padding:42px 48px!important;border-radius:32px;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;border:1px solid var(--border);box-shadow:0 20px 60px rgba(15,23,42,.06);margin-top:5rem!important;}
#faqs .bg-light-blue.border-radius:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary),#4da3ff);}
#faqs .bg-light-blue.border-radius h3{font-size:2rem;line-height:1.1;font-weight:700;color:var(--primary-dark);margin-bottom:1rem;}
#faqs .bg-light-blue.border-radius p{font-size:1.05rem;line-height:1.9;color:var(--text);margin-bottom:2rem;}
#faqs .bg-light-blue.border-radius li:before{display:none;}
#faqs .bg-light-blue.border-radius ul{display:flex!important;flex-wrap:wrap;gap:18px!important;padding:0;margin:0;list-style:none;}
#faqs .bg-light-blue.border-radius ul li{padding-left:0;}
#faqs .bg-light-blue.border-radius ul li a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:18px 24px;border-radius:18px;background:#fff;border:1px solid #dbe7ff;color:var(--primary-dark);font-weight:600;transition:.35s ease;box-shadow:0 10px 25px rgba(15,23,42,.04);}
#faqs .bg-light-blue.border-radius ul li a:after{content:"→";font-size:16px;transition:.3s ease;}
#faqs .bg-light-blue.border-radius ul li a:hover{transform:translateY(-5px);/*background:linear-gradient(135deg,var(--primary),#0057ff);color:#fff;*/border-color:transparent;box-shadow:0 20px 50px rgba(2,70,227,.22);}
#faqs .bg-light-blue.border-radius ul li a:hover:after{transform:translateX(4px);}
@media (max-width:768px){
#faqs .bg-light-blue.border-radius{padding:30px 22px!important;border-radius:24px;}
#faqs .bg-light-blue.border-radius h3{font-size:1.8rem;}
#faqs .bg-light-blue.border-radius ul{flex-direction:column;gap:14px!important;}
#faqs .bg-light-blue.border-radius ul li a{width:100%;justify-content:space-between;}
}

.bt-form-b .bg-dark-blue.border-radius-xl{position:relative;overflow:hidden;}
.bt-form-b .bg-dark-blue.border-radius-xl:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('/wp-content/themes/emagianew/images/contact-bg.svg') top center/cover no-repeat;opacity:.4;z-index:0;}
.bt-form-b .bg-dark-blue.border-radius-xl>*{position:relative;z-index:1;}

.marquee.marquee--8 img, .marquee.marquee--9 img{filter:grayscale(100%);transition:filter .3s ease;}
.marquee.marquee--8 img:hover, .marquee.marquee--9 img:hover{filter:grayscale(0);}
.c-arw { transition: .3s ease;}

.sticky-cta-block {bottom: 0;left: 0; opacity: 0; position: sticky; transform: translateY(100%); transition: transform .4s ease-in-out, opacity .5s ease-in-out; width: 100%; z-index: 2;}
.sticky-cta-block.visible { opacity: 1; transform: translateY(0);}
.eipp-cp .d-flex{padding:15px 0;background:linear-gradient(274deg,#f5f7fe,#f7fcff);border-radius:1rem}
.inner-y{padding:0 1.5rem;border:1px solid #fff;border-radius:10px;}
.inner-y:hover {border: solid 1px rgb(23 152 242 / 30%);}
.inner-y .icon-block{display:flex;justify-content:space-between;align-items:center;}
.inner-y .main-topic__line{height:2px;width:55px;background-color:#cf0008;margin-bottom:20px;}
.inner-y .icon-block .num{font-size:70px;font-weight:900;color:#d0e5ff;line-height:normal;}
.eipp-blog-sec .media{cursor:pointer;border:1px dashed #ccc;border-radius:7px;align-items:center;}
.eipp-blog-sec .media:hover{background:#e9f3ff;border-radius:5px;}
.eipp-blog-sec .media-body{padding-right:10px;}
.eipp-blog-sec .media .mr-3 div{background-repeat:no-repeat;width:114px;height:114px;background-position:right 0;background-size:220%;border-radius:5px 0 0 5px;}
.eipp-blog-sec .media-body p{margin-bottom:.6rem!important;font-size:13px;letter-spacing:2px;}
.eipp-blog-sec .media-body h3{font-size:16px;font-family:'PolySans Median';}
.header-text { display: flex; justify-content: space-between;}

#faqs .card h3, #faqs .card h2{ font-family: 'PolySans Neutral';}
#faqs .link-opacity-75-hover{ font-size: 16px;}

.product-page-hero-section {background-color:transparent; overflow:hidden;}
.page-btns .btn-outline-primary{ background: #0095ff !important;}

.basicPage-inner .product-block .connect-dots .col>div{width:75px;display:flex;justify-content:space-between;margin:-4px auto 0;align-items:center}.basicPage-inner .product-block .connect-dots .col>div>div{width:9px;height:9px;background-color:#bfbfbf;border-radius:13px}.mauto { margin: 0 auto;}
.basicPage-inner .product-block h4{font-size:17px}.basicPage-inner .product-block .circle-ripple{display:none}.basicPage-inner .product-block .inside-header>.row{position:relative}.basicPage-inner .product-block .inside-header>.row>.col-md-2{z-index:1}.basicPage-inner .product-block .connect-dots{width:78%;background-color:#e0e0e0;z-index:0;position:absolute;top:45px;margin:0 11%!important}.basicPage-inner .product-block .carousel-indicators{bottom:-100px}.basicPage-inner .product-block .carousel-indicators li{background-color:#000}.basicPage-inner .product-block .connect-dots .col>div{margin:-3px auto 0}.basicPage-inner .product-block .connect-dots .col>div>div{width:7px;height:7px}.basicPage-inner .product-block .p-blok{padding:0;min-height:340px}.basicPage-inner .product-block .p-blok h3{font-size:1.1rem}.basicPage-inner .product-block .p-blok img{width:80px;background-color:#fff;margin-bottom:1rem}.basicPage-inner .product-block .p-blok:after{content:'';width:1px;height:65%;background-color:#dadada;position:absolute;top:135px;right:0}.basicPage-inner .product-block .carousel-item .col-md-2:last-child .p-blok:after{display:none}.basicPage-inner .product-block p{margin-bottom:.925rem;line-height:1.5;font-size: .75rem;}.basicPage-inner a.btn-sm{font-size:.938rem;font-weight:500;color:#0052d9!important;padding:0;border:0;margin-bottom:0!important}.basicPage-inner a.btn-sm:hover{color:#003399!important}.basicPage-inner .product-block a.btn-sm{position:absolute;transform:translateX(-50%);bottom:0}.basicPage-inner .product-block .carousel-item>div{float:left;flex:0 0 20%;max-width:20%}.basicPage-inner .product-block .carousel-inner{z-index:1}

.o2c-dark { overflow: hidden; color: #fff; background: radial-gradient(circle at 20% 0%, #01134a 0%, #0a0f1d 60%); }
/*.o2c-title:after { content: ""; display: block; width: 70px; height: 4px; margin: 14px auto 0; border-radius: 4px; background: linear-gradient(90deg, #00d4ff, #7a5cff); }*/
.basic-page .basicPage-inner .o2c-dark h2.o2c-title{ color: #fff !important}
.basic-page .basicPage-inner .o2c-dark h4{ color: #fff !important; font-size:1rem;}
.o2c-sub { color: #fff !important; }
@media (min-width: 992px) { .o2c-col { flex: 0 0 20%; max-width: 20%; } }

/* Start Autonomous O2C Page  */

/* scroll reveal (staggered) */
.o2c-col { transition: opacity .7s ease, transform .8s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--i) * 70ms); }
.o2c-col.pre { opacity: 0; transform: translateY(40px) scale(.94); }
.o2c-col.pre.show { opacity: 1; transform: none; }

/* card */
.o2c-item { position: relative; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 1rem;
transition: transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s, border-color .4s; }
.o2c-item:hover { transform: translateY(-10px); border-color: rgba(90,169,255,.6); box-shadow: 0 0 28px rgba(90,169,255,.3); }
.o2c-item:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s;
background: radial-gradient(160px circle at var(--x, 50%) var(--y, 50%), rgba(90,169,255,.28), transparent 70%); }
.o2c-item:hover:before { opacity: 1; }
.o2c-item ul li{ padding-left:0 !important;}
.o2c-item ul li:before{ display:none;}

/* icon */
.o2c-icon { width: 60px; height: 60px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center;
box-shadow: 0 0 18px rgba(90,169,255,.35); transition: box-shadow .4s; animation: o2c-float 4s ease-in-out infinite; animation-delay: calc(var(--i) * -300ms); }
.o2c-icon img { transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.o2c-item:hover .o2c-icon { box-shadow: 0 0 0 8px rgba(90,169,255,.18), 0 0 30px rgba(90,169,255,.6); }
.o2c-item:hover .o2c-icon img { transform: scale(1.15) rotate(-8deg); }
@keyframes o2c-float { 50% { transform: translateY(-6px); } }

/* button */
.o2c-dark .btn-outline-primary { color: #5aa9ff; border-color: #5aa9ff; }
.o2c-dark .btn-outline-primary:hover { color: #0a0f1d; background: #5aa9ff; box-shadow: 0 0 16px rgba(90,169,255,.7); }

.basicPage-inner .o2c-item a.btn-sm { color: #ffffff !important;  padding: 5px 20px !important; border: 1px solid #0095ff; font-weight:400!important; }
.basicPage-inner .o2c-item a.btn-sm:hover { color: #ffffff !important;}

@media (prefers-reduced-motion: reduce) { .o2c-col, .o2c-item, .o2c-icon { animation: none; transition: none; } .o2c-col.pre { opacity: 1; transform: none; } }

/* Colour tokens + .gia-blok class from products-style.css – pure CSS, no JavaScript */
:root{
--soft-blue:#e9f3ff;
--ease:cubic-bezier(.22,.8,.24,1);
}

.trifecta-section{
position:relative; padding:90px 0 200px; overflow:hidden;
background:var(--soft-blue);
font-family:'PolySans Neutral','Space Grotesk',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
.trifecta-section .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14;pointer-events:none;background:var(--primary);animation:tfFloat 14s ease-in-out infinite}
.blob-1{width:340px;height:340px;top:-120px;left:-80px}
.blob-2{width:300px;height:300px;bottom:-100px;right:-60px;animation-delay:-6s}
@keyframes tfFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.12)}}

.container-trifecta{max-width:1320px;margin:0 auto;padding:0 20px;position:relative}
.container-trifecta .row{margin-left:-12px;margin-right:-12px}
.container-trifecta .row>[class*="col"]{padding-left:12px;padding-right:12px}
.trifecta-title{font-size:2rem;font-weight:700;line-height:1.3;color:#000;margin:0 0 3rem}

/* ---------- entrance animation (CSS only) ---------- */
@keyframes tfIn{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}
.reveal{animation:tfIn .9s var(--ease) both; animation-delay:calc(var(--i,0) * .12s)}
.row>.reveal:nth-child(1){--i:1}.row>.reveal:nth-child(2){--i:2}.row>.reveal:nth-child(3){--i:3}
.row>.reveal:nth-child(4){--i:4}.row>.reveal:nth-child(5){--i:5}

/* where supported, play it as each item scrolls into view */
@supports (animation-timeline:view()){.reveal{animation:tfIn linear both; animation-delay:0s; animation-timeline:view(); animation-range:entry calc(var(--i,0) * 5%) entry calc(45% + var(--i,0) * 5%);}
}

/* ---------- .gia-blok ---------- */
.gia-blok{
box-sizing:border-box; position:relative; margin-bottom:1.5rem; padding:1.5rem 1rem;
background-color:#fff; text-align:center;
border:.0625rem solid rgb(0 14 230 / .2); border-radius:.5rem;
outline:none; cursor:pointer;
transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);
}
/* image */
.gia-blok > div:first-child{
display:grid; grid-template-rows:1fr;
transition:grid-template-rows .6s var(--ease), opacity .45s var(--ease);
}
.gia-blok > div:first-child > div{overflow:hidden; min-height:0; padding:6px 0 4px}
.gia-blok > div:first-child img{width:125px; height:120px; object-fit:contain; animation:tfBob 6s ease-in-out infinite}
@keyframes tfBob{0%,100%{translate:0 0}50%{translate:0 -6px}}
.col-xl:nth-child(even) .gia-blok img{animation-delay:-2s}
.col-xl:nth-child(3n) .gia-blok img{animation-delay:-4s}
/* title */
.gia-blok h3{
margin:10px 0 0; padding:0 .25rem;
font-size:17px; font-weight:700; line-height:1.3; color:var(--dark);
transition:margin .6s var(--ease), color .4s;
}
/* sub text (hidden until hover) */
.gia-blok > div:last-child{
display:grid; grid-template-rows:0fr; opacity:0;
font-size:13px; line-height:1.55; color:var(--text);
transition:grid-template-rows .6s var(--ease), opacity .45s var(--ease);
}
.gia-blok > div:last-child > p{overflow:hidden; min-height:0; margin:0; line-height:1.4;}

/* ---------- desktop hover / focus ---------- */
@media (min-width:1200px){
.gia-slot{position:relative; height:14.8rem; margin-bottom:1.5rem}
.gia-blok{position:absolute; top:0; left:0; width:100%; min-height:100%; margin-bottom:0}
.gia-blok:hover,.gia-blok:focus{
z-index:5; transform:translateY(-6px);
border-color:#000ee6; box-shadow:0 22px 44px rgba(2,70,227,.18);
}
.gia-blok:hover > div:first-child,.gia-blok:focus > div:first-child{grid-template-rows:0fr; opacity:0}
.gia-blok:hover h3,.gia-blok:focus h3{margin:0 0 .6rem; color:var(--primary)}
.gia-blok:hover > div:last-child,.gia-blok:focus > div:last-child{grid-template-rows:1fr; opacity:1; transition-delay:.05s}
}

/* ---------- responsive (below 1200px): 2 per row, image + title only ---------- */
@media (max-width:1199.98px){
.container-trifecta .row{align-items:stretch;margin-left:-8px;margin-right:-8px}
.container-trifecta .row>[class*="col"]{padding-left:8px;padding-right:8px;margin-bottom:16px}
.gia-blok{height:100%; margin-bottom:0; padding:1.25rem 1rem; cursor:default}
.gia-blok > div:first-child img{width:auto; max-width:100%; height:110px}
.gia-blok h3{font-size:16px}
.gia-blok > div:last-child{display:none}
}
@media (max-width:767px){
.trifecta-section{padding:70px 0 90px}
.trifecta-title{font-size:1.5rem;margin-bottom:2rem}
}

@media (prefers-reduced-motion:reduce){
.reveal,.blob,.gia-blok img{animation:none}
.gia-blok,.gia-blok h3,.gia-blok > div{transition:none}
}

/* ===================== Why Emagia (dark) – CSS-only counters ===================== */
@property --num{syntax:'<integer>';initial-value:0;inherits:false}
@keyframes whyCount{from{--num:0}to{--num:var(--to)}}
@keyframes whySpin{to{transform:rotate(360deg)}}
@keyframes whyPulse{0%,100%{box-shadow:0 0 0 0 rgba(90,169,255,.28),0 20px 50px rgba(0,0,0,.45)}50%{box-shadow:0 0 0 14px rgba(90,169,255,0),0 20px 50px rgba(0,0,0,.45)}}

.o2c-dark{
position:relative; overflow:hidden; color:#fff; 
background:radial-gradient(circle at 20% 0%,#01134a 0%,#0a0f1d 60%);
font-family:'PolySans Neutral','Space Grotesk',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
.why-title{font-size:2rem;font-weight:700;margin:0}
.why-sub{max-width:900px;margin:1rem auto 3.5rem;color:#cbd5e1;line-height:1.7}

.why-circle{
position:relative; width:100%; max-width:190px; aspect-ratio:1/1; margin:0 auto 1.5rem; padding:1rem;
border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.22),transparent 55%),var(--c);
border:1px solid rgba(255,255,255,.14);
animation:whyPulse 4s ease-in-out infinite;
transition:transform .5s var(--ease), filter .5s var(--ease);
}
.why-circle::before{ /* slow rotating dashed ring */
content:""; position:absolute; inset:-9px; border-radius:50%;
border:1px dashed rgba(90,169,255,.4); animation:whySpin 24s linear infinite;
}
.why-circle:hover{transform:translateY(-8px) scale(1.04); filter:brightness(1.15) drop-shadow(0 0 22px rgba(90,169,255,.55))}
.c-cle1{--c:#00258e}.c-cle2{--c:#1944bf}.c-cle3{--c:#3866e7}.c-cle4{--c:#044dd2}
.why-circle small{font-size:clamp(.72rem,1.6vw,.95rem); line-height:1.2; color:rgba(255,255,255,.88)}
.why-circle h3{margin:.3rem 0; font-size:clamp(1.7rem,4vw,2.6rem); font-weight:700; line-height:1; color:#fff; white-space:nowrap; font-variant-numeric:tabular-nums}
.why-circle h3 > span:not(.why-num){font-size:.55em}

/* counter: --num animates 0 → --to, shown through a CSS counter */
.why-num{counter-reset:num var(--num); animation:whyCount 2s ease-out both}
.why-num::before{content:counter(num)}
@supports (animation-timeline:view()){
    .why-num{animation:whyCount linear both; animation-timeline:view(); animation-range:entry 0% entry 90%}
}

@media (max-width:767px){
    .o2c-dark{padding:70px 0 70px}
    .why-title{font-size:1.5rem}
    .why-sub{margin-bottom:2.5rem}
}
@media (prefers-reduced-motion:reduce){
    .why-circle,.why-circle::before{animation:none}
    .why-num{animation:none; --num:var(--to)}
}

/* End Autonomous O2C Page  */


#stickyFormSlot{opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .4s,transform .4s,visibility .4s}
#stickyFormSlot.show{opacity:1;visibility:visible;transform:none}
@media (max-width: 991.98px){
  #stickyFormSlot{display:none!important}
  #ctaDefault.invisible{visibility:visible!important}
  .sticky-cta-block{display:none!important}
}
#requestDemoForm3 h5 {color: #fff !important; text-align: center; margin: 0;}
#popupForm iframe{ width:100%;}
#popupModal .modal-dialog{ margin-top:2rem;}


@media (max-width:768px){
.productPg-banner,.mobile-remover{display:none!important;}
.marquee{animation:none!important;}
.page-btns{margin:0 auto !important;text-align:center;padding-left:10px;padding-right:10px;}
.banner-heading h1{font-size:26px!important;line-height:30px;width:100%;padding-top:0!important; padding-bottom:0 !important;}
.banner-heading p.ttl{padding:0 0 30px 0 !important;margin:0;}
.page-btns .basicbtn.mr-3{margin-right:0 !important;}
.banner-heading .gia-docs-template .entry-title>div,.banner-heading .entry-title>div{margin-bottom:0;}
.first-para.w-75{width:100%!important;}
.sol-lan-page .basic-page .inside-header,.inside-header.grid-container{width:100%!important;max-width:100%!important;min-width:100%!important;}
.home-page-new h2.main-h{letter-spacing:0rem;}
.home-page-new .cs-st>div,.home-page-new .cs-st-block .d-flex>div>div{width:100%!important;}
.home-page-new .cs-st .align-items-center.justify-content-between>div:first-child{width:48%!important;margin:0!important;}
.home-page-new .cs-st .align-items-center.justify-content-between>div br{ display:none;}
.home-page-new .cs-st-block .p-4,.home-page-new .cs-st-block .px-3.py-4{padding:.6rem .3rem!important;margin-bottom:0!important;}
.home-page-new .cs-st-block .p-4>div,.home-page-new .cs-st-block .px-3.py-4>div{margin-bottom:.5rem!important;}
.home-page-new .cs-st-block h4{font-size:22px!important;}
.home-page-new .cs-st-block .px-5.py-4{padding: 25px !important;}
.home-page-new .cs-st-block .p-4 p,.home-page-new .cs-st-block .px-3.py-4 p{font-size:10px;margin-bottom:0!important;}
.cs-st-tbn{position:static;/*margin-top:15px;*/}
.cs-st-block .row>div{ margin-bottom:0 !important;}
.learnHow>div.bg-blue>div{font-size:16px;line-height:22px;margin-bottom:15px;display:block;padding:0!important;}
.learnHow>div.bg-blue>div a{margin:0!important;}
.basicPage-inner .row .pl-5,.basicPage-inner .row .pl-4{padding-left:15px!important;}
.basicPage-inner .row .pr-5,.basicPage-inner .row .pr-4{padding-right:15px!important;}
#edge .learnHow .bg-light-blue, .solution-new .d-flex, .benefit-card{ padding:25px !important;border-radius:20px;}
.solution-new .d-flex div:first-child{ margin-bottom:0;}
.card-group-control .card .card-header { padding-left: 20px;}
.sticky-cta-block h2{ text-align:center;}
.banner-heading .entry-title > div {font-size: 16px;}
.rank-math-breadcrumb {opacity: 0.8;}
.counts .mobile-collapse-div:last-child{ margin-bottom:0 !important;}
.bg-light-blue.border-radius{ padding:25px !important; border-radius:20px;}
#integrations img{ border:none !important;}
.case-studies.sugst-resource .card-body.px-5, .case-studies.sugst-resource .d-flex.px-5{ padding-left:20px !important; padding-right:20px !important;}
.case-studies .card > div:last-child{ margin-top:0;}
.first-para{ padding-top:30px;}
.sticky-cta-block .justify-content-between{ justify-content:center !important;}
.cs-st-block .bg-light-blue{ border-radius:20px;}
.sticky-cta-block .text-nowrap{ white-space: normal !important;}
.basicbtn, .product-block a.basicbtn{ box-shadow:none !important;}
.sticky-cta-block a.basicbtn{ padding: 10px 20px !important;  border-radius: 7px !important;}
.banner-heading .col-md-6.pr-0{ padding-right:15px !important;}
}