:root { --nav-h: 90px; } /* set to your header height */
.row-fluid .piller-body-main .piller-list{
  position: sticky;
  top: calc(var(--nav-h) + 50px); /* was 140px – adjust as needed */
  align-self: flex-start;         /* important inside flex layouts */
  display: flex;
  flex-direction: column;
  gap: 24px;                      /* space between the UL and the CTA */
}

.piller-page .row-fluid .hero-content { padding: 240px 140px 200px;}

.row-fluid .piller-body-main .piller-list ul ::marker {font-size:100%;}

.row-fluid .piller-body-main img { max-width: 100%;position:relative;z-index:1;}

.row-fluid .piller-body-main { position:relative;}
.row-fluid .piller-body-main .piller-outer .piller-box .pillar-top-sec { padding:10px; background:#242c33;border-radius:0px;}
.row-fluid .piller-body-main .piller-outer .piller-box .pillar-top-sec h2 { color:#fff;}
.row-fluid .piller-body-main .piller-outer .piller-box .pillar-top-sec h5 { color:#fff;}
.row-fluid .piller-body-main .piller-outer .piller-box .piller-boxinner {padding-bottom:25px;position:relative; z-index:3;}
.row-fluid .piller-body-main { padding: 25px 0px; }
.row-fluid .piller-body-main .container { display: flex; }
.row-fluid .piller-body-main .piller-list { width: 215px; float: left; padding-bottom: 80px; }
.row-fluid .piller-body-main .piller-outer.lp-content { width: inherit; float: inherit; padding-left: 0px; }
.row-fluid .piller-body-main .piller-outer { width: calc(100% - 215px); float: left; padding-left: 32px; }
.row-fluid .piller-body-main .piller-list ul li a { color: #173066; font-size: 15px; line-height: 1.5em; display: inline-block; position: relative; }
.row-fluid .piller-body-main .piller-list ul li { list-style:none; margin-bottom: 25px; position:relative; }
.row-fluid .piller-body-main .piller-list ul li:after { content: ''; position: absolute; top: 14px; z-index: -1; right: 115%; width: 0px; border: 1px solid #f34e46; transition: all 400ms ease;; }
.row-fluid .piller-body-main .piller-list ul li.current:after { width: 50vw; right: 115%; }
.row-fluid .piller-body-main .piller-list ul li.current:before,.row-fluid .piller-body-main .piller-list ul li:hover:before { background-color: #f34e46; }
.row-fluid .piller-body-main .piller-list ul li.current a,.row-fluid .piller-body-main .piller-list ul li:hover a { color: #f34e46; }
.row-fluid .piller-body-main .piller-list ul { position: sticky; top: 140px;}
.row-fluid .piller-outer .piller-box h2.title { font-size: 45px; text-transform: inherit; letter-spacing: 0; padding: 0 30px 30px; margin-bottom:0; } 
.row-fluid .piller-outer .piller-box .piller-subtitle { text-align: left; color: #666; font-size: 18px; line-height: 1.6em; padding:0 30px 0 30px; margin-top:0;}
.row-fluid .piller-body-main .piller-outer .piller-img { max-width: 700px; margin: 0px auto; padding: 30px 0;}
.row-fluid .piller-body-main .piller-outer .piller-img img { width: 100%; height: auto; object-fit: contain; }
.row-fluid .piller-body-main .piller-outer.lp-content .piller-box { padding-bottom: 0px; padding-top: 25px;}
.row-fluid .piller-body-main .piller-outer .piller-box { padding-bottom: 0px; padding-top: 0px;}
.row-fluid .piller-body-main .piller-outer .piller-box:first-child { padding-top:0px;}
.row-fluid .piller-body-main .piller-outer .piller-content { line-height: 1.6em; }
.row-fluid .piller-body-main .piller-outer .piller-content p:not(:last-child) { margin-bottom: 27px; }
.row-fluid .piller-body-main .piller-outer .piller-content p a { color: #f34e46; }
.row-fluid .piller-body-main .piller-outer .piller-content p a:hover { color: #132247; }
.row-fluid .piller-body-main .piller-outer .piller-content h5 { margin-bottom: 20px; font-size: 18px; text-align: left; text-transform: uppercase; color: #132247; }
.row-fluid .piller-body-main .piller-content > ul { padding-left: 25px; }
.row-fluid .piller-body-main .piller-content ul { margin: 15px 0px; }
.row-fluid .piller-body-main .piller-content > ul > li { padding-left: 30px; }
.row-fluid .piller-body-main .piller-content > ul > li:before { width: 13px; top: 10px; }
.row-fluid .piller-body-main .piller-content ul ul li:before { top: 11px; }
.row-fluid .piller-body-main .piller-content ul ul li { margin-bottom: 10px; }
.piller-box::before { content: '';display: block;height:120px;margin-top:-120px;visibility: hidden;position:relative; z-index:1;}
.piller-testi { max-width: 600px; margin: auto; }
.piller-outer.lp-content .piller-box .piller-boxinner .piller-testi .piller-testi-slide { padding: 75px 0px 0px; }
.piller-testi .piller-testi-slide { padding: 75px 0px 50px; }
.piller-testi .piller-testi-slide .piller-testi-bio { font-size: 24px; color: #173066; line-height: 1.6em; max-width: 465px; margin: auto; position: relative; }
.piller-testi .piller-testi-slide .piller-testi-bio:before { content: ''; position: absolute; top: -42px; left: -15px; background-image: url(https://www.dozuki.com/hubfs/quote-for-testimonial-red.svg); background-repeat: no-repeat; background-position: top left; background-size: contain; width: 66px; height: 72px; z-index: 1; }
.piller-testi .piller-testi-slide .piller-testi-bio .pillar-inner-content { position:relative; z-index:2;}
.piller-testi .piller-testi-slide h4 { text-align: right; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; font-size: 24px; color: #173066; margin-bottom: 5px; position: relative; }
.piller-testi .piller-testi-slide h5 { font-size: 20px; color: #173066; text-align: right; font-weight: 300; margin:0;}
.piller-testi .piller-testi-slide h4:before { content: ''; width: 16px; height: 3px; background-color: #f34e46; display: inline-block; vertical-align: middle; margin-bottom: 5px; margin-right: 40px; }

.piller-event-main { display: flex; padding: 85px 0px; }
.piller-event-main .piller-event-img { width: 290px; float: left; }
.piller-event-main .piller-event-content { width: calc(100% - 290px); float: left; padding-left: 45px; }
.piller-event-main .piller-event-content .title { text-align: left; }
.piller-event-main .piller-event-content .title:before { right: inherit; width: 100%; max-width: 309px; }
.piller-event-main .piller-event-content h6 { font-size: 18px; color: #173066; margin-bottom: 0; }
.piller-event-main .piller-event-content .sky-blue-erp-btn a { padding: 19px 39px; text-transform: uppercase; letter-spacing: 2px;}
.piller-event-main .piller-event-content .event-content-text { line-height: 1.6em; padding-right: 50px; padding-bottom: 5px; }
.piller-event-main .piller-event-img .event-img { position: relative; }
.piller-event-main .piller-event-img .event-img:before { content: ''; position: absolute; bottom: -7px; right: -13px; background-position: right bottom; background-size: contain; background-repeat: no-repeat; background-image: url(https://www.dozuki.com/hubfs/dozuki-frame-yellow.svg); width: 130px; height: 123px; z-index: 1; }

.row-fluid .bluebg-form.default-form .submitted-message { color: #ffffff; margin-bottom: 25px;}


/* Menu CSS */
.piller-toggle:focus { outline: none;}
.piller-toggle{padding:10px 0; background-color: #132249; float:right; border:none; cursor:pointer; width: 43px;}
.piller-toggle .icon-bar{margin: auto; background-color:#fff; border-radius:1px; display:block; height:3px; position:relative; width:22px; ; }
.piller-toggle .icon-bar + .icon-bar{margin-top:4px;}
.piller-toggle .icon-bar:nth-child(1), .piller-toggle .icon-bar:nth-child(3){top:0; transform: rotate(0deg);; }
.piller-menuopen .piller-toggle .icon-bar:nth-child(1){top:7px; ; }
.piller-menuopen .piller-toggle .icon-bar:nth-child(2){opacity:0;}
.piller-menuopen .piller-toggle .icon-bar:nth-child(3){top:-7px; ; }
.mainmenu .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right: 15px; top: 7px; background-color: ; transition: all 400ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#FFFFFF; height:16px; width:2px; position:absolute; left:17px; top:10px; transition: all 400ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle:before{ transform: rotate(90deg);; transition: all 400ms ease;; }
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:after{  transform: rotate(90deg);; }
.mainmenu .mobile-menu span.mobile-toggle.ebiz-subopen:before{opacity:0; background-color:#fff; transform: rotate(180deg);; }





/* CSS end  here */
@media (min-width:768px) { .container, .row-fluid .container[class*="span"]{width:750px; margin:0 auto;} }
@media (min-width:992px) { .container, .row-fluid .container[class*="span"]{width:970px; margin:0 auto;} }
@media (min-width:1200px) { .container, .row-fluid .container[class*="span"]{width:1170px; margin:0 auto;} }

@media(min-width: 768px){ 

  .tabs .tabs-title{ display: none; } 
}
@media (min-width:992px) {/*hover event for desktops*/

  .ebiz-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {opacity:1; visibility:visible;}
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper > ul {opacity:1; visibility:visible;}
  .row-fluid .mainmenu .mobile-menu > li:hover > a{ color: ; } 

}


@media (max-width:991px){
  .sticky-outer { display:none;}
  .piller-page .row-fluid .hero-content { padding-bottom: 90px;}
  .row-fluid .piller-body-main .piller-list ul { top: 90px; }
  .row-fluid .piller-body-main .piller-list ul li { margin-bottom: 15px; }
  .row-fluid .piller-outer .piller-box h2.title { font-size: 26px; padding-bottom: 20px; }
  .row-fluid .piller-outer .piller-box .piller-subtitle { font-size: 16px; margin: 20px auto; }
  .row-fluid .piller-body-main .piller-outer .piller-img { padding: 15px 0; }
  .row-fluid .piller-body-main .piller-outer .piller-box { padding-bottom: 25px; }
  .piller-event-main .piller-event-content { width: calc(100% - 160px); }
  .piller-event-main .piller-event-img { width: 160px; }
  .piller-event-main { padding: 50px 0px; }
  .row-fluid .piller-body-main .piller-outer .piller-box { padding-bottom: 0; }
  .piller-testi .piller-testi-slide .piller-testi-bio { font-size: 20px; }
  .piller-testi { max-width: 375px; }
  .piller-testi .piller-testi-slide h4 { font-size: 20px; }
  .piller-testi .piller-testi-slide h5 { font-size: 18px; }
  .piller-testi .piller-testi-slide .piller-testi-bio:before { top: -28px; left: -15px; width: 50px; height: 57px; }
  .row-fluid .piller-body-main .container { padding:0 10px;}
}

@media (max-width:767px){
  .piller-page .row-fluid .hero-content { padding-bottom: 60px;}
  .row-fluid .piller-body-main .piller-outer { width: 100%; padding-left: 0;}
  .row-fluid .piller-body-main .piller-list { position: fixed; left: 0; top: 90px; z-index: 88; padding-bottom: 0; width: 230px; transform:translateX(-100%); transition: all 400ms ease;; }
  .piller-toggle { position: absolute; top: 0; right: -43px; opacity: 1; visibility: visible;}
  .row-fluid .piller-body-main .piller-list ul { top: 0; position: relative; height: 340px; overflow-y: auto; width: 100%; padding: 15px; background-color: #fff; transition: all 400ms ease;; }
  .row-fluid .piller-menuopen.piller-list { transform:translateX(0); }
  .row-fluid .piller-menuopen > ul { box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); }
  .row-fluid .piller-body-main.piller-top-current .piller-toggle { opacity: 1; visibility: visible;}
}


@media (max-width:480px){

  .piller-page .row-fluid .hero-content { padding-bottom: 90px;}

  .row-fluid .piller-body-main .piller-content > ul { padding-left: 10px; }
  .piller-testi .piller-testi-slide .piller-testi-bio { font-size: 18px; margin-bottom: 15px; }
  .piller-testi .piller-testi-slide { padding: 50px 0px 20px; }
  .piller-event-main { padding: 20px 0px; flex-wrap: wrap; }
  .piller-event-main .piller-event-content { width: 100%; padding-left: 0; padding-top: 35px; }
  .piller-event-main .piller-event-img { width: 100%; max-width: 160px; margin: 0 auto; }
  .piller-testi .piller-testi-slide h4 { font-size: 18px; }
  .piller-testi .piller-testi-slide h5 { font-size: 16px; }
  .piller-testi .piller-testi-slide h4:before { margin-right: 25px; }


}

.sticky-outer {display: inline-block;/*position: sticky;*/top: 100px;}
.blog-body-right-new { }
.blog-body-right-new .default-form .hs-button { float:left;}
.blog-body-right-new > div { /*position: sticky; top:*/ 140px; padding:25px 10px; }

.mform-block { margin: 0 auto; box-shadow: 0px 3px 15px rgba(0, 40, 56, 0.1); display: flex; flex-wrap:wrap;background: #1b253c; border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, .1);}
.mform-block > div { float: left; }
.mform-block .mform-left { display: flex; }
/*.mform-block .mform-left .mform-left-img { width: 48%; padding-right: 15px; }*/
.mform-block .mform-left .mform-left-content { /*padding-right: 15px;*/ display: flex; align-items: center; flex-wrap:wrap;/*width: 52%;*/ text-align:center; justify-content:center; }
.mform-block .mform-left .mform-left-img img { max-width: 100%; object-fit: contain; max-height: 100%; display: block; }
.mform-block .mform-left .mform-left-content h2 { margin: 0; font-weight: 800; font-size: 24px; color: #fff; text-transform: capitalize; line-height: 1.2em; padding-bottom:15px;}
.mform-block .mform-left .subtext {color:#fff;padding-bottom:10px;}
.mform-block .mform-right { padding-right: 30px; padding-left: 15px; }
.mform-block .mform-right .mform-inner { display: table; width: 100%; padding: 17px 0px; }
.mform-block .default-form { padding-top: 15px; position: relative; padding-bottom: 60px; } 
.mform-block .default-form form .hs-form-field > label { font-size: 16px; color: #fff; display: block; padding-bottom: 10px; }
.mform-block .default-form form .hs-form-field > label span:not(:empty) { display: inline-block; }
.mform-block .default-form form { background: rgba(255, 255, 255, 0.15); padding: 25px 20px 10px; }
.mform-block .default-form .hs_submit.hs-submit { padding: 0; }
.mform-block .default-form .hs_submit.hs-submit .hs-button { font-size: 16px; border: 2px solid #FFFFFF; text-transform: inherit; font-weight: 400; background-color: transparent; padding: 10px 20px; min-width: 184px; position: absolute; right: 0; bottom: 0; }
.mform-block .mform-right .mform-inner h3 { font-weight: bold; font-size: 26px; color: #fff; margin: 5px 0px 5px; }
.mform-block .default-form .hs_submit.hs-submit .hs-button:hover { background-color: #fff; color: #2c3586; }
.mform-block .default-form .hs-error-msgs.inputs-list label { color: #fff;}
.mform-block .default-form .submitted-message { color: #fff; text-align: center; padding-top: 15px;}

.mform-block .mform-left .mform-left-content .cta a {background-color: #efca08; border: 0;border-radius: 30rem;color: #242c33;cursor: pointer;display: inline-block;font-family: PublicSans;font-size: 16rem;font-weight: 900;letter-spacing: 1.12rem;line-height: 1.2;margin: 25rem 40rem 0 0;padding: 17rem 43rem; text-align: center; text-decoration: none;text-transform: uppercase;transition: .1s ease-in;border: 2rem solid #efca08;margin:0;}
.mform-block .mform-left .mform-left-content .cta a:hover {background-color: transparent; background-color: #fff;border: 2rem solid #efca08;border-radius: 30rem;color: #242c33;cursor: pointer; display: inline-block;font-family: PublicSans;font-size: 16rem;font-weight: 900;letter-spacing: 1.12rem;line-height: 1.2;margin: 0;padding: 17rem 43rem;text-align: center;text-decoration: none;text-transform: uppercase;transition: .1s ease-in;}

@media (max-width:1200px) {
  .blog-body-right-new, .sticky-outer { position:relative; margin-top:50rem;}
  .mform-block .mform-left .mform-left-content .inner-image { max-width:80%; margin:0 auto; text-align:center;}
}